/*
    PALETTE
    White   #ffffff  — section backgrounds
    Stone   #f2f0ec  — cards, boxes, form, hero right
    Border  #e0ddd8  — all borders/dividers
    Text    #1a1a1a  — headings
    Muted   #6e6a65  — body text
    Label   #9a948e  — small labels/tags
  */

  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { background:#ffffff; color:#1a1a1a; font-family:'Jost',sans-serif; font-weight:300; overflow-x:hidden; }

  /* NAV */
  nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:1.4rem 6vw; background:rgba(255,255,255,0.97); border-bottom:1px solid #e0ddd8; transition:padding 0.3s; }
  .nav-logo img { height:42px; display:block; }
  .nav-links { display:flex; gap:2.5rem; list-style:none; }
  .nav-links a { text-decoration:none; font-size:0.73rem; letter-spacing:0.16em; text-transform:uppercase; color:#6e6a65; transition:color 0.2s; }
  .nav-links a:hover { color:#1a1a1a; }
  .nav-cta { font-size:0.71rem; letter-spacing:0.13em; text-transform:uppercase; color:#1a1a1a; border:1px solid #1a1a1a; padding:0.5rem 1.3rem; text-decoration:none; transition:all 0.25s; }
  .nav-cta:hover { background:#1a1a1a; color:white; }

  /* HERO */
  .hero { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:#ffffff; border-bottom:1px solid #e0ddd8; }
  .hero-content { display:flex; flex-direction:column; justify-content:center; padding:10rem 5vw 6rem 8vw; }
  .hero-image { background:#f2f0ec; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
  .hero-image-bg { position:absolute; inset:0; background-image:url("../img/pattern.jpg"); background-size:cover; background-position:center; opacity:1; }
  .hero-image-pattern { position:absolute; inset:0; background:repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(0,0,0,0.02) 40px,rgba(0,0,0,0.02) 41px); }
  .hero-image-inner { position:relative; z-index:2; text-align:center; padding:3rem; }
  .hero-image-inner img { width:180px; max-width:60%; }
  .hero-tagline { font-family:'Cormorant Garamond',Georgia,serif; font-size:0.75rem; letter-spacing:0.3em; text-transform:uppercase; color:#9a948e; margin-top:2rem; }
  .hero-eyebrow { font-size:0.65rem; letter-spacing:0.28em; text-transform:uppercase; color:#9a948e; margin-bottom:1.5rem; animation:fadeUp 0.8s 0.2s both; }
  .hero-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(3.5rem,6vw,7rem); font-weight:300; line-height:1.02; color:#1a1a1a; margin-bottom:2rem; max-width:820px; animation:fadeUp 0.8s 0.4s both; }
  .hero-title em { font-style:italic; color:#6e6a65; }
  .hero-sub { font-size:0.95rem; line-height:1.9; color:#6e6a65; max-width:520px; margin-bottom:3rem; animation:fadeUp 0.8s 0.6s both; }
  .hero-actions { display:flex; gap:1.2rem; align-items:center; animation:fadeUp 0.8s 0.8s both; }
  .btn-primary { background:#1a1a1a; color:white; padding:0.9rem 2.2rem; text-decoration:none; font-size:0.73rem; letter-spacing:0.13em; text-transform:uppercase; transition:background 0.25s; }
  .btn-primary:hover { background:#333; }
  .btn-ghost { color:#6e6a65; text-decoration:none; font-size:0.73rem; letter-spacing:0.13em; text-transform:uppercase; border-bottom:1px solid #e0ddd8; padding-bottom:2px; transition:color 0.2s; }
  .btn-ghost:hover { color:#1a1a1a; border-color:#1a1a1a; }

  /* DIVIDER */
  .divider { height:1px; background:#e0ddd8; margin:0 6vw; }

  /* SECTIONS */
  .section-wrap { padding:7rem 8vw; background:#ffffff; }
  .section-tag { font-size:0.63rem; letter-spacing:0.3em; text-transform:uppercase; color:#9a948e; margin-bottom:1rem; }
  .section-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.2rem,3.5vw,3.4rem); font-weight:300; color:#1a1a1a; line-height:1.15; margin-bottom:1.5rem; }
  .section-title em { font-style:italic; color:#6e6a65; }
  .section-body { font-size:0.92rem; line-height:1.9; color:#6e6a65; max-width:560px; }

  /* ABOUT */
  .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
  .about-right { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#e0ddd8; border:1px solid #e0ddd8; }
  .stat-box { background:#f2f0ec; padding:2.2rem 2rem; text-align:center; }
  .stat-num { font-family:'Cormorant Garamond',Georgia,serif; font-size:3rem; font-weight:400; color:#1a1a1a; line-height:1; }
  .stat-desc { font-size:0.67rem; letter-spacing:0.12em; text-transform:uppercase; color:#9a948e; margin-top:0.5rem; line-height:1.5; }

  /* SERVICES */
  .services-intro { display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-bottom:3.5rem; }
  .services-tabs { display:flex; gap:0; margin-bottom:3rem; border-bottom:1px solid #e0ddd8; }
  .services-tab-btn { background:none; border:none; padding:0.9rem 2rem 0.9rem 0; cursor:pointer; font-family:'Jost',sans-serif; font-size:0.71rem; letter-spacing:0.16em; text-transform:uppercase; color:#9a948e; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color 0.2s,border-color 0.2s; }
  .services-tab-btn.active { color:#1a1a1a; border-bottom-color:#1a1a1a; }
  .services-tab-panel { display:none; }
  .services-tab-panel.active { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
  .service-item { padding:2rem; border:1px solid #e0ddd8; background:#f2f0ec; transition:border-color 0.3s; }
  .service-item:hover { border-color:#b8b2aa; }
  .service-item.full-width { grid-column:1/-1; }
  .service-number { font-size:0.73rem; color:#b8b2aa; letter-spacing:0.1em; margin-bottom:0.8rem; }
  .service-name { font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:400; color:#1a1a1a; margin-bottom:0.6rem; }
  .service-desc { font-size:0.82rem; line-height:1.75; color:#6e6a65; }

  /* WHY CHOOSE */
  .why-wrap { background:#f2f0ec; padding:7rem 8vw; }
  .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:4rem; }
  .why-card { background:#ffffff; padding:2.4rem 2rem; border:1px solid #e0ddd8; transition:border-color 0.3s; position:relative; overflow:hidden; }
  .why-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:#1a1a1a; transform:scaleX(0); transform-origin:left; transition:transform 0.4s; }
  .why-card:hover { border-color:#b8b2aa; }
  .why-card:hover::before { transform:scaleX(1); }
  .why-icon { width:28px; height:28px; margin-bottom:1.2rem; opacity:0.3; }
  .why-card-num { font-size:0.65rem; color:#b8b2aa; letter-spacing:0.15em; margin-bottom:0.5rem; }
  .why-card-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:400; color:#1a1a1a; margin-bottom:0.6rem; }
  .why-card-body { font-size:0.82rem; line-height:1.8; color:#6e6a65; }

  /* TRACK RECORD */
  .track-wrap { background:#ffffff; padding:7rem 8vw; border-top:1px solid #e0ddd8; }
  .track-inner { max-width:680px; }
  .track-tag { font-size:0.63rem; letter-spacing:0.28em; text-transform:uppercase; color:#9a948e; margin-bottom:2rem; }
  .track-quote { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(1.5rem,2.8vw,2.6rem); font-weight:300; color:#1a1a1a; line-height:1.4; font-style:italic; margin-bottom:2rem; }
  .track-meta { display:flex; align-items:center; gap:1rem; }
  .track-line { width:36px; height:1px; background:#e0ddd8; }
  .track-source { font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; color:#9a948e; }

  /* CONTACT */
  .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:start; }
  .contact-details { margin-top:2.5rem; display:flex; flex-direction:column; gap:1.5rem; }
  .contact-item { display:flex; gap:1rem; align-items:flex-start; }
  .ci-label { font-size:0.6rem; letter-spacing:0.22em; text-transform:uppercase; color:#9a948e; min-width:80px; padding-top:1px; }
  .ci-value { font-size:0.92rem; color:#1a1a1a; line-height:1.6; text-decoration:none; }
  .ci-value:hover { color:#6e6a65; }
  .contact-form-side { background:#f2f0ec; padding:3rem; border:1px solid #e0ddd8; }
  .form-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:1.45rem; font-weight:400; color:#1a1a1a; margin-bottom:1.8rem; }
  .form-group { margin-bottom:1.2rem; }
  .form-group label { display:block; font-size:0.6rem; letter-spacing:0.22em; text-transform:uppercase; color:#9a948e; margin-bottom:0.5rem; }
  .form-group input, .form-group textarea { width:100%; background:#ffffff; border:1px solid #e0ddd8; padding:0.8rem 1rem; font-family:'Jost',sans-serif; font-weight:300; font-size:0.88rem; color:#1a1a1a; outline:none; transition:border-color 0.2s; resize:none; }
  .form-group input:focus, .form-group textarea:focus { border-color:#1a1a1a; }
  .form-group textarea { height:95px; }
  .btn-submit { width:100%; background:#1a1a1a; color:#ffffff; border:none; padding:1rem; font-family:'Jost',sans-serif; font-size:0.73rem; letter-spacing:0.15em; text-transform:uppercase; cursor:pointer; transition:background 0.25s; margin-top:0.4rem; }
  .btn-submit:hover { background:#333; }

  /* FOOTER */
  footer { background:#f2f0ec; padding:2.8rem 8vw; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e0ddd8; }
  .footer-logo img { height:34px; display:block; }
  .footer-copy { font-size:0.67rem; color:#9a948e; letter-spacing:0.08em; }
  .footer-links { display:flex; gap:2rem; list-style:none; }
  .footer-links a { font-size:0.67rem; letter-spacing:0.13em; text-transform:uppercase; color:#9a948e; text-decoration:none; transition:color 0.2s; }
  .footer-links a:hover { color:#1a1a1a; }

  @keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
  @keyframes fadeIn { from{opacity:0} to{opacity:1} }

  @media(max-width:900px) {
    .hero { min-height:auto; padding:7rem 6vw 4rem; }
    .hero { grid-template-columns:1fr; }
    .hero-image { display:none; }
    .hero-content { padding:7rem 6vw 4rem; }
    .hero-title { font-size:clamp(2.4rem,8vw,3.5rem); }
    .about-grid, .contact-grid { grid-template-columns:1fr; gap:2.5rem; }
    .why-grid { grid-template-columns:1fr; }
    .services-tab-panel.active { grid-template-columns:1fr; }
    .services-intro { grid-template-columns:1fr; gap:1.5rem; }
    .section-wrap, .why-wrap, .track-wrap { padding:4rem 6vw; }
    .services-tabs { flex-wrap:wrap; gap:0.4rem; border-bottom:none; margin-bottom:1.5rem; }
    .services-tab-btn { border:1px solid #e0ddd8; padding:0.55rem 1rem; font-size:0.68rem; margin-bottom:0; border-bottom:2px solid transparent; }
    .services-tab-btn.active { background:#1a1a1a; color:white; border-color:#1a1a1a; }
    nav { padding:1.1rem 5vw; }
    .nav-links { display:none; }
  }

  /* FAQ */
  .faq-wrap { background:#f2f0ec; padding:7rem 8vw; }
  .faq-list { margin-top:3rem; display:flex; flex-direction:column; gap:0; }
  .faq-item { border-top:1px solid #e0ddd8; }
  .faq-item:last-child { border-bottom:1px solid #e0ddd8; }
  .faq-question { width:100%; background:none; border:none; padding:1.6rem 0; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.15rem; font-weight:400; color:#1a1a1a; text-align:left; gap:1rem; }
  .faq-question:hover { color:#6e6a65; }
  .faq-icon { width:20px; height:20px; flex-shrink:0; transition:transform 0.3s; }
  .faq-item.open .faq-icon { transform:rotate(45deg); }
  .faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
  .faq-answer-inner { padding:0 0 1.6rem; font-size:0.88rem; line-height:1.85; color:#6e6a65; max-width:680px; }

  /* WHATSAPP */
  .whatsapp-btn { position:fixed; bottom:2rem; right:2rem; z-index:200; width:52px; height:52px; background:#25d366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(0,0,0,0.15); transition:transform 0.2s, box-shadow 0.2s; text-decoration:none; }
  .whatsapp-btn:hover { transform:scale(1.08); box-shadow:0 6px 20px rgba(0,0,0,0.2); }
  .whatsapp-btn svg { width:28px; height:28px; }

  /* COOKIE BANNER */
  .cookie-banner { position:fixed; bottom:0; left:0; right:0; z-index:300; background:#1a1a1a; color:white; padding:1.2rem 6vw; display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
  .cookie-banner p { font-size:0.78rem; line-height:1.6; color:rgba(255,255,255,0.7); max-width:680px; }
  .cookie-banner p a { color:white; }
  .cookie-accept { background:white; color:#1a1a1a; border:none; padding:0.55rem 1.4rem; font-family:'Jost',sans-serif; font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; cursor:pointer; transition:background 0.2s; flex-shrink:0; }
  .cookie-accept:hover { background:#f2f0ec; }
  .cookie-banner.hidden { display:none; }

  @media(max-width:900px) {
    .faq-wrap { padding:4rem 6vw; }
    .whatsapp-btn { bottom:1.5rem; right:1.5rem; }
    .cookie-banner { flex-direction:column; align-items:flex-start; gap:1rem; }
  }