/* ELEVANTAE visual proposal. Load after the current homepage styles.
   Existing copy, markup, routing and animation code are preserved. */
:root{--black:#111210;--paper:#F9F9F8;--text:#F9F9F8;--champagne:#D4B088;--text-dim:#C4C0B8;--text-mute:#AAA69D;--surface-1:#191A17;--surface-2:#22231F;--line:#45463F;--ivory:#F0ECE4;--ink:#22251F;--olive:#384438;--radius:2px}
:root:root:root body .section{padding-block:clamp(80px,10vw,160px)}
:root:root:root body .hero-title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(76px,10.4vw,158px);letter-spacing:-.045em;line-height:.9;max-width:8.8ch}
:root:root:root body .hero-title em{color:var(--champagne);font-size:1em}
:root:root:root body .hero-copy{max-width:560px}
:root:root:root body .hero-meta{font-size:12px;letter-spacing:.02em}
:root:root:root body .hero-visual{background:radial-gradient(ellipse at 73% 48%,#3b352b 0%,#171813 42%,#111210 72%)}
:root:root:root body .site-header{background:#111210f5;border-bottom-color:#45463F}
:root:root:root body .btn{min-height:48px}
:root:root:root body :focus-visible{outline:3px solid currentColor;outline-offset:5px}
:root:root:root body .capabilities{background:var(--ivory);--text:#22251F;--paper:#22251F;--text-dim:#4F554B;--text-mute:#565D52;--champagne:#715135;--line:#B9BDB1;color:var(--text)}
:root:root:root body .cap-head{display:grid;grid-template-columns:1.7fr 1fr;column-gap:8%;align-items:end}
:root:root:root body .cap-head .eyebrow{grid-column:1/-1;margin-bottom:28px}
:root:root:root body .cap-head h2{font-size:clamp(36px,4.3vw,66px);font-weight:450;line-height:1.08;max-width:24ch}
:root:root:root body .cap-head .cap-lead{font-size:18px;margin:0 0 6px;max-width:31ch}
:root:root:root body .cap-line{font-size:clamp(30px,3vw,46px);line-height:1.12}
:root:root:root body .cap-index{background:var(--ivory)}
:root:root:root body .cap-item{border-top-color:var(--line)}
:root:root:root body .own{background:#D4B088;--text:#22251F;--paper:#22251F;--text-dim:#35382F;--text-mute:#424638;--champagne:#22251F;--line:#796B56;color:var(--text)}
:root:root:root body .own-grid{grid-template-columns:1.35fr 1fr;gap:9%;align-items:center}
:root:root:root body .own h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(64px,8.5vw,128px);font-weight:400;line-height:.95;letter-spacing:-.035em;max-width:9ch;margin-top:32px}
:root:root:root body .own h2 em{display:block}
:root:root:root body .own .own-img{display:none}
:root:root:root body .own-body{font-size:18px;line-height:1.75}
:root:root:root body .own-note{border-top:1px solid #796B56;padding-top:28px}
:root:root:root body .pricing-peek{background:var(--ivory);--text:#22251F;--paper:#22251F;--text-dim:#4F554B;--text-mute:#565D52;--champagne:#715135;--line:#B9BDB1;color:var(--text)}
:root:root:root body .peek-head h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(44px,5.8vw,84px);line-height:1.02;max-width:20ch;letter-spacing:-.025em}
:root:root:root body .tier-row{margin-top:56px;gap:0;border-top:0;align-items:stretch}
:root:root:root body .tier{padding:36px 28px;border:1px solid #B9BDB1}
:root:root:root body .tier:nth-child(2){background:#384438;--text:#F9F9F8;--text-dim:#E1E4D9;--text-mute:#CCD2C5;--champagne:#E3C19D;--line:#74806D;color:var(--text);transform:translateY(-18px)}
:root:root:root body .tier-price{font-size:clamp(38px,4vw,60px);letter-spacing:-.055em;color:var(--text);white-space:nowrap}
:root:root:root body .tier-summary{max-width:26ch}
:root:root:root body .process-peek{background:#20231D}
:root:root:root body .process-peek .wrap{display:grid;grid-template-columns:.78fr 1.22fr;column-gap:9%;align-items:start}
:root:root:root body .process-peek .peek-head{position:sticky;top:120px}
:root:root:root body .process-peek .peek-head h2{font-size:clamp(44px,5.6vw,78px);max-width:10ch}
:root:root:root body .step-n{font-family:'Instrument Serif',Georgia,serif;font-size:46px;line-height:1;padding:0}
:root:root:root body .process-peek .rush,:root:root:root body .process-peek .peek-foot{grid-column:2}
:root:root:root body .straight{background:#F0ECE4;--text:#22251F;--paper:#22251F;--text-dim:#4F554B;--text-mute:#565D52;--champagne:#715135;--line:#B9BDB1;color:var(--text)}
:root:root:root body .straight-grid{gap:8%}
:root:root:root body .straight-item{border-top:2px solid #715135;padding-top:28px}
:root:root:root body .cta-block{background:#384438;--text-dim:#E1E4D9;--text-mute:#CCD2C5;--line:#74806D;padding-block:clamp(80px,10vw,150px)}
:root:root:root body .cta-block h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(50px,7.7vw,112px);font-weight:400;line-height:1;letter-spacing:-.035em;max-width:17ch}
:root:root:root body .cta-text{max-width:48ch}
:root:root:root body .band{height:clamp(180px,28vw,400px)}
:root:root:root body .band img{filter:brightness(1.7)}
@media(max-width:900px){:root:root:root body .cap-head,:root:root:root body .own-grid,:root:root:root body .process-peek .wrap{grid-template-columns:1fr}:root:root:root body .cap-head .cap-lead{margin-top:24px;max-width:48ch}:root:root:root body .own h2{max-width:12ch}:root:root:root body .own-body{margin-top:40px}:root:root:root body .process-peek .peek-head{position:static}:root:root:root body .process-peek .rush,:root:root:root body .process-peek .peek-foot{grid-column:1}:root:root:root body .hero-title{font-size:clamp(76px,13vw,120px)}:root:root:root body .cap-index{background:var(--ivory)}}
@media(max-width:799px){:root:root:root body .tier:nth-child(2){transform:none}:root:root:root body .tier{padding:28px 24px}:root:root:root body .tier-price{font-size:52px}:root:root:root body .tier-summary{max-width:38ch}:root:root:root body .cap-head h2{font-size:36px}:root:root:root body .own h2{font-size:72px}:root:root:root body .hero-copy{max-width:100%}:root:root:root body .hero-title{font-size:clamp(70px,16vw,100px)}:root:root:root body .own-body{font-size:17px}:root:root:root body .cap-line{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Revision 2: sculptural display type, brighter metal, less decorative filler. */
:root{--font-sans:'General Sans',Arial,sans-serif;--font-serif:'Clash Display',Arial,sans-serif;--font-mono:'General Sans',Arial,sans-serif;--ivory:#F2F0EB;--black:#101111;--champagne:#D9BA94}
:root:root:root body{font-family:'General Sans',Arial,sans-serif}
:root:root:root body .hero-title{font-family:'Clash Display',Arial,sans-serif;font-weight:500;font-size:clamp(76px,9.5vw,146px);letter-spacing:-.055em;line-height:.96;max-width:10ch}
:root:root:root body .hero-title em{font-family:inherit;font-style:normal;font-weight:500;color:#E3C49F;letter-spacing:-.055em}
:root:root:root body .hero-meta{font-family:'General Sans',Arial,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#D5D5CF}
:root:root:root body .hero-copy>p:first-child{font-size:clamp(17px,1.55vw,21px);line-height:1.55;max-width:43ch}
:root:root:root body .hero-copy{max-width:560px}
:root:root:root body .hero-support{font-size:14px;line-height:1.6;max-width:48ch;color:#BEBFBB}
:root:root:root body .hero-visual{background:radial-gradient(ellipse at 77% 46%,#5B5346 0%,#252622 35%,#101111 70%)}
:root:root:root body .hero-visual canvas{filter:brightness(1.85) contrast(1.07)}
:root:root:root body .hero-poster{filter:brightness(1.22)}
:root:root:root body .eyebrow{font-family:'General Sans',Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
:root:root:root body .cap-head h2,:root:root:root body .peek-head h2,:root:root:root body .own h2,:root:root:root body .cta-block h2{font-family:'Clash Display',Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.02}
:root:root:root body .serif-accent{font-family:'Clash Display',Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:inherit}
:root:root:root body .cap-head h2{font-size:clamp(36px,4.4vw,64px)}
:root:root:root body .cap-line{font-family:'Clash Display',Arial,sans-serif;font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.035em}
:root:root:root body .own h2{font-size:clamp(62px,7.5vw,112px);max-width:10ch}
:root:root:root body .own{background:#DFC4A1}
:root:root:root body .peek-head h2{font-size:clamp(42px,5.3vw,76px);max-width:19ch}
:root:root:root body .step-n{font-family:'Clash Display',Arial,sans-serif;font-weight:500;font-size:42px}
:root:root:root body .tier-price{font-family:'Clash Display',Arial,sans-serif;font-weight:500;font-size:clamp(34px,3.6vw,56px);letter-spacing:-.05em}
:root:root:root body .tier:nth-child(2),:root:root:root body .cta-block{background:#283B3B;--text-dim:#DCE5E1;--text-mute:#CCD7D2;--line:#748D85}
:root:root:root body .cta-block h2{font-size:clamp(44px,6.8vw,98px);max-width:17ch}
:root:root:root body .band{display:none}
:root:root:root body .process-peek{background:#181B1B}
:root:root:root body .btn{font-family:'General Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.015em;border-radius:2px}
:root:root:root body .btn:not(.btn-ghost){background:#DFC4A1;color:#171A19;box-shadow:inset 0 1px 0 #F5E5CE}
:root:root:root body .btn:not(.btn-ghost):hover{background:#F1DBC0}
@media(max-width:900px){:root:root:root body .hero-title{font-size:clamp(66px,11.7vw,112px)}:root:root:root body .own h2{max-width:12ch}}
@media(max-width:600px){:root:root:root body .hero-title{font-size:clamp(56px,14.5vw,82px);letter-spacing:-.06em}:root:root:root body .hero-meta{font-size:10px;max-width:32ch;line-height:1.5}:root:root:root body .hero-copy>p:first-child{font-size:17px}:root:root:root body .hero-support{font-size:13px}:root:root:root body .own h2{font-size:58px}:root:root:root body .cap-head h2{font-size:34px}:root:root:root body .tier-price{font-size:46px}:root:root:root body .cta-block h2{font-size:44px}}

:root:root:root body .hero-title em{margin-left:.075em}
:root:root:root body{font-weight:500}
/* Revision 4: visible platinum lighting and lighter background. */
:root:root:root body .hero-sticky{background:#272F33}
:root:root:root body .hero-visual{background:radial-gradient(ellipse at 76% 42%,#65747C 0%,#3B454B 36%,#20282C 75%)}
:root:root:root body .hero-visual.is-ready canvas{opacity:1;filter:none}
:root:root:root body .hero-sticky:after{background:linear-gradient(90deg,rgba(14,20,24,.82) 0%,rgba(14,20,24,.68) 32%,rgba(14,20,24,.16) 56%,transparent 76%)}
:root:root:root body .hero-poster{opacity:1;filter:brightness(1.55);mix-blend-mode:screen}
:root:root:root body .hero-visual.is-ready .hero-poster{opacity:0}
:root:root:root body .hero-copy>p:first-child{color:#F4F5F3}
:root:root:root body .hero-support,:root:root:root body .hero-note{color:#DFE4E3}
:root:root:root body .hero .btn-ghost{background:rgba(18,24,28,.72);border-color:#899597;color:#F9F9F8}
@media(max-width:767px){
:root:root:root body .hero-visual{background:radial-gradient(ellipse at 70% 45%,#68767C 0%,#414D53 42%,#20292F 85%)}
:root:root:root body .hero-sticky:after{background:linear-gradient(90deg,rgba(12,20,25,.62),rgba(12,20,25,.24) 60%,rgba(12,20,25,.04)),linear-gradient(0deg,rgba(12,20,25,.65),transparent 32%,transparent 80%,rgba(12,20,25,.22))}
:root:root:root body .hero-title,:root:root:root body .hero-meta,:root:root:root body .hero-copy>p,:root:root:root body .hero-foot{text-shadow:0 2px 10px rgba(0,0,0,.65)}
:root:root:root body .hero-copy>p:first-child{background:rgba(16,24,29,.72);padding:12px 14px;border-left:2px solid #D9BA94;margin-left:-14px;max-width:44ch}
:root:root:root body .hero-support{background:rgba(16,24,29,.72);padding:8px 12px;margin-left:-12px;width:fit-content}
}
/* Revision 8: remove the grey veil and separate chrome from the background. */
:root:root:root body .hero-sticky{background:#111210}
:root:root:root body .hero-visual{background:radial-gradient(ellipse at 76% 46%,#554330 0%,#292722 28%,#141613 60%,#0C0F0E 90%)}
:root:root:root body .hero-sticky:after{background:linear-gradient(90deg,rgba(10,14,13,.86),rgba(10,14,13,.52) 35%,transparent 54%)}
:root:root:root body .hero-visual.is-ready canvas{filter:contrast(1.18) saturate(1.12);opacity:1}
@media(max-width:767px){
:root:root:root body .hero-visual{background:radial-gradient(ellipse at 75% 50%,#594732 0%,#2B2C26 38%,#121714 82%)}
:root:root:root body .hero-sticky:after{background:linear-gradient(0deg,rgba(9,14,12,.7),transparent 30%,transparent 75%,rgba(9,14,12,.3))}
}

/* Keep edge antialiasing intact: no contrast filter on the rendered canvas. */
:root:root:root body .hero-visual.is-ready canvas{filter:none}

:root:root:root body .header-logo{display:inline-flex;align-items:center;gap:12px}
.brand-emblem{display:flex;flex-direction:column;gap:4px;width:22px;flex-shrink:0;transform:skewY(-17deg)}
.brand-emblem i{display:block;height:4px;width:22px;background:linear-gradient(110deg,#aab1b4,#f7f8f7 50%,#bcc3c6)}
.brand-emblem i:nth-child(2){background:linear-gradient(110deg,#9d805b,#e1c8a5 48%,#aa8e6b)}
@media(max-width:480px){:root:root:root body .header-logo{gap:9px}.brand-emblem,.brand-emblem i{width:19px}.brand-emblem i{height:3px}}
/* Shared inner-page presentation, reusing the homepage sculpture. */
:root:root:root body:has(.unified-hero){background:#f0ece4;color:#22251f;--text:#22251f;--paper:#22251f;--text-dim:#50544e;--text-mute:#595d55;--line:#c5c3b9;--champagne:#806140}
:root:root:root body:has(.unified-hero) h1,:root:root:root body:has(.unified-hero) h2,:root:root:root body:has(.unified-hero) h3{font-family:'Clash Display',Arial,sans-serif;font-weight:500;letter-spacing:-.035em}
:root:root:root body:has(.unified-hero) .site-header,:root:root:root body:has(.unified-hero) .site-footer,:root:root:root body:has(.unified-hero) .cta-block{color:#f9f9f8;--text:#f9f9f8;--paper:#f9f9f8;--text-dim:#d2cdc4;--text-mute:#beb9af;--champagne:#dfc4a1;--line:#45463f}
:root:root:root body .unified-hero{position:relative;overflow:hidden;isolation:isolate;min-height:650px;background:#111210;color:#f9f9f8;--text:#f9f9f8;--paper:#f9f9f8;--text-dim:#d4d1cb;--text-mute:#c3beb4;--champagne:#dfc4a1;--line:#666459}
:root:root:root body .unified-hero .hero-visual{position:absolute;inset:0 0 0 35%;z-index:-2;pointer-events:none}
:root:root:root body .unified-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111210 8%,#111210e8 38%,#11121038 76%);pointer-events:none}
:root:root:root body .unified-hero .hero-visual canvas{width:100%;height:100%;display:block;position:absolute;inset:0}
:root:root:root body .unified-hero .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:root:root:root body .unified-hero h1{font-size:clamp(42px,5.5vw,80px);line-height:1.04;max-width:17ch}
:root:root:root body .unified-hero .page-hero-inner{grid-template-columns:1.4fr 1fr}
:root:root:root body .unified-hero .page-hero-inner p{max-width:48ch;text-shadow:0 2px 12px #000}
@media(max-width:767px){:root:root:root body .unified-hero{min-height:650px}:root:root:root body .unified-hero .hero-visual{inset:20% -25% 0 0}:root:root:root body .unified-hero:after{background:linear-gradient(180deg,#111210 0%,#111210bb 45%,#11121099 100%)}:root:root:root body .unified-hero .page-hero-inner{grid-template-columns:1fr}:root:root:root body .unified-hero h1{font-size:clamp(38px,10vw,60px)}}
/* Match the homepage's visible chrome; keep contrast behind text only. */
:root:root:root body .unified-hero .hero-visual{inset:0 0 0 25%}
:root:root:root body .unified-hero:after{background:linear-gradient(90deg,#111210 0%,#111210bb 30%,transparent 62%)}
:root:root:root body .unified-hero .page-hero-inner p{background:#111210ba;padding:12px 14px;border-left:2px solid #dfc4a1}
@media(max-width:767px){:root:root:root body .unified-hero .hero-visual{inset:18% -22% 0 -8%}:root:root:root body .unified-hero:after{background:linear-gradient(180deg,#111210 0%,#11121066 22%,transparent 45%,#11121022 100%)}:root:root:root body .unified-hero h1{text-shadow:0 2px 16px #111210}}
:root:root:root body:has(.unified-hero){--surface-1:#e8e3d9;--surface-2:#e0d7c8}
:root:root:root body .menu-dialog{background:#111210;color:#f9f9f8;--text:#f9f9f8;--paper:#f9f9f8;--text-dim:#d4d1cb;--text-mute:#c3beb4;--champagne:#dfc4a1;--line:#45463f;--surface-1:#191a17;--surface-2:#22231f}
:root:root:root body .menu-dialog a:not(.btn),:root:root:root body .menu-dialog button{color:#f9f9f8}
:root:root:root body:has(.unified-hero) .site-footer{background:#111210}
/* Explicit contrast for the promise panel and persistent navigation surfaces. */
:root:root:root body .promise-inner{background:#191a17;color:#f9f9f8;--text:#f9f9f8;--text-dim:#d4d1cb;--text-mute:#c3beb4;--champagne:#dfc4a1}
:root:root:root body .promise-inner h2,:root:root:root body .promise-lines{color:#f9f9f8}
:root:root:root body .promise-note{color:#d4d1cb}
:root:root:root body .site-footer{background:#111210;color:#f9f9f8;--text:#f9f9f8;--text-dim:#d4d1cb;--text-mute:#c3beb4;--champagne:#dfc4a1}
:root:root:root body .sticky-cta{--text:#f9f9f8;--text-dim:#d4d1cb;--champagne:#dfc4a1}

:root:root:root body .menu-top .wordmark{display:inline-flex;align-items:center;gap:10px;color:#f9f9f8}


/* Footer and menu links were 17px tall on a phone, under the 24px minimum hit area.
   Padding rather than font size, so nothing about the look changes. */
@media (max-width: 899px){
  :root:root:root body .site-footer a,
  :root:root:root body .menu-nav a{
    display:inline-block;
    padding-block:4px;
    min-height:24px;
  }
}