@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%}body,h1,h2,h3,p,figure{margin:0}img,svg{display:block}a,button{-webkit-tap-highlight-color:transparent}}@layer base{:root{color-scheme:light;--paper: #f7f1e8;--paper-warm: #efe4d7;--paper-soft: #fcfaf6;--surface: #fffdf9;--ink: #241916;--cacao: #56382e;--muted: #735f56;--wine: #763d45;--wine-dark: #542830;--gold: #b4874d;--gold-light: #d9bd91;--sage: #6e7562;--line: rgb(74 50 40 / 15%);--line-strong: rgb(74 50 40 / 27%);--shadow-soft: 0 22px 60px rgb(74 42 28 / 10%);--shadow-card: 0 14px 40px rgb(74 42 28 / 9%);--font-serif: var(--font-display), Georgia, serif;--font-sans: var(--font-body), "Avenir Next", sans-serif}body{min-width:320px;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 8% 2%,rgb(217 189 145 / 28%),transparent 30rem),radial-gradient(circle at 96% 13%,rgb(118 61 69 / 9%),transparent 34rem),var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(90deg,transparent 49.7%,rgb(86 56 46 / 2.7%) 50%,transparent 50.3%);background-size:84px 84px;content:"";pointer-events:none}a{color:inherit}:focus-visible{outline:3px solid var(--wine);outline-offset:4px}::selection{background:var(--gold-light);color:var(--ink)}}@layer components{.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;border-radius:999px;background:var(--ink);color:var(--surface);font-weight:700;transform:translateY(-170%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(100%,1280px);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left))}.topbar{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.brand-mark{display:inline-flex;align-items:baseline;gap:6px;color:var(--ink);text-decoration:none}.brand-mark span{color:var(--gold);font-family:var(--font-serif);font-size:.95rem;font-style:italic}.brand-mark strong{font-family:var(--font-serif);font-size:clamp(1.18rem,4.7vw,1.45rem);font-weight:650;letter-spacing:-.025em}.topbar-actions{display:flex;align-items:center;gap:4px}.clinic-link,.share-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--cacao);font:750 .69rem / 1 var(--font-sans);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:color .18s ease}.clinic-link{display:none;padding-inline:12px}.share-control{position:relative}.share-button{gap:7px;padding-inline:10px 0}.share-button:hover,.clinic-link:hover{color:var(--wine)}.share-status{position:absolute;top:calc(100% + 2px);right:0;width:max-content;max-width:190px;color:var(--muted);font-size:.72rem;text-align:right}.share-button svg,.journey-shortcut svg,.choice-card svg,.product-arrow,.clinic-cta svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.hero{position:relative;isolation:isolate;padding-bottom:clamp(72px,10vw,132px)}.hero:after{position:absolute;z-index:-1;right:0;bottom:4%;width:min(52vw,620px);aspect-ratio:1;border:1px solid rgb(180 135 77 / 20%);border-radius:50%;content:"";pointer-events:none}.hero-grid{display:grid;gap:42px;padding-top:clamp(42px,8vw,92px)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.greeting{margin-bottom:8px;color:var(--wine);font-family:var(--font-serif);font-size:clamp(1.45rem,6vw,2.15rem);font-style:italic;font-weight:600;line-height:1}.eyebrow{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.17em;line-height:1.45;text-transform:uppercase}.hero h1{max-width:11.5ch;margin-top:14px;font-family:var(--font-serif);font-size:clamp(3rem,13.5vw,6.9rem);font-weight:600;letter-spacing:-.05em;line-height:.91}.hero h1 em,.guide-intro h2 em{color:var(--wine);font-weight:550}.hero-note{max-width:38rem;margin-top:24px;color:var(--muted);font-size:clamp(.94rem,2vw,1.05rem);line-height:1.7}.journey-shortcuts{display:grid;width:100%;margin-top:30px;border-top:1px solid var(--line-strong)}.journey-shortcut{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;min-height:60px;align-items:center;gap:10px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:padding .18s ease,color .18s ease,background-color .18s ease}.journey-shortcut:hover{padding-inline:10px;background:#fffdf9b8;color:var(--wine)}.journey-shortcut>span{color:var(--gold);font-family:var(--font-serif);font-size:.78rem;font-style:italic}.journey-shortcut strong{font-size:.85rem;font-weight:700}.journey-shortcut svg{justify-self:end}.portrait-frame{position:relative;isolation:isolate;height:clamp(420px,126vw,600px);overflow:hidden;border:1px solid rgb(180 135 77 / 40%);border-radius:220px 220px 24px 24px;background:var(--paper-warm);box-shadow:var(--shadow-soft)}.portrait-frame:after{position:absolute;z-index:2;inset:13px;border:1px solid rgb(255 253 249 / 60%);border-radius:210px 210px 16px 16px;content:"";pointer-events:none}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.portrait-frame figcaption{position:absolute;z-index:3;right:22px;bottom:22px;left:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px;color:#fff9ef;font-size:.62rem;font-weight:800;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.portrait-frame figcaption span:not(:last-child):after{margin-left:14px;color:var(--gold-light);content:"✦"}.portrait-glow{position:absolute;z-index:1;right:0;bottom:0;left:0;height:34%;background:linear-gradient(transparent,#241916c7);pointer-events:none}.journey-guide{padding-block:clamp(76px,11vw,140px);border-block:1px solid var(--line);background:linear-gradient(135deg,#fffdf9e5,#efe4d7b3),var(--paper-soft)}.guide-intro{display:grid;gap:16px;margin-bottom:clamp(42px,7vw,72px)}.guide-intro h2{max-width:10ch;font-family:var(--font-serif);font-size:clamp(3rem,13vw,6.6rem);font-weight:600;letter-spacing:-.05em;line-height:.9}.guide-intro>p:last-child{max-width:42rem;color:var(--muted);font-size:.96rem}.choice-grid{display:grid;gap:14px}.choice-card{position:relative;display:grid;min-height:280px;align-content:start;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:24px 24px 8px;background:#fffdf9c7;box-shadow:0 8px 28px #4a2a1c0a;color:var(--ink);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.choice-card:before{position:absolute;top:-58px;right:16px;width:118px;aspect-ratio:1;border:1px solid rgb(180 135 77 / 20%);border-radius:50%;content:""}.choice-card:hover{border-color:#763d4561;box-shadow:var(--shadow-card);transform:translateY(-5px)}.choice-number{margin-bottom:34px;color:var(--gold);font-family:var(--font-serif);font-size:1rem;font-style:italic}.choice-label{margin-bottom:8px;color:var(--wine);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.choice-card strong{max-width:19ch;font-family:var(--font-serif);font-size:1.75rem;font-weight:650;letter-spacing:-.025em;line-height:1}.choice-card p{max-width:34ch;margin-top:14px;color:var(--muted);font-size:.83rem;line-height:1.55}.choice-card small{align-self:end;margin-top:26px;padding-top:14px;border-top:1px solid var(--line);color:var(--cacao);font-size:.69rem;font-weight:750;letter-spacing:.04em}.choice-card svg{position:absolute;right:24px;bottom:24px;color:var(--wine)}.stage-section{scroll-margin-top:20px;padding-block:clamp(82px,12vw,150px);border-bottom:1px solid var(--line)}.stage-section:nth-child(2n){background:#fffdf96b}.stage-layout{display:grid;gap:42px}.stage-heading{display:grid;align-content:start}.stage-number{margin-bottom:30px;color:var(--gold-light);font-family:var(--font-serif);font-size:clamp(4.5rem,18vw,8rem);font-style:italic;font-weight:500;letter-spacing:-.07em;line-height:.7}.stage-heading h2{max-width:12ch;margin-top:14px;font-family:var(--font-serif);font-size:clamp(2.55rem,10vw,4.5rem);font-weight:600;letter-spacing:-.045em;line-height:.94}.stage-heading>p:last-child{max-width:38rem;margin-top:22px;color:var(--muted);font-size:.92rem;line-height:1.65}.product-grid{display:grid;gap:18px}.product-card{position:relative;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:26px 26px 8px;background:var(--surface);box-shadow:0 7px 24px #4a2a1c0d;color:var(--ink);text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.product-card:hover{border-color:#b4874d73;box-shadow:var(--shadow-card);transform:translateY(-6px)}.product-visual{position:relative;display:block;aspect-ratio:1.9 / 1;overflow:hidden;background:#171521}.product-visual:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgb(18 14 13 / 42%));content:"";pointer-events:none}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-visual img{transform:scale(1.035)}.product-card-logo .product-visual{background:radial-gradient(circle at 78% 18%,rgb(82 95 99 / 42%),transparent 36%),linear-gradient(145deg,#16141d,#211c24)}.product-card-logo .product-visual img{width:62%;height:62%;margin:10% auto 0;object-fit:contain}.product-card[data-product=comu-us] .product-visual img{width:48%;height:48%;margin-top:13%}.product-badge{position:absolute;z-index:2;top:16px;left:16px;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;background:#181214ba;backdrop-filter:blur(12px);color:#fffaf1;font-size:.61rem;font-weight:800;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}.product-copy{display:grid;padding:22px}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.product-title-row strong{font-family:var(--font-serif);font-size:clamp(1.75rem,6vw,2.4rem);font-weight:650;letter-spacing:-.035em;line-height:.95}.product-arrow{flex:0 0 auto;color:var(--gold);transition:transform .22s ease}.product-card:hover .product-arrow{transform:translate(3px,-3px)}.product-description{max-width:44ch;margin-top:11px;color:var(--muted);font-size:.85rem;line-height:1.55}.product-copy small{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);color:var(--wine);font-size:.68rem;font-weight:850;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.clinic-band{padding-block:clamp(70px,10vw,110px);background:var(--wine-dark);color:#fff9f0}.clinic-band-inner{display:grid;align-items:center;gap:34px}.clinic-band .eyebrow{color:var(--gold-light)}.clinic-band h2{max-width:14ch;margin-top:12px;font-family:var(--font-serif);font-size:clamp(2.5rem,10vw,4.7rem);font-weight:600;letter-spacing:-.045em;line-height:.95}.clinic-band p:last-child{max-width:34rem;margin-top:18px;color:#fff9f0b8;font-size:.9rem}.clinic-cta{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid rgb(255 255 255 / 25%);border-radius:999px;background:#fff9f0;box-shadow:0 16px 40px #1d0c0e47;color:var(--wine-dark);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.clinic-cta:hover{box-shadow:0 20px 48px #1d0c0e61;transform:translateY(-3px)}.footer{background:#1d1513;color:#fff9f0a3}.footer-inner{display:grid;gap:30px;padding-block:50px max(28px,env(safe-area-inset-bottom));font-size:.78rem}.footer-inner>div{display:grid;gap:3px}.footer strong{color:#fff9f0;font-family:var(--font-serif);font-size:1.6rem;font-weight:600}.footer nav{display:flex;flex-wrap:wrap;gap:6px 24px}.footer nav a{display:inline-flex;min-height:48px;align-items:center;text-underline-offset:5px}.reveal{animation:reveal-up .56s cubic-bezier(.2,.7,.2,1) both}.reveal-1{animation-delay:30ms}.reveal-2{animation-delay:90ms}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.22s}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}@layer utilities{@media(min-width:36rem){.clinic-link{display:inline-flex}.page-shell{padding-inline:max(28px,env(safe-area-inset-left))}.choice-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card:last-child{grid-column:1 / -1}.product-card-featured,.single-product .product-card{grid-column:1 / -1}}@media(min-width:52rem){.page-shell{padding-inline:clamp(40px,6vw,76px)}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:clamp(42px,7vw,96px)}.hero h1{font-size:clamp(4.8rem,8.5vw,7rem)}.portrait-frame{height:min(66vw,650px)}.guide-intro{grid-template-columns:minmax(360px,1fr) minmax(260px,.58fr);align-items:end}.guide-intro .eyebrow{grid-column:1 / -1}.guide-intro>p:last-child{padding-bottom:8px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card:last-child{grid-column:auto}.stage-layout{grid-template-columns:minmax(240px,.58fr) minmax(0,1.42fr);gap:clamp(50px,8vw,110px)}.stage-heading{position:sticky;top:36px;align-self:start}.product-card-featured,.single-product .product-card{grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);min-height:320px}.product-card-featured .product-visual,.single-product .product-visual{min-height:100%;aspect-ratio:auto}.product-card-featured .product-copy,.single-product .product-copy{align-content:center;padding:clamp(28px,4vw,46px)}.clinic-band-inner{grid-template-columns:1fr minmax(280px,.52fr);gap:70px}.footer-inner{grid-template-columns:1fr auto;align-items:end}.footer-inner>p{grid-column:1 / -1}}@media(min-width:76rem){.hero-grid{grid-template-columns:minmax(0,1.08fr) 480px}.portrait-frame{height:650px}}@media(max-width:23rem){.brand-mark span,.share-button span{display:none}.hero h1{font-size:2.72rem}.product-copy{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}}
