/* EXTRACTED from ~/wealthio/prototype/src.html by gen2_common.extract_shell(); do not edit here */
:root{
  --ink:#0E0D0C; --ink-raised:#181716; --panel:#131211;
  --paper:#F3F1EC; --white:#FFFFFF; --text-light:#1A1A1A;
  --body:#D6D3CB; --label:#B3B0A8; --muted:#8F8C84; --muted-on-light:#5C5952;
  --signal:#4C6BFF; --signal-btn:#3B5DFF; --signal-on-light:#2E4DE0; --signal-soft:#8DA2FF;
  --clear:#6BE5A0; --flag:#FF7A6B;
  --hair:rgba(243,241,236,.14); --hair-faint:rgba(243,241,236,.08);
  --hair-dark:rgba(14,13,12,.14);
  --gutter:40px; --maxw:1320px;
  --sans:"Geologica",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{display:block}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative}
.mono{font-family:var(--mono);font-weight:400;letter-spacing:0}
:focus-visible{outline:2px solid var(--ring,#8DA2FF);outline-offset:3px}
.problem,.features,.pricing,.tc,.tf,.ab-body{--ring:#0E0D0C}
.cta-band,.ab-cta{--ring:#FFFFFF}

/* buttons: square corners, matching the square cell */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--signal-btn);color:#fff;font-weight:500;font-size:16px;line-height:1;padding:17px 22px 17px 24px;white-space:nowrap;position:relative;overflow:hidden;transition:transform .2s var(--ease)}
.btn .sq{width:9px;height:9px;background:#fff;transition:transform .35s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:#fff;transform:translateY(101%);transition:transform .45s var(--ease);mix-blend-mode:soft-light;opacity:.35}
.btn:hover::after{transform:translateY(0)}
.btn:hover .sq{transform:rotate(90deg) scale(1.15)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn--sm{font-size:14px;padding:12px 15px 12px 16px;gap:10px}
.btn--sm .sq{width:7px;height:7px}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink .sq{background:var(--signal)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:68px;display:flex;align-items:center;transition:border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(14,13,12,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--hair-faint)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{display:flex;align-items:center;min-height:44px;color:var(--paper)}
.logo svg{height:30px;width:auto}
.nav-links{display:flex;gap:30px;font-size:14px;color:var(--body);font-weight:400}
.nav-links a{position:relative;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-links a[aria-current="page"]{color:var(--paper)}
.nav-links a[aria-current="page"]::after{transform:scaleX(1)}
.nav-end{display:flex;align-items:center;gap:18px}
.nav-menu{display:none;font-size:14px;color:var(--paper);min-height:44px;padding:0 4px;align-items:center;gap:8px}
.nav-menu::after{content:"";width:14px;height:8px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transition:transform .3s var(--ease)}
.nav-menu[aria-expanded="true"]::after{transform:scaleY(.2)}
.mnav{position:fixed;left:0;right:0;top:68px;background:var(--ink);border-bottom:1px solid var(--hair);padding:8px var(--gutter) 20px;display:flex;flex-direction:column;max-height:calc(100vh - 68px);overflow:auto}
.mnav[hidden]{display:none}
.mnav a{display:flex;align-items:center;min-height:52px;font-size:20px;color:var(--paper);border-bottom:1px solid var(--hair-faint)}
.mnav a[aria-current="page"]{color:var(--signal-soft)}
@media (max-width:1180px){.nav-links{gap:22px}}
@media (max-width:1040px){.nav-links{gap:14px;font-size:13px}.logo svg{height:24px}.nav .btn--sm .cta-l{display:none}.nav .btn--sm .cta-s{display:inline}}
.cta-s{display:none}
@media (max-width:900px){.nav-menu{display:inline-flex}}
@media (max-width:479px){
  .nav-end{gap:10px}
  .nav-menu{font-size:13.5px}
  .nav .btn--sm{font-size:13.5px;padding:11px 12px;gap:8px;min-height:44px}
  .nav .btn--sm .cta-l{display:none}.nav .btn--sm .cta-s{display:inline}
}
@media (max-width:359px){.logo{width:40px;overflow:hidden;flex:none}.logo svg{height:28px;width:138px;max-width:none;flex:none}.nav .btn--sm .sq{display:none}.nav-end{gap:6px}.nav-menu{font-size:13px}.nav .btn--sm{font-size:13px;padding:11px 10px}}

/* ---------- footer ---------- */
.foot{background:var(--ink);padding:90px 0 40px;border-top:1px solid var(--hair-faint);overflow:hidden}
.foot .big{color:var(--paper);opacity:.95}
.foot .big svg{width:100%;height:auto}
.foot-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:56px;font-size:13.5px;color:var(--label)}
.foot-row nav{display:flex;gap:0 24px;flex-wrap:wrap}
.foot-row a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.foot-row a:hover{color:var(--paper)}
.foot .disc{margin-top:18px;font-size:14px;color:var(--muted);max-width:80ch}

@media (max-width:900px){:root{--gutter:20px}.nav-links{display:none}.logo svg{height:24px}}
.foot-social{display:flex;gap:20px}
.foot-social a:hover{color:var(--paper)}