:root{
--bg-page:#FFFFFF;--bg-sidebar:#F7F8FA;--bg-card:#FFFFFF;--bg-card-hover:#F7F8FA;--bg-elevated:#F1F3F5;--bg-input:#F1F3F5;--bg-accent:#EDF2FF;
--text-primary:#111827;--text-secondary:#4B5563;--text-muted:#9CA3AF;--text-inverse:#FFFFFF;
--border-default:#E5E7EB;--border-strong:#D1D5DB;
--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 8px 24px rgba(0,0,0,.08);--shadow-card:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);
--color-money:#059669;--color-work:#2563EB;--color-travel:#7C3AED;--color-assets:#D97706;--color-brand:#F97316;
--color-success:#10B981;--color-warning:#F59E0B;--color-danger:#DC2626;--color-info:#3B82F6;
--severity-critical-bg:#FEF2F2;--severity-critical-border:#FECACA;--severity-critical-text:#DC2626;
--severity-warning-bg:#FFFBEB;--severity-warning-border:#FDE68A;--severity-warning-text:#D97706;
--severity-success-bg:#ECFDF5;--severity-success-border:#A7F3D0;--severity-success-text:#059669;
--severity-info-bg:#EFF6FF;--severity-info-border:#BFDBFE;--severity-info-text:#2563EB;
--gradient-orbit:linear-gradient(135deg,#F97316 0%,#FB923C 100%);
--font-sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--font-mono:'JetBrains Mono','Fira Code',Consolas,monospace;
--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-full:9999px;
--trade-up:#16A34A;--trade-down:#DC2626;--trade-accent:#3B82F6;
}
[data-theme="dark"]{
--bg-page:#0D1117;--bg-sidebar:#161B26;--bg-card:#161B26;--bg-card-hover:#1E2533;--bg-elevated:#1E2435;--bg-input:#1E2533;--bg-accent:rgba(76,158,255,.08);
--text-primary:#F0F2F5;--text-secondary:#8B95A8;--text-muted:#5A6478;--text-inverse:#0D1117;
--border-default:rgba(99,115,146,.15);--border-strong:rgba(99,115,146,.25);
--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 8px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-card:0 1px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1);
--color-money:#10B981;--color-work:#4C9EFF;--color-travel:#A78BFA;--color-assets:#FBBF24;--color-brand:#FB923C;
--color-success:#10B981;--color-warning:#FBBF24;--color-danger:#F87171;--color-info:#4C9EFF;
--severity-critical-bg:rgba(248,113,113,.12);--severity-critical-border:rgba(248,113,113,.3);--severity-critical-text:#F87171;
--severity-warning-bg:rgba(251,191,36,.1);--severity-warning-border:rgba(251,191,36,.25);--severity-warning-text:#FBBF24;
--severity-success-bg:rgba(52,211,153,.1);--severity-success-border:rgba(52,211,153,.25);--severity-success-text:#34D399;
--severity-info-bg:rgba(76,158,255,.08);--severity-info-border:rgba(76,158,255,.2);--severity-info-text:#4C9EFF;
--trade-up:#22C55E;--trade-down:#EF4444;--trade-accent:#4C9EFF;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-family:var(--font-sans);scroll-behavior:smooth}
body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s;overflow-x:hidden;line-height:1.6}
::selection{background:rgba(249,115,22,.18)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}
a{color:inherit;text-decoration:none}
button{font-family:var(--font-sans)}
.mono{font-family:var(--font-mono)}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px;margin:0 auto;padding:0 24px}
.gradient-text{background:var(--gradient-orbit);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-page) 84%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-default)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;letter-spacing:-.02em}
.lm{width:20px;height:20px;flex-shrink:0}
.site-nav{display:flex;gap:20px;font-size:13.5px;font-weight:500;color:var(--text-secondary)}
.site-nav a{padding:4px 0;position:relative;transition:color .15s}
.site-nav a:hover{color:var(--text-primary)}
.site-nav a.cur{color:var(--text-primary);font-weight:600}
.site-nav a.cur::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--gradient-orbit)}
.header-actions{display:flex;align-items:center;gap:10px}
.theme-btn{width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px}
.theme-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}
.btn-brand{background:var(--gradient-orbit);color:#fff;font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-block}
.btn-brand:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px rgba(249,115,22,.32)}
/* page hero */
.phero{padding:70px 0 40px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:20px;background:color-mix(in srgb,var(--color-brand) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-brand) 32%,transparent);color:var(--color-brand)}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
h1{font-size:clamp(32px,5vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px}
.lead{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);line-height:1.7;max-width:620px}
h2{font-size:clamp(23px,3vw,32px);font-weight:800;letter-spacing:-.028em;line-height:1.18;margin-bottom:12px}
h3{font-size:17px;font-weight:700;margin-bottom:7px;letter-spacing:-.01em}
.sect{padding:52px 0;border-top:1px solid var(--border-default)}
.sect-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px;color:var(--color-brand)}
p{color:var(--text-secondary);margin-bottom:14px;font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-card);transition:all .18s}
.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.card .ico{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:13px;font-size:17px}
.card p{font-size:13.5px;margin-bottom:0}
ul.feat{list-style:none;margin:18px 0}
ul.feat li{display:flex;gap:11px;font-size:14.5px;color:var(--text-secondary);line-height:1.65;margin-bottom:12px}
ul.feat .fi{color:var(--color-success);font-weight:700;flex-shrink:0}
ul.feat b{color:var(--text-primary)}
.callout{border-radius:var(--radius-lg);padding:16px 18px;margin:18px 0;font-size:14px;line-height:1.65;background:var(--severity-info-bg);border:1px solid var(--severity-info-border);color:var(--text-secondary)}
.callout b{color:var(--severity-info-text)}
.callout.warn{background:var(--severity-warning-bg);border-color:var(--severity-warning-border)}
.callout.warn b{color:var(--severity-warning-text)}
.callout.ok{background:var(--severity-success-bg);border-color:var(--severity-success-border)}
.callout.ok b{color:var(--severity-success-text)}
.quote{border-left:3px solid var(--color-brand);padding:4px 0 4px 18px;margin:20px 0;font-size:15px;color:var(--text-secondary);line-height:1.7}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-default);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-card)}
td{padding:10px 12px;border-bottom:1px solid var(--border-default);color:var(--text-secondary);vertical-align:top}
td.b{color:var(--text-primary);font-weight:600}
/* waitlist */
.wl-band{padding:56px 0;text-align:center;border-top:1px solid var(--border-default);background:var(--bg-sidebar)}
.wl-form{display:flex;gap:8px;max-width:430px;margin:22px auto 0}
.wl-form input{flex:1;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 14px;font-size:14px;font-family:var(--font-sans)}
.wl-form input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.wl-form input::placeholder{color:var(--text-muted)}
.wl-form button{padding:12px 20px;font-size:14px}
.wl-ok{display:none;font-size:14px;font-weight:600;color:var(--severity-success-text);background:var(--severity-success-bg);border:1px solid var(--severity-success-border);border-radius:var(--radius-md);padding:12px 16px;max-width:430px;margin:22px auto 0}
.wl-note{font-size:12.5px;color:var(--text-muted);margin-top:12px}
/* footer */
footer{border-top:1px solid var(--border-default);padding:36px 0 30px;font-size:13px;color:var(--text-muted)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;margin-bottom:26px}
.foot-grid h4{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}
.foot-grid a{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:7px}
.foot-grid a:hover{color:var(--text-primary)}
.foot-bot{border-top:1px solid var(--border-default);padding-top:18px;font-size:11.5px;line-height:1.6}
@media(max-width:860px){
.site-nav{display:none}
.grid3,.grid2{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr 1fr}
.wl-form{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* --- added 2026-08-05: core surfaces on /about --- */
.card.core{border-color:color-mix(in srgb,var(--color-brand) 38%,var(--border-default));background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand) 4%,var(--bg-card)),var(--bg-card))}
.card.core:hover{border-color:color-mix(in srgb,var(--color-brand) 55%,var(--border-default))}
.card.core a{text-decoration:none}