:root{
    --ink:#0E1B17;
    --ink-soft:#233A32;
    --paper:#EEEFE6;
    --paper-2:#E1E3D4;
    --gold:#AD8438;
    --gold-deep:#8C6A2A;
    --gold-bright:#D9AE5E;
    --ink-mute:#4B5C54;
    --line:#CBCEBC;
    --white:#FBFBF7;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  
  html{ scroll-padding-top: env(safe-area-inset-top, 0px); scroll-behavior:smooth; }
  *{ box-sizing:border-box; }
  html,body{ height:100%; }
  body{
    margin:0; background:var(--paper); color:var(--ink);
    font-family:'Work Sans', -apple-system, sans-serif;
    -webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative;
  }
  ::selection{ background:var(--gold); color:var(--white); }
  a{ color:inherit; } img,svg{ max-width:100%; display:block; }
  .wrap{ max-width:1160px; margin:0 auto; padding:0 22px; }
  @media (min-width:540px){ .wrap{ padding:0 32px; } }
  @media (min-width:900px){ .wrap{ padding:0 48px; } }
  h1,h2,h3{ font-family:'Fraunces', Georgia, serif; font-weight:600; margin:0; letter-spacing:-0.01em; }

  
  .grain{
    position:fixed; inset:0; pointer-events:none; z-index:1; opacity:.035; mix-blend-mode:overlay;
  }

  
  .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; }
  .brand svg{ width:34px; height:34px; flex:none; }
  .brand-word{ font-family:'Fraunces', serif; font-weight:600; font-size:1.2rem; color:var(--ink); line-height:1; }
  .brand-word small{ display:block; font-family:'Work Sans'; font-weight:600; font-size:.56rem; letter-spacing:.14em; color:var(--gold-deep); margin-top:3px; }

  
  header{
    position:sticky; top:0; z-index:40;
    padding-top:calc(env(safe-area-inset-top,0px) + 14px);
    padding-bottom:0;
    pointer-events:none;
  }
  header .nav{
    pointer-events:auto;
    display:flex; align-items:center; justify-content:space-between;
    margin:0 16px; padding:12px 16px;
    background:color-mix(in srgb, var(--paper) 90%, transparent);
    backdrop-filter:blur(14px);
    border:1px solid var(--line);
    border-radius:100px;
    box-shadow:var(--shadow-sm, 0 8px 18px -12px rgba(14,27,23,.25));
    transition:box-shadow .25s ease, margin .25s ease;
  }
  @media (min-width:540px){ header .nav{ margin:0 32px; padding:13px 22px; } }
  @media (min-width:900px){ header .nav{ margin:0 48px; padding:14px 26px; } }
  @media (min-width:1160px){ header .nav{ margin:0 auto; max-width:1160px; } }
  .nav-links{ display:none; gap:32px; font-size:.94rem; }
  .nav-links a{ text-decoration:none; opacity:.78; transition:opacity .15s; }
  .nav-links a:hover{ opacity:1; }
  @media (min-width:860px){ .nav-links{ display:flex; } }
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:12px 22px; border-radius:2px; font-size:.9rem; font-weight:600;
    text-decoration:none; border:1px solid transparent; cursor:pointer;
    transition:transform .15s ease, background .15s ease, border-color .15s;
    font-family:'Work Sans', sans-serif;
  }
  .btn-dark{ background:var(--ink); color:var(--paper); }
  .btn-dark:hover{ transform:translateY(-1px); }
  .btn-ghost{ border-color:var(--line); color:var(--ink); background:transparent; }
  .btn-ghost:hover{ border-color:var(--ink); }
  .btn-gold{ background:var(--gold); color:var(--white); }
  .btn-gold:hover{ background:var(--gold-deep); transform:translateY(-1px); }
  .btn-pill{ border-radius:100px; padding:12px 26px; }
  .btn-on-dark{ border-color:rgba(238,239,230,.35); color:var(--paper); }
  .btn-on-dark:hover{ border-color:var(--paper); }

  
  .hero{
    position:relative; overflow:hidden; background:var(--paper); color:var(--ink);
    padding:76px 0 0;
  }
  .hero-art{ position:absolute; inset:0; z-index:0; opacity:1; }
  .hero-glow{
    position:absolute; z-index:0; pointer-events:none;
    width:640px; height:640px; right:-220px; top:-200px;
    background:radial-gradient(circle, rgba(173,132,56,.20) 0%, rgba(173,132,56,.08) 45%, transparent 72%);
    filter:blur(2px);
  }
  .hero-glow-2{
    position:absolute; z-index:0; pointer-events:none;
    width:420px; height:420px; left:-160px; bottom:-160px;
    background:radial-gradient(circle, rgba(173,132,56,.12) 0%, transparent 70%);
  }
  .hero-art svg{ width:100%; height:100%; }
  .hero-inner{ position:relative; z-index:2; }
  .kicker{ display:inline-flex; align-items:center; gap:8px; font-size:.78rem; color:var(--gold-deep); font-weight:700; margin-bottom:26px; letter-spacing:.02em; padding:8px 16px; border:1px solid rgba(173,132,56,.35); border-radius:100px; background:rgba(173,132,56,.08); }
  .kicker::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--gold); }
  h1.headline{ font-size:2.9rem; line-height:1.0; max-width:13ch; color:var(--ink); letter-spacing:-0.02em; }
  @media (min-width:640px){ h1.headline{ font-size:4.1rem; } }
  @media (min-width:1050px){ h1.headline{ font-size:5.1rem; } }
  h1.headline em{ font-style:italic; color:var(--gold-deep); }
  .lede{ margin:24px 0 0; font-size:1.1rem; line-height:1.65; max-width:44ch; color:var(--ink); opacity:.75; }
  .hero-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }

  .hero-stats{ display:flex; gap:0; margin-top:44px; flex-wrap:wrap; }
  .hstat{ padding:0 28px 0 0; margin-right:28px; border-right:1px solid var(--line); }
  .hstat:last-child{ border-right:none; margin-right:0; padding-right:0; }
  .hstat b{ display:block; font-family:'Fraunces'; font-size:1.9rem; font-weight:600; color:var(--ink); line-height:1; }
  .hstat span{ display:block; font-size:.76rem; opacity:.6; margin-top:8px; max-width:14ch; line-height:1.3; }
  @media (max-width:480px){ .hstat{ padding-right:18px; margin-right:18px; } .hstat b{ font-size:1.55rem; } }

  .hero-note{ margin-top:20px; font-size:.85rem; opacity:.55; color:var(--ink); }

  .hero-panel{
    position:relative; z-index:2;
    background:color-mix(in srgb, var(--paper) 55%, transparent);
    backdrop-filter:blur(6px);
    border:1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius:18px;
    padding:34px 28px;
    box-shadow:var(--shadow-sm);
  }
  @media (min-width:640px){ .hero-panel{ padding:46px 44px; } }

  .hero-top{ padding:0 0 72px; }
  @media (min-width:900px){
    .hero-top{ padding:24px 0 104px; }
    .hero-panel{ width:calc(100% - 350px); min-height:590px; display:flex; flex-direction:column; justify-content:center; }
  }

  .phone-dock{ display:flex; justify-content:center; margin-top:-1px; }
  .phone{ position:relative; width:min(270px,76vw); transform:translateY(22%); }
  @media (min-width:900px){
    .phone-dock{ position:absolute; inset:0; pointer-events:none; }
    .phone{ position:absolute; right:max(34px, calc((100vw - 1160px)/2 + 18px)); bottom:42px; transform:none; width:300px; z-index:5; pointer-events:auto; }
  }
  @media (min-width:1180px){ .hero-panel{ width:calc(100% - 365px); } .phone{ width:320px; right:calc((100vw - 1160px)/2 + 2px); bottom:36px; } }
  .phone-frame{
    border:9px solid var(--ink); border-radius:30px; background:var(--white);
    box-shadow:0 40px 70px -30px rgba(0,0,0,.55); overflow:hidden; aspect-ratio:9/18.5;
  }
  .phone-screen{ height:100%; display:flex; flex-direction:column; }
  .ps-hero{ background:var(--ink); color:var(--paper); padding:20px 15px 18px; }
  .ps-hero{ transition:opacity .28s ease; }
  .ps-hero.fading{ opacity:0; }
  .phone-dots{ display:flex; justify-content:center; gap:6px; margin-top:16px; }
  .pdot{ width:6px; height:6px; border-radius:50%; background:var(--line); transition:background .25s ease, transform .25s ease; }
  .pdot.active{ background:var(--gold); transform:scale(1.3); }

  .ps-hero .b{ font-size:.58rem; letter-spacing:.06em; opacity:.75; }
  .ps-hero h4{ font-family:'Fraunces'; font-size:1.05rem; margin:7px 0 4px; line-height:1.15; }
  .ps-hero p{ font-size:.66rem; margin:0; opacity:.85; line-height:1.4; }
  .ps-body{ padding:14px; flex:1; display:flex; flex-direction:column; gap:9px; }
  .ps-row{ height:8px; background:var(--paper-2); border-radius:2px; }
  .ps-row.w60{ width:60%; } .ps-row.w80{ width:80%; } .ps-row.w40{ width:40%; }
  .ps-card{ border:1px solid var(--line); border-radius:7px; padding:9px; display:flex; gap:7px; align-items:center; }
  .ps-dot{ width:22px; height:22px; border-radius:50%; background:var(--paper-2); flex:none; }
  .ps-call{ margin-top:auto; background:var(--gold); color:var(--white); text-align:center; padding:11px; border-radius:7px; font-size:.74rem; font-weight:700; }

  
  .strip{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:18px 0; font-size:.82rem; overflow:hidden; background:var(--paper); position:relative; z-index:2; }
  .strip-track{ display:flex; gap:48px; white-space:nowrap; opacity:.6; animation:marquee 32s linear infinite; width:max-content; }
  .strip-track span{ display:inline-flex; align-items:center; gap:48px; }
  @keyframes marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
  @media (prefers-reduced-motion:reduce){ .strip-track{ animation:none; } }

  
  .statement{ padding:20px 0 76px; }
  .statement-text{
    font-family:'Fraunces'; font-weight:500; font-style:italic;
    font-size:1.7rem; line-height:1.28; letter-spacing:-0.01em;
    max-width:20ch; color:var(--ink);
  }
  @media (min-width:720px){ .statement-text{ font-size:2.5rem; } }
  .statement-text em{ font-style:italic; color:var(--gold-deep); }
  .statement-mark{ width:36px; height:2px; background:var(--gold); margin-bottom:24px; }

  .statement-sub{ margin-top:26px; font-size:1.02rem; line-height:1.65; max-width:46ch; opacity:.72; }

  
  section{ padding:64px 0; position:relative; z-index:2; }
  @media (min-width:900px){ section{ padding:104px 0; } }
  .section-head{ max-width:640px; margin-bottom:48px; }
  .eyebrow{ font-size:.85rem; color:var(--ink-mute); font-weight:600; margin-bottom:12px; letter-spacing:.02em; }
  .section-head h2{ font-size:2rem; line-height:1.15; }
  @media (min-width:720px){ .section-head h2{ font-size:2.6rem; } }
  .section-head p{ margin-top:16px; font-size:1.02rem; opacity:.76; line-height:1.6; max-width:52ch; }

  
  .service-row{ display:grid; grid-template-columns:1fr; gap:6px; padding:28px 0; border-top:1px solid var(--line); }
  .services .service-row:last-child{ border-bottom:1px solid var(--line); }
  @media (min-width:760px){ .service-row{ grid-template-columns:220px 1fr 1fr; gap:28px; align-items:start; padding:36px 0; } }
  .service-name{ font-family:'Fraunces'; font-size:1.32rem; font-weight:600; display:flex; align-items:center; gap:12px; }
  .service-name svg{ width:22px; height:22px; color:var(--gold); flex:none; }
  .service-desc{ opacity:.76; line-height:1.6; font-size:.97rem; }
  .service-meta{ font-size:.85rem; opacity:.6; }
  .service-meta b{ color:var(--gold-deep); opacity:1; }

  
  .process{ display:grid; gap:0; }
  @media (min-width:760px){ .process{ grid-template-columns:repeat(4,1fr); } }
  .step{ padding:24px 0; border-top:1px solid var(--line); position:relative; overflow:hidden; }
  @media (min-width:760px){ .step{ border-top:none; border-left:1px solid var(--line); padding:0 24px; } .step:first-child{ border-left:none; padding-left:0; } }
  .step-ghost{ position:absolute; top:-.35em; right:-.1em; font-family:'Fraunces'; font-size:6.5rem; font-weight:600; color:var(--ink); opacity:.05; line-height:1; pointer-events:none; z-index:0; }
  .step-top, .step h3, .step p{ position:relative; z-index:1; }
  .step-num{ font-family:'Fraunces'; font-size:.95rem; color:var(--gold); margin-bottom:10px; }
  .step h3{ font-size:1.08rem; margin-bottom:8px; } .step p{ font-size:.9rem; opacity:.72; line-height:1.55; margin:0; }

  
  .pricing-grid{ display:grid; gap:20px; }
  @media (min-width:820px){ .pricing-grid{ grid-template-columns:repeat(3,1fr); } }
  .plan{ border:1px solid var(--line); padding:30px 26px; display:flex; flex-direction:column; gap:18px; background:var(--white); transition:transform .2s ease, box-shadow .2s ease; }
  .plan:hover{ transform:translateY(-4px); box-shadow:0 24px 40px -28px rgba(0,0,0,.28); }
  .plan.featured{ border-color:var(--gold); background:var(--ink); color:var(--paper); transform:scale(1.04); z-index:2; }
  @media (max-width:819px){ .plan.featured{ transform:none; } }
  .plan-tag{ font-size:.74rem; letter-spacing:.03em; color:var(--gold); font-weight:600; }
  .plan-name{ font-family:'Fraunces'; font-size:1.3rem; }

  .price-offer-badge{
    display:inline-flex; align-items:center; gap:6px; font-size:.72rem; font-weight:700;
    color:var(--gold-bright); background:rgba(217,174,94,.14); border:1px solid rgba(217,174,94,.4);
    padding:5px 12px; border-radius:100px; margin-bottom:2px; letter-spacing:.01em;
  }
  .plan.featured .price-row{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
  .plan.featured .price-was{
    font-family:'Fraunces'; font-size:1.3rem; color:var(--paper); opacity:.45;
    text-decoration:line-through; text-decoration-color:rgba(238,239,230,.5);
  }

  .plan-price{ font-family:'Fraunces'; font-size:2.5rem; }
  .plan.featured .plan-price{ font-size:2.8rem; }
  .plan-price span{ font-family:'Work Sans'; font-size:.9rem; opacity:.6; font-weight:500; }
  .plan ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; font-size:.88rem; }
  .plan li{ display:flex; gap:10px; align-items:flex-start; opacity:.88; line-height:1.4; }
  .plan li::before{ content:"—"; opacity:.5; flex:none; }
  .plan .btn{ margin-top:4px; align-self:flex-start; }

  .addons{ margin-top:36px; display:grid; gap:16px; }
  @media (min-width:760px){ .addons{ grid-template-columns:repeat(3,1fr); } }
  .addon{ border:1px solid var(--line); padding:20px; font-size:.9rem; }
  .addon b{ display:block; font-family:'Fraunces'; font-size:1.05rem; margin-bottom:6px; font-weight:600; }
  .addon span{ opacity:.68; line-height:1.5; }

  
  .band{ background:var(--ink); color:var(--paper); }
  .band .wrap{ display:grid; gap:32px; padding:56px 24px; }
  @media (min-width:900px){ .band .wrap{ grid-template-columns:1fr 1fr; padding:70px 48px; } }
  .band h2{ font-size:1.9rem; color:var(--paper); max-width:16ch; }
  .band p{ opacity:.75; line-height:1.6; margin-top:14px; }
  .band-list{ display:flex; flex-direction:column; gap:18px; }
  .band-item{ border-top:1px solid rgba(238,239,230,.18); padding-top:16px; }
  .band-item b{ font-family:'Fraunces'; font-weight:600; }
  .band-item p{ margin:6px 0 0; font-size:.9rem; }

  
  .cta-box{ border:1px solid var(--line); padding:44px 28px; background:var(--paper-2); display:flex; flex-direction:column; gap:20px; }
  @media (min-width:820px){ .cta-box{ padding:60px; flex-direction:row; align-items:center; justify-content:space-between; } }
  .cta-box h2{ font-size:1.9rem; max-width:14ch; }
  .cta-actions{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
  .contact-line{ font-size:.88rem; opacity:.65; }

  
  .icon-chip{
    width:40px; height:40px; border-radius:50%; background:var(--paper-2);
    display:flex; align-items:center; justify-content:center; flex:none;
    border:1px solid var(--line);
  }
  .icon-chip svg{ width:18px; height:18px; color:var(--gold-deep); }
  .plan .icon-chip{ background:var(--paper); }
  .plan.featured .icon-chip{ background:rgba(217,174,94,.14); border-color:rgba(217,174,94,.4); }
  .plan.featured .icon-chip svg{ color:var(--gold-bright); }
  .plan-top{ display:flex; align-items:center; justify-content:space-between; }
  .step-top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
  .step-top .icon-chip{ width:34px; height:34px; }
  .step-top .icon-chip svg{ width:16px; height:16px; }
  .band-item{ display:flex; gap:14px; }
  .band-item .icon-chip{ background:rgba(238,239,230,.08); border-color:rgba(238,239,230,.22); margin-top:2px; }
  .band-item .icon-chip svg{ color:var(--gold-bright); }
  .band-item-body b{ font-family:'Fraunces'; font-weight:600; }
  .band-item-body p{ margin:6px 0 0; font-size:.9rem; }
  .addon{ display:flex; gap:14px; }
  .addon .icon-chip{ margin-top:2px; }
  .addon-body b{ display:block; font-family:'Fraunces'; font-size:1.05rem; margin-bottom:6px; font-weight:600; }
  .addon-body span{ opacity:.68; line-height:1.5; font-size:.9rem; }

  
  .contact-grid{ display:grid; gap:0; border:1px solid var(--line); }
  @media (min-width:900px){ .contact-grid{ grid-template-columns:0.9fr 1.1fr; } }
  .contact-intro{ padding:44px 34px; background:var(--paper-2); display:flex; flex-direction:column; gap:22px; }
  @media (min-width:900px){ .contact-intro{ padding:56px 44px; } }
  .contact-intro h2{ font-size:1.8rem; max-width:16ch; }
  .contact-intro p{ font-size:.96rem; opacity:.72; line-height:1.6; max-width:36ch; }
  .contact-quick{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; margin-top:auto; padding-top:12px; }
  .contact-trust{ display:flex; flex-direction:column; gap:10px; margin-top:8px; }
  .contact-trust span{ font-size:.85rem; opacity:.66; display:flex; gap:8px; align-items:flex-start; }
  .contact-trust svg{ width:16px; height:16px; flex:none; margin-top:2px; color:var(--gold-deep); }

  .contact-form-wrap{ padding:44px 34px; background:var(--white); }
  @media (min-width:900px){ .contact-form-wrap{ padding:56px 44px; } }
  .cform{ display:flex; flex-direction:column; gap:18px; }
  .cf-row{ display:grid; gap:18px; }
  @media (min-width:560px){ .cf-row.two{ grid-template-columns:1fr 1fr; } }
  .cf-field{ display:flex; flex-direction:column; gap:7px; }
  .cf-field label{ font-size:.82rem; font-weight:600; opacity:.8; }
  .cf-field input, .cf-field select, .cf-field textarea{
    font-family:'Work Sans', sans-serif; font-size:.95rem; padding:12px 14px;
    border:1px solid var(--line); border-radius:2px; background:var(--paper);
    color:var(--ink); outline-offset:2px;
  }
  .cf-field textarea{ resize:vertical; min-height:96px; font-family:inherit; }
  .cf-field input:focus-visible, .cf-field select:focus-visible, .cf-field textarea:focus-visible{
    outline:2px solid var(--gold); border-color:var(--gold);
  }
  .cf-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
  .cf-submit{ display:flex; align-items:center; gap:14px; margin-top:4px; }
  .cf-submit button{ border:none; }
  .cf-submit button:disabled{ opacity:.6; cursor:not-allowed; }
  .cf-status{ font-size:.86rem; }
  .cf-status.ok{ color:#3F7D5C; }
  .cf-status.err{ color:#B14A3A; }

  footer{ border-top:1px solid var(--line); padding:32px 0; position:relative; z-index:2; }
  .foot-row{ display:flex; flex-direction:column; gap:14px; font-size:.82rem; opacity:.58; }
  @media (min-width:700px){ .foot-row{ flex-direction:row; justify-content:space-between; align-items:center; } }

  
  :root{
    --shadow-sm:0 8px 18px -12px rgba(14,27,23,.25);
    --shadow-md:0 22px 40px -20px rgba(14,27,23,.30);
    --shadow-lg:0 40px 70px -30px rgba(14,27,23,.45);
  }
  .tilt{ transform-style:preserve-3d; will-change:transform; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
  .tilt-shadow{ transition:box-shadow .35s ease, transform .35s cubic-bezier(.2,.8,.2,1); }

  .phone-stage{ perspective:1400px; }
  .phone{ transform-style:preserve-3d; }
  .phone-frame{
    transform:rotateY(-14deg) rotateX(6deg);
    transform-style:preserve-3d;
    box-shadow: var(--shadow-lg), 40px 50px 0 -20px rgba(173,132,56,.12);
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
  }
  @media (min-width:900px){
    .phone:hover .phone-frame{ transform:rotateY(-9deg) rotateX(3deg) translateZ(10px); }
  }

  .icon-chip{ transition:transform .3s ease, box-shadow .3s ease; }
  .service-row:hover .icon-chip{ transform:translateZ(6px) scale(1.07); box-shadow:var(--shadow-sm); }

  .plan{ box-shadow:var(--shadow-sm); }
  .plan.featured{ box-shadow:var(--shadow-md); }
  .plan:hover{ box-shadow:var(--shadow-md); }
  .plan.featured:hover{ box-shadow:var(--shadow-lg); }

  .contact-grid, .cta-box{ box-shadow:var(--shadow-sm); }

  @media (prefers-reduced-motion:reduce){
    .tilt, .phone-frame, .icon-chip, .plan{ transition:none !important; }
  }

  
  .phone-screen{ position:relative; overflow:hidden; }
  .ps-shot{
    position:absolute; inset:0; z-index:5; width:100%; height:100%;
    object-fit:cover; object-position:top center; background:var(--white);
  }
  .ps-shot[hidden]{ display:none; }

  
  .work-section{ background:var(--paper); }
  .work-grid{ display:grid; gap:22px; }
  @media (min-width:820px){ .work-grid{ grid-template-columns:repeat(3,1fr); } }
  .work-card{
    border:1px solid var(--line); background:var(--white); overflow:hidden;
    box-shadow:var(--shadow-sm); transition:transform .25s ease, box-shadow .25s ease;
  }
  .work-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
  .work-visual{
    position:relative; aspect-ratio:4/3; overflow:hidden;
    background:linear-gradient(145deg, var(--paper-2), color-mix(in srgb,var(--gold) 12%,var(--paper)));
    border-bottom:1px solid var(--line);
  }
  .work-shot{ position:absolute; inset:0; z-index:3; }
  .work-shot img{ width:100%; height:100%; object-fit:cover; object-position:top; }
  .work-fallback{ position:absolute; inset:0; padding:22px; display:flex; align-items:center; justify-content:center; }
  .mini-browser{ width:88%; height:82%; background:var(--white); border:1px solid var(--line); box-shadow:0 24px 42px -28px rgba(14,27,23,.5); overflow:hidden; }
  .mini-bar{ height:20px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:5px; padding:0 8px; }
  .mini-bar i{ width:5px; height:5px; border-radius:50%; background:var(--line); }
  .mini-hero{ height:48%; background:var(--ink); padding:16px; color:var(--paper); display:flex; flex-direction:column; justify-content:flex-end; }
  .mini-hero b{ font-family:'Fraunces'; font-size:1.2rem; max-width:10ch; line-height:1; }
  .mini-hero span{ font-size:.52rem; opacity:.7; margin-top:6px; }
  .mini-lines{ padding:12px 16px; display:grid; gap:7px; }
  .mini-lines i{ height:6px; background:var(--paper-2); display:block; }
  .mini-lines i:nth-child(2){ width:70%; }
  .work-body{ padding:24px; }
  .work-meta{ display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:14px; }
  .work-type{ font-size:.72rem; font-weight:700; letter-spacing:.06em; color:var(--gold-deep); text-transform:uppercase; }
  .work-demo{ font-size:.68rem; border:1px solid var(--line); padding:5px 9px; border-radius:100px; opacity:.7; white-space:nowrap; }
  .work-card h3{ font-size:1.35rem; }
  .work-card p{ margin:10px 0 0; opacity:.7; line-height:1.55; font-size:.9rem; }
  .work-outcome{ margin-top:18px; padding-top:14px; border-top:1px solid var(--line); font-size:.8rem; line-height:1.5; opacity:.68; }
  .work-outcome b{ color:var(--ink); opacity:1; }
  .portfolio-note{ margin-top:22px; font-size:.82rem; opacity:.58; max-width:68ch; line-height:1.5; }

  .phone-case-label{
    margin-top:14px; display:flex; align-items:center; justify-content:center; gap:7px;
    font-size:.68rem; font-weight:700; color:var(--ink-mute); white-space:nowrap;
  }
  .phone-case-label span{ width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 4px rgba(173,132,56,.12); }
  @media (max-width:899px){ .phone-case-label{ margin-top:12px; } }

  .work-card.featured{ border-color:color-mix(in srgb,var(--gold) 48%,var(--line)); }
  .work-card.featured .work-visual{ aspect-ratio:16/9; }
  .case-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
  .case-link{ display:inline-flex; align-items:center; gap:7px; font-size:.82rem; font-weight:700; color:var(--gold-deep); text-decoration:none; }
  .case-link:hover{ text-decoration:underline; text-underline-offset:4px; }
  .case-proof{ display:inline-flex; align-items:center; gap:7px; margin-top:14px; font-size:.76rem; opacity:.62; }
  .case-proof::before{ content:''; width:7px; height:7px; border-radius:50%; background:#3F7D5C; box-shadow:0 0 0 4px rgba(63,125,92,.10); }
  @media (min-width:900px){
    .work-grid{ grid-template-columns:repeat(2,1fr); }
    .work-card.featured{ grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); }
    .work-card.featured .work-visual{ min-height:430px; aspect-ratio:auto; border-bottom:none; border-right:1px solid var(--line); }
    .work-card.featured .work-body{ padding:38px; display:flex; flex-direction:column; justify-content:center; }
    .work-card.featured h3{ font-size:2rem; }
    .work-card.featured p{ font-size:1rem; line-height:1.65; }
  }

  
  .mobile-cta{ display:none; }
  @media (max-width:700px){
    body{ padding-bottom:72px; }
    .mobile-cta{
      display:flex; position:fixed; z-index:60; left:12px; right:12px;
      bottom:calc(10px + env(safe-area-inset-bottom,0px));
      background:color-mix(in srgb,var(--ink) 94%,transparent); color:var(--paper);
      border:1px solid rgba(238,239,230,.18); border-radius:100px;
      padding:8px 9px 8px 16px; align-items:center; justify-content:space-between;
      box-shadow:0 18px 40px -18px rgba(0,0,0,.55); backdrop-filter:blur(12px);
    }
    .mobile-cta span{ font-size:.76rem; opacity:.8; }
    .mobile-cta .btn{ padding:10px 16px; }
  }

  
  .sector-solutions{ background:var(--white); }
  .sector-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .sector-card{ display:flex; flex-direction:column; min-height:280px; padding:28px; border:1px solid var(--line); text-decoration:none; background:var(--paper); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
  .sector-card:hover{ transform:translateY(-4px); border-color:var(--gold); box-shadow:var(--shadow-md); }
  .sector-card>span{ color:var(--gold-deep); font-size:.78rem; font-weight:700; letter-spacing:.04em; }
  .sector-card h3{ margin-top:28px; font-size:1.45rem; line-height:1.12; }
  .sector-card p{ color:var(--ink-mute); line-height:1.6; font-size:.92rem; }
  .sector-card b{ margin-top:auto; font-size:.88rem; color:var(--gold-deep); }
  .case-actions.small{ margin-top:14px; }
  .privacy-check{ display:flex; gap:10px; align-items:flex-start; font-size:.78rem; line-height:1.45; color:var(--ink-mute); }
  .privacy-check input{ margin-top:3px; accent-color:var(--gold); }
  .privacy-check a{ color:var(--gold-deep); }
  .footer-v6{ align-items:flex-start; }
  .footer-links{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 18px; max-width:680px; }
  .footer-links a{ text-decoration:none; }
  .footer-links a:hover{ color:var(--gold-deep); }
  .cookie-banner{ position:fixed; left:18px; right:18px; bottom:18px; z-index:999; background:var(--ink); color:var(--paper); border:1px solid rgba(255,255,255,.16); padding:18px; display:flex; align-items:center; justify-content:space-between; gap:18px; box-shadow:0 24px 60px rgba(0,0,0,.3); }
  .cookie-copy{ display:grid; gap:4px; max-width:760px; } .cookie-copy span{ font-size:.85rem; opacity:.8; line-height:1.4; } .cookie-copy a{ font-size:.78rem; color:var(--gold-bright); }
  .cookie-actions{ display:flex; gap:8px; flex-wrap:wrap; } .cookie-actions button{ border:1px solid rgba(255,255,255,.25); padding:10px 14px; font-weight:700; cursor:pointer; font-family:inherit; }
  .cookie-primary{ background:var(--gold); color:white; } .cookie-secondary{ background:transparent; color:white; }
  @media(max-width:820px){ .sector-grid{ grid-template-columns:1fr; } .sector-card{ min-height:210px; } .footer-links{ justify-content:flex-start; } }
  @media(max-width:560px){ .cookie-banner{ flex-direction:column; align-items:stretch; } .cookie-actions button{ flex:1; } }

  
.js [data-reveal]{ opacity:0; transform:perspective(900px) translateY(22px) rotateX(6deg); transform-origin:50% 100%; transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay:var(--d,0ms); }
.js [data-reveal].in{ opacity:1; transform:none; }
  @media (prefers-reduced-motion:reduce){ [data-reveal]{ opacity:1; transform:none; transition:none; } html{ scroll-behavior:auto; } }

  
  .faq-section{ background:var(--white); }
  .faq-grid{ display:grid; gap:0; border-top:1px solid var(--line); }
  .faq-item{ border-bottom:1px solid var(--line); }
  .faq-item details{ padding:0; }
  .faq-item summary{
    list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:24px;
    padding:24px 0; font-family:'Fraunces', Georgia, serif; font-size:1.18rem; font-weight:600;
  }
  .faq-item summary::-webkit-details-marker{ display:none; }
  .faq-item summary::after{ content:'+'; width:30px; height:30px; flex:none; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-family:'Work Sans'; font-size:1.05rem; color:var(--gold-deep); transition:transform .2s ease; }
  .faq-item details[open] summary::after{ transform:rotate(45deg); }
  .faq-answer{ max-width:760px; padding:0 0 24px; color:var(--ink-mute); line-height:1.7; font-size:.96rem; }
  .faq-cta{ margin-top:34px; display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
  .faq-cta span{ font-size:.9rem; color:var(--ink-mute); }

.hero-v9{padding:92px 0 76px;background:var(--paper);overflow:hidden;}
.hero-v9::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(173,132,56,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.35),transparent 55%);pointer-events:none;}
.hero-v9-grid{position:relative;z-index:2;display:grid;gap:52px;align-items:center;}
.hero-v9-copy{max-width:620px;}
.hero-v9 .headline{max-width:10ch;font-size:clamp(3.6rem,7vw,6.7rem);line-height:.92;letter-spacing:-.045em;}
.hero-v9 .lede{font-size:1.08rem;max-width:50ch;}
.hero-v9-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.hero-v9-proof span{padding:9px 12px;border:1px solid var(--line);background:rgba(251,251,247,.62);font-size:.74rem;font-weight:600;color:var(--ink-soft);}
.hero-v9-showcase{position:relative;min-height:520px;}
.browser-mock{position:absolute;inset:20px 0 42px 6%;border:1px solid rgba(14,27,23,.18);background:var(--white);box-shadow:0 42px 90px -42px rgba(14,27,23,.62);overflow:hidden;border-radius:20px;transform:rotate(-1.3deg);}
.browser-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px;background:#F8F8F3;}
.browser-top i{width:7px;height:7px;border-radius:50%;background:var(--line);}
.browser-url{margin-left:9px;height:20px;flex:1;max-width:58%;border-radius:30px;background:var(--paper-2);}
.browser-mock img{width:100%;height:calc(100% - 42px);object-fit:cover;object-position:top;display:block;}
.device-phone{position:absolute;right:-5px;bottom:0;width:170px;border:7px solid var(--ink);border-radius:30px;background:var(--white);box-shadow:0 34px 55px -30px rgba(0,0,0,.72);overflow:hidden;aspect-ratio:9/18.5;transform:rotate(4deg);}
.device-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.showcase-badge{position:absolute;left:0;bottom:8px;z-index:3;padding:12px 16px;background:var(--ink);color:var(--paper);border-radius:999px;font-size:.72rem;font-weight:700;box-shadow:var(--shadow-sm);}
.showcase-badge span{color:var(--gold-bright);}
@media(min-width:960px){.hero-v9-grid{grid-template-columns:.84fr 1.16fr}.hero-v9-showcase{min-height:610px}}
@media(max-width:959px){.hero-v9{padding-top:54px}.hero-v9-showcase{min-height:430px;margin-top:14px}.browser-mock{inset:10px 6% 42px 0}.device-phone{width:145px;right:0}.hero-v9 .headline{max-width:11ch}}
@media(max-width:560px){.hero-v9{padding:38px 0 54px}.hero-v9 .headline{font-size:3.55rem}.hero-v9-showcase{min-height:310px}.browser-mock{inset:8px 12px 34px 0;border-radius:14px}.browser-top{height:30px}.browser-mock img{height:calc(100% - 30px)}.device-phone{width:105px;border-width:5px;border-radius:21px}.showcase-badge{font-size:.62rem;padding:9px 11px}.hero-v9-proof{gap:7px}.hero-v9-proof span{font-size:.67rem}}

.case-v9{background:var(--ink);color:var(--paper);overflow:hidden;}
.case-v9 .eyebrow{color:var(--gold-bright);}
.case-v9 .section-head h2,.case-v9 .section-head p{color:var(--paper);}
.case-v9 .section-head p{opacity:.68;}
.case-v9-grid{display:grid;gap:44px;align-items:center;}
.case-v9-visual{position:relative;min-height:540px;border:1px solid rgba(255,255,255,.12);background:#10241e;padding:18px;overflow:hidden;box-shadow:0 35px 80px -50px #000;}
.case-v9-browser{height:100%;min-height:500px;background:var(--white);overflow:hidden;box-shadow:0 22px 60px -32px #000;}
.case-v9-browser .browser-top{background:#f4f5ee;}
.case-v9-browser img{width:100%;height:calc(100% - 42px);object-fit:cover;object-position:top;display:block;}
.case-v9-copy h3{font-family:'Fraunces';font-size:clamp(2.6rem,5vw,4.8rem);font-weight:500;margin:10px 0 18px;letter-spacing:-.03em;}
.case-v9-copy>p{font-size:1.05rem;line-height:1.7;color:rgba(238,239,230,.76);max-width:52ch;}
.case-v9-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);font-weight:700;}
.case-v9-points{display:grid;gap:0;margin:32px 0;border-top:1px solid rgba(255,255,255,.14);}
.case-v9-point{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14);}
.case-v9-point b{font-size:.78rem;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em;}
.case-v9-point span{font-size:.92rem;line-height:1.5;color:rgba(238,239,230,.82);}
.case-v9-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;}
.case-v9-tags span{font-size:.7rem;padding:8px 10px;border:1px solid rgba(255,255,255,.18);color:rgba(238,239,230,.76);}
.case-v9-actions{display:flex;gap:12px;flex-wrap:wrap;}
.case-v9 .btn-gold{color:#fff;}
.case-v9 .btn-ghost{color:var(--paper);border-color:rgba(255,255,255,.24);}
.next-demos{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;color:rgba(238,239,230,.55);}
.next-demos b{color:var(--paper);font-weight:600;}
@media(min-width:920px){.case-v9-grid{grid-template-columns:1.18fr .82fr}.case-v9-visual{min-height:650px}}
@media(max-width:919px){.case-v9-visual{min-height:470px}.case-v9-browser{min-height:430px}}
@media(max-width:560px){.case-v9-visual{min-height:350px;padding:10px}.case-v9-browser{min-height:330px}.case-v9-point{grid-template-columns:1fr;gap:5px}.case-v9-copy h3{font-size:3rem}}

.capabilities-v9{background:var(--paper);}
.capabilities-grid{display:grid;gap:14px;}
.capability-card{position:relative;min-height:290px;padding:30px;border:1px solid var(--line);background:var(--white);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.capability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--gold) 45%,var(--line));}
.capability-number{font-family:'Fraunces';font-size:3rem;color:var(--paper-2);line-height:1;position:absolute;right:22px;top:20px;}
.capability-icon{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:32px;background:var(--paper);}
.capability-icon svg{width:24px;height:24px;stroke:var(--gold-deep);fill:none;stroke-width:1.5;}
.capability-card h3{font-family:'Fraunces';font-size:1.7rem;font-weight:500;margin:0 0 12px;}
.capability-card p{font-size:.92rem;line-height:1.65;color:var(--ink-mute);max-width:38ch;}
.capability-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;}
.capability-list span{font-size:.68rem;padding:6px 8px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);}
.capabilities-foot{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--line);}
.capabilities-foot p{margin:0;max-width:58ch;color:var(--ink-mute);line-height:1.55;}
@media(min-width:780px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.capability-card{min-height:0}.capabilities-foot{align-items:flex-start;flex-direction:column}}

html:not(.js) [data-reveal]{opacity:1!important;transform:none!important;}

@media (max-width: 560px){
  .hero-v9{
    position:relative;
    isolation:isolate;
    min-height:760px;
    padding:46px 0 48px;
    background:var(--paper);
  }
  .hero-v9::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:
      linear-gradient(180deg,
        rgba(238,239,230,.99) 0%,
        rgba(238,239,230,.97) 38%,
        rgba(238,239,230,.84) 57%,
        rgba(238,239,230,.50) 76%,
        rgba(238,239,230,.34) 100%),
      url('../images/fisioviva-mobile.webp') center top / cover no-repeat;
  }
  .hero-v9::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(180deg, transparent 52%, rgba(14,27,23,.06) 100%);
    pointer-events:none;
  }
  .hero-v9-grid{
    display:block;
    min-height:666px;
  }
  .hero-v9-copy{
    position:relative;
    z-index:2;
    max-width:none;
    padding-bottom:275px;
  }
  .hero-v9-showcase{display:none;}
  .hero-v9 .headline{
    max-width:9.2ch;
    font-size:clamp(3.45rem,15vw,4.55rem);
  }
  .hero-v9 .lede{
    max-width:31ch;
    font-size:1rem;
    line-height:1.58;
  }
  .hero-v9-proof{
    max-width:340px;
  }
  .hero-note{
    max-width:340px;
    opacity:.72;
  }
}

@media (max-width: 560px){
  .hero-v9{
    position:relative;
    isolation:isolate;
    min-height:740px;
    padding:42px 0 44px;
    background-color:var(--paper);
    background-image:
      linear-gradient(180deg,
        rgba(238,239,230,.95) 0%,
        rgba(238,239,230,.91) 30%,
        rgba(238,239,230,.77) 52%,
        rgba(238,239,230,.48) 72%,
        rgba(238,239,230,.18) 100%),
      url('../images/fisioviva-mobile.webp');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 18%;
  }
  .hero-v9::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:
      linear-gradient(90deg, rgba(238,239,230,.30) 0%, rgba(238,239,230,.05) 70%),
      radial-gradient(circle at 18% 12%, rgba(255,255,255,.28), transparent 34%);
    pointer-events:none;
  }
  .hero-v9::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:auto 0 0;
    height:34%;
    background:linear-gradient(180deg, transparent, rgba(14,27,23,.10));
    pointer-events:none;
  }
  .hero-v9-grid{
    position:relative;
    z-index:2;
    display:block;
    min-height:650px;
  }
  .hero-v9-copy{
    position:relative;
    z-index:2;
    max-width:none;
    padding-bottom:248px;
  }
  .hero-v9-showcase{display:none!important;}
  .hero-v9 .headline{
    max-width:9.2ch;
    font-size:clamp(3.35rem,14.5vw,4.45rem);
    text-shadow:0 1px 0 rgba(255,255,255,.35);
  }
  .hero-v9 .lede{
    max-width:31ch;
    font-size:1rem;
    line-height:1.58;
    color:rgba(14,27,23,.88);
  }
  .hero-v9-proof span{
    background:rgba(251,251,247,.78);
    backdrop-filter:blur(8px);
  }
  .hero-note{
    max-width:340px;
    opacity:.82;
  }
}

@media (max-width: 560px){
  .hero-v9{
    background-image:none!important;
    overflow:hidden;
  }
  .hero-v9::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-8px;
    background-image:url('../images/fisioviva-mobile.webp');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 72%;
    opacity:.50;
    filter:saturate(.72) contrast(.90) brightness(1.04) blur(1px);
    transform:scale(1.035);
    pointer-events:none;
  }
  .hero-v9::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    height:auto;
    background:
      linear-gradient(180deg,
        rgba(238,239,230,.94) 0%,
        rgba(238,239,230,.90) 31%,
        rgba(238,239,230,.76) 51%,
        rgba(238,239,230,.48) 70%,
        rgba(238,239,230,.20) 100%),
      linear-gradient(90deg, rgba(238,239,230,.20), rgba(238,239,230,.04));
    pointer-events:none;
  }
  .hero-v9-grid{position:relative;z-index:2;}
}

.hero-mobile-bg{display:none;}
@media (max-width: 760px){
  .hero-v9{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:760px;
    background:var(--paper)!important;
    padding:42px 0 38px;
  }
  .hero-v9::before,
  .hero-v9::after{display:none!important;content:none!important;}
  .hero-mobile-bg{
    display:block;
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
  }
  .hero-mobile-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,
        rgba(238,239,230,.96) 0%,
        rgba(238,239,230,.92) 28%,
        rgba(238,239,230,.78) 50%,
        rgba(238,239,230,.48) 70%,
        rgba(238,239,230,.16) 100%),
      linear-gradient(90deg, rgba(238,239,230,.22), rgba(238,239,230,.02));
  }
  .hero-mobile-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 62%;
    opacity:.70;
    filter:saturate(.80) contrast(.92) brightness(1.02);
    transform:scale(1.02);
  }
  .hero-v9-grid{
    position:relative;
    z-index:2;
    display:block!important;
    min-height:680px;
  }
  .hero-v9-copy{
    position:relative;
    z-index:2;
    width:100%;
    max-width:none;
    padding-bottom:220px;
  }
  .hero-v9-showcase{display:none!important;}
  .hero-v9 .headline{
    max-width:9.2ch;
    font-size:clamp(3.25rem,14.2vw,4.4rem);
  }
  .hero-v9 .lede{
    max-width:31ch;
    color:rgba(14,27,23,.90);
  }
  .hero-v9-proof span{
    background:rgba(251,251,247,.84);
    backdrop-filter:blur(8px);
  }
  .hero-note{
    max-width:340px;
    color:rgba(35,58,50,.82);
  }
}

@media (max-width:760px){
  .hero-v9{
    min-height:650px;
    padding:38px 0 30px;
    background:
      radial-gradient(circle at 88% 72%, rgba(217,174,94,.16), transparent 28%),
      linear-gradient(155deg, #EEEFE6 0%, #F7F7F0 48%, #E7E7D9 100%) !important;
  }
  .hero-v9::before,.hero-v9::after{display:none!important;content:none!important;}
  .hero-mobile-bg{
    display:block;
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    background:transparent;
  }
  .hero-mobile-bg::before{
    content:"";
    position:absolute;
    z-index:0;
    width:360px;height:360px;
    right:-190px;top:94px;
    border-radius:50%;
    border:1px solid rgba(173,132,56,.20);
    box-shadow:0 0 0 38px rgba(173,132,56,.035),0 0 0 76px rgba(14,27,23,.025);
  }
  .hero-mobile-bg::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(180deg,rgba(238,239,230,.01),rgba(238,239,230,.08) 58%,rgba(238,239,230,.28));
  }
  .hero-art-orb,.hero-art-slab,.hero-art-ring{position:absolute;z-index:1;}
  .hero-art-orb{
    width:142px;height:142px;
    right:112px;bottom:20px;
    border-radius:50%;
    background:radial-gradient(circle at 32% 26%, #E8BF71 0%, #AD8438 45%, #6F5423 100%);
    opacity:.86;
    box-shadow:0 30px 55px -34px rgba(14,27,23,.65);
  }
  .hero-art-slab{
    border:1px solid rgba(255,255,255,.26);
    box-shadow:0 32px 60px -36px rgba(14,27,23,.58);
    transform-style:preserve-3d;
  }
  .hero-art-slab-a{
    right:-12px;bottom:78px;width:230px;height:138px;
    border-radius:24px;
    background:linear-gradient(145deg,#173129,#0E1B17 62%,#263A33);
    transform:perspective(650px) rotateY(-18deg) rotateZ(-7deg);
  }
  .hero-art-slab-a::before{
    content:"ONDRA";
    position:absolute;left:25px;top:24px;
    font-family:'Fraunces',Georgia,serif;
    font-size:1.55rem;color:#EEEFE6;letter-spacing:.04em;
  }
  .hero-art-slab-a::after{
    content:"DISEÑO · DESARROLLO";
    position:absolute;left:26px;bottom:26px;
    font-family:'Work Sans',sans-serif;
    font-size:.52rem;font-weight:700;letter-spacing:.16em;color:#D9AE5E;
  }
  .hero-art-slab-b{
    left:22px;bottom:34px;width:176px;height:108px;
    border-radius:20px;
    background:rgba(251,251,247,.88);
    border-color:rgba(173,132,56,.35);
    backdrop-filter:blur(8px);
    transform:perspective(650px) rotateY(14deg) rotateZ(8deg);
  }
  .hero-art-slab-b::before{
    content:"";
    position:absolute;left:20px;right:20px;top:25px;height:8px;
    border-radius:20px;background:#AD8438;
    box-shadow:0 20px 0 rgba(14,27,23,.82),0 40px 0 rgba(14,27,23,.18);
  }
  .hero-art-ring{
    right:166px;bottom:151px;width:70px;height:70px;
    border:10px solid rgba(217,174,94,.78);
    border-right-color:rgba(14,27,23,.74);
    border-radius:50%;
    transform:rotate(28deg);
    filter:drop-shadow(0 16px 15px rgba(14,27,23,.12));
  }
  .hero-v9-grid{position:relative;z-index:2;display:block!important;min-height:570px;}
  .hero-v9-copy{position:relative;z-index:2;width:100%;max-width:none;padding-bottom:112px;}
  .hero-v9-showcase{display:none!important;}
}

@media (max-width:760px){
  .statement{padding:18px 0 34px;}
  .statement-sub{margin-top:20px;}
  .case-v9{padding-top:46px;padding-bottom:54px;}
}
@media (min-width:761px){
  .statement{padding-bottom:62px;}
  .case-v9{padding-top:78px;}
}

.case-focus-head{max-width:780px;margin-bottom:34px;}
.case-focus-head h2{max-width:16ch;font-size:clamp(2.5rem,5.5vw,5rem);}
.case-focus-head p{max-width:58ch;}
.case-focus-visual{position:relative;text-decoration:none;border-color:rgba(217,174,94,.34);box-shadow:0 35px 90px -50px rgba(0,0,0,.92);transition:transform .3s ease,border-color .3s ease;}
.case-focus-visual:hover{transform:translateY(-4px);border-color:rgba(217,174,94,.62);}
.case-live-badge{position:absolute;left:24px;bottom:24px;padding:9px 12px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:.68rem;font-weight:800;letter-spacing:.04em;box-shadow:0 12px 30px -18px #000;}
.case-focus-copy h3{font-size:clamp(2.4rem,4.5vw,4.1rem);}
.case-focus-copy>p{max-width:45ch;}
.case-focus-points{margin:24px 0;}
.case-focus-points .case-v9-point{padding:13px 0;}
.case-focus .next-demos{margin-top:30px;padding-top:18px;}
@media (min-width:920px){
  .case-focus-grid{grid-template-columns:1.32fr .68fr;gap:38px;}
  .case-focus-visual{min-height:560px;}
  .case-focus-visual .case-v9-browser{min-height:520px;}
}
@media (max-width:919px){.case-focus-grid{gap:26px;}}
@media (max-width:560px){
  .case-focus-head{margin-bottom:24px;}
  .case-focus-head h2{font-size:2.75rem;line-height:1.02;}
  .case-focus-head p{font-size:.94rem;line-height:1.55;}
  .case-focus-visual{min-height:300px;padding:9px;}
  .case-focus-visual .case-v9-browser{min-height:280px;}
  .case-live-badge{left:17px;bottom:17px;font-size:.62rem;}
  .case-focus-copy h3{font-size:2.55rem;margin-bottom:12px;}
  .case-focus-copy>p{font-size:.94rem;line-height:1.55;}
  .case-focus-points{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;overflow-x:auto;margin:20px -22px 22px;padding:0 22px 7px;border-top:0;scroll-snap-type:x proximity;}
  .case-focus-points .case-v9-point{min-width:150px;display:block;padding:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);scroll-snap-align:start;}
  .case-focus-points .case-v9-point b{display:block;margin-bottom:7px;}
  .case-focus-points .case-v9-point span{font-size:.8rem;line-height:1.42;}
  .case-focus .case-v9-actions{gap:8px;}
  .case-focus .case-v9-actions .btn{flex:1;min-width:0;padding-left:12px;padding-right:12px;font-size:.76rem;}
  .case-focus .next-demos{margin-top:24px;}
}

.case-name-accent{color:var(--gold-bright);}
.case-focus-summary{margin:0;color:rgba(238,239,230,.78);font-size:1rem;line-height:1.62;max-width:48ch;}
@media (max-width:560px){
  .case-v9.case-focus{padding-top:38px;padding-bottom:42px;}
  .case-focus-head{margin-bottom:18px;}
  .case-focus-head h2{font-size:2.35rem;line-height:1.02;max-width:11ch;}
  .case-focus-head p{margin-top:12px;font-size:.88rem;line-height:1.48;max-width:34ch;}
  .case-focus-visual{min-height:238px;padding:8px;}
  .case-focus-visual .case-v9-browser{min-height:222px;height:222px;}
  .case-focus-visual .case-v9-browser img{height:calc(100% - 30px);object-fit:cover;object-position:top;}
  .case-focus-copy{margin-top:-2px;}
  .case-focus-summary{font-size:.88rem;line-height:1.48;}
  .case-focus-points{margin-top:16px;margin-bottom:16px;}
  .case-focus-points .case-v9-point{padding:12px;}
  .case-focus .next-demos{margin-top:18px;padding-top:14px;font-size:.7rem;}
}

.hero-v9{padding-top:72px;padding-bottom:48px;}
@media (max-width:760px){
  .hero-v9{min-height:570px!important;padding:30px 0 18px!important;}
  .hero-v9-grid{min-height:500px!important;}
  .hero-v9-copy{padding-bottom:86px!important;}
  .hero-art-slab-a{bottom:58px!important;}
  .hero-art-slab-b{bottom:20px!important;}
  .hero-art-orb{bottom:10px!important;}
  .hero-art-ring{bottom:126px!important;}
}

.band .wrap{padding-top:44px;padding-bottom:48px;}
@media (min-width:900px){.band .wrap{padding-top:56px;padding-bottom:58px;}}
@media (max-width:760px){
  .band .wrap{padding-top:34px;padding-bottom:40px;gap:24px;}
  .band h2{margin-top:0;}
}

.statement{padding-top:18px;padding-bottom:38px;}
@media (min-width:761px){.statement{padding-bottom:50px;}}

.case-v9.case-focus{padding-top:48px;padding-bottom:46px;}
.case-focus-head{margin-bottom:24px;}
.case-focus-grid{gap:28px;}
.case-focus-points{margin-top:20px;margin-bottom:20px;}
@media (max-width:560px){
  .case-v9.case-focus{padding-top:34px;padding-bottom:34px;}
  .case-focus-head{margin-bottom:18px;}
  .case-focus-head h2{font-size:2.55rem!important;max-width:12ch!important;}
  .case-focus-head p{max-width:36ch!important;}
  .case-focus-visual{
    width:calc(100% + 48px);
    margin-left:-24px;
    min-height:330px!important;
    padding:10px!important;
    border-left:0;border-right:0;
  }
  .case-focus-visual .case-v9-browser{height:310px!important;min-height:310px!important;}
  .case-focus-visual .case-v9-browser img{height:calc(100% - 30px)!important;object-fit:cover;object-position:top;}
  .case-live-badge{left:20px;bottom:18px;}
  .case-focus-copy{margin-top:2px;}
  .case-focus-copy h3{font-size:2.35rem!important;margin:0 0 10px!important;}
  .case-focus-summary{font-size:.9rem;line-height:1.48;}
  .case-focus-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    overflow:visible!important;
    margin:16px 0!important;
    padding:0!important;
    border-top:0!important;
  }
  .case-focus-points .case-v9-point{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:88px 1fr!important;
    gap:10px!important;
    padding:11px 12px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.035)!important;
  }
  .case-focus-points .case-v9-point b{margin:0!important;font-size:.68rem!important;}
  .case-focus-points .case-v9-point span{font-size:.78rem!important;line-height:1.35!important;}
  .case-focus .case-v9-tags{margin-bottom:16px;gap:6px;}
  .case-focus .case-v9-tags span{padding:6px 8px;font-size:.64rem;}
  .case-focus .next-demos{margin-top:16px!important;}
}

.strip{position:relative;z-index:2;}

#proceso{padding-top:66px;padding-bottom:66px;}
@media (max-width:760px){#proceso{padding-top:48px;padding-bottom:50px;}}

.capabilities-v9{padding-top:70px;padding-bottom:70px;}
.capabilities-carousel{position:relative;margin-top:36px;overflow:hidden;}
.capabilities-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.capability-slide{flex:0 0 100%;min-width:100%;margin:0!important;box-sizing:border-box;}
.capabilities-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;}
.cap-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);font-size:1.15rem;cursor:pointer;transition:.2s ease;}
.cap-arrow:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-1px);}
.cap-dots{display:flex;gap:7px;align-items:center;}
.cap-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--line);cursor:pointer;transition:.25s ease;}
.cap-dot.is-active{width:22px;border-radius:8px;background:var(--gold);}
@media (min-width:800px){
  .capability-slide{padding:34px 38px;min-height:300px;}
  .capabilities-carousel{max-width:820px;margin-left:auto;margin-right:auto;}
}
@media (max-width:760px){
  .capabilities-v9{padding-top:54px;padding-bottom:52px;}
  .capabilities-v9 .section-head{margin-bottom:0;}
  .capabilities-carousel{margin-top:24px;}
  .capability-slide{padding:24px 20px!important;min-height:315px!important;}
  .capabilities-controls{margin-top:14px;gap:12px;}
}

[data-reveal]{opacity:1;transform:none;}

.hero-v9.hero-refined{
  padding-top:56px;
  padding-bottom:38px;
  background:var(--paper);
}
.hero-v9.hero-refined .hero-v9-grid{
  position:relative;
  padding:clamp(24px,4vw,38px);
  gap:38px;
  border:1px solid rgba(173,132,56,.34);
  border-radius:32px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.44), rgba(255,255,255,.10)),
    linear-gradient(135deg, rgba(173,132,56,.07), rgba(251,251,247,.82) 52%, rgba(173,132,56,.03));
  box-shadow:0 30px 70px -56px rgba(14,27,23,.44);
}
.hero-v9.hero-refined .hero-v9-copy{max-width:590px;}
.hero-v9.hero-refined .hero-v9-showcase{min-height:540px;}
.hero-v9.hero-refined .hero-note{margin-top:16px;}
.hero-v9.hero-refined .hero-cta{margin-top:24px;}
.hero-v9.hero-refined .hero-v9-proof{margin-top:22px;}

.band.band-tight .wrap{
  padding-top:30px;
  padding-bottom:36px;
  gap:22px;
}
.band.band-tight h2{margin-top:0;}
.band.band-tight p{margin-top:10px;}

.case-v9.case-priority{
  padding-top:42px;
  padding-bottom:34px;
}
.case-priority .case-focus-head{
  max-width:820px;
  margin-bottom:20px;
}
.case-priority .case-focus-head h2{
  max-width:13ch;
  font-size:clamp(2.7rem,5.8vw,5rem);
}
.case-priority .case-focus-head p{max-width:48ch;}
.case-priority .case-focus-grid{gap:30px;}
.case-priority .case-focus-copy h3{margin-top:0;}
.case-priority .case-focus-summary{max-width:46ch;}
.case-priority .next-demos{margin-top:18px;padding-top:14px;font-size:.72rem;opacity:.8;}

.case-showcase-visual{
  position:relative;
  min-height:520px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.case-showcase-visual::before{
  content:"";
  position:absolute;
  inset:10px 18px 14px;
  border:1px solid rgba(217,174,94,.25);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
}
.case-showcase-visual::after{
  content:"";
  position:absolute;
  right:18px;
  top:38px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(173,132,56,.62) 0%, rgba(173,132,56,.16) 52%, rgba(173,132,56,0) 74%);
  filter:blur(1px);
  opacity:.85;
}
.case-showcase-stack,
.case-live-badge{position:relative;z-index:2;}
.case-showcase-stack{min-height:520px;}
.case-browser-mock{
  position:absolute;
  inset:28px 78px 12px 0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:var(--white);
  overflow:hidden;
  box-shadow:0 36px 80px -48px rgba(0,0,0,.9);
  transform:perspective(860px) rotateY(3deg) rotateX(1deg) rotateZ(-1.6deg);
}
.case-browser-mock .browser-top{background:#f4f5ee;}
.case-browser-mock img{
  width:100%;
  height:calc(100% - 42px);
  object-fit:cover;
  object-position:top;
  display:block;
}
.case-device-phone{
  position:absolute;
  right:0;
  bottom:0;
  width:176px;
  border:7px solid var(--ink);
  border-radius:30px;
  background:var(--white);
  box-shadow:0 32px 54px -28px rgba(0,0,0,.72);
  overflow:hidden;
  aspect-ratio:9 / 18.5;
  transform:rotate(4deg);
}
.case-device-phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
  display:block;
}
.case-showcase-visual .case-live-badge{
  left:14px;
  bottom:8px;
  background:var(--ink);
  color:var(--paper);
  border:1px solid rgba(217,174,94,.24);
}
.case-showcase-visual .case-live-badge::before{
  content:"•";
  margin-right:8px;
  color:var(--gold-bright);
}

@media (min-width:900px){
  .band.band-tight .wrap{padding-top:42px;padding-bottom:46px;}
}

@media (max-width:959px){
  .hero-v9.hero-refined{padding-top:34px;padding-bottom:22px;}
  .hero-v9.hero-refined .hero-v9-grid{gap:30px;}
  .hero-v9.hero-refined .hero-v9-showcase{min-height:420px;}
}

@media (max-width:760px){
  .hero-v9.hero-refined{
    min-height:auto!important;
    padding:20px 0 14px!important;
    background:var(--paper)!important;
  }
  .hero-v9.hero-refined::before,
  .hero-v9.hero-refined::after{display:none!important;content:none!important;}
  .hero-v9.hero-refined .hero-v9-grid{
    display:block!important;
    min-height:auto!important;
    padding:20px 16px 22px;
    border-radius:28px;
    overflow:hidden;
  }
  .hero-v9.hero-refined .hero-v9-copy{
    max-width:none;
    padding-bottom:176px!important;
  }
  .hero-v9.hero-refined .hero-v9-showcase{display:none!important;}
  .hero-v9.hero-refined .hero-mobile-bg{
    display:block;
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    top:auto;
    height:214px;
    border:1px solid rgba(173,132,56,.34);
    border-radius:26px;
    overflow:hidden;
    background:linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.22));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 20px 50px -40px rgba(14,27,23,.45);
  }
  .hero-v9.hero-refined .hero-mobile-bg::before{
    content:"";
    position:absolute;
    z-index:0;
    width:300px;
    height:300px;
    right:-132px;
    bottom:-120px;
    border-radius:50%;
    border:1px solid rgba(173,132,56,.16);
    box-shadow:0 0 0 32px rgba(173,132,56,.04), 0 0 0 64px rgba(14,27,23,.02);
  }
  .hero-v9.hero-refined .hero-mobile-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(238,239,230,.02), rgba(238,239,230,.18));
  }
  .hero-v9.hero-refined .hero-art-slab-a{right:-8px;bottom:62px!important;}
  .hero-v9.hero-refined .hero-art-slab-b{left:14px;bottom:20px!important;}
  .hero-v9.hero-refined .hero-art-orb{right:104px;bottom:10px!important;}
  .hero-v9.hero-refined .hero-art-ring{right:146px;bottom:124px!important;}
  .hero-v9.hero-refined .hero-v9-proof{gap:8px;max-width:330px;}
  .hero-v9.hero-refined .hero-v9-proof span{padding:8px 10px;font-size:.66rem;}
  .hero-v9.hero-refined .hero-note{margin-top:18px;font-size:.78rem;}

  .case-v9.case-priority{padding-top:32px;padding-bottom:26px;}
  .case-priority .case-focus-head{margin-bottom:16px;}
  .case-priority .case-focus-head h2{font-size:2.95rem!important;max-width:10.2ch!important;}
  .case-priority .case-focus-head p{font-size:.92rem;line-height:1.5;max-width:31ch;}
  .case-priority .case-focus-grid{gap:20px;}
  .case-showcase-visual{min-height:354px;}
  .case-showcase-visual::before{inset:8px 6px 12px;border-radius:22px;}
  .case-showcase-visual::after{width:150px;height:150px;right:18px;top:28px;opacity:.78;}
  .case-showcase-stack{min-height:354px;}
  .case-browser-mock{
    inset:14px 46px 16px 0;
    border-radius:18px;
    transform:none;
  }
  .case-browser-mock .browser-top{height:32px;padding:0 12px;}
  .case-browser-mock img{height:calc(100% - 32px);}
  .case-device-phone{
    width:120px;
    border-width:5px;
    border-radius:22px;
    right:2px;
    bottom:0;
  }
  .case-showcase-visual .case-live-badge{left:10px;bottom:4px;font-size:.61rem;padding:8px 10px;}

  .band.band-tight .wrap{padding-top:24px;padding-bottom:32px;gap:18px;}
  .band.band-tight h2{font-size:1.7rem;max-width:12ch;}
}

.hero-v9.hero-refined .hero-v9-copy{
  padding-bottom:0;
}
.hero-v9.hero-refined .hero-cta{
  margin-bottom:0;
}
@media (max-width:760px){
  .hero-v9.hero-refined .hero-v9-copy{
    padding-bottom:176px!important;
  }
}

.band.band-light{
  background:var(--paper);
  color:var(--ink);
  padding:18px 0 20px;
}
.band.band-light .wrap{
  position:relative;
  padding:34px 28px 38px;
  border:1px solid rgba(173,132,56,.42);
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 14%, rgba(217,174,94,.11), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(251,251,247,.88));
  box-shadow:0 28px 70px -58px rgba(14,27,23,.42);
  overflow:hidden;
}
.band.band-light .wrap::before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-92px;
  top:-90px;
  border:1px solid rgba(173,132,56,.18);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(173,132,56,.028),0 0 0 56px rgba(14,27,23,.018);
  pointer-events:none;
}
.band.band-light h2{
  color:var(--ink);
  font-size:clamp(2rem,4vw,3.25rem);
  max-width:14ch;
  line-height:1.04;
  letter-spacing:-.025em;
}
.band.band-light p{
  color:var(--ink-mute);
  opacity:1;
}
.band.band-light .band-list{
  gap:0;
}
.band.band-light .band-item{
  border-top:1px solid rgba(173,132,56,.24);
  padding:17px 0;
}
.band.band-light .band-item:first-child{
  border-top:1px solid rgba(173,132,56,.32);
}
.band.band-light .band-item b{
  color:var(--ink);
}
.band.band-light .band-item p{
  color:var(--ink-mute);
}
.band.band-light .icon-chip{
  background:rgba(173,132,56,.06);
  border-color:rgba(173,132,56,.34);
}
.band.band-light .icon-chip svg{
  color:var(--gold-deep);
}

.band.band-light + #proceso{
  padding-top:52px;
  padding-bottom:58px;
  background:var(--paper-2)!important;
}
.band.band-light + #proceso .section-head{
  margin-bottom:30px;
}

@media (min-width:900px){
  .band.band-light{
    padding:26px 0 28px;
  }
  .band.band-light .wrap{
    padding:44px 48px;
  }
}

@media (max-width:760px){
  .band.band-light{
    padding:12px 0 16px;
  }
  .band.band-light .wrap{
    margin-left:14px;
    margin-right:14px;
    padding:26px 20px 28px;
    border-radius:24px;
    gap:16px;
  }
  .band.band-light h2{
    font-size:2.15rem;
    max-width:11ch;
  }
  .band.band-light .band-item{
    gap:12px;
    padding:15px 0;
  }
  .band.band-light .band-item p{
    margin-top:5px;
    font-size:.86rem;
  }
  .band.band-light + #proceso{
    padding-top:42px;
    padding-bottom:46px;
  }
}

.band.band-tight.band-light{
  background:#EEEFE6 !important;
  color:#0E1B17 !important;
  padding:18px 0 22px !important;
}
.band.band-tight.band-light > .wrap{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:22px !important;
  width:min(1180px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:38px 34px 36px !important;
  border:1px solid rgba(173,132,56,.50) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(217,174,94,.16),transparent 25%),
    linear-gradient(145deg,#FBFBF7 0%,#F7F6EF 58%,#EEEFE6 100%) !important;
  box-shadow:0 24px 65px -54px rgba(14,27,23,.50) !important;
  overflow:hidden !important;
}
.band.band-tight.band-light > .wrap::before{
  content:"" !important;
  position:absolute !important;
  width:190px !important;
  height:190px !important;
  right:-110px !important;
  top:-112px !important;
  border:1px solid rgba(173,132,56,.20) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 34px rgba(173,132,56,.035),0 0 0 68px rgba(14,27,23,.018) !important;
  pointer-events:none !important;
}
.band.band-tight.band-light h2{
  color:#0E1B17 !important;
  margin:0 !important;
  font-family:'Fraunces',Georgia,serif !important;
  font-size:clamp(2rem,4vw,3.15rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  max-width:13ch !important;
}
.band.band-tight.band-light > .wrap > div:first-child > p{
  color:#4E5B55 !important;
  opacity:1 !important;
  margin:12px 0 0 !important;
  max-width:48ch !important;
  line-height:1.58 !important;
}
.band.band-tight.band-light .band-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}
.band.band-tight.band-light .band-item{
  display:grid !important;
  grid-template-columns:46px 1fr !important;
  gap:14px !important;
  align-items:start !important;
  padding:16px !important;
  border:1px solid rgba(173,132,56,.25) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.58) !important;
}
.band.band-tight.band-light .band-item .icon-chip{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  border:1px solid rgba(173,132,56,.38) !important;
  border-radius:50% !important;
  background:rgba(173,132,56,.08) !important;
}
.band.band-tight.band-light .band-item .icon-chip svg{
  color:#8C6A2A !important;
}
.band.band-tight.band-light .band-item b{
  display:block !important;
  color:#0E1B17 !important;
  font-family:'Fraunces',Georgia,serif !important;
  font-size:1.12rem !important;
  line-height:1.18 !important;
}
.band.band-tight.band-light .band-item p{
  color:#59635F !important;
  opacity:1 !important;
  margin:5px 0 0 !important;
  font-size:.88rem !important;
  line-height:1.48 !important;
}

.band.band-tight.band-light + #proceso{
  background:#E4E6DA !important;
  padding-top:46px !important;
  padding-bottom:52px !important;
}
.band.band-tight.band-light + #proceso .section-head{
  margin-bottom:26px !important;
}

@media (min-width:900px){
  .band.band-tight.band-light > .wrap{
    grid-template-columns:.82fr 1.18fr !important;
    gap:44px !important;
    padding:44px 48px !important;
  }
  .band.band-tight.band-light .band-list{
    gap:8px !important;
  }
}

@media (max-width:760px){
  .band.band-tight.band-light{
    background:#EEEFE6 !important;
    color:#0E1B17 !important;
    padding:10px 0 14px !important;
  }
  .band.band-tight.band-light > .wrap{
    width:calc(100% - 24px) !important;
    margin:0 12px !important;
    padding:24px 18px 20px !important;
    gap:18px !important;
    border:1px solid rgba(173,132,56,.50) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 100% 0%,rgba(217,174,94,.14),transparent 26%),
      linear-gradient(145deg,#FBFBF7 0%,#F4F3EB 100%) !important;
    box-shadow:0 18px 44px -38px rgba(14,27,23,.48) !important;
  }
  .band.band-tight.band-light h2{
    color:#0E1B17 !important;
    font-size:2.08rem !important;
    line-height:1.01 !important;
    max-width:10ch !important;
  }
  .band.band-tight.band-light > .wrap > div:first-child > p{
    color:#52605A !important;
    margin-top:10px !important;
    font-size:.92rem !important;
    line-height:1.48 !important;
  }
  .band.band-tight.band-light .band-list{
    gap:8px !important;
  }
  .band.band-tight.band-light .band-item{
    grid-template-columns:40px 1fr !important;
    gap:12px !important;
    padding:13px 12px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.68) !important;
  }
  .band.band-tight.band-light .band-item .icon-chip{
    width:38px !important;
    height:38px !important;
  }
  .band.band-tight.band-light .band-item b{
    color:#0E1B17 !important;
    font-size:1.02rem !important;
  }
  .band.band-tight.band-light .band-item p{
    color:#5D6762 !important;
    margin-top:4px !important;
    font-size:.82rem !important;
  }
  .band.band-tight.band-light + #proceso{
    padding-top:36px !important;
    padding-bottom:42px !important;
  }
}

:root{
  --ondra-radius-xl:34px;
  --ondra-radius-lg:26px;
  --ondra-radius-md:18px;
  --ondra-gold-line:rgba(173,132,56,.34);
  --ondra-soft-shadow:0 24px 70px -56px rgba(14,27,23,.52);
}

.premium-light-section{background:var(--paper);}
.premium-light-section > .wrap{position:relative;}
.section-head{max-width:790px;}
.section-head .eyebrow{color:var(--gold-deep);}

.hero-v9.hero-refined{
  background:var(--paper)!important;
  padding-top:42px!important;
  padding-bottom:34px!important;
}
.hero-v9.hero-refined .hero-v9-grid{
  border-color:var(--ondra-gold-line)!important;
  border-radius:var(--ondra-radius-xl)!important;
  box-shadow:var(--ondra-soft-shadow)!important;
}
.hero-v9.hero-refined .headline em{color:var(--gold-deep);font-style:italic;}

.case-v9.case-priority{
  background:var(--ink)!important;
  padding-top:54px!important;
  padding-bottom:46px!important;
}
.case-priority .case-name-accent{color:var(--gold-bright);}
.case-priority .case-focus-head .eyebrow{color:var(--gold-bright);}
.case-priority .case-v9-point{
  border-color:rgba(238,239,230,.14)!important;
}
.case-priority .case-v9-point b{color:var(--gold-bright)!important;}
.case-priority .case-v9-actions .btn-ghost{
  border-color:rgba(238,239,230,.28)!important;
  color:var(--paper)!important;
}
.case-priority .case-v9-actions .btn-ghost:hover{background:rgba(238,239,230,.08)!important;}
.case-showcase-visual::before{border-color:rgba(217,174,94,.26)!important;}

.band.band-tight.band-light{
  background:var(--paper)!important;
  padding:28px 0 32px!important;
}
.band.band-tight.band-light > .wrap{
  border-radius:var(--ondra-radius-xl)!important;
  border-color:var(--ondra-gold-line)!important;
  box-shadow:var(--ondra-soft-shadow)!important;
}
.band.band-tight.band-light .band-item{
  border-radius:28px!important;
  background:rgba(251,251,247,.84)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
@media (hover:hover){
  .band.band-tight.band-light .band-item:hover{
    transform:translateY(-2px);
    border-color:rgba(173,132,56,.48)!important;
    box-shadow:0 14px 38px -32px rgba(14,27,23,.48);
  }
}
.band.band-tight.band-light .icon-chip{border-radius:999px!important;}

.process-section{
  position:relative;
  background:var(--paper)!important;
  padding:58px 0 64px!important;
  overflow:hidden;
}
.process-section::before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  left:-220px;bottom:-220px;
  border-radius:50%;
  border:1px solid rgba(173,132,56,.12);
  box-shadow:0 0 0 48px rgba(173,132,56,.025),0 0 0 96px rgba(14,27,23,.015);
  pointer-events:none;
}
.process-section .section-head{margin-bottom:34px!important;}
.process-section .section-head p{
  color:var(--ink-mute);
  line-height:1.62;
  max-width:54ch;
}
.process-carousel{position:relative;}
.process-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.process-track::before{
  content:"";
  position:absolute;
  z-index:0;
  left:8%;right:8%;top:40px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--gold),transparent);
  opacity:.34;
}
.process-card{
  position:relative;
  z-index:1;
  min-height:250px;
  padding:26px 22px 24px;
  border:1px solid rgba(173,132,56,.27);
  border-radius:30px;
  background:rgba(251,251,247,.82);
  box-shadow:0 18px 48px -44px rgba(14,27,23,.52);
  overflow:hidden;
}
.process-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:50px;
  height:32px;
  padding:0 15px;
  border:1px solid rgba(173,132,56,.36);
  border-radius:999px;
  background:rgba(173,132,56,.07);
  color:var(--gold-deep);
  font-family:'Work Sans',sans-serif;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
}
.process-dot{
  position:absolute;
  top:35px;right:26px;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 7px rgba(173,132,56,.10);
}
.process-card h3{
  margin:54px 0 10px;
  font-size:1.38rem;
  line-height:1.08;
  color:var(--ink);
}
.process-card p{
  margin:0;
  color:var(--ink-mute);
  font-size:.88rem;
  line-height:1.58;
}
.process-controls{display:none;}

.strip.specialty-strip{
  padding:14px 0!important;
  border-color:rgba(217,174,94,.18)!important;
  background:var(--ink)!important;
  color:var(--paper)!important;
}
.strip.specialty-strip .strip-track{opacity:.9!important;}
.strip.specialty-strip .strip-track span{color:rgba(238,239,230,.78);}

.capabilities-v9.capabilities-premium{
  background:var(--paper)!important;
  padding-top:68px!important;
  padding-bottom:66px!important;
}
.capabilities-premium .section-head p{color:var(--ink-mute);max-width:60ch;}
.capabilities-premium .capabilities-carousel{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.capabilities-premium .capability-card{
  min-height:318px;
  border:1px solid rgba(173,132,56,.28)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(217,174,94,.09),transparent 28%),
    rgba(251,251,247,.82)!important;
  box-shadow:0 22px 58px -50px rgba(14,27,23,.55)!important;
}
.capabilities-premium .capability-number{
  color:rgba(173,132,56,.13)!important;
  font-size:4.4rem!important;
  right:24px!important;
  top:14px!important;
}
.capabilities-premium .capability-icon{
  border-radius:999px!important;
  border-color:rgba(173,132,56,.34)!important;
  background:rgba(173,132,56,.06)!important;
}
.capabilities-premium .capability-list span{
  border-radius:999px;
  background:rgba(238,239,230,.62);
  border-color:rgba(173,132,56,.18);
}
.capabilities-premium .cap-arrow,
.capabilities-premium .cap-dot{border-color:rgba(173,132,56,.34)!important;}
.capabilities-premium .cap-dot.is-active{background:var(--gold)!important;}
.capabilities-premium .capabilities-foot{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  border-top-color:rgba(173,132,56,.24)!important;
}

.pricing-section{
  background:linear-gradient(180deg,var(--paper) 0%,#F5F4ED 100%)!important;
  padding-top:62px!important;
  padding-bottom:66px!important;
}
.pricing-section .pricing-grid{gap:16px;align-items:stretch;}
.pricing-section .plan{
  border-radius:30px!important;
  border-color:rgba(173,132,56,.24)!important;
  background:rgba(251,251,247,.86)!important;
  box-shadow:0 18px 52px -46px rgba(14,27,23,.50)!important;
}
.pricing-section .plan.featured{
  background:var(--ink)!important;
  border-color:rgba(217,174,94,.72)!important;
  color:var(--paper)!important;
  box-shadow:0 30px 70px -46px rgba(14,27,23,.78)!important;
}
.pricing-section .plan-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(173,132,56,.26);
  border-radius:999px;
  color:var(--gold-deep)!important;
  background:rgba(173,132,56,.06);
  font-size:.66rem!important;
  letter-spacing:.08em!important;
}
.pricing-section .plan.featured .plan-tag{
  border-color:rgba(217,174,94,.42);
  color:var(--gold-bright)!important;
  background:rgba(217,174,94,.08);
}
.pricing-section .plan.featured .price-offer-badge{
  color:var(--gold-bright)!important;
  border-color:rgba(217,174,94,.32)!important;
}
.pricing-section .plan.featured .btn-gold{box-shadow:0 14px 34px -24px rgba(217,174,94,.9);}
.pricing-section .addons{gap:12px;}
.pricing-section .addon{
  border-radius:22px;
  border-color:rgba(173,132,56,.20)!important;
  background:rgba(251,251,247,.62);
}

.faq-section.faq-premium{
  background:var(--paper)!important;
  padding-top:64px!important;
  padding-bottom:66px!important;
}
.faq-premium .faq-grid-premium{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  border-top:0!important;
}
.faq-premium .faq-item{
  border:1px solid rgba(173,132,56,.22)!important;
  border-radius:22px;
  background:rgba(251,251,247,.72);
  overflow:hidden;
}
.faq-premium .faq-item summary{
  min-height:76px;
  padding:20px 20px!important;
  gap:16px;
}
.faq-premium .faq-item summary::after{
  border-color:rgba(173,132,56,.34)!important;
  color:var(--gold-deep)!important;
  background:rgba(173,132,56,.04);
}
.faq-premium .faq-answer{
  padding:0 20px 20px!important;
  font-size:.91rem;
  line-height:1.6;
}
.faq-premium .faq-cta{
  margin-top:24px!important;
  padding-top:22px;
  border-top:1px solid rgba(173,132,56,.20);
}

.contact-premium{
  position:relative;
  padding-top:68px!important;
  padding-bottom:68px!important;
  background:var(--ink)!important;
  color:var(--paper)!important;
  overflow:hidden;
}
.contact-premium::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-220px;top:-220px;
  border:1px solid rgba(217,174,94,.14);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(217,174,94,.025),0 0 0 108px rgba(238,239,230,.012);
  pointer-events:none;
}
.contact-premium .section-head{position:relative;z-index:1;}
.contact-premium .section-head .eyebrow{color:var(--gold-bright)!important;}
.contact-premium .section-head h2{color:var(--paper)!important;}
.contact-premium .section-head p{color:rgba(238,239,230,.68)!important;}
.contact-premium .contact-grid{
  position:relative;z-index:1;
  border:1px solid rgba(217,174,94,.26)!important;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 36px 78px -54px rgba(0,0,0,.86)!important;
}
.contact-premium .contact-intro{
  background:rgba(255,255,255,.035)!important;
  color:var(--paper)!important;
}
.contact-premium .contact-intro p,
.contact-premium .contact-trust span{color:rgba(238,239,230,.72)!important;opacity:1!important;}
.contact-premium .contact-trust svg{color:var(--gold-bright)!important;}
.contact-premium .contact-intro .btn-dark{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#fff!important;
}
.contact-premium .contact-intro .btn-ghost{
  color:var(--paper)!important;
  border-color:rgba(238,239,230,.24)!important;
}
.contact-premium .contact-form-wrap{
  background:var(--white)!important;
  color:var(--ink)!important;
}
footer{
  background:var(--ink)!important;
  color:var(--paper)!important;
  border-top:1px solid rgba(217,174,94,.16)!important;
}
footer .foot-row{opacity:.72!important;}
footer .footer-links a:hover{color:var(--gold-bright)!important;}
footer .brand svg path[stroke="var(--ink-mute)"]{stroke:var(--paper)!important;opacity:.65;}

@media (max-width:760px){
  .hero-v9.hero-refined{padding:14px 0 12px!important;}
  .hero-v9.hero-refined .hero-v9-grid{border-radius:26px!important;}

  .case-v9.case-priority{padding-top:36px!important;padding-bottom:30px!important;}
  .case-priority .case-focus-head h2{font-size:2.8rem!important;}

  .band.band-tight.band-light{padding:18px 0 22px!important;}
  .band.band-tight.band-light > .wrap{border-radius:26px!important;}
  .band.band-tight.band-light .band-item{border-radius:24px!important;}

  .process-section{padding:44px 0 48px!important;}
  .process-section .section-head{margin-bottom:24px!important;}
  .process-carousel{overflow:hidden;}
  .process-track{
    display:flex;
    gap:0;
    transform:translate3d(0,0,0);
    transition:transform .48s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
  }
  .process-track::before{display:none;}
  .process-card{
    flex:0 0 100%;
    min-width:100%;
    min-height:236px;
    padding:24px 20px 22px;
    border-radius:28px;
  }
  .process-card h3{margin-top:50px;font-size:1.55rem;}
  .process-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-top:16px;
  }
  .process-arrow{
    width:38px;height:38px;
    display:grid;place-items:center;
    border:1px solid rgba(173,132,56,.28);
    border-radius:50%;
    background:var(--white);
    color:var(--ink);
    font-size:1rem;
  }
  .process-dots{display:flex;gap:7px;align-items:center;}
  .process-nav-dot{
    width:7px;height:7px;padding:0;
    border:0;border-radius:999px;
    background:rgba(14,27,23,.20);
    transition:width .2s ease,background .2s ease;
  }
  .process-nav-dot.is-active{width:22px;background:var(--gold);}

  .strip.specialty-strip{padding:12px 0!important;}

  .capabilities-v9.capabilities-premium{padding-top:48px!important;padding-bottom:48px!important;}
  .capabilities-premium .capability-card{min-height:300px;border-radius:26px!important;padding:26px 22px!important;}

  .pricing-section{padding-top:48px!important;padding-bottom:50px!important;}
  .pricing-section .plan{border-radius:26px!important;}
  .pricing-section .plan.featured{transform:none!important;}
  .pricing-section .pricing-grid{gap:12px;}

  .faq-section.faq-premium{padding-top:48px!important;padding-bottom:48px!important;}
  .faq-premium .faq-grid-premium{grid-template-columns:1fr;gap:9px!important;}
  .faq-premium .faq-item{border-radius:18px;}
  .faq-premium .faq-item summary{min-height:66px;padding:17px 16px!important;font-size:.92rem;}
  .faq-premium .faq-answer{padding:0 16px 17px!important;font-size:.86rem;}

  .contact-premium{padding-top:50px!important;padding-bottom:52px!important;}
  .contact-premium .contact-grid{border-radius:24px;}
  .contact-premium .contact-intro,
  .contact-premium .contact-form-wrap{padding:28px 20px!important;}
}

@media (prefers-reduced-motion:reduce){
  .process-track{transition:none!important;}
}

#proyectos,#proceso,#servicios,#precios,#faq,#contacto{scroll-margin-top:110px;}
.menu-toggle{
  display:none;
  width:46px;height:46px;
  padding:0;
  border:1px solid rgba(173,132,56,.28);
  border-radius:50%;
  background:rgba(251,251,247,.75);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  cursor:pointer;
}
.menu-toggle span{width:18px;height:1.5px;background:var(--ink);border-radius:999px;transition:transform .2s ease,opacity .2s ease;}
@media(max-width:859px){
  header .nav{position:relative;}
  header .btn-pill{display:none;}
  .menu-toggle{display:flex;position:relative;z-index:22;}
  .nav-links{
    display:flex!important;
    position:absolute;
    z-index:20;
    left:0;right:0;
    top:calc(100% + 10px);
    padding:16px;
    border:1px solid rgba(173,132,56,.28);
    border-radius:22px;
    background:rgba(251,251,247,.97);
    box-shadow:0 24px 54px -36px rgba(14,27,23,.58);
    backdrop-filter:blur(16px);
    flex-direction:column;
    gap:0;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px) scale(.985);
    transform-origin:top right;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .nav-links a{
    padding:13px 12px;
    border-bottom:1px solid rgba(173,132,56,.12);
    font-weight:600;
    opacity:.86;
  }
  .nav-links a:last-child{border-bottom:0;}
  body.menu-open .nav-links{opacity:1;visibility:visible;transform:none;}
  body.menu-open .menu-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
  body.menu-open .menu-toggle span:nth-child(2){opacity:0;}
  body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}
}
@media(max-width:859px){
  body.menu-open .nav-links{opacity:1!important;visibility:visible!important;transform:none!important;}
}

.hero-brand-showcase{position:relative;min-height:520px!important;}
.hero-brand-stage{position:absolute;inset:20px 0 10px 0;perspective:1000px;}
.hero-brand-orbit{
  position:absolute;
  width:460px;height:460px;
  right:2%;top:4%;
  border-radius:50%;
  border:1px solid rgba(173,132,56,.22);
  box-shadow:0 0 0 52px rgba(173,132,56,.035),0 0 0 104px rgba(14,27,23,.018);
}
.hero-brand-disc{
  position:absolute;
  width:220px;height:220px;
  left:12%;bottom:2%;
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#E4B966 0%,#AD8438 48%,#795A22 100%);
  box-shadow:0 42px 70px -48px rgba(14,27,23,.62);
  opacity:.92;
}
.hero-brand-panel{
  position:absolute;
  right:1%;top:14%;
  width:min(88%,520px);
  min-height:290px;
  padding:52px 48px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  background:linear-gradient(145deg,#19342B 0%,#0E1B17 58%,#263A33 100%);
  box-shadow:0 44px 84px -48px rgba(14,27,23,.75);
  transform:rotateY(-9deg) rotateZ(-3deg);
}
.hero-brand-panel strong{
  display:block;
  font-family:'Fraunces',Georgia,serif;
  font-size:clamp(3.6rem,5vw,5.6rem);
  line-height:.9;
  font-weight:500;
  letter-spacing:-.04em;
  color:var(--paper);
}
.hero-brand-panel span{
  display:block;
  margin-top:122px;
  color:var(--gold-bright);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.16em;
}
.hero-brand-card{
  position:absolute;
  left:2%;bottom:7%;
  width:285px;height:180px;
  padding:44px 32px;
  border:1px solid rgba(173,132,56,.34);
  border-radius:28px;
  background:rgba(251,251,247,.92);
  box-shadow:0 34px 70px -48px rgba(14,27,23,.68);
  transform:rotateY(10deg) rotateZ(6deg);
}
.hero-brand-card i{
  display:block;
  height:9px;
  margin-bottom:20px;
  border-radius:999px;
  background:rgba(14,27,23,.78);
}
.hero-brand-card i:first-child{width:78%;background:var(--gold);}
.hero-brand-card i:nth-child(2){width:92%;}
.hero-brand-card i:nth-child(3){width:66%;opacity:.28;}
@media(max-width:959px){
  .hero-brand-showcase{min-height:400px!important;}
  .hero-brand-panel{width:82%;min-height:240px;padding:40px 36px;}
  .hero-brand-panel span{margin-top:92px;}
  .hero-brand-card{width:230px;height:145px;padding:34px 26px;}
  .hero-brand-disc{width:180px;height:180px;}
  .hero-brand-orbit{width:360px;height:360px;}
}
@media(max-width:760px){.hero-brand-showcase{display:none!important;}}

.header-premium{
  padding-top:calc(env(safe-area-inset-top,0px) + 10px);
}
.header-premium .nav-premium{
  min-height:64px;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
  padding:9px 11px 9px 18px;
  border:1px solid rgba(173,132,56,.22);
  border-radius:22px;
  background:rgba(251,251,247,.90);
  box-shadow:0 18px 45px -38px rgba(14,27,23,.55);
  backdrop-filter:blur(18px) saturate(1.08);
}
.header-premium .brand{gap:9px;}
.header-premium .brand svg{width:30px;height:30px;}
.header-premium .brand-word{font-size:1.08rem;}
.header-premium .brand-word small{font-size:.49rem;letter-spacing:.15em;margin-top:3px;}
.header-premium .nav-links{gap:24px;font-size:.84rem;align-items:center;}
.header-premium .nav-links a{
  position:relative;
  opacity:.72;
  padding:8px 0;
  transition:color .18s ease,opacity .18s ease;
}
.header-premium .nav-links a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:2px;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.header-premium .nav-links a:hover{opacity:1;color:var(--ink);}
.header-premium .nav-links a:hover::after{transform:scaleX(1);}
.header-premium .btn-pill{
  padding:10px 17px;
  border-radius:999px;
  border:1px solid rgba(217,174,94,.28);
  box-shadow:none;
  font-size:.78rem;
}

.case-priority .next-demos-premium{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:20px!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(217,174,94,.16)!important;
  opacity:1!important;
  color:rgba(238,239,230,.66);
}
.case-priority .next-demos-premium b{
  margin-right:3px;
  color:var(--gold-bright)!important;
  font-family:'Work Sans',sans-serif;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.case-priority .next-demos-premium span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border:1px solid rgba(217,174,94,.20);
  border-radius:999px;
  background:rgba(238,239,230,.035);
  color:rgba(238,239,230,.72);
  white-space:nowrap;
  font-size:.68rem;
}

.capabilities-premium .capabilities-cta-premium{
  position:relative;
  max-width:900px;
  margin:24px auto 0!important;
  padding:16px 16px 16px 20px!important;
  border:1px solid rgba(173,132,56,.24)!important;
  border-radius:24px;
  background:rgba(251,251,247,.72);
  box-shadow:0 18px 46px -42px rgba(14,27,23,.50);
}
.capabilities-premium .capabilities-cta-premium::before{
  content:"";
  position:absolute;
  left:20px;top:-1px;
  width:76px;height:1px;
  background:var(--gold);
}
.capabilities-premium .capabilities-cta-premium p{
  max-width:55ch;
  font-size:.86rem;
  line-height:1.5;
}
.capabilities-premium .capabilities-cta-premium .btn{
  flex:none;
  min-height:42px;
  padding:10px 17px;
  border-radius:999px;
  font-size:.76rem;
}

.pricing-section .addons-premium{
  margin-top:22px!important;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
}
.pricing-section .addons-premium .addon{
  min-width:0;
  min-height:108px;
  align-items:flex-start;
  gap:11px;
  padding:15px 16px!important;
  border:1px solid rgba(173,132,56,.18)!important;
  border-radius:20px!important;
  background:rgba(251,251,247,.54)!important;
  box-shadow:none!important;
}
.pricing-section .addons-premium .icon-chip{
  width:36px;height:36px;
  flex:0 0 36px;
  margin:0!important;
  border-radius:999px;
  border-color:rgba(173,132,56,.26);
  background:rgba(173,132,56,.055);
}
.pricing-section .addons-premium .icon-chip svg{width:17px;height:17px;color:var(--gold-deep);}
.pricing-section .addons-premium .addon-body b{
  margin:1px 0 4px;
  font-size:.98rem;
  line-height:1.1;
  color:var(--ink);
}
.pricing-section .addons-premium .addon-body span{
  display:block;
  font-size:.73rem;
  line-height:1.42;
  color:var(--ink-mute);
  opacity:.88;
}

.faq-premium .faq-cta-premium{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px!important;
  padding:10px 10px 10px 20px!important;
  border:1px solid rgba(173,132,56,.24)!important;
  border-radius:999px;
  background:rgba(251,251,247,.72);
  box-shadow:0 16px 42px -40px rgba(14,27,23,.48);
}
.faq-premium .faq-cta-premium span{
  font-size:.82rem;
  line-height:1.4;
  color:var(--ink-mute);
}
.faq-premium .faq-cta-premium .btn{
  flex:none;
  min-height:42px;
  padding:10px 18px;
  border-radius:999px;
  font-size:.76rem;
}

.contact-final .contact-grid{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
}
.contact-final .contact-intro h2{
  font-size:1.65rem;
  line-height:1.06;
  color:var(--paper);
}
.contact-final .contact-quick{margin-top:0;padding-top:4px;gap:9px;}
.contact-final .contact-quick .btn{
  border-radius:999px;
  min-height:42px;
  padding:10px 17px;
  font-size:.76rem;
}
.contact-final .contact-trust{gap:9px;margin-top:4px;}
.contact-final .contact-trust span{
  padding:8px 0;
  border-bottom:1px solid rgba(217,174,94,.10);
  font-size:.78rem;
}
.contact-final .contact-trust span:last-child{border-bottom:0;}
.contact-final .contact-form-wrap{padding:42px 38px!important;}
.contact-final .cform{gap:16px;}
.contact-final .cf-row{gap:14px;}
.contact-final .cf-field{gap:6px;}
.contact-final .cf-field label{
  color:var(--ink-soft);
  opacity:1;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.025em;
}
.contact-final .cf-field input,
.contact-final .cf-field select,
.contact-final .cf-field textarea{
  width:100%;
  min-height:52px;
  padding:13px 14px;
  border:1px solid rgba(173,132,56,.22);
  border-radius:14px;
  background:#F4F4EC;
  color:var(--ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52);
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.contact-final .cf-field textarea{min-height:112px;line-height:1.5;}
.contact-final .cf-field input:hover,
.contact-final .cf-field select:hover,
.contact-final .cf-field textarea:hover{border-color:rgba(173,132,56,.38);}
.contact-final .cf-field input:focus,
.contact-final .cf-field select:focus,
.contact-final .cf-field textarea:focus,
.contact-final .cf-field input:focus-visible,
.contact-final .cf-field select:focus-visible,
.contact-final .cf-field textarea:focus-visible{
  border-color:var(--gold);
  background:var(--white);
  outline:none;
  box-shadow:0 0 0 3px rgba(173,132,56,.12),inset 0 1px 0 rgba(255,255,255,.72);
}
.contact-final .privacy-check{
  padding:12px 13px;
  border:1px solid rgba(173,132,56,.14);
  border-radius:14px;
  background:rgba(238,239,230,.52);
}
.contact-final .cf-submit{justify-content:space-between;gap:12px;}
.contact-final .cf-submit .btn{
  min-height:48px;
  border-radius:999px;
  padding:12px 20px;
}

@media (max-width:700px){
  body{padding-bottom:78px;}
  .mobile-cta.mobile-cta-premium{
    left:50%;right:auto;
    width:calc(100% - 30px);
    max-width:410px;
    transform:translateX(-50%);
    bottom:calc(10px + env(safe-area-inset-bottom,0px));
    min-height:54px;
    padding:5px 5px 5px 15px;
    border:1px solid rgba(217,174,94,.26);
    border-radius:999px;
    background:rgba(14,27,23,.95);
    box-shadow:0 18px 42px -20px rgba(0,0,0,.58);
    backdrop-filter:blur(16px);
  }
  .mobile-cta.mobile-cta-premium span{
    font-size:.70rem;
    font-weight:600;
    letter-spacing:.01em;
    color:rgba(238,239,230,.78);
    opacity:1;
  }
  .mobile-cta.mobile-cta-premium .btn{
    min-height:42px;
    padding:9px 15px;
    border-radius:999px;
    font-size:.72rem;
    color:#fff;
  }
}

.footer-premium{
  padding:20px 0 calc(22px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid rgba(217,174,94,.12)!important;
  background:var(--ink)!important;
}
.footer-premium .footer-v6{
  gap:16px;
  opacity:1!important;
}
.footer-premium .brand{gap:9px;color:var(--paper);}
.footer-premium .brand svg{width:27px!important;height:27px!important;}
.footer-premium .brand > span{
  max-width:390px;
  color:rgba(238,239,230,.70);
  font-size:.72rem;
  line-height:1.35;
}
.footer-premium .footer-links{
  gap:8px 14px;
  max-width:620px;
  color:rgba(238,239,230,.60);
  font-size:.70rem;
}
.footer-premium .footer-links a{
  padding:4px 0;
  transition:color .16s ease;
}
.footer-premium .footer-links a:hover{color:var(--gold-bright)!important;}

.capabilities-v9.capabilities-premium{background:var(--paper)!important;}
.pricing-section{background:linear-gradient(180deg,#F5F3EA 0%,#EEEFE6 100%)!important;}
.faq-section.faq-premium{background:#F3F2EA!important;}

@media (max-width:859px){
  .header-premium{padding-top:calc(env(safe-area-inset-top,0px) + 8px);}
  .header-premium .nav-premium{
    min-height:58px;
    margin:0 12px;
    padding:8px 9px 8px 13px;
    border-radius:20px;
  }
  .header-premium .brand svg{width:28px;height:28px;}
  .header-premium .brand-word{font-size:1rem;}
  .header-premium .brand-word small{font-size:.45rem;}
  .header-premium .menu-toggle{
    width:41px;height:41px;
    border-color:rgba(173,132,56,.28);
    background:rgba(238,239,230,.74);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
  }
  .header-premium .nav-links{
    top:calc(100% + 8px);
    left:0;right:0;
    padding:9px;
    border-radius:20px;
    background:rgba(251,251,247,.985);
    border-color:rgba(173,132,56,.24);
  }
  .header-premium .nav-links a{
    padding:11px 12px;
    border-bottom:0;
    border-radius:13px;
    font-size:.86rem;
  }
  .header-premium .nav-links a:hover,
  .header-premium .nav-links a:focus-visible{
    background:rgba(173,132,56,.07);
    color:var(--ink);
  }
  .header-premium .nav-links a::after{display:none;}
}

@media (max-width:760px){
  
  .case-priority .next-demos-premium{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    margin-right:-22px!important;
    padding-right:22px!important;
    padding-bottom:2px!important;
  }
  .case-priority .next-demos-premium::-webkit-scrollbar{display:none;}
  .case-priority .next-demos-premium b{flex:0 0 auto;}
  .case-priority .next-demos-premium span{flex:0 0 auto;min-height:30px;padding:0 10px;font-size:.64rem;}

  
  .capabilities-premium .capabilities-cta-premium{
    flex-direction:column;
    align-items:stretch;
    gap:13px;
    margin-top:18px!important;
    padding:17px!important;
    border-radius:20px;
  }
  .capabilities-premium .capabilities-cta-premium::before{left:17px;width:62px;}
  .capabilities-premium .capabilities-cta-premium p{font-size:.80rem;line-height:1.48;}
  .capabilities-premium .capabilities-cta-premium .btn{width:100%;min-height:44px;}

  
  .pricing-section .addons-premium{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin-left:-22px;
    margin-right:-22px;
    padding:0 22px 5px;
  }
  .pricing-section .addons-premium::-webkit-scrollbar{display:none;}
  .pricing-section .addons-premium .addon{
    flex:0 0 82%;
    max-width:330px;
    min-height:104px;
    scroll-snap-align:start;
    border-radius:19px!important;
  }

  
  .faq-premium .faq-cta-premium{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
    padding:15px!important;
    border-radius:20px;
  }
  .faq-premium .faq-cta-premium span{font-size:.78rem;line-height:1.45;}
  .faq-premium .faq-cta-premium .btn{width:100%;min-height:44px;}

  
  .contact-final .contact-grid{grid-template-columns:1fr;}
  .contact-final .contact-intro,
  .contact-final .contact-form-wrap{padding:24px 18px!important;}
  .contact-final .contact-intro h2{font-size:1.45rem;}
  .contact-final .contact-form-wrap{border-top:1px solid rgba(173,132,56,.18);}
  .contact-final .cf-row.two{grid-template-columns:1fr;gap:14px;}
  .contact-final .cf-field input,
  .contact-final .cf-field select{min-height:54px;}
  .contact-final .cf-field textarea{min-height:106px;}
  .contact-final .cf-submit{align-items:stretch;flex-direction:column;}
  .contact-final .cf-submit .btn{width:100%;}

  
  .footer-premium{padding-top:17px!important;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;}
  .footer-premium .footer-v6{gap:11px;}
  .footer-premium .brand > span{font-size:.68rem;max-width:300px;}
  .footer-premium .footer-links{justify-content:flex-start;gap:5px 12px;font-size:.66rem;}
}

@media (max-width:390px){
  .header-premium .brand-word small{display:none;}
  .mobile-cta.mobile-cta-premium span{font-size:.66rem;}
  .mobile-cta.mobile-cta-premium .btn{padding-left:13px;padding-right:13px;}
}

.mobile-cta.mobile-cta-premium{
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.mobile-cta.mobile-cta-premium.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(-50%) translateY(12px);
}

.contact-whatsapp-number{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:8px 12px;
  border:1px solid rgba(173,132,56,.28);
  border-radius:999px;
  color:var(--gold-bright);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.02em;
}

.whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 16px 0 13px;
  border:1px solid rgba(217,174,94,.42);
  border-radius:999px;
  background:rgba(14,27,23,.96);
  color:var(--paper);
  text-decoration:none;
  font-size:.82rem;
  font-weight:700;
  box-shadow:0 18px 44px -24px rgba(14,27,23,.82);
  backdrop-filter:blur(10px);
  transition:transform .22s ease,border-color .22s ease,opacity .22s ease,visibility .22s ease;
}
.whatsapp-float:hover{
  transform:translateY(-2px);
  border-color:var(--gold-bright);
}
.whatsapp-float svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:var(--gold-bright);
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.whatsapp-float.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
}
.footer-whatsapp{color:var(--gold-bright)!important;}

@media (max-width:760px){
  .whatsapp-float{
    right:14px;
    bottom:82px;
    width:48px;
    height:48px;
    min-height:48px;
    padding:0;
    justify-content:center;
  }
  .whatsapp-float span{display:none;}
  .contact-whatsapp-number{font-size:.72rem;}
}