@layer reset, base, layout, components, sections, responsive, print;

@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body,h1,h2,h3,h4,p,ul,ol{margin:0}
  ul,ol{padding:0;list-style:none}
  img{display:block;max-width:100%}
  button,a{font:inherit}
  button{color:inherit}
}

@layer base {
  :root{
    --paper:#f4f0ea;--white:#fcfaf7;--ink:#24231f;--muted:#716d65;
    --nude:#d8c5b1;--bronze:#a17c5d;--line:rgba(36,35,31,.16);
    --serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;
    --gutter:clamp(24px,5vw,84px);--radius:2px;
  }
  body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}
  h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:.95;letter-spacing:-.035em}
  h1{font-size:clamp(4.4rem,10.7vw,10rem)}
  h2{font-size:clamp(3rem,7vw,7rem)}
  h3{font-size:clamp(1.6rem,2.5vw,2.5rem)}
  em{font-weight:400;color:var(--bronze)}
  a{color:inherit;text-decoration:none}
  :focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
  ::selection{background:var(--nude);color:var(--ink)}
  .eyebrow{font-size:.69rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
  .eyebrow::before{content:"";display:inline-block;width:32px;height:1px;background:currentColor;margin:0 12px 3px 0}
  .eyebrow.light{color:rgba(255,255,255,.7)}
  .quiet,.source-note{font-size:.79rem;color:var(--muted)}
  .large-copy{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.12}
  .lead{font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.15}
}

@layer layout {
  .section{position:relative;padding:clamp(100px,13vw,190px) var(--gutter)}
  .full-screen{min-height:100svh}
  .section-heading{max-width:1320px;margin:0 auto clamp(58px,8vw,110px)}
  .section-heading .eyebrow{margin-bottom:28px}
  .section-heading.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.6fr);gap:10vw;align-items:end}
  .section-heading.split>p{max-width:440px;color:var(--muted)}
  .dark-section{background:var(--ink);color:var(--white)}
  .dark-section .section-heading.split>p{color:rgba(255,255,255,.56)}
  .dark-section em{color:var(--nude)}
}

@layer components {
  .skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--ink);color:white;padding:10px 16px}
  .skip-link:focus{top:20px}
  .progress{position:fixed;z-index:80;left:0;right:0;top:0;height:2px;background:transparent}
  .progress span{display:block;height:100%;width:0;background:var(--bronze)}
  .topbar{position:fixed;z-index:70;top:0;left:0;right:0;height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.4s}
  .topbar.scrolled{background:rgba(244,240,234,.91);backdrop-filter:blur(14px);border-color:var(--line)}
  .brand{display:flex;align-items:center;gap:11px;font-size:.71rem;text-transform:uppercase;letter-spacing:.12em}
  .brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid currentColor;border-radius:50%;font-family:var(--serif);letter-spacing:-.05em;font-size:.9rem}
  .nav{display:flex;gap:28px;font-size:.73rem}
  .nav a{position:relative}
  .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:.3s}
  .nav a:hover::after,.nav a.active::after{right:0}
  .print-button{border:1px solid var(--line);background:transparent;padding:10px 15px;cursor:pointer;font-size:.71rem;letter-spacing:.04em;transition:.3s}
  .print-button:hover{background:var(--ink);color:white}
  .section-index{position:fixed;z-index:55;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.58rem;letter-spacing:.1em}
  .section-index-line{height:72px;width:1px;background:var(--line)}
  .to-top{position:fixed;z-index:60;right:22px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);background:rgba(244,240,234,.9);backdrop-filter:blur(8px);border-radius:50%;cursor:pointer;opacity:0;transform:translateY(10px);transition:.3s}
  .to-top.visible{opacity:1;transform:none}
  .button{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;cursor:pointer}
  .button.primary{background:var(--ink);color:white;border-color:var(--ink)}
  .button-row{display:flex;gap:25px;align-items:center;margin-top:34px}
  .text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
  .reveal.visible{opacity:1;transform:none}
  .delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
}

@layer sections {
  .cover{background:#251f1b;color:var(--white);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:100px var(--gutter) 80px;overflow:hidden}
  .cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 37%,rgba(216,197,177,.2),transparent 28%),linear-gradient(120deg,transparent 50%,rgba(255,255,255,.025));pointer-events:none}
  .cover-grain{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
  .cover-copy{z-index:2;max-width:900px}
  .cover h1 em{display:inline-block;color:var(--nude);margin-left:10vw}
  .client{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3.4rem);margin:18px 0 28px;border-top:1px solid rgba(255,255,255,.2);padding-top:18px}
  .cover-intro{max-width:520px;color:rgba(255,255,255,.62)}
  .cover-portrait{position:absolute;right:0;bottom:0;width:min(46vw,700px);height:91%;display:flex;align-items:flex-end;justify-content:center}
  .cover-portrait img{position:relative;z-index:1;width:85%;max-height:90%;object-fit:contain;object-position:bottom;filter:saturate(.7) sepia(.1)}
  .portrait-ring{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(216,197,177,.27);border-radius:50%;top:13%}
  .portrait-ring::after{content:"";position:absolute;inset:8%;border:1px solid rgba(216,197,177,.1);border-radius:50%}
  .vertical-note{position:absolute;z-index:2;right:5%;top:22%;writing-mode:vertical-rl;font-size:.57rem;letter-spacing:.23em;text-transform:uppercase;color:rgba(255,255,255,.45)}
  .cover-footer{position:absolute;z-index:4;bottom:24px;left:var(--gutter);right:var(--gutter);padding-top:18px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:20px;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;color:rgba(255,255,255,.5)}
  .cover-footer span{color:var(--nude);margin:0 8px}

  .browser-composition{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.5fr .6fr;gap:7vw;align-items:center}
  .browser-frame{border:1px solid var(--line);background:var(--white);padding:12px;box-shadow:0 28px 80px rgba(36,35,31,.08);transform:rotate(-1deg)}
  .browser-bar{height:38px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:0 6px}
  .browser-bar i{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}.browser-bar span{margin:auto;font-size:.58rem;color:var(--muted)}
  .current-preview{height:460px;background:#fff;display:grid;grid-template-columns:1fr .8fr;padding:9%;overflow:hidden}
  .current-preview h3{font-family:var(--sans);font-size:clamp(1.8rem,3vw,3.5rem);font-weight:600;letter-spacing:-.05em;line-height:1.02;color:#6d0b57;margin:25px 0 20px}
  .current-preview p{font-size:.67rem;max-width:300px}.current-preview img{height:115%;object-fit:contain;align-self:end;filter:saturate(.8)}
  .mini-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.17em}.mini-button{display:inline-block;margin-top:25px;background:#6d0b57;color:white;padding:10px 14px;font-size:.55rem;text-transform:uppercase}
  .audit-copy>p:first-child{font-family:var(--serif);font-size:1.65rem;line-height:1.2}.check-list{margin:32px 0}.check-list li{font-size:.79rem;border-top:1px solid var(--line);padding:12px 0}.check-list li::before{content:"✓";margin-right:12px;color:var(--bronze)}
  .opportunity-strip{max-width:1320px;margin:90px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}
  .opportunity-strip span{padding:18px 10px;text-align:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--line)}.opportunity-strip span:last-child{border:0}

  .pillar-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.14)}
  .pillar{min-height:310px;padding:25px 24px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}
  .pillar:last-child{border:0}.pillar b{font-size:.61rem;color:var(--nude);letter-spacing:.1em}.pillar h3{font-size:2rem;margin:auto 0 18px}.pillar p{font-size:.75rem;color:rgba(255,255,255,.5)}

  .architecture{max-width:1160px;margin:auto;display:grid;grid-template-columns:.8fr 1fr;gap:9vw;align-items:center}
  .long-wireframe{border:1px solid var(--line);background:var(--white);padding:10px;box-shadow:0 30px 60px rgba(36,35,31,.08)}
  .long-wireframe>div{position:relative;border-bottom:1px solid var(--line);padding:15px}.long-wireframe small{font-size:.48rem;letter-spacing:.12em;color:var(--muted)}
  .wf-head{height:40px;display:flex;gap:10px;align-items:center}.wf-head span{font-family:var(--serif);margin-right:auto}.wf-head i{width:20px;height:2px;background:var(--line)}
  .wf-hero{height:180px;background:var(--paper)}.wf-hero strong{display:block;font-family:var(--serif);font-size:2rem;line-height:.9;margin-top:20px}.wf-hero span{position:absolute;width:120px;height:150px;background:var(--nude);right:18px;bottom:0;border-radius:70px 70px 0 0}
  .wf-text{height:95px}.wf-text i{display:block;width:65%;height:3px;background:var(--line);margin:7px auto}
  .wf-cards,.wf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wf-cards small,.wf-gallery small{grid-column:1/-1}.wf-cards span{height:55px;border:1px solid var(--line)}.wf-gallery{grid-template-columns:repeat(4,1fr)}.wf-gallery span{height:75px;background:#ddd5cc}
  .wf-image{height:100px;background:#352f2a;color:white}.wf-about{height:90px}.wf-about span{position:absolute;width:55px;height:70px;background:var(--nude);right:20px;bottom:0}.wf-row{height:55px}.wf-footer{height:65px;background:var(--paper)}
  .architecture-list li{display:grid;grid-template-columns:55px 1fr;gap:2px 20px;border-top:1px solid var(--line);padding:24px 0}.architecture-list span{grid-row:1/3;font-family:var(--serif);color:var(--bronze);font-size:1.5rem}.architecture-list b{font-family:var(--serif);font-size:1.8rem;font-weight:400}.architecture-list small{color:var(--muted)}

  .concept-hero-section{background:#e1d0c0;padding-top:120px}.concept-label{position:absolute;top:30px;left:var(--gutter);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
  .concept-hero{max-width:1420px;margin:auto;min-height:720px;background:#f7f3ed;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 35px 90px rgba(36,35,31,.12)}
  .concept-copy{padding:8vw 7vw;align-self:center}.monogram{display:block;font-family:var(--serif);font-size:2rem;margin-bottom:70px}.monogram span{font-size:.7rem;color:var(--bronze);margin:0 4px}.concept-copy h2{font-size:clamp(3.6rem,6vw,6.5rem);margin:20px 0 28px}.concept-copy>p:not(.eyebrow){max-width:390px;color:var(--muted)}
  .concept-image{position:relative;min-height:650px;background:#d9c8b8;overflow:hidden}.concept-image img{width:100%;height:100%;object-fit:cover;object-position:43% center;filter:saturate(.72)}.concept-image::after{content:"";position:absolute;inset:0;box-shadow:inset 40px 0 60px rgba(247,243,237,.18)}.concept-image span{position:absolute;z-index:2;right:18px;bottom:16px;font-size:.56rem;text-transform:uppercase;letter-spacing:.13em;color:white}

  .treatment-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:70px 25px}.treatment-card{position:relative}.treatment-card img{width:100%;height:440px;object-fit:cover;filter:saturate(.68);transition:.6s}.treatment-card:hover img{filter:saturate(.9);transform:scale(1.01)}.treatment-card>span{display:block;color:var(--bronze);font-family:var(--serif);margin:17px 0 7px}.treatment-card h3{font-size:2.4rem}.treatment-card p{color:var(--muted);font-size:.82rem;max-width:480px;margin:13px 0}.treatment-card a{font-size:.67rem;text-transform:uppercase;letter-spacing:.11em}.treatment-card a i{font-style:normal;margin-left:6px}.treatment-grid+.source-note,.page-concepts>.source-note{max-width:1320px;margin:45px auto 0}

  .results-section{background:#e8e1d8}.results-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.1fr .7fr;gap:8vw;align-items:center}.result-card{height:600px;display:grid;grid-template-columns:1fr 1fr;position:relative;border:10px solid var(--white);box-shadow:0 25px 80px rgba(36,35,31,.09)}.result-half{display:flex;justify-content:space-between;align-items:flex-end;padding:20px;background:linear-gradient(165deg,#d6c0ad,#938477);color:white;text-transform:uppercase;font-size:.57rem;letter-spacing:.13em}.result-half.after{background:linear-gradient(165deg,#ddd3c8,#b79b84)}.result-half b{font-weight:400;opacity:.65}.result-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--ink);font-style:normal}.privacy-card{display:flex;gap:18px;margin-top:45px;border-top:1px solid var(--line);padding-top:20px;font-size:.75rem}.privacy-card span{color:var(--bronze)}

  .profile-section{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:870px}.profile-image{position:relative;background:#d8c6b7;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:38% center;filter:saturate(.62)}.profile-image span{position:absolute;left:22px;bottom:18px;color:white;font-size:.56rem;text-transform:uppercase;letter-spacing:.12em}.profile-copy{padding:9vw;align-self:center}.profile-copy h2{margin:20px 0 40px}.profile-copy .lead{margin-bottom:25px}.profile-copy>p:not(.eyebrow):not(.lead){color:var(--muted);max-width:520px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;margin:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-facts span{padding:20px 15px 20px 0}.profile-facts span+span{padding-left:20px;border-left:1px solid var(--line)}.profile-facts b{display:block;font-family:var(--serif);font-size:1.75rem;font-weight:400}.profile-facts small{font-size:.65rem;color:var(--muted)}

  .page-stack{max-width:1320px;margin:auto}.page-stack article{display:grid;grid-template-columns:80px 1fr 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding:24px 0}.page-stack article:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.page-stack span{font-family:var(--serif);color:var(--nude)}.page-stack h3{font-size:2.5rem}.page-stack p{text-align:right;color:rgba(255,255,255,.45);font-size:.75rem}.light-note{color:rgba(255,255,255,.4);max-width:1320px;margin:30px auto 0}
  .sitemap{max-width:1320px;margin:auto}.root-node{width:180px;margin:auto;background:var(--ink);color:white;padding:24px;text-align:center;font-family:var(--serif);font-size:1.8rem;position:relative}.root-node::after{content:"";position:absolute;width:1px;height:60px;left:50%;top:100%;background:var(--line)}.site-branches{display:flex;justify-content:center;align-items:flex-start;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:35px;position:relative;margin-top:60px}.site-branches>span,.branch-main{border:1px solid var(--line);background:var(--white);padding:15px 18px;font-size:.69rem;min-width:110px;text-align:center}.branch-main{display:flex;flex-direction:column;gap:8px;min-width:210px}.branch-main b{font-weight:500}.branch-main small{color:var(--muted);border-top:1px solid var(--line);padding-top:7px}.site-branches .accent-node{background:var(--bronze);color:white;border-color:var(--bronze)}

  .page-concept-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-card{border:1px solid var(--line);background:var(--white)}.page-card-top{height:310px;position:relative;padding:22px;overflow:hidden;background:#d7c3b1}.page-card-top>span{position:relative;z-index:2;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.page-card-top img{position:absolute;height:95%;right:-5%;bottom:0}.page-card-top.clinic{background:linear-gradient(145deg,#34312d,#807266);color:white;display:flex;flex-direction:column;justify-content:space-between}.page-card-top b{font-family:var(--serif);font-size:2.3rem;line-height:1;font-weight:400}.page-card-top.treatment{background:linear-gradient(150deg,#eadfd4,#c9a98e);display:flex;flex-direction:column;justify-content:space-between}.page-card ol{counter-reset:p}.page-card li{border-top:1px solid var(--line);padding:11px 18px;font-size:.7rem}.page-card li::before{counter-increment:p;content:"0" counter(p);color:var(--bronze);margin-right:14px;font-family:var(--serif)}

  .booking-demo{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.1fr .7fr;gap:9vw;align-items:center}.booking-panel{background:var(--white);border:1px solid var(--line);box-shadow:0 35px 80px rgba(36,35,31,.1)}.booking-head,.booking-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);font-size:.69rem}.booking-head span{font-family:var(--serif);font-size:1.4rem}.booking-progress{height:3px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.booking-progress i{background:#ddd}.booking-progress i.active{background:var(--bronze)}.booking-content{padding:55px;min-height:360px}.booking-content h3{font-size:2.6rem;margin:20px 0 30px}.booking-options{display:grid;gap:8px}.booking-options button{border:1px solid var(--line);background:transparent;padding:14px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.booking-options button.selected{background:var(--ink);color:white}.booking-options i{font-style:normal}.booking-nav{border-top:1px solid var(--line);border-bottom:0}.booking-nav button{border:0;background:transparent;cursor:pointer;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.booking-nav button:last-child{background:var(--ink);color:white;padding:11px 16px}.booking-benefits ul{display:grid;grid-template-columns:1fr 1fr;margin:32px 0}.booking-benefits li{font-size:.72rem;border-top:1px solid var(--line);padding:12px 0}.booking-benefits li::before{content:"✦";color:var(--bronze);margin-right:10px}

  .mobile-section{background:#ded2c6;overflow:hidden}.phone-stage{max-width:1000px;height:680px;margin:auto;display:flex;align-items:center;justify-content:center;gap:35px}.phone{width:270px;height:570px;background:#111;border:7px solid #111;border-radius:38px;padding:5px;box-shadow:0 35px 70px rgba(36,35,31,.2)}.phone::before{content:"";position:absolute;width:75px;height:16px;background:#111;border-radius:0 0 12px 12px;left:50%;transform:translateX(-50%);z-index:3}.phone-screen{height:100%;border-radius:28px;overflow:hidden;position:relative;padding:28px 20px;background:var(--white)}.phone-left{transform:rotate(-7deg) translateY(35px)}.phone-right{transform:rotate(7deg) translateY(35px)}.phone-center{z-index:2}.phone-screen small{font-size:.48rem;letter-spacing:.14em}.treatment-screen img{height:280px;width:100%;object-fit:cover;margin:20px 0;filter:saturate(.65)}.phone-screen h4{font-size:2.1rem}.phone-screen>span:last-child{position:absolute;bottom:28px;font-size:.6rem;text-transform:uppercase}.hero-screen{background:#e5d4c5}.hero-screen img{position:absolute;inset:auto -20% 0;width:130%;height:87%;object-fit:contain}.phone-logo{position:relative;font-family:var(--serif)}.hero-screen h4{position:relative;margin-top:65px}.hero-screen b,.booking-screen b{position:absolute;bottom:25px;left:20px;right:20px;background:var(--ink);color:white;padding:12px;text-align:center;text-transform:uppercase;font-size:.52rem;letter-spacing:.1em}.booking-screen h4{margin:50px 0 35px}.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calendar-grid i{aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.calendar-grid i:nth-child(7){background:var(--bronze);border-color:var(--bronze)}

  .journey-section{overflow:hidden}.journey{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between}.journey>div{width:150px;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.journey span{font-family:var(--serif);color:var(--nude);font-size:.75rem}.journey b{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.05}.journey>i{font-style:normal;color:var(--nude)}
  .platform-section{min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--white);overflow:hidden}.platform-word{position:absolute;left:-2vw;top:0;font-family:var(--serif);font-size:19vw;line-height:1;color:rgba(161,124,93,.07)}.platform-copy{position:relative;max-width:520px}.platform-copy h2{margin:25px 0}.platform-copy>p:last-child{color:var(--muted)}.benefit-list{position:relative;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.benefit-list span{padding:22px 5px;border-bottom:1px solid var(--line);font-size:.74rem}
  .beyond-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.beyond-grid article{padding:40px;min-height:300px;border-right:1px solid var(--line);display:flex;flex-direction:column}.beyond-grid article:last-child{border:0}.beyond-grid span{font-family:var(--serif);color:var(--bronze)}.beyond-grid h3{margin:auto 0 20px}.beyond-grid p{font-size:.76rem;color:var(--muted)}

  .direction-section{background:#e7ded4}.moodboard{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.palette{display:grid;grid-template-columns:repeat(4,1fr);min-height:320px}.palette div{background:var(--swatch);position:relative}.palette span{position:absolute;left:13px;bottom:13px;font-size:.56rem;line-height:1.5}.palette div:last-child{color:white}.type-specimen,.ui-style{background:var(--white);padding:30px;position:relative}.type-specimen h3{font-size:3rem;margin:45px 0 10px}.type-specimen p{font-size:.72rem;color:var(--muted)}.type-specimen b{position:absolute;right:25px;bottom:5px;font-family:var(--serif);font-size:6rem;color:var(--nude);font-weight:400}.type-specimen small,.ui-style small{font-size:.55rem;letter-spacing:.12em}.photo-style{position:relative;height:430px;overflow:hidden}.photo-style img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.55)}.photo-style span{position:absolute;left:20px;right:20px;bottom:20px;color:white;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.ui-style{display:flex;flex-direction:column;gap:35px;justify-content:center}.ui-style button{background:var(--ink);color:white;border:0;padding:15px}.ui-style div{display:flex;gap:10px}.ui-style div span{width:50px;height:50px;border:1px solid var(--line);border-radius:50%}.ui-style p{font-size:.72rem;color:var(--muted)}

  .comparison{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.comparison-side{padding:50px;border:1px solid var(--line)}.comparison-side>span{font-size:.61rem;text-transform:uppercase;letter-spacing:.12em;color:var(--bronze)}.comparison-side h3{font-size:2.7rem;margin:25px 0 40px}.comparison-side li{border-top:1px solid var(--line);padding:11px 0;font-size:.76rem}.comparison-side li::before{content:"—";margin-right:10px;color:var(--bronze)}.comparison-side.proposed{background:var(--ink);color:white}.comparison-side.proposed li{border-color:rgba(255,255,255,.15)}.comparison-arrow{display:grid;place-items:center;font-family:var(--serif);font-size:2rem}
  .outcome-section{text-align:center}.outcome-section h2{margin:28px 0}.outcome-statement{font-family:var(--serif);font-size:clamp(1.6rem,3vw,3rem);max-width:850px;margin:0 auto 90px;color:var(--nude);line-height:1.15}.outcome-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15)}.outcome-grid div{padding:30px;border-right:1px solid rgba(255,255,255,.15)}.outcome-grid div:last-child{border:0}.outcome-grid span{display:block;color:var(--nude);font-family:var(--serif)}.outcome-grid b{font-family:var(--serif);font-size:1.6rem;font-weight:400}
  .steps{max-width:1200px;margin:auto}.steps li{display:grid;grid-template-columns:100px 1fr auto;align-items:center;border-top:1px solid var(--line);padding:25px 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{font-family:var(--serif);color:var(--bronze)}.steps b{font-family:var(--serif);font-size:clamp(1.6rem,3vw,3rem);font-weight:400}.steps li::after{content:"↗";color:var(--muted)}
  .closing{position:relative;background:#241f1c;color:white;display:grid;place-items:center;text-align:center;padding:100px var(--gutter);overflow:hidden}.closing-copy{position:relative;z-index:2}.closing h2{font-size:clamp(4rem,9vw,9rem);margin:25px 0}.closing-copy>p:not(.eyebrow){max-width:620px;margin:0 auto;color:rgba(255,255,255,.55)}.light-button{background:var(--white);color:var(--ink);border-color:var(--white);margin-top:40px}.closing-orbit i{position:absolute;left:50%;top:50%;border:1px solid rgba(216,197,177,.15);border-radius:50%;transform:translate(-50%,-50%)}.closing-orbit i:first-child{width:72vw;aspect-ratio:1}.closing-orbit i:last-child{width:46vw;aspect-ratio:1}.closing footer{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);padding-top:18px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;font-size:.57rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.45)}
}

@layer responsive {
  @media(max-width:1000px){
    .nav{display:none}.section-index{display:none}
    .section-heading.split,.browser-composition,.concept-hero,.results-layout,.booking-demo,.platform-section{grid-template-columns:1fr}
    .section-heading.split{gap:28px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.pillar{min-height:230px;border-bottom:1px solid rgba(255,255,255,.14)}
    .concept-image{min-height:540px}.architecture{grid-template-columns:.8fr 1fr;gap:5vw}
    .journey{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.journey>i{display:none}.journey>div{margin:auto}
    .page-concept-grid{grid-template-columns:1fr 1fr}.profile-section{min-height:700px}.profile-copy{padding:7vw}
    .platform-section{gap:50px}.benefit-list{max-width:600px}
  }
  @media(max-width:720px){
    :root{--gutter:22px}
    .topbar{height:62px;padding:0 14px}.brand span:last-child{display:none}.print-button{padding:8px 10px}
    .section{padding-top:90px;padding-bottom:90px}.cover{display:block;padding-top:105px;min-height:850px}.cover h1{font-size:4.5rem}.cover h1 em{margin-left:0}.cover-copy{position:relative;z-index:3}.cover-intro{max-width:330px}.cover-portrait{width:100%;height:50%;opacity:.8}.vertical-note{display:none}.cover-footer{display:block}.cover-footer p:last-child{margin-top:7px}
    .current-preview{height:340px;padding:7%}.current-preview h3{font-size:1.7rem}.current-preview img{opacity:.8}.audit-copy{margin-top:30px}.opportunity-strip{grid-template-columns:1fr}.opportunity-strip span{border-right:0;border-bottom:1px solid var(--line)}
    .pillar-grid{grid-template-columns:1fr}.pillar{min-height:210px}
    .architecture{grid-template-columns:1fr}.long-wireframe{max-width:430px;margin:auto}.concept-hero{min-height:auto}.concept-copy{padding:80px 25px}.monogram{margin-bottom:50px}.concept-image{min-height:490px}
    .treatment-grid{grid-template-columns:1fr}.treatment-card img{height:360px}
    .result-card{height:430px}.profile-section{grid-template-columns:1fr}.profile-image{height:520px}.profile-copy{padding:90px 22px}
    .page-stack article{grid-template-columns:50px 1fr}.page-stack p{display:none}.site-branches{display:grid;grid-template-columns:1fr 1fr}.branch-main{grid-column:1/-1}.page-concept-grid{grid-template-columns:1fr}.booking-content{padding:35px 20px}.booking-benefits{margin-top:35px}
    .phone-stage{height:560px;gap:0}.phone{width:210px;height:450px}.phone-left,.phone-right{position:absolute;opacity:.55;transform:scale(.85) rotate(-8deg) translateX(-45%)}.phone-right{transform:scale(.85) rotate(8deg) translateX(45%)}.phone-center{transform:scale(.93)}.hero-screen h4{font-size:1.7rem}
    .journey{grid-template-columns:repeat(2,1fr)}.journey>div{width:135px}
    .platform-section{display:block}.platform-copy{margin-bottom:50px}.beyond-grid{grid-template-columns:1fr}.beyond-grid article{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}
    .moodboard{grid-template-columns:1fr}.palette{min-height:390px;grid-template-columns:1fr 1fr}.comparison{grid-template-columns:1fr}.comparison-arrow{height:70px;transform:rotate(90deg)}.comparison-side{padding:30px}
    .outcome-grid{grid-template-columns:1fr 1fr}.outcome-grid div:nth-child(2){border-right:0}.outcome-grid div{border-bottom:1px solid rgba(255,255,255,.15)}
    .steps li{grid-template-columns:50px 1fr}.closing{min-height:800px}.closing footer{display:block}.closing footer span{display:block;margin-top:5px}
  }
}

@layer print {
  @media print{
    @page{size:A4 landscape;margin:0}
    *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
    html{font-size:8px}.topbar,.progress,.section-index,.to-top,.booking-nav{display:none!important}
    .section,.full-screen{min-height:0;padding:8mm 11mm;break-after:page;page-break-after:always}
    .cover,.closing{min-height:210mm;padding:13mm}.reveal{opacity:1!important;transform:none!important}
    .section-heading{margin-bottom:7mm}.section-heading h2{font-size:4.5rem}
    .pillar,.treatment-card,.page-card,.beyond-grid article,.comparison-side,.result-card{break-inside:avoid;page-break-inside:avoid}
    .pillar{min-height:180px}.treatment-card img{height:155px}.profile-section{grid-template-columns:1fr 1fr;min-height:0}.profile-image{height:190mm}
    .concept-hero{min-height:0}.concept-image{min-height:165mm}.result-card{height:150mm}.phone-stage{height:155mm;transform:scale(.72);transform-origin:top center}
    .page-card-top{height:180px}.journey>div{width:105px}.moodboard{gap:10px}.photo-style{height:250px}
    a[href]::after{content:none!important}.closing{break-after:auto;page-break-after:auto}
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}
}