/* myOS lander: premium 1.0.2 tokens (mirrors constants/theme.ts "Obsidian" and "Paper") */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/InstrumentSerif-Regular.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/InstrumentSerif-Italic.woff2) format("woff2")}
:root{
  color-scheme:dark;
  --bg:#0C0B0A;--s1:#161513;--s2:#1E1C1A;--s3:#272421;--sunken:#0F0E0D;
  --ink:#EDE8E1;--ink2:#A39E97;--ink3:#67635D;--muted:#8C877F;
  --ember:#FF7A3D;--ember-text:#FF8C55;--ember-tint:#2A1910;
  --cta:#EDE8E1;--cta-text:#0C0B0A;--success:#6FD39A;--danger:#EE7B6B;
  --hair:rgba(237,232,225,.07);
  --e1:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(237,232,225,.07);
  --e2:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(237,232,225,.07),0 12px 32px -8px rgba(0,0,0,.6);
  --e3:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(237,232,225,.09),0 24px 48px -12px rgba(0,0,0,.8);
  --glow:rgba(255,122,61,.20);--grain-op:.05;--grain-blend:overlay;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r-card:24px;--r-well:16px;--wrap:1120px;
}
/* True light ("Paper"): designed, not inverted. Opt-in per page with class="paper-auto" on <html>. */
.paper{color:var(--ink);
  color-scheme:light;
  --bg:#F4F1EC;--s1:#FFFFFF;--s2:#FBFAF8;--s3:#F1EDE7;--sunken:#EFEBE5;
  --ink:#1A1814;--ink2:#5F5951;--ink3:#9C958B;--muted:#857E74;
  --ember:#F0642A;--ember-text:#C4471A;--ember-tint:#FCEDE4;
  --cta:#1A1814;--cta-text:#F7F4EF;--success:#1F8F55;--danger:#C9412E;
  --hair:rgba(40,30,20,.08);
  --e1:0 1px 2px rgba(40,30,20,.04),0 2px 8px rgba(40,30,20,.04);
  --e2:0 1px 2px rgba(40,30,20,.04),0 4px 12px rgba(40,30,20,.05),0 18px 36px -14px rgba(40,30,20,.12);
  --e3:0 2px 4px rgba(40,30,20,.05),0 12px 24px rgba(40,30,20,.08),0 32px 56px -20px rgba(40,30,20,.20);
  --glow:rgba(240,100,42,.10);--grain-op:.035;--grain-blend:multiply;
}
@media (prefers-color-scheme:light){
  html.paper-auto{
    color-scheme:light;
    --bg:#F4F1EC;--s1:#FFFFFF;--s2:#FBFAF8;--s3:#F1EDE7;--sunken:#EFEBE5;
    --ink:#1A1814;--ink2:#5F5951;--ink3:#9C958B;--muted:#857E74;
    --ember:#F0642A;--ember-text:#C4471A;--ember-tint:#FCEDE4;
    --cta:#1A1814;--cta-text:#F7F4EF;--success:#1F8F55;--danger:#C9412E;
    --hair:rgba(40,30,20,.08);
    --e1:0 1px 2px rgba(40,30,20,.04),0 2px 8px rgba(40,30,20,.04);
    --e2:0 1px 2px rgba(40,30,20,.04),0 4px 12px rgba(40,30,20,.05),0 18px 36px -14px rgba(40,30,20,.12);
    --e3:0 2px 4px rgba(40,30,20,.05),0 12px 24px rgba(40,30,20,.08),0 32px 56px -20px rgba(40,30,20,.20);
    --glow:rgba(240,100,42,.10);--grain-op:.035;--grain-blend:multiply;
  }
  html.paper-auto .wm-bone{display:none}
  html.paper-auto .wm-ink{display:block}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:hidden}
/* Ember glow at the top and fine film grain, as on every app screen */
body:before{content:"";position:absolute;left:0;right:0;top:0;height:900px;background:radial-gradient(ellipse min(800px,120%) 520px at 50% -60px,var(--glow),transparent 100%);pointer-events:none;z-index:0}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:var(--grain-op);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.page{position:relative;z-index:1}
a{color:var(--ember-text);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:760px}
/* Header */
.site-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:18px;width:auto}
.wm-ink{display:none}
.paper .wm-bone{display:none}.paper .wm-ink{display:block}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--ink2);font-size:.9rem;font-weight:500;padding:8px 10px;border-radius:999px}
.nav a:hover,.nav a.active{color:var(--ink);background:var(--s1);box-shadow:var(--e1);text-decoration:none}
.nav a.nav-cta{color:var(--cta-text);background:var(--cta);font-weight:600;padding:8px 14px}
.nav a.nav-cta:hover{background:var(--cta);opacity:.92}
@media (max-width:420px){.nav a{padding:7px 8px;font-size:.85rem}.nav a.nav-cta{padding:7px 12px}}
/* Type */
.overline{display:inline-block;color:var(--ember-text);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--ink2);background:var(--s1);box-shadow:var(--e1);border-radius:999px;padding:7px 12px 7px 10px;margin:0 0 20px}
.pill .dot{width:7px;height:7px;border-radius:999px;background:var(--ember);box-shadow:0 0 0 3px var(--ember-tint);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px transparent}}
h1,h2.display{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.02;margin:0 0 18px}
h1{font-size:clamp(3rem,12vw,5.6rem)}
h1 em,h2 em,.display em{font-style:italic;color:var(--ember-text)}
h2.display{font-size:clamp(2.2rem,7.5vw,3.6rem)}
h3{font-size:1.05rem;font-weight:600;letter-spacing:-.015em;margin:0 0 6px;line-height:1.3}
.lead{color:var(--ink2);font-size:1.125rem;line-height:1.55;max-width:34rem;margin:0 0 26px}
.muted{color:var(--muted)}
/* Buttons */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--cta);color:var(--cta-text)!important;font-weight:600;font-size:1rem;letter-spacing:-.01em;padding:16px 24px;border-radius:999px;border:0;cursor:pointer;text-decoration:none!important;font-family:inherit;box-shadow:var(--e2);transition:transform .25s cubic-bezier(.22,1.4,.36,1)}
.cta:active{transform:scale(.97)}
.cta svg{width:18px;height:18px;flex:none}
.cta.block{width:100%}
.cta:disabled{opacity:.6;cursor:default}
.hint{color:var(--muted);font-size:.84rem;margin:14px 0 0}
.secondary-link{display:inline-block;margin-top:14px;font-size:.92rem;color:var(--ink2);font-weight:500}
.secondary-link:hover{color:var(--ember-text)}
/* Cards */
.card{background:var(--s1);border-radius:var(--r-card);box-shadow:var(--e2);padding:22px 20px}
.card p{margin:0;color:var(--ink2);font-size:.95rem}
/* Footer */
.site-footer{color:var(--muted);font-size:.84rem;padding:32px 0 40px;margin-top:56px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--ember-text)}
.site-footer .logo img{height:13px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}