@font-face{font-family:"Fraunces"; font-style:italic; font-weight:300 400; font-display:swap; src:url(fonts/fraunces-italic-var-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Fraunces"; font-style:italic; font-weight:300 400; font-display:swap; src:url(fonts/fraunces-italic-var.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Fraunces"; font-style:normal; font-weight:300 600; font-display:swap; src:url(fonts/fraunces-var-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Fraunces"; font-style:normal; font-weight:300 600; font-display:swap; src:url(fonts/fraunces-var.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"IBM Plex Mono"; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"IBM Plex Mono"; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/ibm-plex-mono-400.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"IBM Plex Mono"; font-style:normal; font-weight:500; font-display:swap; src:url(fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"IBM Plex Mono"; font-style:normal; font-weight:500; font-display:swap; src:url(fonts/ibm-plex-mono-500.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"IBM Plex Sans"; font-style:normal; font-weight:300 600; font-display:swap; src:url(fonts/ibm-plex-sans-var-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"IBM Plex Sans"; font-style:normal; font-weight:300 600; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{
  --canvas:#080B09;
  --abyss:#050706;
  --raise:#111613;
  --raise-2:#18201B;
  --steel:#26302A;
  --glass:rgba(8,11,9,.66);
  --line:rgba(233,228,214,.10);
  --line-2:rgba(233,228,214,.2);
  --ledger:rgba(233,228,214,.045);
  --wash-top:#12261C;
  --wash-mid:#0B140F;
  --wash-low:#060807;
  --text:#E6E3D9;
  --head:#F4EFE1;
  --muted:#9CA39E;
  --faint:#808782;     
  --pine:#1E3D2F;
  --pine-dk:#142B21;
  --pine-lt:#5E9C7C;
  --rust:#D9744C;
  --brass:#D7A544;
  --brass-ink:#D7A544;          
  --cream:#F4EFE1;
  --ink:#24211B;
  --on-dark:#F4EFE1;            
  --mark-rust:#C0552A;          
  --action-bg:#F4EFE1;
  --action-fg:#0E1D16;
  --nav-bg:rgba(8,11,9,.78);
  --nav-cta-bg:#D7A544;
  --nav-cta-hover:#E4B556;
  --nav-cta-fg:#14110A;
  --mega-bg:#0E1310;
  --mega-hover:rgba(233,228,214,.06);
  --mega-h:#E8A882;
  --invert-bg:#F4EFE1;
  --invert-fg:#24211B;
  --invert-muted:#5F5B50;
  --serif:'Fraunces', 'Iowan Old Style', Georgia, serif;
  --sans:'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --max:1200px;
  --gut:clamp(16px, 4vw, 40px);
  --sec:clamp(96px, 13vw, 168px);
  --r-btn:10px;
  --r-card:16px;
  --r-tile:30px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.455,.03,.515,.955);
  color-scheme:dark;
}
html[data-theme="light"]{
  --canvas:#F4EFE1;
  --abyss:#ECE5D2;
  --raise:#FCFDFB;
  --raise-2:#E8EFE9;
  --steel:#DCE7E0;
  --glass:rgba(244,239,225,.7);
  --line:rgba(30,61,47,.14);
  --line-2:rgba(30,61,47,.26);
  --ledger:rgba(30,61,47,.075);
  --text:#24211B;
  --head:#1E3D2F;
  --muted:#57534A;     
  --faint:#706B5E;     
  --pine-lt:#3E7A5C;
  --rust:#B54B2A;
  --brass:#B8862B;
  --brass-ink:#8A6418;          
  --action-bg:#1E3D2F;
  --action-fg:#F4EFE1;
  --nav-bg:rgba(244,239,225,.86);
  --nav-cta-bg:#1E3D2F;
  --nav-cta-hover:#142B21;
  --nav-cta-fg:#F4EFE1;
  --mega-bg:#FCFDFB;
  --mega-hover:rgba(30,61,47,.06);
  --mega-h:#B54B2A;
  --wash-top:#F4EFE1;
  --wash-mid:#F2ECDC;
  --wash-low:#EEE7D4;
  --invert-bg:#1E3D2F;
  --invert-fg:#F4EFE1;
  --invert-muted:#B9C7BE;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-x:clip;}
html,body{margin:0; padding:0;}
html{background:var(--wash-low);}
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(120% 70% at 50% -10%, var(--wash-top) 0%, transparent 62%),
    linear-gradient(180deg, var(--wash-mid) 0%, var(--wash-low) 100%);
}
body{
  background:repeating-linear-gradient(180deg, transparent 0 27px, var(--ledger) 27px 28px);
  color:var(--text);
  font:400 16px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
  transition:background-color .4s ease, color .4s ease;
}
img,video,svg{display:block; max-width:100%;}
a{color:inherit;}
button{font:inherit; color:inherit;}
p{margin:0;}
h1,h2,h3{margin:0;}
p,li,dd,figcaption,blockquote,summary,.tour-panel p{text-wrap:pretty;}
h1,h2,h3,h4,.display,.tile-h,.g-title,.cmp h3,.founder-quote{text-wrap:balance;}
::selection{background:var(--brass); color:#0E1D16;}
:focus-visible{outline:2px solid var(--brass); outline-offset:3px; border-radius:6px;}
.nw{white-space:nowrap;}   
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip{position:fixed; left:12px; top:-60px; z-index:200; background:var(--action-bg); color:var(--action-fg); padding:10px 14px; border-radius:8px; text-decoration:none; font-weight:500;}
.skip:focus{top:12px;}
.display{
  font-family:var(--serif);
  font-weight:300;
  font-optical-sizing:auto;
  letter-spacing:-.022em;
  line-height:.94;
  color:var(--head);
  text-wrap:balance;
}
.display em{font-style:italic; font-weight:300; color:var(--brass);}
.h-xxl{font-size:clamp(44px, 7.6vw, 112px);}
.h-xl{font-size:clamp(38px, 6vw, 88px);}
.h-lg{font-size:clamp(34px, 4.4vw, 64px);}
.center{text-align:center; margin-left:auto; margin-right:auto;}
.eyebrow{
  font:500 11.5px/1.6 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:22px;
  display:flex; align-items:center; gap:10px;
}
.eyebrow.center{justify-content:center;}
.mono-s{font:400 10.5px/1.4 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
.sub{font:300 clamp(17px,1.5vw,19px)/1.55 var(--sans); color:var(--muted); max-width:58ch; margin-top:26px;}
.sub.center{text-align:center;}
.sub a{color:var(--head);}
.line-mask{overflow:hidden; padding:.06em .08em .26em; margin:-.06em -.08em -.26em;}
.btn{
  --bg:transparent; --fg:var(--head); --bd:var(--line-2);
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:44px; padding:12px 20px;
  border-radius:var(--r-btn); border:1px solid var(--bd);
  background:var(--bg); color:var(--fg);
  font:500 15px/1 var(--sans); letter-spacing:.005em;
  text-decoration:none; cursor:pointer; white-space:nowrap;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .35s var(--ease-out);
  will-change:transform;
}
.btn .arr{display:inline-block; transition:transform .35s var(--ease-out);}
.btn:hover .arr{transform:translateX(4px);}
.btn:active{transform:scale(.97);}
.btn-primary{--bg:var(--action-bg); --fg:var(--action-fg); --bd:var(--action-bg);}
.btn-primary:hover{--bg:color-mix(in srgb, var(--action-bg) 88%, var(--brass));}
.btn-ghost{--bg:rgba(233,228,214,.04);}
html[data-theme="light"] .btn-ghost{--bg:rgba(30,61,47,.03);}
.btn-ghost:hover{--bd:var(--head);}
.btn-sm{min-height:38px; padding:9px 14px; font-size:14px;}
.btn-lg{min-height:54px; padding:16px 26px; font-size:16px;}
.btn-block{width:100%;}
.play{display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--head); margin-left:-6px;}
.hero-ctas .dur{font:500 10.5px/1 var(--mono); letter-spacing:.08em; color:var(--muted); border:1px solid var(--line-2); border-radius:999px; padding:4px 7px; margin-left:2px;}
.play svg{width:10px; height:10px; fill:var(--canvas); margin-left:1px;}
.link-arrow{color:var(--head); text-decoration:none; border-bottom:1px solid var(--line-2); padding-bottom:2px; transition:border-color .2s ease;}
.link-arrow span{display:inline-block; transition:transform .35s var(--ease-out);}
.link-arrow:hover{border-color:var(--brass);}
.link-arrow:hover span{transform:translateX(4px);}
.brand{display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--head);}
.brand-mark{width:30px; height:30px; flex:none; border-radius:8px;}
.brand-mark.sm{width:26px; height:26px;}
.brand-mark.xl{width:120px; height:120px; border-radius:28px;}
.brand-word{font:600 20px/1 var(--serif); letter-spacing:-.01em;}
.nav{
  position:fixed; inset:0 0 auto 0; z-index:100;
  background:var(--nav-bg);
  -webkit-backdrop-filter:blur(24px) saturate(140%); backdrop-filter:blur(24px) saturate(140%);
  transition:transform .5s var(--ease-out), background-color .35s ease;
}
.scroll-progress{position:fixed; left:0; right:0; top:0; height:3px; z-index:101; pointer-events:none;}
.scroll-progress i{display:block; height:100%; transform:scaleX(0); transform-origin:0 50%;
  background:linear-gradient(90deg, #B98A32, #D7A544 55%, #F0C66E); box-shadow:0 0 10px rgba(215,165,68,.5);}
.nav::after{content:""; position:absolute; left:0; right:0; top:100%; height:18px; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.28), transparent); opacity:0; transition:opacity .3s ease;}
html[data-theme="light"] .nav::after{background:linear-gradient(180deg, rgba(30,61,47,.10), transparent);}
.nav.is-scrolled::after{opacity:1;}
.nav.is-hidden{transform:translateY(-100%);}
.nav-inner{
  max-width:var(--max); margin:0 auto; height:72px; padding:0 var(--gut);
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px;
}
.brand-mark{width:36px; height:36px; border-radius:9px;}
.nav-links{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:30px;}
.nav-link,.mega-trigger{
  display:inline-flex; align-items:center; gap:7px; padding:10px 0;
  background:none; border:0; cursor:pointer; text-decoration:none;
  font:500 12.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--text);
  transition:color .2s ease;
}
.nav-link:hover,.mega-trigger:hover,.has-mega[data-open] .mega-trigger{color:var(--head);}
.nav-link[aria-current="page"],.mega-trigger.is-current{color:var(--head); position:relative;}
.nav-link[aria-current="page"]::before,.mega-trigger.is-current::before{content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; border-radius:1px; background:var(--brass);}
.mega-trigger.is-current::before{right:14px;}
.mega-link[aria-current="page"] b{color:var(--brass-ink);}
.mega-trigger::after{content:""; width:6px; height:6px; margin-top:-3px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .3s var(--ease-out), margin .3s var(--ease-out);}
.has-mega[data-open] .mega-trigger::after{transform:rotate(-135deg); margin-top:3px;}
.nav-actions{justify-self:end; display:flex; align-items:center; gap:14px;}
.nav-login{font:500 12.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--head); text-decoration:none; padding:6px 0; border-bottom:1px solid var(--line-2); transition:border-color .2s ease;}
.nav-login:hover{border-color:var(--brass);}
.btn-nav{--bg:var(--nav-cta-bg); --fg:var(--nav-cta-fg); --bd:var(--nav-cta-bg); border-radius:999px; min-height:44px; padding:12px 22px; font-weight:600; font-size:14.5px;}
.btn-nav:hover{--bg:var(--nav-cta-hover); --bd:var(--nav-cta-hover);}
@media (max-width:460px){ .nav-cta{display:none;} }
.theme-toggle{
  width:38px; height:38px; display:grid; place-items:center;
  border-radius:10px; border:1px solid var(--line); background:transparent; cursor:pointer;
}
.theme-toggle svg{width:18px; height:18px; fill:none; stroke:var(--head); stroke-width:1.6; stroke-linecap:round;}
.theme-toggle .sun{opacity:0; transition:opacity .3s ease;}
.theme-toggle .moon{transition:opacity .3s ease;}
html[data-theme="light"] .theme-toggle .sun{opacity:1;}
html[data-theme="light"] .theme-toggle .moon{opacity:0;}
.has-mega{position:static;}
.mega{
  position:absolute; top:calc(100% + 10px); left:50%; width:min(920px, calc(100vw - 2 * var(--gut)));
  display:grid; grid-template-columns:1fr 1fr 1.05fr; gap:28px; padding:26px;
  background:var(--mega-bg); border:1px solid var(--line-2); border-radius:18px;
  -webkit-backdrop-filter:blur(24px) saturate(140%); backdrop-filter:blur(24px) saturate(140%);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
  opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%, -6px) scale(.97);
  transform-origin:var(--ox, 50%) 0;
  transition:opacity .25s ease, transform .35s var(--ease-out), visibility 0s linear .35s;
}
.has-mega[data-open] .mega{opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%, 0) scale(1); transition:opacity .25s ease, transform .35s var(--ease-out), visibility 0s;}
.mega::before{content:""; position:absolute; top:-22px; left:0; right:0; height:22px;} 
.mega > *{opacity:0; transform:translateY(6px); filter:blur(4px); transition:opacity .3s ease, transform .4s var(--ease-out), filter .4s var(--ease-out);}
.has-mega[data-open] .mega > *{opacity:1; transform:none; filter:none;}
.has-mega[data-open] .mega > *:nth-child(2){transition-delay:.05s;}
.has-mega[data-open] .mega > *:nth-child(3){transition-delay:.1s;}
.mega .mega-h{margin:0 0 10px 10px; font:500 11px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--mega-h);}
.mega-link{display:block; padding:9px 10px; border-radius:10px; text-decoration:none; transition:background-color .2s ease;}
.mega-link:hover,.mega-link:focus-visible{background:var(--mega-hover);}
.mega-link b{display:block; font:500 12px/1.35 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--head); margin-bottom:3px;}
.mega-link span{display:block; font:400 13px/1.45 var(--sans); color:var(--muted); text-wrap:balance;}
.mega-feature{display:flex; flex-direction:column; border-radius:14px; overflow:hidden; border:1px solid var(--line); background:var(--raise); text-decoration:none; transition:transform .4s var(--ease-out), border-color .2s ease;}
.mega-feature:hover{transform:translateY(-2px); border-color:var(--line-2);}
.mega-feature .shot{position:static; width:100%; height:130px; flex:none; object-fit:cover; object-position:50% 22%;}
.mega-feature .cap{display:flex; flex-direction:column; gap:10px; padding:14px 16px 16px;}
.mega-feature .cap span{font:400 13px/1.5 var(--sans); color:var(--text); text-wrap:balance;}
.mega-feature .cap b{font:500 11.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--brass-ink);}
.menu-btn{display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:10px; background:transparent; cursor:pointer; position:relative;}
.menu-btn span{position:absolute; left:12px; right:12px; height:1.5px; background:var(--head); transition:transform .35s var(--ease-out), top .35s var(--ease-out);}
.menu-btn span:first-child{top:16px;}
.menu-btn span:last-child{top:24px;}
.menu-btn[aria-expanded="true"] span:first-child{top:20px; transform:rotate(45deg);}
.menu-btn[aria-expanded="true"] span:last-child{top:20px; transform:rotate(-45deg);}
.sheet{
  position:fixed; inset:0; z-index:90; overflow-y:auto;
  background:var(--canvas);
  padding:96px var(--gut) 32px;
  display:flex; flex-direction:column; justify-content:space-between; gap:32px;
}
.sheet[hidden]{display:none;}
.sheet nav{display:flex; flex-direction:column;}
.sheet-top,.sheet-toggle{display:flex; width:100%; justify-content:space-between; align-items:center; font:300 34px/1.2 var(--serif); color:var(--head); text-decoration:none; border:0; border-bottom:1px solid var(--line); background:none; padding:14px 0; cursor:pointer; text-align:left;}
.sheet-toggle i{width:12px; height:12px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(45deg); margin:-6px 6px 0 0; transition:transform .3s var(--ease-out), margin .3s var(--ease-out);}
.sheet-toggle[aria-expanded="true"] i{transform:rotate(-135deg); margin-top:6px;}
.sheet-links{display:flex; flex-direction:column; padding:8px 0 18px; border-bottom:1px solid var(--line);}
.sheet-links p{font:500 10.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--mega-h); margin:14px 0 6px;}
.sheet-links a{font:400 17px/1.3 var(--sans); color:var(--text); text-decoration:none; padding:8px 0;}
@media (max-width:960px){
  .nav-links,.nav-login{display:none;}
  .menu-btn{display:block;}
  .nav-inner{grid-template-columns:1fr auto; height:64px;}
}
@media (max-width:520px){
  .nav-actions .btn-nav{display:none;}
}
.hero{
  position:relative;
  padding:clamp(128px, 18vh, 180px) var(--gut) 20px;
  min-height:100svh;
  isolation:isolate;
  overflow:clip;
}
.hero-bg{position:absolute; inset:0; z-index:-1;}
.ledger-canvas{position:absolute; inset:0; width:100%; height:100%; -webkit-mask-image:linear-gradient(180deg, #000 55%, transparent 100%); mask-image:linear-gradient(180deg, #000 55%, transparent 100%);}
.hero-bg{
  background:radial-gradient(ellipse 60% 45% at 50% 38%, color-mix(in srgb, var(--brass) 13%, transparent), transparent 70%);
}
.hero-vignette{display:none;}
.hero-copy{max-width:1040px; margin:0 auto; text-align:center; position:relative;}
.chip{
  display:inline-flex; align-items:center; gap:10px;
  font:500 11px/1 var(--mono); letter-spacing:.18em; text-transform:uppercase;
  color:var(--head);
  padding:10px 18px 10px 14px; border-radius:999px;
  background:rgba(233,228,214,.07); border:1px solid var(--line-2);
  margin-bottom:34px;
}
html[data-theme="light"] .chip{background:rgba(30,61,47,.05);}
.chip .dot{width:7px; height:7px; border-radius:50%; background:var(--brass); box-shadow:0 0 0 4px color-mix(in srgb, var(--brass) 22%, transparent);}
.hero-title{font-size:clamp(46px, 8.3vw, 120px);}
.twin-rules{display:flex; flex-direction:column; gap:6px; width:clamp(84px, 9vw, 120px); margin:34px auto 30px;}
.twin-rules i{display:block; height:4px; background:var(--mark-rust); transform-origin:left center;}
.twin-rules.center{margin-left:auto; margin-right:auto;}
.hero-lede{font:300 clamp(18px, 1.7vw, 21px)/1.55 var(--sans); color:var(--muted); max-width:58ch; margin:0 auto;}
.hero-lede{text-wrap:balance;}
.hero-lede-2{display:block; margin-top:4px; color:var(--head);}
.hero-ctas{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:36px;}
.micro{font:400 13px/1.5 var(--sans); color:var(--faint); margin-top:18px;}
.hero-stage{
  position:relative; max-width:1100px; height:clamp(560px, 50vw, 650px);   
  margin:clamp(30px, 4vw, 52px) auto 0;
  perspective:1600px;
}
.stage-glow{
  position:absolute; left:50%; top:46%; width:min(80vw, 720px); aspect-ratio:1; translate:-50% -50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--brass) 20%, transparent) 0%, transparent 62%);
  z-index:-1; pointer-events:none; filter:blur(10px);
}
.phone{
  --pw:300px;
  --edge:calc(var(--pw) * .012);
  --sheen:128deg;
  width:var(--pw); aspect-ratio:300/640;
  padding:calc(var(--pw) * .032);
  border-radius:calc(var(--pw) * .17);
  border:var(--edge) solid transparent;
  background:
    linear-gradient(135deg, #222325, #0d0d0e) padding-box,
    linear-gradient(var(--sheen), #5a5d62 0%, #1d1e21 16%, #0a0b0c 32%, #46494e 47%, #141517 63%, #6b6e73 79%, #1f2023 91%, #34363a 100%) border-box;
  --dx:4px; --dy:7px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    inset 0 0 0 calc(var(--pw) * .012) #050505,
    inset 0 1px 2px rgba(255,255,255,.14),
    0 0 0 1px rgba(0,0,0,.6),
    calc(var(--dx) * .2) calc(var(--dy) * .2) 0 0 #3a3d42,
    calc(var(--dx) * .4) calc(var(--dy) * .4) 0 0 #2e3035,
    calc(var(--dx) * .6) calc(var(--dy) * .6) 0 0 #24262a,
    calc(var(--dx) * .8) calc(var(--dy) * .8) 0 0 #1b1c20,
    var(--dx) var(--dy) 0 0 #131416,
    calc(var(--dx) + .5px) calc(var(--dy) + .5px) 0 .5px rgba(150,155,162,.18),
    calc(var(--dx) * 1.4) calc(var(--dy) * 1.6 + 6px) 14px -2px rgba(0,0,0,.55),
    0 40px 80px -30px rgba(0,0,0,.7),
    0 18px 30px -18px rgba(0,0,0,.55);
  position:relative;
}
.phone::before,.phone::after{
  content:""; position:absolute; width:calc(var(--edge) * .9 + 1px); border-radius:2px;
  background:linear-gradient(90deg, #1b1c1e, #6a6d72 45%, #2a2c2f);
  box-shadow:0 0 0 .5px rgba(0,0,0,.45);
}
.phone::before{
  left:calc(var(--edge) * -1.9); top:17%; height:5.2%;
  box-shadow:0 0 0 .5px rgba(0,0,0,.45),
    0 calc(var(--pw) * .085) 0 0 #3b3d41, 0 calc(var(--pw) * .085) 0 .5px rgba(0,0,0,.45),
    0 calc(var(--pw) * .17) 0 0 #3b3d41, 0 calc(var(--pw) * .17) 0 .5px rgba(0,0,0,.45);
}
.phone::after{right:calc(var(--edge) * -1.9); top:25%; height:11%;}
.phone-hero{position:absolute; left:50%; top:0; margin-left:calc(var(--pw) / -2);}
.phone-screen{
  position:relative; height:100%; border-radius:calc(var(--pw) * .135);
  background:#0B1611; overflow:hidden;
  clip-path:inset(0 round calc(var(--pw) * .135)); isolation:isolate;
  -webkit-mask-image:-webkit-radial-gradient(white, black);
  color:#E9E4D6;
}
.island{position:absolute; top:10px; left:50%; translate:-50% 0; width:31%; height:24px; border-radius:20px; background:#000; z-index:3;}
.dial .trk{fill:none; stroke:rgba(233,228,214,.1); stroke-width:9;}
.arc{fill:none; stroke-width:9; stroke-linecap:round; transform:rotate(-90deg); transform-origin:50px 50px;}
.arc.brass{stroke:#D7A544;}
.shot{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center;}
.screen-canvas{position:absolute; z-index:1; top:0; left:50%; height:100%; aspect-ratio:720/1565; translate:-50% 0; overflow:hidden;}
.screen-canvas .shot{position:absolute; inset:0; width:100%; height:100%; object-fit:fill;}
.lp-screen{position:absolute; inset:0; background:#161917;}
.lp-screen > img{position:absolute; inset:0; width:100%; height:100%;}
.lp-ring{position:absolute; background-repeat:no-repeat; pointer-events:none; --a:360deg;
  -webkit-mask:conic-gradient(#000 var(--a), transparent 0), radial-gradient(circle closest-side, transparent 0 33%, #000 35%);
  -webkit-mask-composite:source-in;
  mask:conic-gradient(#000 var(--a), transparent 0), radial-gradient(circle closest-side, transparent 0 33%, #000 35%);
  mask-composite:intersect;}
.lp-tap{position:absolute; z-index:5; left:50%; top:50%; width:13%; aspect-ratio:1; translate:-50% -50%; border-radius:50%;
  background:rgba(255,255,255,.42); box-shadow:0 0 0 1.5px rgba(255,255,255,.55); opacity:0; pointer-events:none;}
.lp-tap::after{content:""; position:absolute; inset:-30%; border-radius:50%; border:2px solid rgba(255,255,255,.5); opacity:0; transform:scale(.5);}
.lp-tap.is-press::after{animation:lp-ripple .6s ease-out;}
@keyframes lp-ripple{0%{opacity:.9; transform:scale(.5);}100%{opacity:0; transform:scale(1.4);}}
.island{z-index:3;}
.glint{position:absolute; inset:0; z-index:4; pointer-events:none;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.10) 47%, rgba(255,255,255,.02) 53%, transparent 60%);
  background-size:260% 100%; background-position:120% 0; mix-blend-mode:screen;}
.motion .glint{animation:glint 7s var(--ease-io) 3s infinite;}
@keyframes glint{0%,70%{background-position:120% 0;}100%{background-position:-60% 0;}}
.float-card{
  position:absolute; z-index:2;
  display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:12px;
  width:min(300px, 80vw); padding:12px 16px 12px 12px;
  border-radius:16px;
  background:color-mix(in srgb, var(--raise) 82%, transparent);
  border:1px solid var(--line);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  color:var(--text);
}
.fc-ico{width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font:500 15px/1 var(--mono);}
.ico-pine{background:#1E3D2F; color:#9FD3B6;}
.ico-rust{background:#4A2416; color:#F0A27F;}
.ico-brass{background:#3F3115; color:#F0C66E;}
.ico-sage{background:#203A2E; color:#A9D5BD;}
.fc-txt{display:flex; flex-direction:column; min-width:0;}
.fc-txt b{font:500 14px/1.25 var(--sans); color:var(--head); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fc-txt small{font:400 12px/1.3 var(--sans); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fc-amt{font:500 14px/1 var(--mono); color:var(--head); font-variant-numeric:tabular-nums;}
.fc-amt.pos{color:#7FB99A;}
html[data-theme="light"] .float-card .fc-amt.pos{color:#2F6B4D;}
.fc-1{left:7%; top:8%;}
.fc-2{right:6%; top:24%;}
.fc-3{left:11%; top:56%;}
.fc-4{right:9%; top:70%;}
.platforms{display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin-top:12px; font:500 11px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.platforms span{display:inline-flex; align-items:center; gap:8px;}
.platforms i{width:7px; height:7px; border-radius:50%; border:1px solid var(--muted);}
.platforms i.live{background:#7FB99A; border-color:#7FB99A; box-shadow:0 0 0 0 rgba(127,185,154,.6); animation:pulse 2.4s ease-out infinite;}
.notify-mini{position:relative; display:flex; align-items:center; gap:6px; width:min(100%, 290px); padding:4px 4px 4px 14px; border-radius:999px; background:var(--abyss); border:1px solid var(--line-2); text-transform:none; letter-spacing:0; transition:border-color .2s ease;}
html[data-theme="light"] .notify-mini{background:#FCFDFB;}
.notify-mini:focus-within{border-color:var(--brass);}
.notify-mini input{flex:1; min-width:0; border:0; background:transparent; color:var(--head); font:400 14px/1 var(--sans); padding:7px 0; outline:none;}
.notify-mini input::placeholder{color:var(--faint);}
.notify-mini .notify-btn{width:32px; height:32px;}
.notify-mini .notify-btn svg{width:13px; height:13px;}
.notify-mini .notify-note{position:absolute; top:calc(100% + 8px); left:50%; translate:-50% 0; width:max-content; max-width:min(340px, 86vw); text-align:center; font:400 12px/1.4 var(--sans); color:var(--muted);}
.notify-mini .notify-note:empty{display:none;}
@media (max-width:560px){ .notify-mini{width:100%; max-width:340px;} }
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(127,185,154,.55);}70%,100%{box-shadow:0 0 0 9px rgba(127,185,154,0);}}
.scroll-cue{position:absolute; left:50%; bottom:22px; translate:-50% 0; display:none; flex-direction:column; align-items:center; gap:8px; text-decoration:none; font:500 10px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--faint);}
.scroll-cue i{width:1px; height:36px; background:linear-gradient(var(--faint), transparent); animation:cue 2s var(--ease-io) infinite; transform-origin:top;}
@keyframes cue{0%{transform:scaleY(0);}50%{transform:scaleY(1);}100%{transform:scaleY(1); opacity:0;}}
@media (max-width:900px){
  .fc-3,.fc-4{display:none;}
  .fc-1{left:0; top:14%;}
  .fc-2{right:0; top:48%;}
}
@media (max-width:600px){
  .phone{--pw:260px;}
  .hero-stage{height:576px;}
  .float-card{width:236px; grid-template-columns:28px 1fr auto; gap:9px; padding:9px 11px 9px 9px; border-radius:13px;}
  .float-card .fc-ico{width:28px; height:28px; font-size:12px;}
  .float-card .fc-txt b{font-size:12.5px;}
  .float-card .fc-txt small{font-size:11px;}
  .float-card .fc-amt{font-size:12.5px;}
  .fc-1{left:-4px; top:16%;}
  .fc-2{right:-4px; top:56%;}
  .hero-ctas .btn{width:100%;}
  .chip{font-size:9.5px; letter-spacing:.12em; padding:9px 14px 9px 12px; margin-bottom:26px;}
}
.trades{padding:clamp(64px, 9vw, 120px) 0 clamp(48px, 7vw, 96px); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.marquee{overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
.marquee-track{display:flex; align-items:center; gap:28px; width:max-content; padding-right:28px; will-change:transform;}
.marquee:not(.photos) .marquee-track span{font:300 clamp(32px, 4.4vw, 60px)/1.1 var(--serif); color:var(--head); white-space:nowrap; letter-spacing:-.01em;}
.marquee:not(.photos) .marquee-track span:nth-of-type(even){font-style:italic; color:var(--muted);}
.marquee-track i{font-style:normal; color:var(--mark-rust); font-size:14px;}
.marquee.photos{margin-top:clamp(28px, 4vw, 48px);}
.marquee.photos .marquee-track{gap:14px; padding-right:14px;}
.marquee.photos figure{margin:0; position:relative; width:clamp(200px, 22vw, 300px); aspect-ratio:4/3; border-radius:var(--r-card); overflow:hidden; flex:none; background:var(--raise);}
.marquee.photos img{width:100%; height:100%; object-fit:cover; filter:grayscale(.85) contrast(1.05) brightness(.82); transform:scale(1.04); transition:filter .6s ease, transform 1.2s var(--ease-out);}
.marquee.photos figure:hover img{filter:none; transform:scale(1);}
.marquee.photos figcaption{position:absolute; left:12px; bottom:12px; font:500 10.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:#F4EFE1; background:rgba(10,23,16,.6); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); padding:7px 10px; border-radius:999px;}
.js:not(.motion) .marquee-track{animation:marq 60s linear infinite;}
.js:not(.motion) .marquee[data-marquee="-1"] .marquee-track{animation-direction:reverse; animation-duration:80s;}
@keyframes marq{to{transform:translateX(-50%);}}
.problem{padding:var(--sec) var(--gut); max-width:var(--max); margin:0 auto; box-sizing:content-box;}
.problem-text{font-size:clamp(36px, 5.6vw, 84px); text-align:center; line-height:1.02; max-width:1132px; margin:0 auto;}
.problem-text .w{transition:none;}
.props{list-style:none; margin:clamp(48px, 7vw, 96px) 0 0; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:clamp(16px, 2.2vw, 32px);}
.props li{position:relative; padding-top:clamp(18px, 1.8vw, 24px);}
.props-rule{position:absolute; left:0; right:0; top:0; height:1px; background:var(--line-2); transform-origin:left center;}
.props-rule::before{content:""; position:absolute; left:0; top:-1px; width:28px; height:3px; background:var(--mark-rust);}
.props-n{display:block; font:500 10.5px/1 var(--mono); letter-spacing:.14em; color:var(--brass-ink); margin-bottom:clamp(12px, 1.4vw, 18px);}
.props h3{font:400 clamp(18px, 1.9vw, 25px)/1.15 var(--serif); color:var(--head); letter-spacing:-.01em; margin:0 0 10px;}
.props p{font:300 clamp(13.5px, 1.25vw, 15.5px)/1.55 var(--sans); color:var(--muted); margin:0;}
@media (max-width:719px){
  .props{display:flex; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; margin-left:calc(var(--gut) * -1); margin-right:calc(var(--gut) * -1); padding:0 var(--gut) 4px; scroll-padding-inline:var(--gut); scrollbar-width:none;}
  .props::-webkit-scrollbar{display:none;}
  .props li{flex:0 0 min(78%, 300px); scroll-snap-align:start;}
  .props h3{font-size:22px;}
  .props p{font-size:15px;}
}
.income{position:relative; padding:0 var(--gut);}
.income-pin{max-width:var(--max); margin:0 auto; padding:clamp(40px,6vw,80px) 0;}
.motion .income-pin{min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding:96px 0 40px;}
.income-head{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(20px,4vw,64px); align-items:end; margin-bottom:clamp(28px, 4vw, 48px);}
.income-title .eyebrow{margin-bottom:16px;}
@media (max-width:820px){ .income-head{grid-template-columns:1fr;} }
.tag-sample{font:500 10px/1 var(--mono); letter-spacing:.14em; color:var(--brass-ink); border:1px solid color-mix(in srgb, var(--brass) 45%, transparent); padding:5px 8px; border-radius:999px;}
.income-captions{max-width:62ch; display:grid; gap:14px;}
.motion .income-captions{gap:0; min-height:5.2em;}
.motion .cap{grid-area:1/1;}
.cap{font:300 clamp(18px, 1.8vw, 23px)/1.45 var(--sans); color:var(--muted);}
.cap b{font-weight:400; color:var(--head);}
.chart-wrap{position:relative; display:block;}
.motion .chart-wrap{display:flex; gap:clamp(24px, 4vw, 56px); align-items:stretch;}
.chart{
  position:relative; flex:0 0 100%;
  height:clamp(280px, 44vh, 440px);
  display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:clamp(4px, 1vw, 12px);
  align-items:end; padding-bottom:30px;
  border-bottom:1px solid var(--line-2);
}
.bar{position:relative; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch;}
.bar i{display:block; height:calc(var(--v) / 9200 * 100%); background:var(--steel); border-radius:6px 6px 2px 2px; transform-origin:bottom; transition:background-color .4s ease;}
.bar b{position:absolute; left:50%; translate:-50% 0; bottom:calc(var(--v) / 9200 * 100% + 8px); z-index:3; font:500 10.5px/1 var(--mono); color:var(--muted); white-space:nowrap; opacity:.0;
  padding:2px 3px; margin-bottom:-2px; border-radius:4px; background:var(--canvas);}   
.bar em{position:absolute; left:0; right:0; bottom:-24px; text-align:center; font:500 10.5px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; font-style:normal; color:var(--faint);}
.bar:hover b,.bar.is-june b{opacity:1;}
.bar.is-june i{background:var(--brass);}
html:not(.motion) .bar b{opacity:1;}
.inc-svg{position:absolute; left:0; top:0; width:100%; height:calc(100% - 30px); overflow:visible; pointer-events:none; z-index:1;}
.inc-line{fill:none; stroke:var(--head); stroke-width:2; stroke-linejoin:round; stroke-linecap:round;}
.inc-stop-a{stop-color:var(--head); stop-opacity:.12;}
.inc-stop-b{stop-color:var(--head); stop-opacity:0;}
.inc-gap-up{fill:var(--brass); fill-opacity:.24;}
.inc-gap-down{fill:var(--rust); fill-opacity:.24;}
.chart.is-line .bar i{visibility:hidden;}
.chart.is-line .bar b{bottom:calc(var(--v) / 9200 * 100% + 16px);}
.bar .dot{position:absolute; left:50%; bottom:calc(var(--v) / 9200 * 100%); width:12px; height:12px; margin:0 0 -6px -6px; border-radius:50%; background:var(--canvas); border:2px solid var(--head); z-index:2;}
.bar .dot.is-june{background:var(--brass); border-color:var(--brass); box-shadow:0 0 0 6px color-mix(in srgb, var(--brass) 22%, transparent);}
.salary-line{position:absolute; left:0; right:0; bottom:calc(30px + (100% - 30px) * 4883 / 9200); border-top:1.5px dashed var(--muted); z-index:2; pointer-events:none;}
.salary-line span{position:absolute; left:0; bottom:8px; font:500 10.5px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--head); background:var(--canvas); padding:5px 8px; border-radius:6px; border:1px solid var(--line);}
.split{margin-top:48px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:18px; align-items:stretch;}
.motion .split{margin-top:0; position:absolute; right:0; top:0; bottom:0; width:42%;}
.split > *{min-width:0;}
.split-total{grid-column:1/-1; display:flex; align-items:baseline; gap:16px; flex-wrap:wrap;}
.split-total b{font:300 clamp(40px, 4vw, 56px)/1 var(--serif); color:var(--head); font-variant-numeric:tabular-nums;}
.split-stack{width:100%; height:14px; display:flex; gap:3px;}
.seg{display:block; flex:var(--g) 1 0px; border-radius:4px; transform-origin:left;}
.seg-tax{background:var(--rust);}
.seg-cost{background:var(--muted); opacity:.55;}
.seg-save{background:var(--brass);}
.seg-yours{background:var(--pine-lt);}
.split-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; justify-content:space-between; gap:8px;}
.split-list li{display:grid; grid-template-columns:minmax(92px, auto) 1fr; gap:16px; align-items:baseline; padding-bottom:10px; border-bottom:1px solid var(--line);}
.split-list li:last-child{border-bottom:0; padding-bottom:0;}
.split-list b{font:400 clamp(22px, 2vw, 28px)/1 var(--serif); color:var(--head); font-variant-numeric:tabular-nums;}
.split-list span{font:300 13.5px/1.45 var(--sans); color:var(--muted);}
.split-list strong{display:block; font:500 11px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; margin-bottom:2px;}
.k-tax strong{color:var(--rust);}
.k-cost strong{color:var(--muted);}
.k-save strong{color:var(--brass-ink);}
.k-yours strong{color:var(--pine-lt);}
.income-progress{display:none;}
.motion .income-progress{display:block; height:2px; background:var(--line); margin-top:36px; border-radius:2px; overflow:hidden;}
.income-progress i{display:block; height:100%; width:100%; background:var(--brass); transform-origin:left; transform:scaleX(0);}
@media (max-width:820px){
  .motion .chart-wrap{display:block;}
  .motion .chart{flex:none;}
  .motion .split{position:absolute; inset:0; width:auto;}
  .split-list li{grid-template-columns:minmax(0,1fr); gap:4px;}
  .motion .split-list span{font-size:0; line-height:0;}
  .motion .split-list li{padding-bottom:8px;}
  .motion .split-list strong{margin:6px 0 0;}
  .cap{font-size:17px;}
  .bar em{font-size:9px; letter-spacing:0;}
  .bar b{font-size:9px; letter-spacing:-.03em;}   
}
.section-head{max-width:1000px; margin:0 auto clamp(48px, 6vw, 80px); padding:0 var(--gut);}
.features{padding:var(--sec) 0 calc(var(--sec) * .7);}
.bento{
  max-width:var(--max); margin:0 auto; padding:0 var(--gut);
  display:grid; gap:14px;
  grid-template-columns:repeat(3, minmax(0,1fr));
  grid-template-areas:
    "track track invoice"
    "tax tax invoice"
    "receipt receipt receipt"
    "goal goal goal"
    "mileage mileage mileage";
}
[data-tile="track"]{grid-area:track;}
[data-tile="tax"]{grid-area:tax;}
[data-tile="receipt"]{grid-area:receipt;}
[data-tile="invoice"]{grid-area:invoice;}
[data-tile="goal"]{grid-area:goal;}
[data-tile="mileage"]{grid-area:mileage;}
.tile{
  --tx:#F4EFE1; --tm:rgba(244,239,225,.72); --tl:rgba(244,239,225,.16);
  position:relative; overflow:hidden; isolation:isolate;
  border-radius:var(--r-tile); padding:32px;
  min-height:420px;
  display:flex; flex-direction:column; gap:26px;
  color:var(--tx);
}
.tile::before{ 
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(420px circle at var(--mx, 50%) var(--my, -20%), rgba(255,255,255,.10), transparent 60%);
  opacity:0; transition:opacity .4s ease;
}
.tile:hover::before{opacity:1;}
.t-pine{background:#1E3D2F;}
.t-rust{background:#A94526; --tm:rgba(244,239,225,.94);}   
.t-brass{background:#C49337; --tx:#1D1A14; --tm:rgba(29,26,20,.84); --tl:rgba(29,26,20,.16);}
.t-cream{background:#F4EFE1; --tx:#24211B; --tm:rgba(36,33,27,.7); --tl:rgba(36,33,27,.14);}
html[data-theme="light"] .t-cream{background:#E6DDC5;}
.t-deep{background:#142B21; box-shadow:inset 0 0 0 1px rgba(244,239,225,.08);}
.t-sage{background:#6FA88A; --tx:#0E1D16; --tm:rgba(14,29,22,.84); --tl:rgba(14,29,22,.16);}
.tile-k{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--tm); display:flex; align-items:center; gap:10px;}
.tile-h{font:300 clamp(30px, 2.9vw, 40px)/1 var(--serif); letter-spacing:-.018em; margin:14px 0 14px; color:var(--tx);}
.tile-copy p:not(.tile-k):not(.mono-s){font:300 15.5px/1.55 var(--sans); color:var(--tm); max-width:44ch;}
.tile-fine{font:400 11.5px/1.5 var(--mono); color:var(--tm); margin-top:auto;}
.pro{font:500 9.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; padding:5px 8px; border-radius:999px; background:rgba(14,29,22,.2); color:inherit;}
.ui{margin-top:auto; position:relative;}
.tile-wide{flex-direction:row; align-items:stretch; gap:40px;}
.tile-wide .tile-copy{flex:1 1 44%;}
.tile-wide .ui{flex:1 1 56%; margin-top:0;}
.ui-ledger{background:rgba(10,23,16,.38); border:1px solid var(--tl); border-radius:18px; padding:16px 18px; display:flex; flex-direction:column;}
.ledger-head{display:flex; justify-content:space-between; font:500 10.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tm); padding-bottom:12px; border-bottom:1px solid var(--tl);}
.ledger-head b{font:400 22px/1 var(--serif); letter-spacing:0; color:var(--tx); text-transform:none; margin-left:8px;}
.lrow{display:grid; grid-template-columns:10px 1fr auto; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--tl); font:400 14px/1.2 var(--sans);}
.lrow:last-child{border-bottom:0;}
.lrow span:last-child{font:500 13px/1 var(--mono); font-variant-numeric:tabular-nums;}
.lrow .pos{color:#9FD3B6;}
.dotc{width:8px; height:8px; border-radius:50%;}
.dotc.pine{background:#9FD3B6;} .dotc.rust{background:#F0A27F;} .dotc.brass{background:#F0C66E;}
.tax-top{display:flex; flex-direction:column; gap:10px; font:500 10.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tm);}
.tax-top b{font:300 44px/1 var(--serif); letter-spacing:-.01em; text-transform:none; color:var(--tx); font-variant-numeric:tabular-nums;}
.tax-top span{display:flex; align-items:center; gap:10px;}
.tax-top em{font-style:normal; color:var(--tx); border:1px solid var(--tl); padding:5px 8px; border-radius:999px;}
.qbars{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; height:120px; margin-top:40px; align-items:end;}
.qbars div{position:relative; height:100%; display:flex; flex-direction:column; justify-content:flex-end;}
.qbars i{display:block; height:var(--h); background:rgba(244,239,225,.9); border-radius:8px 8px 3px 3px; transform-origin:bottom;}
.qbars .q-now i{background:repeating-linear-gradient(135deg, rgba(244,239,225,.5) 0 6px, rgba(244,239,225,.25) 6px 12px);}
.qbars span{font:500 10px/1 var(--mono); letter-spacing:.1em; color:var(--tm); margin-top:8px;}
.qbars b{position:absolute; left:0; bottom:calc(var(--h) + 22px); font:500 11px/1 var(--mono); color:var(--tx);}
.ui-rc{display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr); gap:18px; align-items:stretch;}
.rc-sample{margin-top:14px; color:var(--tm);}
[data-tile="receipt"] .tile-copy p + p:not(.rc-sample){margin-top:12px;}
.rc-photo{display:grid; place-items:center; padding:22px 16px; border-radius:20px;
  background:radial-gradient(120% 80% at 30% 20%, #3a2c1b 0%, #20180f 70%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.rc-paper{position:relative; overflow:hidden; width:100%; max-width:250px; padding:18px 16px 22px; transform:rotate(-1.5deg);
  background:linear-gradient(180deg, #FDFBF5, #F4F0E4); color:#2B2A27; font:500 10.5px/1.55 var(--mono); letter-spacing:.02em; text-transform:uppercase;
  box-shadow:0 18px 30px -12px rgba(0,0,0,.6);
  -webkit-mask:radial-gradient(circle at 5px 0, transparent 4px, #000 4.5px) top/10px 6px repeat-x, linear-gradient(#000 0 0) center/100% calc(100% - 12px) no-repeat, radial-gradient(circle at 5px 100%, transparent 4px, #000 4.5px) bottom/10px 6px repeat-x;
  mask:radial-gradient(circle at 5px 0, transparent 4px, #000 4.5px) top/10px 6px repeat-x, linear-gradient(#000 0 0) center/100% calc(100% - 12px) no-repeat, radial-gradient(circle at 5px 100%, transparent 4px, #000 4.5px) bottom/10px 6px repeat-x;}
.rc-logo{text-align:center; font:700 14px/1.2 var(--mono); letter-spacing:.08em;}
.rc-c{text-align:center; font-size:9.5px;}
.rc-rule{height:0; border-top:1px dashed rgba(43,42,39,.4); margin:8px 0;}
.rc-meta{display:flex; justify-content:space-between; font-size:9.5px;}
.rc-l{display:flex; justify-content:space-between; gap:8px;}
.rc-sub{padding-left:10px; font-size:9.5px; opacity:.85;}
.rc-total{font-weight:700; font-size:12px; margin-top:2px;}
.rc-thanks{margin-top:4px; letter-spacing:.12em;}
.rc-barcode{height:28px; margin:10px 18px 0; background:repeating-linear-gradient(90deg, #2B2A27 0 2px, transparent 2px 3px, #2B2A27 3px 4px, transparent 4px 7px, #2B2A27 7px 10px, transparent 10px 11px);}
.rc-block{position:relative; border-radius:3px; margin:0 -4px; padding:1px 4px; transition:background-color .35s ease, box-shadow .35s ease;}
.rc-block.is-hit{background:rgba(215,165,68,.28); box-shadow:0 0 0 1.5px #B8862B;}
.rc-scan{position:absolute; left:0; right:0; top:0; height:44px; z-index:2; pointer-events:none; opacity:0;
  background:linear-gradient(180deg, transparent, rgba(184,134,43,.35) 80%, #B8862B);}
.rc-check{display:flex; flex-direction:column; padding:20px; border-radius:20px; background:#1D211E; border:1px solid rgba(244,239,225,.08); color:#E9E4D6;}
.rc-title{font:600 19px/1.25 var(--sans); color:#F4EFE1;}
.rc-caption{margin-top:4px; font:400 13px/1.45 var(--sans); color:#9CA39E;}
.rc-rows{list-style:none; margin:12px 0 0; padding:0;}
.rc-rows li{display:grid; grid-template-columns:26px minmax(0,1fr); gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(244,239,225,.07);}
.rc-rows li:last-child{border-bottom:0;}
.rc-rows b{display:block; font:600 14px/1.3 var(--sans); color:#F4EFE1;}
.rc-rows em{display:block; font:400 12.5px/1.35 var(--sans); font-style:normal; color:#9CA39E; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rc-mark{position:relative; width:24px; height:24px; border-radius:50%;}
.is-found .rc-mark{background:#5ECC9B;}
.is-found .rc-mark::after{content:""; position:absolute; left:8px; top:5px; width:6px; height:11px; border:solid #0E1D16; border-width:0 2.2px 2.2px 0; transform:rotate(45deg);}
.is-looking .rc-mark{background:conic-gradient(from 0deg, rgba(244,239,225,.85), rgba(244,239,225,.05)); -webkit-mask:radial-gradient(circle, transparent 7px, #000 7.5px); mask:radial-gradient(circle, transparent 7px, #000 7.5px); animation:rc-spin .9s linear infinite;}
@keyframes rc-spin{to{transform:rotate(360deg);}}
.rc-filed{margin-top:auto; align-self:flex-start; padding:8px 12px; border-radius:999px; background:#1f6650; color:#fff; font:600 12px/1 var(--sans);}
@media (max-width:860px){
  .ui-rc{grid-template-columns:1fr;}
  .rc-paper{max-width:230px;}
  .rc-filed{margin-top:12px;}
}
@media (max-width:600px){
  .ui-rc{gap:0;}
  .rc-photo{place-items:start center; max-height:300px; overflow:hidden; padding-bottom:0;}
  .rc-paper{zoom:.86;}
  .rc-check{position:relative; z-index:1; margin:-58px 10px 0; padding:18px; box-shadow:0 -14px 30px -10px rgba(0,0,0,.6);}
  .rc-rows li{padding:8px 0;}
}
@media (max-width:360px){ .rc-check{margin-left:0; margin-right:0; padding:16px;} .rc-filed{border-radius:12px; line-height:1.35;} }
.ui-invoice{position:relative;}
.inv-paper{
  --i-ink:#1c2321; --i-muted:#5c6b63; --i-line:#d7ded2; --i-pine:#1f6650; --i-pine-soft:#e3eee8; --i-brass:#b8862b; --i-brass-soft:#f5ebd6;
  background:#fff; color:var(--i-ink); border-radius:10px; padding:18px 18px 14px;
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 18px 36px -18px rgba(36,33,27,.35);
  font:400 10.5px/1.45 var(--sans);
}
.inv-top{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:14px;}
.inv-from{display:flex; flex-direction:column; gap:1px; min-width:0;}
.inv-logo{width:34px; height:34px; margin-bottom:6px; object-fit:contain;}
.inv-biz{font:600 13px/1.2 var(--serif); color:var(--i-ink);}
.inv-from span{color:var(--i-muted); font-size:10px;}
.inv-meta{display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right;}
.inv-title{font:600 18px/1 var(--serif); letter-spacing:-.01em; color:var(--i-pine);}
.inv-num{font:400 10px/1.3 var(--mono); color:var(--i-muted);}
.inv-badge{margin-top:3px; font:600 9.5px/1 var(--sans); padding:3px 7px; border-radius:999px; background:var(--i-brass-soft); color:var(--i-brass); transition:background-color .3s ease, color .3s ease;}
.inv-badge.is-paid{background:var(--i-pine-soft); color:var(--i-pine);}
.inv-parties{display:grid; grid-template-columns:1fr auto; gap:10px; margin-bottom:12px;}
.inv-parties em{display:block; font:500 8.5px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; font-style:normal; color:var(--i-muted);}
.inv-parties b{font-weight:500; font-size:11px;}
.inv-parties .r{display:flex; flex-direction:column; align-items:flex-end; color:var(--i-muted); font-size:9.5px;}
.inv-parties .r b{color:var(--i-ink); font-size:9.5px;}
.inv-table{width:100%; border-collapse:collapse; margin-bottom:10px;}
.inv-table th{font:600 9px/1.2 var(--sans); color:var(--i-muted); text-align:right; padding:0 0 5px 6px; border-bottom:2px solid var(--i-line);}
.inv-table th:first-child,.inv-table td:first-child{text-align:left; padding-left:0;}
.inv-table td{font:400 10px/1.3 var(--mono); text-align:right; padding:6px 0 6px 6px; border-bottom:1px solid var(--i-line); white-space:nowrap;}
.inv-table td:first-child{font-family:var(--sans); white-space:normal;}
.inv-totals{margin-left:auto; width:62%; display:flex; flex-direction:column; gap:4px;}
.inv-totals p{display:flex; justify-content:space-between; color:var(--i-muted);}
.inv-totals p span:last-child{font-family:var(--mono); color:var(--i-ink);}
.inv-totals .t{font-weight:700; font-size:12.5px; padding-top:5px; border-top:2px solid var(--i-line); color:var(--i-ink);}
.inv-totals .t span:last-child{color:var(--i-pine); font-variant-numeric:tabular-nums;}
.inv-pay{margin-top:10px;}
.inv-pay em{display:block; font:500 8.5px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; font-style:normal; color:var(--i-muted); margin-bottom:4px;}
.inv-paybtn{display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border-radius:9px; background:var(--i-pine); color:#fff; font:600 10.5px/1 var(--sans);}
.inv-paybtn svg{width:13px; height:13px; fill:none; stroke:#fff; stroke-width:2;}
.inv-foot{margin-top:12px; padding-top:8px; border-top:1px solid var(--i-line); text-align:center; color:var(--i-muted); font-size:9.5px;}
.inv-toast{position:absolute; left:50%; bottom:-24px; translate:-50% 0; white-space:nowrap; font:500 11px/1 var(--mono); letter-spacing:.04em; color:#F4EFE1; background:#1E3D2F; padding:9px 13px; border-radius:999px; opacity:0;}
.tapdot{position:absolute; left:0; top:0; width:30px; height:30px; margin:-15px 0 0 -15px; border-radius:50%; background:rgba(255,255,255,.55); box-shadow:0 0 0 1.5px rgba(0,0,0,.18), 0 6px 16px rgba(0,0,0,.25); opacity:0; pointer-events:none; z-index:6;}
.tile-banner{flex-direction:row; align-items:center; gap:clamp(28px, 5vw, 64px); min-height:0;}
.tile-banner .tile-copy{flex:1 1 40%;}
.tile-banner .ui{flex:1 1 60%; margin-top:0;}
.goal-sample{margin-top:14px; color:var(--tm);}
.ui-goal{position:relative;}
.g-app{position:relative; overflow:hidden; border-radius:22px; background:#161917; border:1px solid rgba(244,239,225,.08); padding:20px; min-height:330px; color:#E9E4D6; font-family:var(--sans);}
.g-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;}
.g-head b{font:600 22px/1 var(--serif); color:#F4EFE1;}
.g-head b span{color:#5ECC9B;}
.g-plus{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#1F2A24; color:#5ECC9B; font-style:normal; font-size:18px;}
.g-form,.g-card{background:#1D211E; border:1px solid rgba(244,239,225,.07); border-radius:16px; padding:16px;}
.g-form{display:none;}
.g-k{font:500 10px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:#E3C36A; margin-bottom:12px;}
.g-seg{display:flex; gap:6px; margin-bottom:12px; flex-wrap:wrap;}
.g-seg span{font:500 11px/1 var(--sans); padding:7px 10px; border-radius:999px; background:#262B27; color:#9CA39E;}
.g-seg span.on{background:#F4EFE1; color:#161917;}
.g-field{display:flex; align-items:center; gap:10px; background:#141714; border:1px solid rgba(244,239,225,.1); border-radius:10px; padding:10px 12px; margin-bottom:8px; font-size:14px;}
.g-field em{font:500 9.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; font-style:normal; color:#7E8681; width:52px; flex:none;}
.g-field span{color:#F4EFE1; white-space:nowrap;}
.g-caret{width:1.5px; height:16px; background:#5ECC9B; margin-left:-8px; opacity:0;}
.g-save{display:block; text-align:center; margin-top:6px; padding:11px; border-radius:11px; background:#1f6650; color:#fff; font:600 13px/1 var(--sans);}
.g-card-top{display:flex; justify-content:space-between; align-items:flex-start; gap:10px;}
.g-card-top b{display:block; font:600 15px/1.3 var(--sans); color:#F4EFE1;}
.g-card-top span{font-size:11.5px; color:#8F9792;}
.g-pct{font:600 13px/1 var(--mono); font-style:normal; color:#5ECC9B;}
.g-amt{margin:14px 0 8px; font-size:12px; color:#8F9792;}
.g-amt b{font:600 26px/1 var(--mono); color:#F4EFE1; font-variant-numeric:tabular-nums;}
.g-bar{height:8px; border-radius:99px; background:#2A302C; overflow:hidden;}
.g-bar i{display:block; height:100%; width:100%; border-radius:99px; background:#5ECC9B; transform-origin:left; box-shadow:0 0 12px rgba(94,204,155,.55);}
.g-togo{margin-top:8px; font:500 11px/1.3 var(--mono); color:#5ECC9B;}
.g-confetti{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:4;}
.g-modal{position:absolute; inset:0; z-index:5; display:grid; place-items:center; padding:18px; background:rgba(8,10,9,.55);}
.g-pop{width:min(100%, 330px); text-align:center; background:#1D211E; border:1px solid rgba(244,239,225,.1); border-radius:18px; padding:22px 20px 18px; box-shadow:0 30px 60px -20px rgba(0,0,0,.6);}
.g-icon{display:grid; place-items:center; width:52px; height:52px; margin:0 auto; border-radius:14px; background:#3F3115;}
.g-icon svg{width:26px; height:26px; fill:none; stroke:#E3B556; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.g-eyebrow{margin-top:12px; font:500 10px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:#E3C36A;}
.g-title{margin-top:6px; font:600 18px/1.25 var(--serif); color:#F4EFE1; text-wrap:balance;}
.g-big{margin-top:10px; font:700 28px/1 var(--mono); color:#E3B556;}
.g-note{margin-top:8px; font-size:11.5px; line-height:1.45; color:#9CA39E;}
.g-keep{display:block; margin-top:14px; padding:10px; border-radius:11px; background:#1f6650; color:#fff; font:700 12.5px/1 var(--sans);}
.g-replay{position:absolute; right:10px; top:-34px; border:1px solid rgba(244,239,225,.18); background:transparent; color:rgba(244,239,225,.75); font:500 10.5px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; padding:7px 10px; border-radius:999px; cursor:pointer;}
.g-replay:hover{color:#F4EFE1; border-color:rgba(244,239,225,.4);}
.g-replay:active{transform:scale(.96);}
html:not(.motion) .g-replay{display:none;}
.ui-map{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:14px; align-items:stretch;}
.map{position:relative; border-radius:18px; overflow:hidden; background:#0F1512; aspect-ratio:640/340; align-self:center;}
.map-svg{position:absolute; inset:0; width:100%; height:100%;}
.m-ground{fill:#0F1512;}
.m-water{fill:#122A2E;}
.m-park{fill:#16301F;}
.m-blocks rect{fill:#18201B;}
.m-roads path{fill:none; stroke:#27322B; stroke-width:12; stroke-linecap:round;}
.m-route-bg{fill:none; stroke:rgba(244,239,225,.28); stroke-width:3; stroke-dasharray:5 7; stroke-linejoin:round;}
.m-route{fill:none; stroke:#E3B556; stroke-width:5; stroke-linejoin:round; stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(227,181,86,.5));}
.m-pin circle{fill:#F4EFE1;}
.m-pin .dot{fill:#0F1512;}
.m-b circle:first-child{fill:#D9744C;}
.m-label{font:500 12px var(--mono); letter-spacing:.06em; fill:#C8CFCA;}
.m-car-body rect{fill:#F4EFE1;}
.m-car-body .w{fill:#1E2A23;}
.m-car{filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));}
.odo{position:absolute; left:12px; top:12px; display:flex; flex-direction:column; gap:4px; padding:10px 12px; border-radius:12px; background:rgba(15,21,18,.82); border:1px solid rgba(244,239,225,.1); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}
.odo span{font:500 9.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:#9CA39E;}
.odo b{font:500 22px/1 var(--mono); color:#F4EFE1; font-variant-numeric:tabular-nums;}
.trip{display:flex; flex-direction:column; justify-content:center; gap:10px; padding:18px; border-radius:18px; background:rgba(14,29,22,.14); border:1px solid var(--tl);}
.trip-row{display:flex; justify-content:space-between; align-items:baseline; font:400 13px/1 var(--sans); color:var(--tm); padding-bottom:10px; border-bottom:1px solid var(--tl);}
.trip-row b{font:500 15px/1 var(--mono); color:var(--tx); font-variant-numeric:tabular-nums;}
.trip-eq{display:flex; flex-direction:column; gap:6px; margin-top:4px;}
.trip-eq span{font:500 12px/1 var(--mono); color:var(--tm);}
.trip-eq b{font:400 40px/1 var(--serif); letter-spacing:-.02em; color:var(--tx); font-variant-numeric:tabular-nums;}
.trip-note{font:400 11.5px/1.4 var(--mono); color:var(--tm);}
.features-foot{max-width:var(--max); margin:clamp(36px,5vw,56px) auto 0; padding:0 var(--gut); text-align:center; font:300 17px/1.6 var(--sans); color:var(--muted);}
@media (max-width:1040px){
  .bento{grid-template-columns:repeat(2, minmax(0,1fr)); grid-template-areas:"track track" "tax tax" "invoice invoice" "receipt receipt" "goal goal" "mileage mileage";}
  [data-tile="invoice"] .ui-invoice{max-width:460px; margin:0 auto; width:100%;}
}
@media (max-width:720px){
  .bento{grid-template-columns:minmax(0,1fr); grid-template-areas:"track" "tax" "receipt" "invoice" "goal" "mileage";}
  .tile{padding:24px; min-height:0; border-radius:24px;}
  .tile-wide,.tile-banner{flex-direction:column; align-items:stretch; gap:22px;}
  .ui-map{grid-template-columns:1fr;}
  .map{min-height:200px;}
  .g-app{padding:16px; min-height:310px;}
  .g-replay{position:static; display:block; margin:12px 0 0 auto;}
  .odo{left:8px; top:8px; padding:7px 9px; gap:3px;}
  .odo span{font-size:8.5px;}
  .odo b{font-size:16px;}
  .trip-eq b{font-size:34px;}
}
.devices{overflow:clip; padding:var(--sec) 0;}
.live-dot{width:7px; height:7px; border-radius:50%; background:#7FB99A; animation:pulse 2.4s ease-out infinite;}
.device-stage{position:relative; max-width:1060px; margin:0 auto; padding:0 var(--gut); perspective:2000px;}
.macbook{width:min(100%, 900px); margin:0 auto; position:relative;}
.mb-lid{padding:5px; border-radius:22px 22px 8px 8px; background:linear-gradient(135deg, #3b3b3e, #141415); box-shadow:0 60px 120px -50px rgba(0,0,0,.75); transform-origin:bottom center;}
.mb-screen{position:relative; aspect-ratio:16/10.2; padding:2.2% 1.9% 2.6%; border-radius:17px 17px 4px 4px; background:#050505; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);}
.mb-notch{position:absolute; z-index:2; top:2.2%; left:50%; translate:-50% 0; width:10%; height:3.4%; background:#050505; border-radius:0 0 8px 8px;}
.mb-scroll{position:relative; height:100%; overflow:hidden; border-radius:3px; background:#1B1C1B; clip-path:inset(0 round 3px); isolation:isolate;}
.mb-page{width:100%; height:auto;}
.mb-base{position:relative; height:clamp(11px, 1.7vw, 19px); margin:0 -7.5%; border-radius:2px 2px 26px 26px / 2px 2px 100% 100%;
  background:linear-gradient(180deg, #5b5c60 0%, #3a3b3e 30%, #222326 75%, #121214 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 30px -16px rgba(0,0,0,.7);}
.mb-base i{position:absolute; left:50%; top:0; translate:-50% 0; width:15%; height:38%; border-radius:0 0 10px 10px; background:linear-gradient(180deg, #1d1e20, #2c2d30);}
.phone-device{--pw:220px; position:absolute; right:max(var(--gut), 1%); bottom:-48px; z-index:2;}
.phone-device .shot{opacity:0; transition:opacity .9s var(--ease-out);}
.phone-device .shot.is-on{opacity:1;}
.device-caption{margin-top:clamp(64px, 8vw, 88px); color:var(--faint);}
.device-notes{list-style:none; max-width:var(--max); margin:clamp(88px, 10vw, 120px) auto 0; padding:0 var(--gut); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(20px, 3vw, 40px);}
.device-notes li{font:300 16px/1.55 var(--sans); color:var(--muted); border-top:1px solid var(--line-2); padding-top:18px;}
.diamond{display:block; color:var(--mark-rust); font-size:12px; margin-bottom:12px;}
@media (max-width:820px){
  .phone-device{--pw:132px; bottom:-40px;}
  .device-caption{margin-top:56px;}
  .device-notes{grid-template-columns:1fr; margin-top:48px;}
}
.outcomes{padding:var(--sec) 0 calc(var(--sec) * .5);}
.oc-stack{max-width:var(--max); margin:0 auto; padding:0 var(--gut);}
.oc-card{
  --tx:#F4EFE1; --tm:rgba(244,239,225,.74); --tl:rgba(244,239,225,.16);
  position:sticky; top:calc(92px + var(--i, 0) * 14px);
  min-height:min(540px, 74svh); margin-bottom:14vh;
  display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr); gap:clamp(24px, 4vw, 56px); align-items:center;
  padding:clamp(26px, 4vw, 56px); border-radius:var(--r-tile); color:var(--tx);
  transform-origin:top center; box-shadow:0 -24px 60px -30px rgba(0,0,0,.55);
}
.oc-card:last-child{margin-bottom:0;}
.oc-time{--i:0; background:#1E3D2F;}
.oc-tax{--i:1; background:#A94526; --tm:rgba(244,239,225,.94);}   
.oc-free{--i:2; background:#F4EFE1; --tx:#24211B; --tm:rgba(36,33,27,.72); --tl:rgba(36,33,27,.14);}
html[data-theme="light"] .oc-free{background:#E6DDC5;}
.oc-mate{--i:3; background:#142B21; box-shadow:inset 0 0 0 1px rgba(244,239,225,.08), 0 -24px 60px -30px rgba(0,0,0,.55);}
.oc-k{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--tm);}
.oc-h{font:300 clamp(36px, 4.4vw, 62px)/.98 var(--serif); letter-spacing:-.022em; margin:16px 0 18px; color:var(--tx);}
.oc-h em{font-style:italic;}
.oc-tax .oc-h em,.oc-time .oc-h em,.oc-mate .oc-h em{color:#F0C66E;}
.oc-free .oc-h em{color:#9A6E1F;}
.oc-copy p:not(.oc-k):not(.oc-fine){font:300 clamp(16px, 1.4vw, 18px)/1.6 var(--sans); color:var(--tm); max-width:46ch;}
.oc-fine{margin-top:14px; font:400 11.5px/1.4 var(--mono); color:var(--tm);}
.oc-art{position:relative;}
.gcal{--n:7; --hrs:6; --gl:#DADCE0; --gt:#3C4043; --gm:#70757A; --blue:#1A73E8;
  position:relative; background:#fff; color:var(--gt); border-radius:16px; overflow:hidden;
  box-shadow:0 30px 60px -28px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.05); font-family:var(--sans);}
.gc-bar{display:flex; align-items:center; gap:12px; padding:12px 14px; border-bottom:1px solid var(--gl);}
.gc-burger{display:grid; gap:3px; width:16px;} .gc-burger i{height:2px; border-radius:1px; background:var(--gm);}
.gc-today{font:500 12px/1 var(--sans); padding:7px 12px; border:1px solid var(--gl); border-radius:999px;}
.gc-arrows{display:flex; gap:10px; color:var(--gm); font:400 18px/1 var(--sans);} .gc-arrows i{font-style:normal;}
.gc-month{font:400 17px/1 var(--sans); letter-spacing:-.005em; white-space:nowrap;}
.gc-view{margin-left:auto; font:500 12px/1 var(--sans); padding:7px 10px 7px 12px; border:1px solid var(--gl); border-radius:999px; white-space:nowrap;}
.gc-view i{font-style:normal; margin-left:6px; font-size:9px; color:var(--gm);}
.gc-v4{display:none;}
.gc-head{display:grid; grid-template-columns:40px repeat(var(--n), minmax(0,1fr)); padding:8px 0 6px; border-bottom:1px solid var(--gl);}
.gc-tz{align-self:end; font:400 9px/1 var(--sans); color:var(--gm); text-align:center; padding-bottom:4px;}
.gc-dh{display:flex; flex-direction:column; align-items:center; gap:4px;}
.gc-dh em{font:500 10px/1 var(--sans); font-style:normal; letter-spacing:.06em; text-transform:uppercase; color:var(--gm);}
.gc-dh b{display:grid; place-items:center; width:30px; height:30px; border-radius:50%; font:400 18px/1 var(--sans); color:var(--gt);}
.gc-dh.is-today em{color:var(--blue);} .gc-dh.is-today b{background:var(--blue); color:#fff;}
.gc-body{display:grid; grid-template-columns:40px minmax(0,1fr); height:clamp(270px, 25vw, 330px);}
.gc-times{position:relative; display:grid; grid-template-rows:repeat(var(--hrs), 1fr);}
.gc-times span{grid-row:auto; align-self:start; transform:translateY(-50%); font:400 9px/1 var(--sans); color:var(--gm); text-align:right; padding-right:6px; white-space:nowrap;}
.gc-times span:nth-child(1){grid-row:2;} .gc-times span:nth-child(2){grid-row:3;} .gc-times span:nth-child(3){grid-row:4;}
.gc-times span:nth-child(4){grid-row:5;} .gc-times span:nth-child(5){grid-row:6;}
.gc-grid{position:relative;
  background:
    repeating-linear-gradient(to right, var(--gl) 0 1px, transparent 1px calc(100% / var(--n))),
    repeating-linear-gradient(to bottom, var(--gl) 0 1px, transparent 1px calc(100% / var(--hrs)));}
.gc-ev{--x:calc(var(--d) - 1);
  position:absolute; left:calc(var(--x) * 100% / var(--n) + 2px); width:calc(100% / var(--n) - 5px);
  top:calc(var(--s) * 100% / var(--hrs) + 1px); height:calc((var(--e) - var(--s)) * 100% / var(--hrs) - 2px);
  background:var(--c); color:#fff; border-radius:6px; padding:4px 5px; overflow:hidden;
  display:flex; flex-direction:column; gap:2px; transform-origin:top center; box-shadow:0 0 0 1px #fff;}
.gc-ev b{font:600 10.5px/1.2 var(--sans); overflow-wrap:break-word; hyphens:manual;}
.gc-ev span{font:400 9.5px/1.25 var(--sans); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gc-ev.is-light{color:#3C2E00;}
.gc-admin{visibility:hidden; background:repeating-linear-gradient(135deg, #616161 0 6px, #6f6f6f 6px 12px);}
.gc-strike{position:absolute; left:6px; right:6px; top:13px; height:2px; background:#fff; transform:scaleX(0); transform-origin:left;}
.gc-now{position:absolute; left:calc((var(--d) - 1) * 100% / var(--n)); width:calc(100% / var(--n)); top:calc(var(--s) * 100% / var(--hrs)); height:2px; background:#EA4335; z-index:2;}
.gc-now::before{content:""; position:absolute; left:-5px; top:-4px; width:10px; height:10px; border-radius:50%; background:#EA4335;}
.gc-snack{position:absolute; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:16px; align-items:center; white-space:nowrap;
  background:#323232; color:#fff; font:400 12px/1 var(--sans); padding:12px 16px; border-radius:6px; box-shadow:0 8px 20px rgba(0,0,0,.3); visibility:hidden; z-index:3;}
.gc-snack em{font-style:normal; font-weight:500; color:#8AB4F8;}
.oc-tax .oc-art{display:flex; align-items:center; gap:clamp(18px, 3vw, 36px); flex-wrap:wrap;}
.cover{position:relative; width:clamp(150px, 16vw, 210px); aspect-ratio:1; flex:none;}
.cover-ring{width:100%; height:100%; overflow:visible;}
.cover-ring .trk{fill:none; stroke:rgba(244,239,225,.16); stroke-width:9;}
.arc.cov{stroke:#F4EFE1;}
.cover-mid{position:absolute; inset:0; display:grid; place-content:center; text-align:center;}
.cover-mid b{font:300 clamp(34px, 3.6vw, 48px)/1 var(--serif); color:#F4EFE1;}
.cover-mid span{font:500 10px/1.6 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--tm);}
.cover-rows{flex:1 1 180px; display:flex; flex-direction:column;}
.cover-rows p{display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--tl); font:400 14px/1 var(--sans); color:var(--tm);}
.cover-rows b{font:500 15px/1 var(--mono); color:var(--tx); font-variant-numeric:tabular-nums;}
.cover-rows .ok b{color:#F4EFE1; background:rgba(14,29,22,.35); padding:5px 9px; border-radius:999px; font-size:12px; letter-spacing:.08em; text-transform:uppercase;}
.runway{position:relative; border-radius:18px; background:rgba(36,33,27,.05); border:1px solid var(--tl); padding:18px 18px 14px; overflow:hidden;}
.rw-svg{display:block; width:100%; height:clamp(150px, 16vw, 200px);}
.rw-line{fill:none; stroke:#B8862B; stroke-width:3; stroke-linecap:round; vector-effect:non-scaling-stroke;}
.rw-goal{stroke:rgba(36,33,27,.35); stroke-width:1.5; stroke-dasharray:4 6; vector-effect:non-scaling-stroke;}
.rw-tag{position:absolute; right:18px; top:14px; font:500 10px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tm);}
.rw-now{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:10px; font:400 13.5px/1.3 var(--sans); color:var(--tm);}
.rw-now > b{font:300 46px/1 var(--serif); color:var(--tx); letter-spacing:-.02em;}
.rw-now em{font:500 10.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; font-style:normal; color:#7D5816;}
.mate{border-radius:18px; background:rgba(244,239,225,.04); border:1px solid var(--tl); padding:16px;}
.mate-head{display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--tl);}
.mate-head b{font:500 14px/1 var(--sans); color:var(--tx);}
.mate-head span{margin-left:auto; font:500 10px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tm);}
.mate-list{list-style:none; margin:0; padding:0;}
.mate-list li{display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--tl);}
.mate-list li:last-child{border-bottom:0;}
.mate-list i{width:22px; height:22px; border-radius:50%; background:#5ECC9B; position:relative;}
.mate-list i::after{content:""; position:absolute; left:7px; top:5px; width:6px; height:10px; border:solid #0E1D16; border-width:0 2px 2px 0; transform:rotate(45deg);}
.mate-list span{display:flex; flex-direction:column; font:400 12px/1.35 var(--sans); color:var(--tm); min-width:0;}
.mate-list span b{font:500 13.5px/1.3 var(--sans); color:var(--tx);}
.mate-list em{font:500 13px/1 var(--mono); font-style:normal; color:var(--tx); font-variant-numeric:tabular-nums;}
@media (max-width:860px){
  .oc-card{position:relative; top:auto; grid-template-columns:1fr; min-height:0; margin-bottom:14px; gap:22px; box-shadow:none;}
}
.oc-time .oc-art{container-type:inline-size;}
@container (max-width: 440px){
  .gcal{--n:4;}
  .gcal .gc-early,.gc-v7{display:none;}
  .gc-v4{display:inline;}
  .gc-ev{--x:calc(var(--d) - 4);}
  .gc-now{left:calc((var(--d) - 4) * 100% / var(--n));}
  .gc-bar{gap:9px; padding:10px 12px;}
  .gc-burger,.gc-arrows{display:none;}
  .gc-month{font-size:15px;}
  .gc-body{height:320px;}
  .gc-snack{font-size:11px; gap:12px; padding:11px 13px;}
}
.taxseason{padding:var(--sec) var(--gut);}
.ts-grid{max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr); gap:clamp(32px, 6vw, 88px); align-items:center;}
.ts-steps{list-style:none; margin:30px 0 0; padding:0; counter-reset:ts;}
.ts-steps li{position:relative; display:grid; grid-template-columns:118px minmax(0,1fr); gap:16px; padding:14px 0; border-top:1px solid var(--line);}
.ts-steps li:last-child{border-bottom:1px solid var(--line);}
.ts-steps b{font:500 11.5px/1.7 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--brass-ink);}
.ts-steps span{font:300 15.5px/1.55 var(--sans); color:var(--muted);}
.ts-tag{display:inline-block; margin-left:6px; font:500 9.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; font-style:normal; color:var(--head); border:1px solid var(--line-2); padding:4px 7px; border-radius:999px; vertical-align:2px; white-space:nowrap;}
.ts-pro{color:#F0C66E; border-color:rgba(240,198,110,.45);}
html[data-theme="light"] .ts-pro{color:#8a6420; border-color:rgba(138,100,32,.4);}
.ts-fine{margin-top:16px; font:400 12px/1.5 var(--mono); color:var(--faint);}
.ts-stage{display:flex; flex-direction:column; gap:28px;}
.ts-year{position:relative; display:grid; grid-template-columns:repeat(4, 1fr); padding-bottom:18px;}
.ts-q{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center;}
.ts-q b{font:400 15px/1 var(--serif); color:var(--head);}
.ts-q i{font:500 9.5px/1 var(--mono); letter-spacing:.14em; font-style:normal; color:var(--faint);}
.ts-q::after{content:""; width:12px; height:12px; margin-top:8px; border-radius:50%; background:var(--canvas); border:2px solid var(--line-2);}
.ts-q.is-next::after{border-color:var(--brass); background:var(--brass); box-shadow:0 0 0 6px color-mix(in srgb, var(--brass) 22%, transparent);}
.ts-q.is-next b{color:var(--brass-ink);}
.ts-track{position:absolute; left:12.5%; right:12.5%; bottom:23px; height:2px; background:var(--line-2); border-radius:2px;}
.ts-fill{position:absolute; inset:0; right:auto; width:100%; background:var(--brass); border-radius:2px; transform-origin:left;}
.ts-devices{position:relative; display:flex; align-items:center; justify-content:center; gap:0; min-height:520px;}
.ts-phone{--pw:250px;}
.ts-lock{background:radial-gradient(120% 70% at 30% 0%, #2B5240 0%, #12261C 45%, #070A08 100%);}
.ts-clock{position:absolute; top:13%; left:0; right:0; text-align:center; color:#F4EFE1;}
.ts-clock span{display:block; font:500 13px/1 var(--sans); opacity:.85;}
.ts-clock b{display:block; font:200 66px/1 var(--sans); letter-spacing:-.02em; margin-top:4px;}
.ts-notif{position:absolute; left:7%; right:7%; top:46%; display:grid; grid-template-columns:30px 1fr; gap:10px; padding:11px 12px; border-radius:18px;
  background:rgba(244,239,225,.16); border:1px solid rgba(244,239,225,.12); -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%); color:#F4EFE1;}
.ts-app{width:30px; height:30px; border-radius:8px;}
.ts-n-top{display:flex; justify-content:space-between; font:600 11px/1.2 var(--sans);}
.ts-n-top span{font-weight:400; opacity:.7;}
.ts-n-title{font:600 12.5px/1.3 var(--sans); margin-top:2px;}
.ts-n-text{font:400 12px/1.3 var(--sans); opacity:.88;}
.ts-home{position:absolute; left:50%; bottom:9px; translate:-50% 0; width:34%; height:4px; border-radius:3px; background:rgba(244,239,225,.7);}
.ts-mail{position:relative; z-index:2; width:min(260px, 46%); margin-left:-36px; margin-top:180px; padding:16px; border-radius:16px; background:var(--raise); border:1px solid var(--line-2); box-shadow:0 30px 60px -30px rgba(0,0,0,.6);}
.ts-mail-k{display:flex; justify-content:space-between; align-items:center; font:500 10px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.ts-mail-k .ts-tag{margin:0;}
.ts-mail-from{display:flex; align-items:center; gap:8px; margin-top:12px; font:500 13px/1 var(--sans); color:var(--head);}
.ts-mail-from .brand-mark{width:22px; height:22px;}
.ts-mail-sub{margin-top:10px; font:500 14px/1.3 var(--sans); color:var(--head);}
.ts-mail-txt{margin-top:6px; font:300 12.5px/1.5 var(--sans); color:var(--muted);}
@media (max-width:860px){
  .ts-grid{grid-template-columns:1fr;}
  .ts-steps li{grid-template-columns:1fr; gap:4px;}
  .ts-devices{flex-direction:column; min-height:0;}
  .ts-mail{width:min(100%, 320px); margin:-60px 0 0;}
  .ts-phone{--pw:230px;}
}
.ai{padding:calc(var(--sec) * .7) var(--gut) var(--sec);}
.ai-grid{max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:clamp(32px, 6vw, 88px); align-items:center;}
.ai-copy .sub{margin-top:20px;}
.ai-demo{display:grid; place-items:center;}
.ai-phone{position:relative; width:min(100%, 340px); aspect-ratio:340/470; border-radius:30px; background:#161917; border:1px solid rgba(244,239,225,.1); overflow:hidden; padding:22px; box-shadow:0 40px 80px -40px rgba(0,0,0,.7);}
.ai-receipt{position:relative; overflow:hidden; background:#FCFAF4; color:#24211B; border-radius:6px; padding:16px 16px 18px; font:400 12px/1.65 var(--mono); width:78%; margin:6px auto 0; transform:rotate(-2deg);}
.ai-receipt .r-shop{font-weight:500; text-align:center; letter-spacing:.08em; padding-bottom:6px; margin-bottom:6px; border-bottom:1px dashed rgba(36,33,27,.3);}
.ai-receipt .r-line{display:flex; justify-content:space-between;}
.ai-receipt .r-tot{font-weight:500; border-top:1px dashed rgba(36,33,27,.3); margin-top:6px; padding-top:6px;}
.ai-scan{position:absolute; left:0; right:0; top:0; height:40px; background:linear-gradient(180deg, transparent, rgba(184,134,43,.45) 85%, #B8862B); opacity:0;}
.ai-sheet{position:absolute; left:10px; right:10px; bottom:10px; z-index:3; background:#1F2420; border:1px solid rgba(244,239,225,.12); border-radius:20px; padding:18px; color:#E9E4D6; box-shadow:0 -20px 40px -20px rgba(0,0,0,.6);}
.ai-sheet b{display:block; font:600 16px/1.2 var(--sans); color:#F4EFE1; margin-bottom:8px;}
.ai-sheet p{font:400 12px/1.5 var(--sans); color:#B9C0BB;}
.ai-btns{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0 10px;}
.ai-btns span{text-align:center; padding:10px; border-radius:11px; font:600 13px/1 var(--sans);}
.ai-no{background:#2A302C; color:#E9E4D6;}
.ai-yes{background:#1f6650; color:#fff;}
.ai-sheet small{display:block; font:400 10.5px/1.45 var(--sans); color:#8F9792;}
.ai-fields{position:absolute; left:22px; right:22px; bottom:22px; display:flex; flex-direction:column; gap:7px; opacity:0;}
.ai-fields span{display:flex; justify-content:space-between; background:#1D211E; border:1px solid rgba(244,239,225,.08); border-radius:10px; padding:10px 12px; font:500 13px/1 var(--sans); color:#F4EFE1;}
.ai-fields em{font:500 10px/1.3 var(--mono); letter-spacing:.12em; text-transform:uppercase; font-style:normal; color:#8F9792;}
html:not(.motion) .ai-sheet{display:none;}
html:not(.motion) .ai-fields{opacity:1;}
@media (max-width:860px){ .ai-grid{grid-template-columns:1fr;} }
.film{padding:calc(var(--sec) * .6) var(--gut) var(--sec);}
.film-frame{
  max-width:var(--max); margin:0 auto;
  background:var(--raise); border:1px solid var(--line);
  border-radius:var(--r-tile);
  padding:clamp(24px, 7vw, 90px);
  display:grid; gap:clamp(28px, 4vw, 48px);
}
.film-frame{position:relative; overflow:hidden; isolation:isolate;}
.film-ambient{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-1; opacity:.7; pointer-events:none;}
html[data-theme="light"] .film-frame{background:#0E1D16; border-color:#0E1D16; --head:#F4EFE1; --muted:#9AA79F; --brass:#D7A544;}
.film-meta{font:400 12px/1.5 var(--mono); letter-spacing:.06em; color:var(--muted);}
.film-meta a{color:var(--head);}
.film-copy{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap;}
.film-copy .eyebrow{margin-bottom:16px;}
.film-poster{
  position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; border:0; cursor:pointer;
  border-radius:var(--r-card); overflow:hidden;
  background:
    radial-gradient(ellipse 70% 60% at 50% 45%, rgba(215,165,68,.22), transparent 70%),
    repeating-linear-gradient(180deg, transparent 0 27px, rgba(233,228,214,.05) 27px 28px),
    #0E1D16;
}
.film-preview{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; transition:transform 1.4s var(--ease-out), opacity .6s ease;}
.film-preview.is-missing{opacity:0;}
.film-poster:hover .film-preview{transform:scale(1.025);}
.film-fallback{position:absolute; inset:0; display:grid; place-items:center;}
.film-play{
  white-space:nowrap;
  position:absolute; z-index:2; left:50%; top:50%; translate:-50% -50%;
  display:inline-flex; align-items:center; gap:12px;
  padding:14px 22px 14px 16px; border-radius:999px;
  background:rgba(244,239,225,.92); color:#0E1D16;
  font:500 12px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase;
  transition:transform .4s var(--ease-out);
}
.film-play svg{width:26px; height:26px; padding:7px; border-radius:50%; background:#0E1D16; fill:#F4EFE1;}
.film-poster:hover .film-play{transform:scale(1.06);}
.film-play .fp-b{display:none;}
.film-poster.is-playing .film-play{left:auto; top:auto; right:16px; bottom:18px; translate:none; padding:9px 14px 9px 10px; font-size:10.5px; background:rgba(244,239,225,.86);}
.film-poster.is-playing .film-play svg{width:20px; height:20px; padding:5px;}
.film-poster.is-playing .fp-a{display:none;}
.film-poster.is-playing .fp-b{display:inline;}
.film-progress{position:absolute; z-index:2; left:0; right:0; bottom:0; height:3px; background:rgba(244,239,225,.14); opacity:0; transition:opacity .4s ease;}
.film-progress b{display:block; height:100%; background:#D7A544; transform-origin:left; transform:scaleX(0);}
.film-poster.is-playing .film-progress{opacity:1;}
.film-modal{
  border:1px solid rgba(255,255,255,.22); padding:8px; max-width:none; max-height:none; overflow:visible;
  width:min(900px, 70vw, calc((100svh - 80px) * 16 / 9));
  border-radius:28px; color:#F4EFE1;
  background:linear-gradient(140deg, rgba(255,255,255,.18), rgba(255,255,255,.05) 45%, rgba(255,255,255,.10));
  -webkit-backdrop-filter:blur(28px) saturate(180%); backdrop-filter:blur(28px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(255,255,255,.08), 0 50px 140px -30px rgba(0,0,0,.65);
}
.film-modal::backdrop{background:rgba(4,10,7,.34); -webkit-backdrop-filter:blur(6px) saturate(120%); backdrop-filter:blur(6px) saturate(120%);}
.film-modal[open]{animation:glass-in .6s var(--ease-out) both;}
.film-modal[open]::backdrop{animation:glass-fade .45s ease-out both;}
.film-modal.is-closing{animation:glass-out .32s cubic-bezier(.4,0,1,1) both;}
.film-modal.is-closing::backdrop{animation:glass-fade .32s ease-in reverse both;}
@keyframes glass-in{from{opacity:0; transform:translateY(18px) scale(.92); filter:blur(10px);} to{opacity:1; transform:none; filter:none;}}
@keyframes glass-out{from{opacity:1; transform:none; filter:none;} to{opacity:0; transform:translateY(12px) scale(.95); filter:blur(8px);}}
@keyframes glass-fade{from{opacity:0;} to{opacity:1;}}
@media (max-width:700px){ .film-modal{width:min(92vw, calc((100svh - 80px) * 16 / 9));} }
.film-modal video{display:block; width:100%; height:auto; border-radius:20px; background:#000; aspect-ratio:16/9;}
.film-close{
  position:absolute; right:20px; top:20px; z-index:1; width:38px; height:38px; border-radius:50%;   
  border:1px solid rgba(255,255,255,.28); color:#F4EFE1; font-size:22px; line-height:1; cursor:pointer;
  background:rgba(14,29,22,.38); -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35); transition:background-color .2s ease, transform .1s ease-out;
}
.film-close:hover{background:rgba(14,29,22,.55);}
.film-close:active{transform:scale(.94);}
@media (max-width:700px){ .film-close{top:14px; right:14px; width:34px; height:34px; font-size:20px;} }
@media (prefers-reduced-transparency:reduce){
  .film-modal{background:#14211A; -webkit-backdrop-filter:none; backdrop-filter:none;}
  .film-modal::backdrop{background:rgba(4,10,7,.88); -webkit-backdrop-filter:none; backdrop-filter:none;}
  .film-close{background:#14211A; -webkit-backdrop-filter:none; backdrop-filter:none;}
}
.tour{padding:var(--sec) 0 calc(var(--sec) * .6);}
.hero + .tour{padding-top:calc(var(--sec) * .35);}
.tour-frame{max-width:var(--max); margin:0 auto; padding:0 var(--gut);}
.tour-tabs{display:flex; gap:6px; justify-content:center; flex-wrap:wrap; margin:0 auto 22px;}
html:not(.js) .tour-tabs{display:none;}
.tour-tabs button{
  position:relative; overflow:hidden; cursor:pointer;
  padding:12px 16px; border-radius:10px; border:1px solid var(--line); background:transparent;
  font:500 11.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}
.tour-tabs button:hover{color:var(--head); border-color:var(--line-2);}
.tour-tabs button[aria-selected="true"]{color:var(--head); background:var(--raise-2); border-color:var(--line-2);}
.tour-tabs i{position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--brass); transform:scaleX(0); transform-origin:left;}
.tour-tabs button[aria-selected="true"] i{transform:scaleX(1);}
.tour-frame.is-auto .tour-tabs button[aria-selected="true"] i{transform:scaleX(0); animation:tourbar var(--tour-dur, 6s) linear forwards;}
.tour-frame.is-auto.is-paused .tour-tabs button[aria-selected="true"] i{animation-play-state:paused;}
@keyframes tourbar{to{transform:scaleX(1);}}
.tour-stage{position:relative; border-radius:var(--r-tile); overflow:hidden; background:#1a1008; aspect-ratio:1408/1074;
  clip-path:inset(0 round var(--r-tile)); isolation:isolate;}
@property --sun-a{syntax:'<angle>'; inherits:true; initial-value:112deg;}
@property --sun-p{syntax:'<percentage>'; inherits:true; initial-value:38%;}
@property --sun-c{syntax:'<color>'; inherits:true; initial-value:rgba(255,232,190,.2);}
.desk-shade,.desk-sun{position:absolute; inset:0; z-index:3; pointer-events:none;
  -webkit-mask:url(img/scene/desk-v3-frame.webp) 0 0/100% 100% no-repeat; mask:url(img/scene/desk-v3-frame.webp) 0 0/100% 100% no-repeat;}
.desk-shade{mix-blend-mode:multiply; background:#D9E0EA; transition:background-color 2.4s var(--ease-out);}
.desk-sun{mix-blend-mode:screen;
  background:linear-gradient(var(--sun-a), transparent calc(var(--sun-p) - 16%), var(--sun-c) var(--sun-p), transparent calc(var(--sun-p) + 16%));
  transition:--sun-a 2.4s var(--ease-out), --sun-p 2.4s var(--ease-out), --sun-c 2.4s var(--ease-out);}
.desk{--sun-a:112deg; --sun-p:36%; --sun-c:rgba(255,232,190,.2);}
.desk[data-light="1"]{--sun-a:118deg; --sun-p:46%; --sun-c:rgba(255,224,168,.28);}
.desk[data-light="1"] .desk-shade{background-color:#EFEDE8;}
.desk[data-light="2"]{--sun-a:160deg; --sun-p:42%; --sun-c:rgba(255,244,222,.26);}
.desk[data-light="2"] .desk-shade{background-color:#FFFFFF;}
.desk[data-light="3"]{--sun-a:212deg; --sun-p:50%; --sun-c:rgba(255,190,110,.32);}
.desk[data-light="3"] .desk-shade{background-color:#F6E4CC;}
.desk[data-light="4"]{--sun-a:236deg; --sun-p:56%; --sun-c:rgba(255,150,60,.42);}
.desk[data-light="4"] .desk-shade{background-color:#E9C090;}
.desk[data-light="5"]{--sun-a:246deg; --sun-p:64%; --sun-c:rgba(255,130,60,.12);}
.desk[data-light="5"] .desk-shade{background-color:#7F8BA6;}
@media (prefers-reduced-motion: reduce){ .desk-shade,.desk-sun{transition-duration:.01s;} }
.desk-steam{position:absolute; inset:0; width:100%; height:100%; z-index:4; pointer-events:none;}
.desk-frame{position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; user-select:none; -webkit-user-drag:none;}
.desk-screen{position:absolute; z-index:1; overflow:hidden; background:#0E100F;}
.desk-laptop{left:29.098%; top:19.534%; width:46.243%; height:38.706%; transform-origin:0 0; background:#000;}
.desk-laptop .ds{top:3.6%; height:96.4%;}
.desk-phone{left:85.923%; top:31.536%; width:11.271%; height:27.877%; transform-origin:0 0;}
.desk-screen .ds{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; opacity:0;}
.desk-screen .ds.is-on{opacity:1;}
.desk-glare{position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(118deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.06) 44%, rgba(255,255,255,0) 58%);}
.tour-caps{position:relative; display:grid; max-width:760px; margin:20px auto 0; text-align:center; min-height:4.8em;}
.tour-panel{grid-area:1/1; display:flex; flex-direction:column; align-items:center; gap:6px;}
.tour-panel p{font:300 16px/1.55 var(--sans); color:var(--muted); text-wrap:pretty;}
.tour-panel b{font:400 19px/1.3 var(--serif); color:var(--head); display:block; margin-bottom:2px;}
.tour-n{font:500 11px/1 var(--mono); letter-spacing:.16em; color:var(--brass-ink);}
html:not(.js) .tour-caps{display:flex; flex-direction:column; gap:18px; text-align:left;}
html:not(.js) .tour-panel{align-items:flex-start;}
.js .tour-panel{opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .5s var(--ease-out), transform .6s var(--ease-out), visibility 0s linear .5s;}
.js .tour-panel.is-on{opacity:1; visibility:visible; transform:none; transition:opacity .5s var(--ease-out) .1s, transform .6s var(--ease-out) .1s, visibility 0s;}
@media (max-width:720px){
  .tour-tabs{flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; margin:0 calc(var(--gut) * -1) 16px; padding:0 var(--gut); scrollbar-width:none;}
  .tour-tabs::-webkit-scrollbar{display:none;}
  .tour-tabs button{flex:none; padding:11px 13px;}
  .tour-stage{border-radius:18px; clip-path:inset(0 round 18px);}
  .tour-panel p{font-size:15px;}
}
.flow{padding:var(--sec) 0 calc(var(--sec) * .7);}
.flow-stage{max-width:var(--max); margin:0 auto; padding:0 var(--gut);}
.flow-data{font:300 16px/1.7 var(--sans); color:var(--muted); max-width:44ch; margin:0 auto;}
.flow-stage.has-svg .flow-data{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}
.flow-svg{width:100%; height:auto; overflow:visible;}
.flow-link{fill:none; stroke-opacity:.5; mix-blend-mode:normal;}
html[data-theme="light"] .flow-link{stroke-opacity:.42;}
.flow-head{filter:drop-shadow(0 0 6px currentColor);}
.flow-name{font-family:var(--sans); font-weight:500; fill:var(--head);}
.flow-amt{font-family:var(--mono); font-weight:400; fill:var(--muted); font-variant-numeric:tabular-nums;}
.flow-leader{fill:none; stroke:var(--line-2); stroke-width:1;}
.motion .flow{padding-top:clamp(80px, 9vw, 112px); min-height:100svh; display:flex; flex-direction:column; justify-content:center;}
.motion .flow > *{width:100%; box-sizing:border-box;}
.motion .flow .section-head .display{font-size:clamp(30px, 4vw, 56px);}
.motion .flow-svg{display:block; max-height:calc(100svh - 300px); margin:0 auto;}
.motion .flow-foot{margin-top:12px;}
.motion .flow .section-head{margin-bottom:clamp(18px, 3vw, 36px);}
.motion .flow .sub{display:none;}
.flow-stage{position:relative;}
.flow-rail{display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:14px; max-width:720px; margin:0 auto clamp(14px, 2.4vw, 28px);}
.flow-month{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted);}
.flow-day{font:400 22px/1 var(--serif); color:var(--head); min-width:3.6em; font-variant-numeric:tabular-nums;}
.flow-track{position:relative; height:2px; background:var(--line-2); border-radius:2px;}
.flow-fill{position:absolute; inset:0; background:var(--brass); transform-origin:left; border-radius:2px;}
.flow-track b{position:absolute; top:50%; width:7px; height:7px; margin:-3.5px 0 0 -3.5px; border-radius:50%; background:var(--canvas); border:1.5px solid #7FB99A;}
.flow-pops{position:absolute; right:var(--gut); top:13%; width:300px; height:0; pointer-events:none;}
.flow-pop{position:absolute; left:0; right:0; top:0; display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:11px;
  padding:10px 14px 10px 10px; border-radius:14px; background:color-mix(in srgb, var(--raise) 86%, transparent); border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); color:var(--text);}
.flow-pop .fc-ico{width:32px; height:32px; border-radius:9px; font-size:14px;}
.flow-pop .fc-txt b{font-size:13.5px;}
.flow-pop .fc-txt small{font-size:11.5px;}
.flow-pop .fc-amt{font-size:13px;}
.flow-pop .fc-amt.pos{color:#7FB99A;}
html[data-theme="light"] .flow-pop .fc-amt.pos{color:#2F6B4D;}
@media (max-width:720px){
  .flow-rail{grid-template-columns:auto 1fr; gap:10px 12px;}
  .flow-month{display:none;}
  .flow-pops{right:var(--gut); top:auto; bottom:calc(100% - 4px); width:min(260px, 72%);}
  .motion .flow .flow-pops{top:38%; bottom:auto;}
  .flow-pop{grid-template-columns:26px 1fr auto; gap:8px; padding:8px 10px 8px 8px; border-radius:12px;}
  .flow-pop .fc-ico{width:26px; height:26px; font-size:12px;}
  .flow-pop .fc-txt b{font-size:12px;}
  .flow-pop .fc-txt small{font-size:10.5px;}
  .flow-pop .fc-amt{font-size:11.5px;}
}
.flow-foot{margin-top:28px; color:var(--faint); padding:0 var(--gut);}
.compare{padding:var(--sec) 0; border-top:1px solid var(--line);}
.compare-grid{max-width:var(--max); margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px;}
.cmp{background:var(--raise); border:1px solid var(--line); border-radius:var(--r-card); padding:32px; display:flex; flex-direction:column; gap:14px; transition:background-color .3s ease, border-color .3s ease;}
.cmp:hover{background:var(--raise-2); border-color:var(--line-2);}
html:not(.motion) .cmp{transition:background-color .3s ease, border-color .3s ease, transform .5s var(--ease-out);}
html:not(.motion) .cmp:hover{transform:translateY(-4px);}
.cmp-k{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--brass-ink);}
.cmp h3{font:300 30px/1.05 var(--serif); letter-spacing:-.015em; color:var(--head);}
.cmp p:not(.cmp-k){font:300 15.5px/1.6 var(--sans); color:var(--muted);}
.cmp-art{margin-top:auto; padding-top:22px; height:110px; position:relative;}
@media (max-width:600px){ .cmp-art{display:none;} }
.cmp-sheet{display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(3,1fr); gap:3px;}
.cmp-sheet i{border:1px solid var(--line-2); border-radius:3px; animation:cell 3.2s ease-in-out infinite; animation-delay:calc(var(--d, 0) * 1s);}
.cmp-sheet i:nth-child(3n){--d:.4} .cmp-sheet i:nth-child(4n+1){--d:1.1} .cmp-sheet i:nth-child(5n){--d:2}
@keyframes cell{0%,80%,100%{background:transparent;}40%{background:color-mix(in srgb, var(--rust) 35%, transparent);}}
.cmp-one{display:grid; place-items:center;}
.cmp-one i{width:62px; height:62px; border-radius:50%; border:1px solid var(--brass); position:relative;}
.cmp-one i::before{content:""; position:absolute; inset:18px; border-radius:50%; background:var(--brass);}
.cmp-one i::after{content:""; position:absolute; inset:-14px; border-radius:50%; border:1px dashed var(--line-2); animation:spin 14s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.cmp-merge i{position:absolute; top:50%; left:50%; width:54px; height:54px; margin:-27px; border-radius:50%; border:1.5px solid var(--head); mix-blend-mode:normal; animation:merge 4s var(--ease-io) infinite;}
.cmp-merge i:nth-child(1){--x:-62px;} .cmp-merge i:nth-child(2){--x:0px; border-color:var(--brass);} .cmp-merge i:nth-child(3){--x:62px; border-color:var(--rust);}
@keyframes merge{0%,15%{transform:translateX(var(--x));}50%,70%{transform:translateX(0);}100%{transform:translateX(var(--x));}}
@media (max-width:900px){ .compare-grid{grid-template-columns:1fr;} }
.founder{padding:0 var(--gut) var(--sec);}
.founder-card{
  max-width:var(--max); margin:0 auto;
  background:var(--invert-bg); color:var(--invert-fg);
  border-radius:var(--r-tile); overflow:hidden;
  display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr);
}
.founder-photo{margin:0; min-height:380px; position:relative; overflow:hidden;}
.founder-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.9) contrast(1.02);}
.founder-copy{padding:clamp(28px, 5vw, 64px); display:flex; flex-direction:column; justify-content:center; gap:20px;}
.founder-copy .eyebrow{color:var(--invert-muted); margin-bottom:0;}
.founder-quote{font-size:clamp(34px, 3.8vw, 54px); color:var(--invert-fg);}
.founder-copy p:not(.eyebrow):not(.founder-quote){font:300 17px/1.6 var(--sans); color:var(--invert-muted); max-width:46ch;}
.founder-copy .link-arrow{color:var(--invert-fg); border-color:currentColor; align-self:flex-start;}
.founder .founder-copy p.founder-links{display:flex; flex-wrap:wrap; gap:12px 28px; margin:0; max-width:none;}
@media (max-width:820px){ .founder-card{grid-template-columns:1fr;} .founder-photo{min-height:280px;} }
.pricing{padding:var(--sec) 0; border-top:1px solid var(--line);}
.billing{position:relative; display:inline-grid; grid-template-columns:1fr 1fr; margin:34px auto 0; padding:4px; border-radius:12px; border:1px solid var(--line-2); background:var(--raise);}
.pricing .section-head{text-align:center;}
.billing button{position:relative; z-index:1; border:0; background:transparent; cursor:pointer; padding:11px 18px; border-radius:9px; font:500 12px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); transition:color .3s ease; display:inline-flex; gap:8px; align-items:center; justify-content:center;}
.billing button.on{color:var(--action-fg);}
.billing .save{font-size:9.5px; color:var(--brass-ink); letter-spacing:.08em;}
.billing button.on .save{color:inherit; opacity:.75;}
.billing-knob{position:absolute; z-index:0; top:4px; bottom:4px; left:4px; width:calc(50% - 4px); border-radius:9px; background:var(--action-bg); transition:transform .5s var(--ease-out);}
.billing[data-period="yearly"] .billing-knob{transform:translateX(100%);}
.plan{background:var(--raise); border:1px solid var(--line); border-radius:var(--r-tile); padding:36px; display:flex; flex-direction:column;}
.plan-pro{background:#1E3D2F; border-color:#1E3D2F; color:#F4EFE1; --muted:rgba(244,239,225,.72); --line:rgba(244,239,225,.14); --head:#F4EFE1;}
.plan-pro .btn-primary{--bg:#F4EFE1; --fg:#0E1D16; --bd:#F4EFE1;}
.plan-k{font:500 12px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); display:flex; gap:10px; align-items:center;}
.plan-pro .pro{background:rgba(215,165,68,.22); color:#F0C66E;}
.plan-price{display:flex; align-items:baseline; gap:4px; margin:26px 0 8px; color:var(--head);}
.plan-price .cur{font:300 30px/1 var(--serif); align-self:flex-start; margin-top:10px;}
.plan-price b{font:300 clamp(64px, 7vw, 88px)/1 var(--serif); letter-spacing:-.03em; font-variant-numeric:tabular-nums;}
.plan-price .per{font:400 13px/1 var(--mono); color:var(--muted); margin-left:6px;}
.plan ul{list-style:none; padding:0; margin:28px 0 32px; display:flex; flex-direction:column; flex:1;}
.plan li{padding:12px 0 12px 28px; border-top:1px solid var(--line); font:400 15px/1.4 var(--sans); position:relative; color:var(--head);}
.plan li::before{content:""; position:absolute; left:2px; top:17px; width:12px; height:7px; border-left:1.5px solid var(--brass); border-bottom:1.5px solid var(--brass); transform:rotate(-45deg);}
.pr-plan-grid{max-width:1000px; margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; align-items:stretch;}
.pr-plan{position:relative;}
.pr-plan .plan-price{margin:18px 0 6px;}
.pr-blurb{font:300 15.5px/1.5 var(--sans); color:var(--muted); margin-top:12px; max-width:40ch;}
.pr-terms{font:400 13.5px/1.55 var(--sans); color:var(--muted); min-height:3.1em; max-width:44ch;}
.pr-terms span{display:inline;}
.pr-cta{margin-top:24px;}
.pr-feat-label{font:500 10.5px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-top:28px;}
.pr-plan ul{margin:12px 0 0; flex:none;}
.pr-plan li:last-child{border-bottom:1px solid var(--line);}
.pr-plan.plan-pro{box-shadow:0 0 0 1px color-mix(in srgb, var(--brass) 70%, transparent), 0 0 0 7px color-mix(in srgb, var(--brass) 16%, transparent), 0 40px 90px -40px rgba(0,0,0,.55);}
.pr-plan.plan-pro .plan-price{color:#F4EFE1;}
.pr-flag{
  position:absolute; top:22px; right:22px;
  font:500 10px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase;
  padding:7px 10px; border-radius:999px;
  background:rgba(215,165,68,.2); color:#F0C66E; border:1px solid rgba(240,198,110,.55);
}
.pr-plan.plan-pro li::before{border-color:#F0C66E;}
@media (max-width:760px){
  .pr-plan-grid{grid-template-columns:minmax(0,1fr);}
  .pr-flag{top:20px; right:20px;}
}
section[data-period="yearly"] [data-when="monthly"],
section[data-period="monthly"] [data-when="yearly"]{display:none;}
.plans-fine{text-align:center; margin-top:28px; font:400 13px/1.5 var(--sans); color:var(--faint); padding:0 var(--gut);}
.plans-fine a{color:var(--head); text-decoration:none; border-bottom:1px solid var(--line-2); transition:border-color .2s ease;}
.plans-fine a:hover{border-color:var(--brass);}
@media (max-width:760px){ .plan{padding:28px;} }
.trial{max-width:920px; margin:clamp(56px, 7vw, 88px) auto 0; padding:0 var(--gut); display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(32px, 6vw, 72px); align-items:center;}
.phone-trial{--pw:240px;}
.phone-trial .island{display:none;}
.trial-copy .eyebrow{margin-bottom:14px;}
.trial-steps{list-style:none; margin:28px 0 0; padding:0;}
.trial-steps li{display:grid; grid-template-columns:84px minmax(0,1fr); gap:16px; padding:14px 0; border-top:1px solid var(--line); font:300 15.5px/1.5 var(--sans); color:var(--muted);}
.trial-steps li:last-child{border-bottom:1px solid var(--line);}
.trial-steps b{font:500 11.5px/1.9 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--brass-ink);}
@media (max-width:720px){
  .trial{grid-template-columns:1fr; justify-items:center;}
  .phone-trial{--pw:220px;}
  .trial-copy{justify-self:stretch;}
}
.stats{max-width:var(--max); margin:0 auto; padding:calc(var(--sec) * .5) var(--gut) var(--sec); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(20px, 3vw, 40px);}
.stat{border-top:1px solid var(--line-2); padding-top:22px;}
.stat b{display:block; font-size:clamp(88px, 13vw, 180px); line-height:.86; font-variant-numeric:tabular-nums;}
.stat p{font:300 15.5px/1.55 var(--sans); color:var(--muted); margin-top:16px; max-width:30ch;}
@media (max-width:760px){ .stats{grid-template-columns:1fr;} }
.fit{padding:var(--sec) var(--gut); border-top:1px solid var(--line);}
.fit-wrap{max-width:var(--max); margin:0 auto;}
.fit-table{margin-top:clamp(28px, 4vw, 48px);}
.fit table{width:100%; border-collapse:collapse; font:300 15.5px/1.55 var(--sans); color:var(--muted);}
.fit thead th{font:500 10.5px/1.4 var(--mono); letter-spacing:.12em; text-transform:uppercase; text-align:left; color:var(--muted); padding:0 20px 14px 0; border-bottom:1px solid var(--line-2);}
.fit tbody th,.fit td{padding:18px 20px 18px 0; border-bottom:1px solid var(--line); vertical-align:top; text-align:left;}
.fit tbody th{font:300 19px/1.3 var(--serif); color:var(--head); width:22%;}
.fit tr.is-us th,.fit tr.is-us td{color:var(--head); background:color-mix(in srgb, var(--brass) 9%, transparent);}
.fit tr.is-us th{padding-left:14px;}
.fit-note{margin-top:22px; font:italic 300 clamp(17px, 1.6vw, 20px)/1.5 var(--serif); color:var(--muted); max-width:62ch;}
.fit-h3{margin-top:clamp(48px, 6vw, 80px); font:300 clamp(26px, 2.6vw, 34px)/1.2 var(--serif); color:var(--head);}
.isnt{list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:0 clamp(24px, 4vw, 56px);}
.isnt li{border-top:1px solid var(--line); padding:18px 0; font:300 15.5px/1.6 var(--sans); color:var(--muted);}
.isnt b{display:block; font:400 19px/1.3 var(--serif); color:var(--head); margin-bottom:4px;}
@media (max-width:760px){
  .fit thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
  .fit table,.fit tbody,.fit tr,.fit tbody th,.fit td{display:block; width:auto;}
  .fit tr{border-top:1px solid var(--line-2); padding:16px 0;}
  .fit tr.is-us{padding:16px 14px; background:color-mix(in srgb, var(--brass) 9%, transparent);}
  .fit tr.is-us th,.fit tr.is-us td{background:none; padding-left:0;}
  .fit tbody th,.fit td{border:0; padding:3px 0;}
  .fit td::before{content:attr(data-l); display:block; margin-top:10px; font:500 10.5px/1.4 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
}
.faq{padding:var(--sec) var(--gut); border-top:1px solid var(--line);}
.faq-grid{max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:clamp(32px, 6vw, 96px); align-items:start;}
.faq-side{position:sticky; top:120px;}
.qa{border-top:1px solid var(--line-2);}
.qa:last-child{border-bottom:1px solid var(--line-2);}
.qa summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 0; font:300 clamp(20px, 2vw, 26px)/1.25 var(--serif); color:var(--head);}
.qa summary::-webkit-details-marker{display:none;}
.qa summary i{flex:none; width:30px; height:30px; border-radius:50%; border:1px solid var(--line-2); position:relative; transition:transform .45s var(--ease-out), background-color .3s ease;}
.qa summary i::before,.qa summary i::after{content:""; position:absolute; left:50%; top:50%; width:11px; height:1.5px; margin:-.75px 0 0 -5.5px; background:var(--head);}
.qa summary i::after{transform:rotate(90deg); transition:transform .45s var(--ease-out);}
.qa[open] summary i{transform:rotate(180deg); background:color-mix(in srgb, var(--brass) 20%, transparent);}
.qa[open] summary i::after{transform:rotate(0deg);}
.qa-body p{font:300 16.5px/1.65 var(--sans); color:var(--muted); padding:0 0 28px; max-width:62ch;}
.qa-body a{color:var(--head);}
.qa::details-content{block-size:0; overflow:hidden; transition:block-size .5s var(--ease-out), content-visibility .5s allow-discrete;}
.qa[open]::details-content{block-size:auto;}
:root{interpolate-size:allow-keywords;}
@media (max-width:860px){ .faq-grid{grid-template-columns:1fr;} .faq-side{position:static;} }
.finale{position:relative; overflow:hidden; isolation:isolate; padding:calc(var(--sec) * 1.1) var(--gut) clamp(40px, 6vw, 72px); text-align:center;}
.finale-bg{position:absolute; inset:0; z-index:-1; -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 28%, #000 72%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0%, #000 28%, #000 72%, transparent 100%);}
.finale-bg img{position:absolute; inset:-12% 0; width:100%; height:124%; object-fit:cover; object-position:55% 48%; filter:grayscale(.35) brightness(.42) contrast(1.05);}
.finale-bg::after{content:""; position:absolute; inset:0; background:rgba(6,8,7,.5);}
html[data-theme="light"] .finale-bg img{filter:grayscale(.2) brightness(.9) contrast(.95) sepia(.12);}
html[data-theme="light"] .finale-bg::after{background:rgba(244,239,225,.84);}
.finale-copy{max-width:1100px; margin:0 auto;}
.finale .sub{margin:0 auto;}
.notify{
  max-width:880px; margin:clamp(72px, 10vw, 128px) auto 0; text-align:left;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 32px; align-items:center;
  padding:24px; border-radius:var(--r-tile);
  background:var(--glass); border:1px solid var(--line);
  -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
}
.notify .eyebrow{margin-bottom:8px;}
.notify-copy p:not(.eyebrow){font:300 15px/1.5 var(--sans); color:var(--muted);}
.notify-field{display:flex; align-items:center; gap:8px; background:var(--abyss); border:1px solid var(--line-2); border-radius:12px; padding:6px 6px 6px 18px;}
html[data-theme="light"] .notify-field{background:#FCFDFB;}
.notify-field input{flex:1; min-width:0; border:0; background:transparent; color:var(--head); font:400 16px/1 var(--sans); padding:10px 0; outline:none;}
.notify-field input::placeholder{color:var(--faint);}
.notify-field:focus-within{border-color:var(--brass);}
.notify-btn{flex:none; width:44px; height:44px; border-radius:50%; border:0; background:var(--action-bg); cursor:pointer; display:grid; place-items:center; transition:transform .35s var(--ease-out);}
.notify-btn:hover{transform:translateX(3px);}
.notify-btn svg{width:16px; height:16px; fill:none; stroke:var(--action-fg); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.notify-note{grid-column:2; font:400 12px/1.4 var(--sans); color:var(--faint);}
@media (max-width:760px){ .notify{grid-template-columns:1fr;} .notify-note{grid-column:1;} }
#bw-consent{position:fixed; z-index:2147483000; left:50%; bottom:20px; width:min(660px, calc(100vw - 32px));
  font-family:'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; color:#F4EFE1;
  background:rgba(14,19,16,.84); -webkit-backdrop-filter:blur(24px) saturate(140%); backdrop-filter:blur(24px) saturate(140%);
  border:1px solid rgba(244,239,225,.14); border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.38), 0 2px 6px rgba(0,0,0,.2), inset 0 1px 0 rgba(244,239,225,.06);
  transform:translate(-50%, calc(100% + 32px)) scale(.98); opacity:0;
  transition:transform .65s cubic-bezier(.16,1,.3,1), opacity .35s ease;}
#bw-consent[hidden]{display:none;}
#bw-consent.bw-up{transform:translate(-50%, 0) scale(1); opacity:1;}
html:not([data-theme="dark"]) #bw-consent{color:#1E3D2F; background:rgba(252,250,244,.9);
  border-color:rgba(30,61,47,.16); box-shadow:0 18px 40px rgba(30,61,47,.18), 0 2px 6px rgba(30,61,47,.08), inset 0 1px 0 #fff;}
.bw-consent-in{display:flex; align-items:center; flex-wrap:wrap; gap:14px 18px; padding:14px 14px 14px 16px;}
.bw-consent-in > *{opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .55s cubic-bezier(.16,1,.3,1);}
#bw-consent.bw-up .bw-consent-in > *{opacity:1; transform:none;}
#bw-consent.bw-up .bw-consent-in > :nth-child(1){transition-delay:.12s;}
#bw-consent.bw-up .bw-consent-in > :nth-child(2){transition-delay:.18s;}
#bw-consent.bw-up .bw-consent-in > :nth-child(3){transition-delay:.24s;}
.bw-consent-chip{flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  background:rgba(215,165,68,.14); box-shadow:inset 0 0 0 1px rgba(215,165,68,.32);}
.bw-consent-icon{display:block; width:22px; height:22px; color:#D7A544;}
html:not([data-theme="dark"]) .bw-consent-chip{background:rgba(184,134,43,.12); box-shadow:inset 0 0 0 1px rgba(184,134,43,.3);}
html:not([data-theme="dark"]) .bw-consent-icon{color:#9A6E1F;}
.bw-consent-copy{flex:1 1 220px; min-width:0; display:flex; flex-direction:column; gap:5px;}
.bw-consent-k{font:500 10.5px/1 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing:.16em; text-transform:uppercase; color:#D7A544;}
html:not([data-theme="dark"]) .bw-consent-k{color:#9A6E1F;}
#bw-consent p{margin:0; font-size:13.5px; line-height:1.45; color:rgba(244,239,225,.74); text-wrap:pretty;}
html:not([data-theme="dark"]) #bw-consent p{color:rgba(36,33,27,.74);}
#bw-consent p a{color:#F4EFE1; text-decoration:none; border-bottom:1px solid rgba(244,239,225,.35); padding-bottom:1px; transition:border-color .2s ease;}
#bw-consent p a:hover{border-color:#D7A544;}
html:not([data-theme="dark"]) #bw-consent p a{color:#1E3D2F; border-bottom-color:rgba(30,61,47,.35);}
html:not([data-theme="dark"]) #bw-consent p a:hover{border-bottom-color:#B8862B;}
.bw-consent-btns{display:flex; gap:8px; flex:none;}
.bw-consent-b{font:600 13px/1 'IBM Plex Sans', system-ui, sans-serif; min-height:40px; padding:11px 18px; border-radius:999px;
  cursor:pointer; white-space:nowrap; border:1px solid transparent;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .35s cubic-bezier(.16,1,.3,1);}
.bw-consent-b:active{transform:scale(.97);}
.bw-consent-b:focus-visible{outline:2px solid #D7A544; outline-offset:2px;}
.bw-consent-b.ghost{background:transparent; color:#F4EFE1; border-color:rgba(244,239,225,.26);}
.bw-consent-b.ghost:hover{border-color:#F4EFE1; background:rgba(244,239,225,.06);}
.bw-consent-b.solid{background:#F4EFE1; color:#0E1D16;}
.bw-consent-b.solid:hover{background:#fff;}
html:not([data-theme="dark"]) .bw-consent-b.ghost{color:#1E3D2F; border-color:rgba(30,61,47,.28);}
html:not([data-theme="dark"]) .bw-consent-b.ghost:hover{border-color:#1E3D2F; background:rgba(30,61,47,.05);}
html:not([data-theme="dark"]) .bw-consent-b.solid{background:#1E3D2F; color:#F4EFE1;}
html:not([data-theme="dark"]) .bw-consent-b.solid:hover{background:#142B21;}
.bw-c-short{display:none;}
@media (max-width:560px){
  #bw-consent{left:max(10px, env(safe-area-inset-left, 0px)); right:max(10px, env(safe-area-inset-right, 0px)); width:auto;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)); border-radius:30px; transform:translateY(calc(100% + 40px)) scale(.98);}
  #bw-consent.bw-up{transform:translateY(0) scale(1);}
  .bw-consent-in{flex-wrap:nowrap; padding:8px 8px 8px 18px; gap:10px;}
  .bw-consent-chip,.bw-consent-k,.bw-c-long{display:none;}
  .bw-c-short{display:inline;}
  .bw-consent-copy{flex:1 1 auto;}
  #bw-consent p{font-size:13.5px; line-height:1.35;}
  .bw-consent-btns{width:auto;}
  .bw-consent-b{flex:none; min-height:44px; padding:0 16px;}
}
@media (prefers-reduced-motion: reduce){
  #bw-consent{transform:translate(-50%, 0); transition:opacity .2s ease;}
  .bw-consent-in > *{transform:none; transition:opacity .2s ease;}
}
@media (prefers-reduced-motion: reduce) and (max-width:560px){ #bw-consent, #bw-consent.bw-up{transform:none;} }
@media (prefers-reduced-transparency: reduce){
  #bw-consent{background:#0E1310; -webkit-backdrop-filter:none; backdrop-filter:none;}
  html:not([data-theme="dark"]) #bw-consent{background:#FCFAF4;}
}
.foot{border-top:1px solid var(--line); padding:clamp(56px, 7vw, 88px) var(--gut) 28px; overflow:hidden;}
.foot-inner{max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:minmax(0,2fr) repeat(3, minmax(0,1fr)); gap:32px;}
.foot-brand p{font:300 15px/1.55 var(--sans); color:var(--muted); margin-top:16px; max-width:36ch;}
.foot-social{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px;}
.foot-social a{display:grid; place-items:center; width:44px; height:44px; border-radius:999px; border:1px solid var(--line-2); color:var(--muted); transition:color .2s ease, border-color .2s ease, background-color .2s ease;}
.foot-social a:hover,.foot-social a:focus-visible{color:var(--head); border-color:var(--head);}
.foot-social svg{width:18px; height:18px; display:block;}
.foot-col{display:flex; flex-direction:column; gap:10px;}
.foot-col p{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--faint); margin-bottom:8px;}
.foot-col a{font:400 14.5px/1.4 var(--sans); color:var(--text); text-decoration:none; width:fit-content;}
.foot-col a:hover{color:var(--brass);}
.foot-fine{max-width:var(--max); margin:clamp(40px, 6vw, 64px) auto 0; padding-top:22px; border-top:1px solid var(--line); font:400 12px/1.5 var(--mono); color:var(--faint); text-align:center;}
@media (max-width:820px){ .foot-inner{grid-template-columns:1fr 1fr;} .foot-brand{grid-column:1/-1;} }
.tour-tabs button,.mega-trigger,.nav-link,.nav-login,.billing button,.menu-btn,.theme-toggle,.notify-btn,
.qa summary,.mega-link,.mega-feature,.sheet-toggle,.sheet-top,.link-arrow{-webkit-tap-highlight-color:transparent;}
.tour-tabs button:active,.mega-trigger:active,.nav-link:active,.billing button:active,.menu-btn:active,
.theme-toggle:active,.notify-btn:active,.mega-link:active,.sheet-top:active,.sheet-toggle:active{transform:scale(.96); transition:transform .1s ease-out;}
.qa summary:active i{transform:scale(.9); transition:transform .1s ease-out;}
.film-poster:active .film-play{transform:scale(.97); transition:transform .1s ease-out;}
.mega-feature:active{transform:scale(.98); transition:transform .1s ease-out;}
.js .tour-stage{touch-action:pan-y; cursor:grab;}
.js .tour-stage.is-dragging{cursor:grabbing;}
.js .tour-stage.is-dragging .tour-panel{transition:none;}
.tour-stage img{-webkit-user-drag:none; user-select:none;}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s; animation-timing-function:ease;}
@media (prefers-reduced-transparency: reduce){
  .nav{background:var(--canvas); -webkit-backdrop-filter:none; backdrop-filter:none;}
  .mega,.notify,.float-card,.tour-panel figcaption,.marquee.photos figcaption{-webkit-backdrop-filter:none; backdrop-filter:none;}
  .float-card{background:var(--raise);}
  .tour-panel figcaption{background:#0D120F;}
  .notify{background:var(--raise);}
}
@media (prefers-contrast: more){
  :root{--line:rgba(233,228,214,.32); --line-2:rgba(233,228,214,.5); --muted:#C9CEC9; --faint:#A9B0AB;}
  html[data-theme="light"]{--line:rgba(30,61,47,.4); --line-2:rgba(30,61,47,.6); --muted:#3F3C34; --faint:#5A564C;}
  .nav{background:var(--canvas);}
}
@view-transition{ navigation:auto; types:page; }
.nav{view-transition-name:site-nav;}
html:active-view-transition-type(page)::view-transition-old(root){animation:bw-vt-out .28s cubic-bezier(.4,0,1,1) both;}
html:active-view-transition-type(page)::view-transition-new(root){animation:bw-vt-in .5s cubic-bezier(.16,1,.3,1) both;}
html:active-view-transition-type(page)::view-transition-group(site-nav){animation-duration:0s;}
@keyframes bw-vt-out{to{opacity:0; transform:translateY(-6px);}}
@keyframes bw-vt-in{from{opacity:0; transform:translateY(10px);}}
@media (prefers-reduced-motion:reduce){
  @view-transition{ navigation:none; }
}
[data-focus-target]:focus{outline:none;}
img, picture, video, canvas, .shot{-webkit-user-drag:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none;}
@keyframes bw-rise{from{opacity:0; transform:translateY(var(--rise, 20px));}}
@keyframes bw-slide{from{transform:translateY(var(--rise, 18px));}}
@keyframes bw-draw{from{transform:scaleX(0);}}
@keyframes bw-drop{from{opacity:0; transform:translateY(-24px);}}
@keyframes bw-fade{from{opacity:0;}}
.js .nav-inner{animation:bw-drop 1s var(--ease-out) .15s backwards;}
.js h1[data-split]{--rise:.32em; animation:bw-slide 1.4s var(--ease-out) .27s backwards;}
.js .hero .chip{--rise:18px; animation:bw-rise 1s var(--ease-out) .2s backwards;}
.js .hero .twin-rules i{transform-origin:center; animation:bw-draw 1.1s var(--ease-io) .85s backwards;}
.js .hero .twin-rules i + i{animation-delay:.99s;}
.js .hero-lede{animation:bw-slide 1.2s var(--ease-out) .9s backwards;}
.js .hero .hero-ctas{--rise:24px; animation:bw-rise 1.1s var(--ease-out) 1s backwards;}
.js .hero .micro, .js .platforms{animation:bw-fade 1.2s var(--ease-out) 1.2s backwards;}
.js [data-hero-stage]{--rise:56px; animation:bw-rise 1.8s var(--ease-out) .55s backwards;}
.js .hero .float-card{--rise:44px; animation:bw-rise 1.4s var(--ease-out) 1.5s backwards;}
.js .hero .fc-2{animation-delay:1.66s;} .js .hero .fc-3{animation-delay:1.82s;} .js .hero .fc-4{animation-delay:1.98s;}
.js .enter-now{--rise:40px; animation:bw-rise 1.3s var(--ease-out) backwards; animation-delay:calc(.5s + var(--n, 0) * .1s);}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  *,*::before,*::after{animation-delay:0s !important;}
  .marquee-track{animation:none !important;}
}
.costs,.why,.steps{padding:calc(var(--sec) * .7) 0; border-top:1px solid var(--line);}
.costs{padding-top:calc(var(--sec) * .6);}
.cost-grid{max-width:var(--max); margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px;}
.cmp p.cost-n{font:300 clamp(52px, 6vw, 84px)/.95 var(--serif); letter-spacing:-.025em; color:var(--head); font-variant-numeric:tabular-nums;}
.cmp p.cost-l{font:500 15.5px/1.45 var(--sans); color:var(--text);}
.cost p:last-child{margin-top:auto; padding-top:14px; border-top:1px solid var(--line);}
.why-grid{max-width:var(--max); margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(28px, 5vw, 72px); align-items:start;}
.why-list{list-style:none; margin:0; padding:0; counter-reset:why;}
.why-list li{counter-increment:why; position:relative; padding:18px 0 18px 46px; border-top:1px solid var(--line); font:300 16px/1.6 var(--sans); color:var(--muted);}
.why-list li:last-child{border-bottom:1px solid var(--line);}
.why-list li::before{content:counter(why, decimal-leading-zero); position:absolute; left:0; top:21px; font:500 11px/1 var(--mono); letter-spacing:.14em; color:var(--brass-ink);}
.why-list b{display:block; margin-bottom:4px; font:400 21px/1.25 var(--serif); color:var(--head);}
.why-table-wrap{background:var(--raise); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(18px, 2.4vw, 28px); position:sticky; top:96px;}
.why-table{width:100%; border-collapse:collapse; font:400 14.5px/1.45 var(--sans);}
.why-table th,.why-table td{text-align:left; vertical-align:top; padding:13px 10px; border-bottom:1px solid var(--line);}
.why-table thead th{font:500 10.5px/1.3 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); padding-top:0;}
.why-table thead th:last-child{color:var(--brass-ink);}
.why-table tbody th{font-weight:500; color:var(--head); width:32%;}
.why-table td{color:var(--muted);}
.why-table td:last-child{color:var(--head);}
.why-table tr:last-child th,.why-table tr:last-child td{border-bottom:0;}
.why-table .tick{font-style:normal; font-weight:700; color:var(--pine-lt); margin-right:4px;}
.why-price td:last-child{font-weight:600;}
.step-list{max-width:var(--max); margin:0 auto; padding:0 var(--gut); list-style:none; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px;}
.step-list li{border-top:1px solid var(--line-2); padding-top:22px;}
.step-n{display:block; margin-bottom:14px; font:500 11px/1 var(--mono); letter-spacing:.16em; color:var(--brass-ink);}
.step-list b{display:block; font:300 clamp(26px, 2.6vw, 34px)/1.1 var(--serif); letter-spacing:-.015em; color:var(--head);}
.step-list p{margin-top:10px; font:300 16px/1.6 var(--sans); color:var(--muted); max-width:32ch;}
.steps + .tour{padding-top:0;}
.start{padding:calc(var(--sec) * .8) var(--gut); border-top:1px solid var(--line); text-align:center;}
.start-copy{max-width:900px; margin:0 auto;}
.start .sub{margin:22px auto 0;}
.start .hero-ctas{margin-top:34px; justify-content:center;}
@media (max-width:900px){
  .why-grid{grid-template-columns:1fr;}
  .why-table-wrap{position:static;}
}
@media (max-width:760px){
  .cost-grid,.step-list{grid-template-columns:1fr;}
  .step-list{gap:26px;}
  .why-table th,.why-table td{padding:11px 6px; font-size:13.5px;}
  .why-table tbody th{width:34%;}
}
.nn{padding:calc(var(--sec) * .7) 0; border-top:1px solid var(--line);}
.nn-grid{max-width:920px; margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px;}
.nn-col{border-radius:var(--r-card); padding:clamp(22px, 3vw, 34px); border:1px solid var(--line);}
.nn-in{background:var(--raise);}
.nn-out{background:transparent; border-style:dashed;}
.nn-k{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--brass-ink); margin-bottom:18px;}
.nn-out .nn-k{color:var(--muted);}
.nn-col ul{list-style:none; margin:0; padding:0;}
.nn-col li{position:relative; padding:12px 0 12px 30px; border-top:1px solid var(--line); font:400 17px/1.4 var(--sans); color:var(--head);}
.nn-col li:first-child{border-top:0;}
.nn-in li::before{content:"✓"; position:absolute; left:2px; top:12px; font-weight:700; color:var(--pine-lt);}
.nn-out li{color:var(--muted);}
.nn-out li::before{content:""; position:absolute; left:3px; top:50%; width:12px; height:1.5px; background:var(--faint);}
.nn-col .pro{margin-left:6px; vertical-align:2px;}
.nn-foot{max-width:640px; margin:clamp(28px, 4vw, 44px) auto 0; padding:0 var(--gut); text-align:center; font:300 clamp(22px, 2.4vw, 30px)/1.3 var(--serif); color:var(--head); text-wrap:balance;}
.nn-foot em{font-style:italic; color:var(--brass);}
@media (max-width:640px){ .nn-grid{grid-template-columns:1fr;} }
.bento.is-stack{display:flex; flex-direction:column; gap:0; max-width:1100px;}
.bento.is-stack .tile{position:sticky; top:var(--stick, 88px); margin-bottom:28px; min-height:0; transform-origin:50% 0;
  box-shadow:0 -10px 30px -12px rgba(0,0,0,.45);}
.bento.is-stack .tile:last-child{margin-bottom:0;}
@media (min-width:721px){
  .bento.is-stack .tile{min-height:540px; justify-content:center;}  
  .bento.is-stack [data-tile="tax"] .qbars{height:200px; margin-top:48px;}
  .bento.is-stack [data-tile="tax"] .tax-top b{font-size:56px;}
  .bento.is-stack [data-tile="mileage"] .tile-copy{flex:1 1 36%;}
  .bento.is-stack [data-tile="mileage"] .ui{flex:1 1 64%;}
  .bento.is-stack [data-tile="mileage"] .ui-map{grid-template-columns:minmax(0,1fr);}
  .bento.is-stack [data-tile="mileage"] .trip{display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:6px 22px; align-items:end; padding:16px 20px;}
  .bento.is-stack [data-tile="mileage"] .trip-row{flex-direction:column; align-items:flex-start; gap:6px; padding-bottom:0; border-bottom:0;}
  .bento.is-stack [data-tile="mileage"] .trip-eq{margin-top:0;}
  .bento.is-stack [data-tile="mileage"] .trip-note{grid-column:1 / -1;}
  .bento.is-stack [data-tile="tax"],.bento.is-stack [data-tile="invoice"]{flex-direction:row; align-items:center; gap:clamp(28px, 5vw, 64px);}
  .bento.is-stack [data-tile="tax"] .tile-copy,.bento.is-stack [data-tile="invoice"] .tile-copy{flex:1 1 42%;}
  .bento.is-stack [data-tile="tax"] .ui,.bento.is-stack [data-tile="invoice"] .ui{flex:1 1 58%; margin-top:0;}
  .bento.is-stack [data-tile="tax"] .tile-fine,.bento.is-stack [data-tile="invoice"] .tile-fine{position:absolute; left:32px; bottom:28px; max-width:38%;}
  .bento.is-stack [data-tile="invoice"] .ui-invoice{max-width:460px; margin:0 auto;}
}
:root{--rhythm:clamp(72px, 9vw, 128px);}
.home main > section:not(.hero):not(.income):not(.film):not(.finale){padding-top:var(--rhythm); padding-bottom:var(--rhythm); border-top:1px solid var(--line);}
.home main > section.hero + section:not(.hero):not(.income):not(.film):not(.founder):not(.finale){padding-top:calc(var(--rhythm) * .5);}
.hiw main > section:not(.hiw-hero):not(.hiw-screens):not(.hiw-proof):not(.hiw-close){padding-top:var(--rhythm); padding-bottom:var(--rhythm); border-top:1px solid var(--line);}
@media (max-width:1023px){ .hiw main > section.hiw-proof{padding-top:var(--rhythm); padding-bottom:var(--rhythm); border-top:1px solid var(--line);} }