/* KLAROS · site styles v2 (Sept 2026) — self-hosted fonts, no third-party requests */
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/archivo-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/archivo-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/archivo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/archivo-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Azeret Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/azeret-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Azeret Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/azeret-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/marcellus-latin-400-normal.woff2) format("woff2")}

:root{
  /* PIEDRA — dark ground */
  --ink:#0A0D0B;
  --ink-2:#11140F;
  --bronze:#C69A52;
  --bronze-lit:#D8AE63;
  --chalk:#E4E7DC;
  --slate:#9AA396;
  --line:rgba(228,231,220,.11);
  --card:rgba(228,231,220,.032);
  --lt-ground:#E4E7DC;
  --gutter:clamp(16px,4.177vw,96px);
  color-scheme:dark;
  font-family:Archivo,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.intro-active,html.intro-active body{overflow:hidden}
body{background:var(--ink);color:var(--chalk);-webkit-font-smoothing:antialiased;line-height:1.62;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
::selection{background:rgba(216,174,99,.3)}
:focus-visible{outline:2px solid var(--bronze-lit);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#0A0D0B;padding:10px 14px;border-radius:6px;font-weight:600}
.skip:focus{left:8px}

.shell{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-family:"Azeret Mono",monospace;font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-lit)}
h1,h2{font-family:Marcellus,Georgia,serif;font-weight:400}
h2{font-size:clamp(1.85rem,4.4vw,3.3rem);line-height:1.14;letter-spacing:.004em;text-wrap:balance}
h3{font-family:Archivo,sans-serif;font-size:1.06rem;font-weight:600;letter-spacing:-.005em;line-height:1.35}
.lede{font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.6;color:var(--slate);max-width:60ch}
.body{color:var(--slate);max-width:66ch}

/* ================= INTRO ================= */
#intro{display:none;position:fixed;inset:0;z-index:90;background:var(--ink);align-items:center;justify-content:center;overflow:hidden;cursor:crosshair}
html.intro-active #intro{display:flex}
#intro.lifting{animation:intro-lift 760ms cubic-bezier(.7,0,.2,1) forwards}
@keyframes intro-lift{to{opacity:0;transform:translateY(-3vh) scale(1.04);visibility:hidden}}
#intro-mark{position:relative;z-index:2;width:clamp(120px,17vh,190px);height:clamp(120px,17vh,190px);filter:blur(26px);opacity:.22;transform:scale(.92);will-change:filter,opacity,transform}
#intro-mark svg{width:100%;height:100%}
#intro-hint{position:absolute;z-index:2;bottom:12vh;left:0;right:0;text-align:center;font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(143,166,171,.62);animation:hint-pulse 2.6s ease-in-out infinite}
@keyframes hint-pulse{0%,100%{opacity:.45}50%{opacity:.9}}
#intro-reveal{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--ink);clip-path:circle(0% at 50% 50%);pointer-events:none;padding:0 5vw}
#intro.opening #intro-reveal{animation:iris 1400ms cubic-bezier(.62,.02,.2,1) forwards}
@keyframes iris{0%{clip-path:circle(0% at 50% 50%)}100%{clip-path:circle(85% at 50% 50%)}}
#intro-reveal p{font-family:Marcellus,Georgia,serif;font-weight:400;font-size:clamp(2.4rem,8.6vw,7.2rem);line-height:.98;letter-spacing:-.035em;text-align:center;text-wrap:balance;opacity:0;transform:scale(.955);filter:blur(16px);color:#fff;text-shadow:0 0 90px rgba(216,174,99,.22),0 2px 3px rgba(0,0,0,.5)}
#intro-reveal p .dim{color:rgba(224,239,241,.72)}
#intro.opening #intro-reveal p{animation:reveal-word 1150ms cubic-bezier(.16,1,.3,1) 320ms forwards}
@keyframes reveal-word{to{opacity:1;transform:none;filter:blur(0)}}
#intro-glow{position:absolute;z-index:1;left:50%;top:50%;margin-left:-30vmax;margin-top:-30vmax;width:60vmax;height:60vmax;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(216,174,99,.16),transparent 62%);opacity:0;transition:opacity 420ms ease}
#intro-beam{position:absolute;z-index:0;left:50%;top:50%;width:140vmax;height:140vmax;margin-left:-70vmax;margin-top:-70vmax;pointer-events:none;opacity:0;will-change:transform;
  background:conic-gradient(from 0deg,rgba(216,174,99,0) 0deg,rgba(216,174,99,.22) 7deg,rgba(216,174,99,0) 24deg,rgba(216,174,99,0) 176deg,rgba(216,174,99,.11) 183deg,rgba(216,174,99,0) 198deg,rgba(216,174,99,0) 360deg);
  filter:blur(18px);mix-blend-mode:screen;animation:sweep 7.5s linear infinite;transition:opacity 700ms ease}
@keyframes sweep{to{transform:rotate(360deg)}}
#intro-flash{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(226,251,254,.95),rgba(216,174,99,.34) 24%,transparent 58%)}
#intro.opening #intro-flash{animation:lamp 1000ms cubic-bezier(.2,.7,.2,1) 150ms both}
@keyframes lamp{0%{opacity:0;transform:scale(.55)}18%{opacity:.72}100%{opacity:0;transform:scale(1.6)}}
#intro-sound{position:absolute;z-index:6;right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(10,18,21,.6);backdrop-filter:blur(8px);color:rgba(143,166,171,.92)}
#intro-sound:hover{color:#fff}
#intro-sound .slash{opacity:0}
#intro-sound.muted .slash{opacity:1}
#intro-sound.muted{color:rgba(143,166,171,.55)}

/* ================= HEADER ================= */
.header{position:fixed;top:0;left:0;right:0;z-index:40;height:74px;display:flex;align-items:center;padding:0 var(--gutter);white-space:nowrap;transition:height 260ms ease}
.header::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity 260ms ease;background:rgba(10,13,11,.86);backdrop-filter:blur(16px) saturate(110%);border-bottom:1px solid var(--line)}
.header.scrolled::before,.header.solid::before{opacity:1}
.header.scrolled{height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;opacity:0;pointer-events:none;transition:opacity 300ms ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8)) drop-shadow(0 0 18px rgba(216,174,99,.28))}
.brand span{font-family:Marcellus,Georgia,serif;letter-spacing:.13em;font-size:15px;color:#fff}
.header.scrolled .brand,.header.solid .brand{opacity:1;pointer-events:auto}
.header-actions{display:flex;align-items:center;flex:1;min-width:0}
.nav{display:flex;margin-left:clamp(28px,3.03vw,48px);gap:clamp(20px,2.6vw,40px)}
.nav a{position:relative;font-size:15px;letter-spacing:-.2px;color:rgba(229,233,234,.72);text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.nav a.active,.nav a:hover{color:#fff}
.nav a.active::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--bronze-lit);opacity:.9}
.info-panel{margin-left:auto;padding-left:11px;border-left:2px solid rgba(216,174,99,.42);display:flex;flex-direction:column;justify-content:center;gap:2px;flex:none}
.info-panel .lbl{font-family:"Azeret Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lit);font-weight:500}
.info-panel .val{font-size:14px;color:rgba(255,255,255,.9);letter-spacing:-.1px}
.sign-up{margin-left:clamp(16px,1.95vw,29px);padding:0 18px;height:42px;flex:none;border-radius:7px;background:#fff;color:#0A0D0B;font-size:14.5px;font-weight:600;letter-spacing:-.2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 1px 5px rgba(0,0,0,.4);text-decoration:none;display:flex;align-items:center;justify-content:center}
.lang{display:flex;align-items:center;gap:3px;margin-left:clamp(12px,1.4vw,20px);flex:none;font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.08em}
.lang a{padding:5px 7px;border-radius:4px;color:rgba(229,233,234,.62);text-decoration:none}
.lang a.on{color:#fff;background:rgba(255,255,255,.11)}
.lang a:hover{color:#fff}
.lang .sep{color:rgba(255,255,255,.22)}
.menu-toggle{display:none;width:46px;height:46px;flex:none;margin-left:auto;cursor:pointer;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:linear-gradient(145deg,rgba(38,32,20,.86),rgba(20,22,14,.92));backdrop-filter:blur(14px) saturate(110%);align-items:center;justify-content:center;color:#fff}

/* ================= HERO ================= */
.hero-screen{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--ink);isolation:isolate;padding:104px var(--gutter) 64px}
#bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;pointer-events:none;filter:blur(20px) saturate(1.3) brightness(1.06);transform:scale(1.14)}
.hero-screen::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.30),transparent 18%,transparent 62%,rgba(10,13,11,.72)),linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.20) 44%,transparent 72%)}
.hero-screen::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1180px;margin:0 auto}
.hero-lockup{display:flex;align-items:center;gap:clamp(13px,1.8vh,22px);margin-bottom:clamp(20px,3.2vh,40px)}
.hero-lockup svg{width:clamp(38px,5.5vh,66px);height:auto;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9)) drop-shadow(0 0 28px rgba(216,174,99,.48))}
.hero-lockup .word{font-family:Marcellus,Georgia,serif;font-size:clamp(26px,4vh,50px);line-height:1;letter-spacing:.13em;color:#fff;text-shadow:0 0 56px rgba(216,174,99,.32),0 1px 1px rgba(0,0,0,.75),0 4px 34px rgba(0,0,0,.92)}
.hero-title{font-size:clamp(40px,min(8.2vh,9.5vw),92px);line-height:1.18;letter-spacing:.004em;text-shadow:0 0 70px rgba(216,174,99,.20),0 1px 1px rgba(0,0,0,.62),0 6px 46px rgba(0,0,0,.94)}
.line{display:block;padding-bottom:.06em}
.motion-pending .line{overflow:hidden}
.line-one{color:#fff}
.line-two{color:rgba(226,231,218,.95)}
.line-reveal{display:block}
.hero-promise{margin-top:clamp(16px,2.4vh,28px);font-family:Marcellus,Georgia,serif;font-size:clamp(1.45rem,min(3.6vh,5.6vw),2.3rem);line-height:1.2;color:var(--bronze-lit);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 40px rgba(216,174,99,.25)}
.hero-copy{margin-top:clamp(12px,1.8vh,20px);max-width:520px;font-size:clamp(15px,1.8vh,18px);line-height:1.55;color:rgba(233,239,239,.95);text-shadow:0 1px 2px rgba(0,0,0,.85),0 3px 22px rgba(0,0,0,.8)}
.hero-copy b{color:#fff;font-weight:600}
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(22px,3.1vh,36px)}
.primary-cta{display:inline-flex;align-items:center;gap:14px;height:46px;padding:0 6px 0 20px;border-radius:7px;background:#fff;color:#0A0D0B;box-shadow:0 1px 5px rgba(0,0,0,.42);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.3px}
.primary-cta .arrow-box{width:36px;height:34px;border-radius:6px;background:var(--bronze-lit);display:flex;align-items:center;justify-content:center}
.hero-note{font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:rgba(229,233,234,.75);text-transform:uppercase}

/* hero motion */
.nav a,.sign-up,.primary-cta,.cta-big,.btn{transition:filter 140ms ease}
.sign-up:hover,.primary-cta:hover,.cta-big:hover,.btn:hover{filter:brightness(1.1)}
.motion-pending .nav a,.motion-pending .info-panel,.motion-pending .sign-up,.motion-pending .hero-copy,.motion-pending .hero-promise,.motion-pending .hero-ctas,.motion-pending .menu-toggle,.motion-pending .hero-lockup,.motion-pending .lang{opacity:0}
.motion-pending .line-reveal{transform:translate3d(0,110%,0) skewY(2.4deg);filter:blur(16px)}
@keyframes entrance-nav{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes entrance-action{from{opacity:0;transform:translateY(8px) scale(.985);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes entrance-line{from{transform:translate3d(0,110%,0) skewY(2.4deg);filter:blur(16px)}to{transform:none;filter:blur(0)}}
@keyframes entrance-lockup{from{opacity:0;transform:translateY(16px) scale(1.05);filter:blur(22px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes entrance-copy{from{opacity:0;transform:translateY(11px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.go .nav a{animation:entrance-nav 480ms cubic-bezier(.16,1,.3,1) 200ms both}
.go .info-panel{animation:entrance-nav 520ms cubic-bezier(.16,1,.3,1) 180ms both}
.go .lang{animation:entrance-nav 480ms cubic-bezier(.16,1,.3,1) 340ms both}
.go .sign-up{animation:entrance-action 520ms cubic-bezier(.16,1,.3,1) 380ms both}
.go .menu-toggle{animation:entrance-action 520ms cubic-bezier(.16,1,.3,1) 140ms both}
.go .hero-lockup{animation:entrance-lockup 1000ms cubic-bezier(.16,1,.3,1) 120ms both}
.go .line-one .line-reveal{animation:entrance-line 1050ms cubic-bezier(.22,1,.36,1) 460ms both}
.go .line-two .line-reveal{animation:entrance-line 1100ms cubic-bezier(.22,1,.36,1) 640ms both}
.go .hero-promise{animation:entrance-copy 800ms cubic-bezier(.16,1,.3,1) 1050ms both}
.go .hero-copy{animation:entrance-copy 760ms cubic-bezier(.16,1,.3,1) 1300ms both}
.go .hero-ctas{animation:entrance-action 620ms cubic-bezier(.16,1,.3,1) 1520ms both}

/* subpage hero */
.page-hero{padding:clamp(130px,18vh,190px) 0 clamp(56px,8vh,90px);background:var(--ink);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.08;letter-spacing:.004em;margin:16px 0 22px;text-wrap:balance}
.crumbs{font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--slate)}
.crumbs a{color:var(--bronze-lit);text-decoration:none}

/* ================= BANDS ================= */
section.band{padding:clamp(70px,10vh,132px) 0;border-top:1px solid var(--line);scroll-margin-top:50px}
section.band.alt{background:var(--ink-2)}
section.band.light{background:var(--lt-ground);--ink:#E4E7DC;--ink-2:#EDEFE7;--chalk:#0A0D0B;--slate:#5A6156;--bronze:#8A6420;--bronze-lit:#79561A;--line:rgba(10,13,11,.14);--card:rgba(10,13,11,.032);color:#0A0D0B}
.sechead{display:flex;flex-direction:column;gap:15px;margin-bottom:clamp(36px,5vh,56px)}
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.g3,.g2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:26px 24px 28px;display:flex;flex-direction:column;gap:11px}
.card p{font-size:.96rem;color:var(--slate);line-height:1.6}
.card .tag{font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lit)}
.card.focus{border-color:rgba(216,174,99,.45);background:rgba(216,174,99,.06)}

/* big linked GEO word */
.geo-link{display:inline-flex;align-items:baseline;gap:10px;margin-top:6px;text-decoration:none;color:var(--bronze-lit);font-family:Marcellus,Georgia,serif;font-size:clamp(2.6rem,6vw,3.6rem);line-height:1;letter-spacing:.06em}
.geo-link small{font-family:"Azeret Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);border-bottom:1px solid currentColor;padding-bottom:2px}
.geo-link:hover small{color:var(--chalk)}
.geo-inline{font-family:Marcellus,Georgia,serif;font-size:1.35em;letter-spacing:.05em;color:var(--bronze-lit);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* steps */
.steps{border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:96px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}
.step .num{font-family:"Azeret Mono",monospace;font-size:.76rem;letter-spacing:.13em;color:var(--bronze-lit);padding-top:8px}
.step-body{display:flex;flex-direction:column;gap:10px;max-width:64ch}
.step .name{font-family:Marcellus,Georgia,serif;font-size:1.55rem;letter-spacing:.004em;line-height:1.15}
.step .name span{display:block;margin-top:5px;font-family:"Azeret Mono",monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.step p{font-size:.98rem;color:var(--slate)}
.step p b{color:var(--chalk);font-weight:600}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.path{border:1px solid var(--line);border-radius:4px;padding:14px 16px;background:var(--card);font-size:.93rem;color:var(--slate)}
.path b{display:block;font-family:"Azeret Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lit);margin-bottom:4px;font-weight:500}
@media (max-width:640px){.step{grid-template-columns:1fr;gap:12px}.paths{grid-template-columns:1fr}}

/* services, grouped by the promise */
.svc-groups{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px)}
@media (max-width:860px){.svc-groups{grid-template-columns:1fr}}
.svc-group h3.gh{font-family:Marcellus,Georgia,serif;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;margin-bottom:6px}
.svc-group .gsub{font-size:.95rem;color:var(--slate);margin-bottom:18px}
.bens{display:flex;flex-direction:column;gap:14px}
.ben{border:1px solid var(--line);border-radius:4px;background:var(--card);padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px}
.ben .svc{font-family:"Azeret Mono",monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-lit)}
.ben h4{font-family:Marcellus,Georgia,serif;font-size:1.4rem;font-weight:400;line-height:1.2;color:var(--chalk)}
.ben p{font-size:.95rem;color:var(--slate);line-height:1.55}

/* calculator */
.calc{border:1px solid var(--line);border-radius:4px;background:var(--card);padding:clamp(20px,3vw,34px);display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(26px,4vw,52px);align-items:center}
@media (max-width:860px){.calc{grid-template-columns:1fr;gap:28px}}
.calc-rows{display:flex;flex-direction:column;gap:19px}
.calc-row{display:grid;grid-template-columns:1fr 76px;gap:8px 14px;align-items:center}
.calc-row.value{padding-top:16px;border-top:1px dashed var(--line)}
.calc-row label{font-size:.95rem;color:var(--chalk);line-height:1.4}
.calc-row .mins{font-family:"Azeret Mono",monospace;font-size:.85rem;color:var(--bronze-lit);text-align:right;font-variant-numeric:tabular-nums}
.calc-row input[type=range]{grid-column:1/-1;width:100%;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--bronze-lit) var(--fill,30%),rgba(255,255,255,.14) var(--fill,30%));cursor:pointer;margin:10px 0}
.calc-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--chalk);border:0;box-shadow:0 0 0 4px rgba(216,174,99,.26)}
.calc-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--chalk);border:0;box-shadow:0 0 0 4px rgba(216,174,99,.26)}
.calc-out{display:flex;flex-direction:column;gap:6px;border-left:2px solid rgba(216,174,99,.42);padding-left:clamp(18px,2.4vw,28px)}
@media (max-width:860px){.calc-out{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}}
.calc-out .unit{font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-lit)}
.calc-out .big{font-family:Marcellus,Georgia,serif;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.95;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 50px rgba(216,174,99,.26)}
.calc-out .sub{font-size:.93rem;color:var(--slate);margin-top:8px;line-height:1.58}
.calc-out .sub b{color:var(--chalk);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:13px 18px;border-radius:7px;background:#fff;color:#0A0D0B;text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.3;text-align:left}
.btn.ghost{background:transparent;color:var(--chalk);border:1px solid var(--line)}
.btn svg{flex:none}

/* prices */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
@media(max-width:720px){.vs{grid-template-columns:1fr}}
.vs-col{border:1px solid var(--line);border-radius:4px;padding:26px 24px 28px;display:flex;flex-direction:column;gap:14px;background:var(--card)}
.vs-col.ours{border-color:color-mix(in srgb,var(--bronze-lit) 55%,transparent);background:color-mix(in srgb,var(--bronze-lit) 8%,transparent)}
.vs-h{font-family:"Azeret Mono",monospace;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--slate)}
.vs-col.ours .vs-h{color:var(--bronze-lit)}
.vs-big{font-family:Marcellus,Georgia,serif;font-size:clamp(1.9rem,4.2vw,2.7rem);letter-spacing:.004em;line-height:1;color:var(--chalk)}
.vs-big span{font-family:Archivo,sans-serif;font-size:.9rem;color:var(--slate);letter-spacing:0;display:block;margin-top:8px}
.vs-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:.93rem;color:var(--slate)}
.vs-col li{padding-left:16px;position:relative;line-height:1.5}
.vs-col li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--slate);opacity:.55}
.vs-col.ours li::before{background:var(--bronze-lit);opacity:.85}
.vs-note{font-size:1rem;color:var(--slate);max-width:64ch;line-height:1.6}
.vs-note b{color:var(--chalk);font-weight:600}
.anchor-note{display:flex;gap:16px;align-items:flex-start;border-left:2px solid var(--bronze-lit);padding:4px 0 4px 20px;margin-bottom:clamp(30px,4vh,46px);max-width:70ch}
.anchor-note svg{flex:none;margin-top:3px;color:var(--bronze-lit)}
.anchor-note p{color:var(--slate);font-size:1.02rem;line-height:1.6}
.anchor-note b{color:var(--chalk);font-weight:600;font-variant-numeric:tabular-nums}
.rung{margin-bottom:clamp(30px,4vh,48px)}
.rung-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.rung-head .stp{font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-lit)}
.rung-head h3{font-family:Marcellus,Georgia,serif;font-size:1.55rem;font-weight:400;letter-spacing:.004em}
.rung > p.rd{color:var(--slate);font-size:.97rem;max-width:66ch;margin-bottom:20px}
.single-price{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--bronze-lit) 45%,transparent);border-radius:4px;padding:20px 24px;background:color-mix(in srgb,var(--bronze-lit) 8%,transparent)}
.single-price .p{font-family:"Azeret Mono",monospace;font-size:1.5rem;color:var(--chalk);font-variant-numeric:tabular-nums}
.single-price .t{font-size:.94rem;color:var(--slate);flex:1;min-width:220px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
@media (max-width:860px){.tiers{grid-template-columns:1fr}}
.tier{border:1px solid var(--line);border-radius:4px;padding:28px 24px 30px;background:var(--card);display:flex;flex-direction:column;gap:14px}
.tier.rec{border-color:color-mix(in srgb,var(--bronze-lit) 55%,transparent);background:color-mix(in srgb,var(--bronze-lit) 8%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--bronze-lit) 20%,transparent)}
.tier .tname{font-family:Marcellus,Georgia,serif;font-size:1.55rem;letter-spacing:.004em}
.tier .price{font-family:"Azeret Mono",monospace;font-size:1.05rem;color:var(--bronze-lit)}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:.93rem;color:var(--slate)}
.tier ul li{padding-left:16px;position:relative}
.tier ul li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--bronze-lit);opacity:.7}
.tier .rectag{font-family:"Azeret Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lit)}
.terms{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 26px;font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--slate)}
.founder{margin-top:30px;border:1px dashed color-mix(in srgb,var(--bronze-lit) 50%,transparent);border-radius:4px;padding:20px 24px;background:color-mix(in srgb,var(--bronze-lit) 7%,transparent);max-width:76ch}
.founder .ft{font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-lit);margin-bottom:9px}
.founder p{font-size:.95rem;color:var(--slate);line-height:1.62}
.founder b{color:var(--chalk);font-weight:600}
.seats{display:flex;align-items:center;gap:12px;margin-top:14px;font-family:"Azeret Mono",monospace;font-size:.74rem;letter-spacing:.08em;color:var(--chalk);text-transform:uppercase}
.seats i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1.5px solid var(--bronze-lit)}
.seats i.taken{background:var(--bronze-lit)}
.seat-row{display:flex;gap:6px}
.pullq{font-family:Marcellus,Georgia,serif;font-size:clamp(1.45rem,3.4vw,2.2rem);line-height:1.3;letter-spacing:.004em;max-width:26ch;color:var(--chalk);border-left:2px solid var(--bronze-lit);padding-left:clamp(20px,2.6vw,32px);margin:clamp(34px,5vh,56px) 0 0}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;position:relative;font-size:1.08rem;font-weight:600;line-height:1.4;letter-spacing:-.005em;color:var(--chalk)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;margin-top:-7px;border-right:1.6px solid var(--bronze-lit);border-bottom:1.6px solid var(--bronze-lit);transform:rotate(45deg);transition:transform 220ms ease}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.faq .ans{padding:0 0 24px;max-width:70ch;color:var(--slate);font-size:.99rem;display:flex;flex-direction:column;gap:.9em}
.faq .ans b{color:var(--chalk);font-weight:600}
.faq .ans a{color:var(--bronze-lit)}

/* owner */
.owner{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.owner{grid-template-columns:1fr}}
.portrait{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,#1c1a12,#0A0D0B);border:1px solid var(--line)}
.portrait img{width:100%;height:100%;object-fit:cover}
.portrait .mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Marcellus,Georgia,serif;font-size:4.5rem;letter-spacing:.1em;color:rgba(216,174,99,.55)}
.portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#E4E7DC}
@media (max-width:860px){.portrait{max-width:360px}}
.owner-text h2{margin-bottom:22px}
.owner-text p{color:var(--slate);font-size:1.02rem;line-height:1.66;max-width:62ch;margin-bottom:1em}
.owner-text p b{color:var(--chalk);font-weight:600}
.owner-text .weak{font-family:Marcellus,Georgia,serif;font-size:1.25rem;color:var(--chalk);border-left:2px solid var(--bronze-lit);padding-left:18px;margin:26px 0}
.route{font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.1em;color:var(--bronze-lit);line-height:1.9;text-transform:uppercase}

/* contact */
.cta-band{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.cta-band h2{max-width:18ch}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cta-big{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0A0D0B;text-decoration:none;border-radius:8px;padding:15px 24px;font-weight:600;font-size:1.02rem;box-shadow:0 2px 14px rgba(0,0,0,.5)}
.cta-big.ghost{background:transparent;color:var(--chalk);border:1px solid rgba(228,231,220,.25);box-shadow:none}
.unity{font-family:"Azeret Mono",monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}

/* geo page */
table.cmp{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:var(--card)}
table.cmp th,table.cmp td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}
table.cmp tr:last-child td{border-bottom:0}
table.cmp th{font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lit);font-weight:500;white-space:nowrap}
table.cmp td{color:var(--slate)}
table.cmp td:first-child{color:var(--chalk);font-weight:500}
ul.check{list-style:none;display:flex;flex-direction:column;gap:14px;max-width:72ch}
ul.check li{display:grid;grid-template-columns:20px 1fr;gap:13px;font-size:.97rem;line-height:1.6;color:var(--slate)}
ul.check li b{color:var(--chalk);font-weight:600}
ul.check .tick{color:var(--bronze-lit);font-family:"Azeret Mono",monospace;font-size:.85rem;padding-top:2px}
.prose{max-width:70ch}
.prose h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:44px 0 14px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--slate);margin-bottom:.9em}
.prose ul{padding-left:1.2em}
.prose b{color:var(--chalk)}
.prose a{color:var(--bronze-lit)}

/* footer */
footer.site{border-top:1px solid var(--line);padding:52px 0 60px;background:var(--ink-2)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr;gap:26px}}
footer.site h4{font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lit);font-weight:500;margin-bottom:12px}
footer.site p,footer.site a{font-size:.9rem;color:var(--slate);text-decoration:none;line-height:1.8;display:block}
footer.site a:hover{color:var(--chalk)}
.foot-note{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font-family:"Azeret Mono",monospace;font-size:.7rem;letter-spacing:.05em;color:var(--slate);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* responsive */
@media (max-width:1100px){.nav a{font-size:14px}.info-panel .val{font-size:13px}.nav{gap:18px}}
@media (max-width:960px){
  .menu-toggle{display:flex}
  .header-actions{position:absolute;right:var(--gutter);top:64px;flex-direction:column;align-items:stretch;width:min(324px,calc(100vw - 32px));gap:18px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(32,28,18,.96),rgba(12,14,10,.98));backdrop-filter:blur(18px) saturate(110%);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transition:opacity 180ms ease,transform 180ms ease,visibility 180ms;flex:none;white-space:normal}
  .header.menu-open .header-actions{opacity:1;visibility:visible;transform:none}
  .nav{flex-direction:column;margin-left:0;gap:14px}
  .nav a.active::after{bottom:-5px;width:36px}
  .info-panel{margin-left:0;padding:12px 0 0 11px;border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .sign-up{margin-left:0;width:100%}
  .lang{margin-left:0}
}
@media (max-width:520px){.hero-lockup{margin-bottom:18px}.cta-big{width:100%;justify-content:center}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-pending .nav a,.motion-pending .info-panel,.motion-pending .sign-up,.motion-pending .hero-copy,.motion-pending .hero-promise,.motion-pending .hero-ctas,.motion-pending .menu-toggle,.motion-pending .hero-lockup,.motion-pending .lang{opacity:1}
  .motion-pending .line-reveal{transform:none;filter:none}
  #intro-reveal p{filter:none;opacity:1;transform:none}
  .go *{animation:none!important}
  #intro-hint{animation:none}
}

.owner-text p.eyebrow{font-size:.7rem;color:var(--bronze-lit);line-height:1.4}
.owner-text p.route{font-size:.72rem;color:var(--bronze-lit);line-height:1.9;margin-top:6px}

/* v3 additions */
.hero-kicker{font-family:"Azeret Mono",monospace;font-weight:500;font-size:clamp(.66rem,1.5vh,.8rem);letter-spacing:.16em;text-transform:uppercase;color:rgba(229,233,234,.86);margin-bottom:clamp(10px,1.6vh,18px);text-shadow:0 1px 3px rgba(0,0,0,.8)}
.hero-title{font-family:Marcellus,Georgia,serif;font-weight:400}
.hero-fit{font-size:.9rem;line-height:1.45;color:rgba(233,239,239,.92);text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:340px}
.hero-fit span{display:block;margin-top:3px;font-family:"Azeret Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(229,233,234,.7)}
.motion-pending .hero-kicker{opacity:0}
.go .hero-kicker{animation:entrance-copy 700ms cubic-bezier(.16,1,.3,1) 300ms both}
.lede-first{font-family:Marcellus,Georgia,serif;font-size:clamp(1.15rem,2vw,1.45rem);color:var(--slate)}
.promise-line{font-family:Marcellus,Georgia,serif;font-size:clamp(1.2rem,2.2vw,1.55rem);color:var(--chalk);border-left:2px solid var(--bronze-lit);padding-left:16px;margin-top:6px}
.card-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 24px;margin-top:6px}
.card .more,.more{font-family:"Azeret Mono",monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-lit);text-decoration:underline;text-underline-offset:4px}
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:960px){.works{grid-template-columns:1fr;max-width:560px}}
.work{border:1px solid var(--line);border-radius:4px;background:var(--card);overflow:hidden;display:flex;flex-direction:column}
.work img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}
.work .wb{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.work h3{font-family:Marcellus,Georgia,serif;font-size:1.5rem;font-weight:400}
.work p{font-size:.93rem;color:var(--slate);line-height:1.55}
.wmeta{display:flex;justify-content:space-between;gap:10px;font-family:"Azeret Mono",monospace;font-size:.66rem!important;letter-spacing:.12em;text-transform:uppercase}
.status{color:var(--bronze-lit);border:1px solid rgba(216,174,99,.45);border-radius:999px;padding:2px 9px;white-space:nowrap}
.review{margin-top:8px;border-left:2px solid var(--bronze-lit);padding-left:14px;font-family:Marcellus,Georgia,serif;font-size:1.05rem;color:var(--chalk);line-height:1.45}
.review cite{display:block;margin-top:6px;font-style:normal;font-family:"Azeret Mono",monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.mods{margin-top:14px;font-size:.9rem;color:var(--slate)}