/* Palarid · marketing homepage — premium edition (v4.91.0)
   Used by / only. Markup: tools/home/components.js. Imagery: /brand/premium
   (made for Palarid with Higgsfield). Direction: quiet luxury — warm
   obsidian and ivory, champagne accents, an editorial serif for display,
   hairlines instead of boxes, generous space, slow light motion.
   Sections: tokens · base · type · buttons · nav · hero · imagery · windows ·
   sections · idea · today · money · proof · missions · privacy ·
   calculators · plans · final · footer · motion · responsive. */

/* ---------------------------------------------------------------- tokens */
:root{
  --f-sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","URW Palladio L",P052,"Hoefler Text",Georgia,"Times New Roman",serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:96px;--s10:132px;
  --r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;
  --wrap:1200px;--measure:58ch;
  --ease:cubic-bezier(.22,.61,.24,1);
  /* light: ivory paper, warm ink, antique-gold accents */
  --paper:#F6F2EA;--mist:#EEE8DD;--ink:#0B0A08;
  --text:#1B1815;--text-2:#4F483F;--text-3:#6A6257;
  --line:rgba(40,30,15,.12);--line-2:rgba(40,30,15,.2);
  --card:#FFFDF8;--card-2:#F8F4EC;
  --accent:#7A5A22;--accent-soft:rgba(122,90,34,.1);--gold:#7A5A22;
  --btn:#14110E;--btn-text:#F7F2E9;--btn-hover:#2A241D;
  --ghost-line:rgba(40,30,15,.22);--ghost-hover:rgba(40,30,15,.05);
  --shadow-win:0 1px 1px rgba(40,30,15,.05),0 18px 36px -14px rgba(40,30,15,.18),0 60px 100px -40px rgba(40,30,15,.28);
  --shadow-card:0 1px 2px rgba(40,30,15,.05),0 14px 30px -18px rgba(40,30,15,.2);
  --local:#1F6B4A;--local-bg:rgba(31,107,74,.1);--live:#25588F;--live-bg:rgba(37,88,143,.1);
  --ai:#5C4693;--ai-bg:rgba(92,70,147,.1);--sync:#7A5300;--sync-bg:rgba(160,110,0,.11);
  --meter-a:#9C7A3C;--meter-b:#C9A86A;
  color-scheme:light;
}
/* Dark tokens — the whole page in dark mode, and always inside .tone-ink
   (the cinematic chapters, which stay dark in either theme). */
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0D0B09;--mist:#12100D;--ink:#070605;
    --text:#F3EEE5;--text-2:#BFB6A7;--text-3:#9E9586;
    --line:rgba(243,232,210,.09);--line-2:rgba(243,232,210,.15);
    --card:#16130F;--card-2:#1B1813;
    --accent:#D6B47C;--accent-soft:rgba(214,180,124,.12);--gold:#D6B47C;
    --btn:#F3EEE5;--btn-text:#14110E;--btn-hover:#FFFFFF;
    --ghost-line:rgba(243,232,210,.22);--ghost-hover:rgba(243,232,210,.06);
    --shadow-win:0 1px 0 rgba(255,240,210,.05) inset,0 30px 70px -26px rgba(0,0,0,.8),0 80px 140px -60px rgba(0,0,0,.9);
    --shadow-card:0 1px 0 rgba(255,240,210,.04) inset,0 16px 36px -20px rgba(0,0,0,.7);
    --local:#6FD3A3;--local-bg:rgba(111,211,163,.1);--live:#8FB8F0;--live-bg:rgba(143,184,240,.1);
    --ai:#C2B2F2;--ai-bg:rgba(194,178,242,.11);--sync:#E8C47A;--sync-bg:rgba(232,196,122,.11);
    color-scheme:dark;
  }
}
.tone-ink{
  --text:#F3EEE5;--text-2:#C3BAAB;--text-3:#A39A8B;
  --line:rgba(243,232,210,.1);--line-2:rgba(243,232,210,.16);
  --card:rgba(24,21,17,.92);--card-2:rgba(32,28,22,.9);
  --accent:#D9B984;--accent-soft:rgba(217,185,132,.13);--gold:#D9B984;
  --btn:#F3EEE5;--btn-text:#14110E;--btn-hover:#FFFFFF;
  --ghost-line:rgba(243,232,210,.26);--ghost-hover:rgba(243,232,210,.07);
  --shadow-win:0 1px 0 rgba(255,240,210,.06) inset,0 34px 80px -28px rgba(0,0,0,.85),0 90px 160px -60px rgba(0,0,0,.9);
  --shadow-card:0 1px 0 rgba(255,240,210,.05) inset,0 16px 36px -20px rgba(0,0,0,.7);
  --local:#6FD3A3;--local-bg:rgba(111,211,163,.1);--live:#8FB8F0;--live-bg:rgba(143,184,240,.1);
  --ai:#C2B2F2;--ai-bg:rgba(194,178,242,.11);--sync:#E8C47A;--sync-bg:rgba(232,196,122,.11);
  --meter-a:#B8945A;--meter-b:#E2C58F;
  background:var(--ink);color:var(--text);color-scheme:dark;
}
.tone-paper{background:var(--paper);color:var(--text)}
.tone-mist{background:var(--mist);color:var(--text)}

/* ---------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.65 var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
img,svg{display:block;max-width:100%}
img{height:auto}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:1.1em;height:1.1em;flex:none}
.mk-wrap{position:relative;width:min(var(--wrap),100% - 48px);margin-inline:auto}
.mk-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--btn);color:var(--btn-text);font-weight:600;text-decoration:none}
.mk-skip:focus{top:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent-soft)}

/* ---------------------------------------------------------------- type */
.mk-eyebrow,.mk-kicker{display:flex;align-items:center;gap:12px;font:600 12px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--s5)}
.mk-center .mk-eyebrow,.mk-kicker-c{justify-content:center}
.mk-eyebrow::before,.mk-rule{content:"";display:block;width:28px;height:1px;background:currentColor;opacity:.7}
.mk-center .mk-eyebrow::after{content:"";display:block;width:28px;height:1px;background:currentColor;opacity:.7}
.mk-head h2{font:400 clamp(34px,4.6vw,62px)/1.06 var(--f-serif);letter-spacing:-.018em;text-wrap:balance}
.mk-lede{margin-top:var(--s5);font-size:clamp(17px,1.45vw,19.5px);line-height:1.62;color:var(--text-2);max-width:var(--measure);text-wrap:pretty}
.mk-center{text-align:center}.mk-center .mk-lede{margin-inline:auto}
.mk-head{margin-bottom:var(--s8)}
.mk-small{margin-top:var(--s4);font-size:14px;letter-spacing:.02em;color:var(--text-3)}

/* ---------------------------------------------------------------- buttons */
.mk-btn{--h:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:0 22px;border-radius:999px;border:1px solid transparent;font:600 15px/1 var(--f-sans);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),transform .2s var(--ease),box-shadow .3s var(--ease),color .3s var(--ease)}
.mk-btn:active{transform:translateY(1px) scale(.985)}
.mk-btn-primary{background:var(--btn);color:var(--btn-text);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 26px -12px rgba(0,0,0,.55)}
.mk-btn-primary:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 16px 34px -14px rgba(0,0,0,.6)}
.mk-btn-ghost{background:transparent;color:var(--text);border-color:var(--ghost-line)}
.mk-btn-ghost:hover{background:var(--ghost-hover);border-color:var(--text-3)}
.mk-btn-quiet{background:var(--ghost-hover);color:var(--text);border-color:var(--line)}
.mk-btn-quiet:hover{border-color:var(--ghost-line)}
.mk-btn-sm{--h:38px;padding:0 18px;font-size:14px}
.mk-btn-lg{--h:54px;padding:0 30px;font-size:16px}
.mk-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:3px;transition:border-color .3s}
.mk-link:hover{border-color:var(--gold)}
.mk-link .ic{transition:transform .3s var(--ease)}.mk-link:hover .ic{transform:translateX(4px)}
.mk-cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s7)}
.mk-cta-center{justify-content:center}

/* ---------------------------------------------------------------- nav
   Over the hero it is transparent on dark; once the page scrolls it becomes
   a frosted bar in the page's own colours. */
.mk-nav{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;color:#F3EEE5;--text:#F3EEE5;--text-2:rgba(243,238,229,.78);--ghost-hover:rgba(243,232,210,.08);--btn:#F3EEE5;--btn-text:#14110E;--btn-hover:#fff;background:transparent;border-bottom:1px solid transparent;transition:height .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}
.mk-nav.is-scrolled{height:62px;background:color-mix(in srgb,var(--paper) 84%,transparent);border-color:var(--line);-webkit-backdrop-filter:saturate(1.3) blur(16px);backdrop-filter:saturate(1.3) blur(16px);--text:#1B1815;--text-2:#4F483F;--ghost-hover:rgba(40,30,15,.05);--btn:#14110E;--btn-text:#F7F2E9;--btn-hover:#2A241D;color:#1B1815}
@media (prefers-color-scheme:dark){.mk-nav.is-scrolled{--text:#F3EEE5;--text-2:#BFB6A7;--ghost-hover:rgba(243,232,210,.06);--btn:#F3EEE5;--btn-text:#14110E;--btn-hover:#fff;color:#F3EEE5}}
@supports not (backdrop-filter:blur(1px)){.mk-nav.is-scrolled{background:var(--paper)}}
.mk-nav-row{display:flex;align-items:center;gap:var(--s5)}
.mk-brand{display:inline-flex;align-items:center;gap:11px;font:400 22px/1 var(--f-serif);letter-spacing:.01em;text-decoration:none;color:var(--text)}
.mk-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0E0C0A;box-shadow:0 0 0 1px rgba(217,185,132,.38) inset,0 6px 14px -6px rgba(0,0,0,.6)}
.mk-mark svg{width:17px;height:21px}
.mk-gem{display:block;width:24px;height:32px;filter:drop-shadow(0 2px 8px rgba(214,180,124,.35))}
.mk-foot .mk-gem{width:30px;height:40px}
.mk-links{display:none;margin-inline:auto;gap:var(--s1)}
.mk-links a{padding:8px 14px;border-radius:999px;font-size:14.5px;font-weight:500;letter-spacing:.01em;color:var(--text-2);text-decoration:none;transition:color .3s,background .3s}
.mk-links a:hover{color:var(--text);background:var(--ghost-hover)}
.mk-nav-cta{display:none}
.mk-drawer{margin-left:auto;position:relative}
.mk-drawer summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;cursor:pointer;color:var(--text)}
.mk-drawer summary::-webkit-details-marker{display:none}
.mk-drawer summary .ic{width:22px;height:22px}
.mk-drawer .ic-shut,.mk-drawer[open] .ic-open{display:none}.mk-drawer[open] .ic-shut{display:block}
.mk-drawer-panel{position:fixed;left:12px;right:12px;top:68px;display:grid;gap:2px;padding:10px;border-radius:var(--r-lg);background:#14110E;color:#F3EEE5;border:1px solid rgba(243,232,210,.12);box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.mk-drawer-panel a:not(.mk-btn){padding:14px;border-radius:12px;font:400 20px/1.2 var(--f-serif);text-decoration:none;color:#F3EEE5}
.mk-drawer-panel a:not(.mk-btn):hover{background:rgba(243,232,210,.07)}
.mk-drawer-panel .mk-btn{margin-top:8px;--h:50px;background:#F3EEE5;color:#14110E}

/* ---------------------------------------------------------------- hero */
.mk-hero{position:relative;display:flex;align-items:center;min-height:min(100svh,920px);margin-top:-76px;padding:calc(76px + var(--s9)) 0 var(--s9);overflow:hidden;isolation:isolate}
.mk-hero-media{position:absolute;inset:0;z-index:-1;background:#0B0A08}
.mk-hero-img{width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.mk-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;opacity:0;transition:opacity 1.6s var(--ease)}
.mk-hero-video.is-on{opacity:1}
@media (prefers-reduced-motion:reduce){.mk-hero-video{display:none}}
/* v4.93.0: 16px fields on phones so iOS Safari does not zoom the page on tap */
@media (max-width:760px){input,select,textarea{font-size:16px!important}}
.mk-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,6,.94) 0%,rgba(9,8,6,.78) 34%,rgba(9,8,6,.18) 66%,rgba(9,8,6,.05) 100%),linear-gradient(0deg,rgba(9,8,6,.85) 0%,transparent 26%),linear-gradient(180deg,rgba(9,8,6,.55) 0%,transparent 18%)}
.mk-hero-copy{max-width:var(--wrap)}
.mk-hero h1{font:400 clamp(48px,6.6vw,104px)/1 var(--f-serif);letter-spacing:-.022em}
.mk-hero h1 span{display:block}
.mk-hero h1 .soft{font-style:italic;color:#E2C58F}
.mk-hero-lede{margin-top:var(--s6);max-width:40ch;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--text-2);text-wrap:pretty}
.mk-trust{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s6);font-size:13.5px;letter-spacing:.02em;color:var(--text-3)}
.mk-trust li{display:inline-flex;align-items:center;gap:7px}
.mk-trust .ic{color:var(--gold);width:14px;height:14px}

/* ---------------------------------------------------------------- imagery */
.mk-photo{position:relative;overflow:hidden;border-radius:var(--r-xl);background:#14110E;box-shadow:var(--shadow-card);aspect-ratio:4/3}
.mk-photo .mk-img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s var(--ease)}
.mk-photo::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px rgba(255,240,210,.08) inset;pointer-events:none}
.mk-photo-wide{aspect-ratio:16/11}
.mk-photo-tall{aspect-ratio:4/5}
.mk-frame{position:relative}
.mk-frame .win-float,.mk-frame .mcard{position:relative;z-index:2;margin-top:-22%;width:min(92%,520px);margin-inline:auto}
.mk-band{position:absolute;inset:0 0 auto 0;height:min(46vw,460px);overflow:hidden;z-index:0}
.mk-band .mk-img{width:100%;height:100%;object-fit:cover;object-position:88% 62%}
.mk-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,8,6,.25),var(--mist) 98%)}
.mk-final-media{position:absolute;inset:0;z-index:0}
.mk-final-img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.mk-final-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,5,.9) 0%,rgba(7,6,5,.55) 45%,rgba(7,6,5,.75) 100%)}

/* ---------------------------------------------------------------- windows */
.win{position:relative;width:100%;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-win);overflow:hidden;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.win-bar{display:flex;align-items:center;gap:var(--s3);height:46px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--card-2)}
.win-mark .mk-mark{width:22px;height:22px;border-radius:7px}.win-mark .mk-mark svg{width:12px;height:15px}
.win-tabs{display:flex;gap:2px;margin-inline:auto;font-size:12.5px;font-weight:600;color:var(--text-3)}
.win-tabs span{padding:5px 11px;border-radius:999px}
.win-tabs .on{background:var(--card);color:var(--text);box-shadow:0 0 0 1px var(--line)}
.win-body{padding:var(--s5)}
.mk-stage .win-main{max-width:580px;z-index:2}
.win-side{display:none}
.bdg{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font:700 10.5px/1 var(--f-sans);letter-spacing:.1em;white-space:nowrap}
.bdg-x{font-weight:600;letter-spacing:.02em;text-transform:none}
.bdg-local{color:var(--local);background:var(--local-bg)}.bdg-live{color:var(--live);background:var(--live-bg)}
.bdg-ai{color:var(--ai);background:var(--ai-bg)}.bdg-sync{color:var(--sync);background:var(--sync-bg)}
.chip{flex:none;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--ghost-hover);border:1px solid var(--line)}

.td-hello{margin-bottom:var(--s4)}
.td-greet{font:400 clamp(24px,2.5vw,30px)/1.15 var(--f-serif);letter-spacing:-.01em}
.td-date{margin-top:4px;font-size:14px;color:var(--text-3)}
.td-count{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--s3);font-size:13px;font-weight:600;color:var(--text-2)}
.td-count .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--accent-soft)}
.td-list,.tds-list{display:grid;gap:8px}
.td-list li,.tds-list li{display:flex;align-items:center;gap:var(--s3);padding:12px 14px;border-radius:var(--r-md);background:var(--card-2);border:1px solid var(--line)}
.td-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--gold)}
.td-ic .ic{width:18px;height:18px}
.td-t{display:grid;flex:1;min-width:0}
.td-t b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-t small{font-size:13px;color:var(--text-3)}
.meter{flex:none;width:56px;height:5px;border-radius:99px;background:var(--line-2);overflow:hidden}
.meter i,.bar i{display:block;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,var(--meter-a),var(--meter-b))}
.bar{height:6px;border-radius:99px;background:var(--line-2);overflow:hidden}
.dots{display:flex;gap:4px;flex:none}.dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.dots i.on{background:var(--gold)}
.mini-k{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.mini-v{margin:8px 0 12px;font:400 28px/1.1 var(--f-serif)}.mini-v small{font:500 13px var(--f-sans);color:var(--text-3)}
.mini-v-sm{font-size:20px}
.mini-row{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;color:var(--text-3)}
.split{display:flex;gap:3px;height:6px}
.split i{flex:0 0 var(--w);border-radius:99px;background:var(--line-2)}
.split i:last-child{background:linear-gradient(90deg,var(--meter-a),var(--meter-b))}

/* ---------------------------------------------------------------- sections */
.mk-sec{position:relative;padding:var(--s10) 0;overflow:hidden}
.mk-split{display:grid;gap:var(--s7);align-items:center}
.mk-split .mk-head{margin-bottom:var(--s5)}
.mk-split .mk-head h2{font-size:clamp(34px,3.9vw,54px)}
.mk-note{display:inline-flex;align-items:center;gap:8px;margin:var(--s2) 0 var(--s5);font-size:15px;font-weight:500;color:var(--local)}
.mk-center-row{margin-top:var(--s7);text-align:center}

/* the idea */
.mk-pillars{display:grid;gap:0;border-top:1px solid var(--line-2)}
.pillar{padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.pillar-n{font:italic 400 15px/1 var(--f-serif);color:var(--gold);letter-spacing:.08em}
.pillar h3{display:flex;align-items:center;gap:10px;margin-top:var(--s4);font:600 12px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}
.pillar h3 .ic{width:18px;height:18px;color:var(--gold)}
.pillar p:last-child{margin-top:var(--s3);font:400 clamp(22px,2vw,27px)/1.28 var(--f-serif);color:var(--text)}
.mk-stage{position:relative;margin-top:var(--s9);display:grid;place-items:center}
.mk-stage::before{content:"";position:absolute;inset:-8% -20%;background:radial-gradient(50% 45% at 50% 55%,var(--accent-soft),transparent 70%);pointer-events:none}
.mk-stage-note{position:relative;margin-top:var(--s5);font-size:13px;letter-spacing:.02em;color:var(--text-3);text-align:center}

/* today */
.tds{display:grid;gap:var(--s4)}
.tds-next{padding:var(--s5);border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--card-2);border:1px solid var(--line)}
.tds-next .k{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.tds-next .v{margin-top:8px;font:400 clamp(20px,1.9vw,24px)/1.25 var(--f-serif)}
.tds-next .s{margin-top:6px;font-size:13px;color:var(--text-3)}
.mk-mini-btn{display:inline-flex;margin-top:var(--s4);padding:8px 14px;border-radius:999px;background:var(--btn);color:var(--btn-text);font-size:13px;font-weight:600}

/* money */
.mk-money-top{margin-bottom:var(--s8)}
.win-xl{max-width:1080px;margin-inline:auto}
.mn{display:grid;gap:var(--s3)}
.mn-card{padding:var(--s5);border-radius:var(--r-md);background:var(--card-2);border:1px solid var(--line)}
.mn-card .k{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.mn-card .big{margin:10px 0 14px;font:400 clamp(34px,3.6vw,46px)/1 var(--f-serif);letter-spacing:-.01em}
.mn-card .big small{font:500 14px var(--f-sans);color:var(--text-3)}
.mn-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.mn-card dt{font-size:12px;color:var(--text-3)}.mn-card dd{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.mn-card .s{margin-top:10px;font-size:13px;color:var(--text-3);text-align:center}
.ring{--p:68;width:112px;height:112px;margin:14px auto 0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--meter-b) calc(var(--p)*1%),var(--line-2) 0)}
.ring span{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#1B1813;font:400 26px/1 var(--f-serif)}
.mn-up ul{display:grid;gap:2px;margin-top:10px}
.mn-up li{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.mn-up li:last-child{border:0}.mn-up li span:nth-child(2){color:var(--text-3)}.mn-up b{font-weight:600;font-variant-numeric:tabular-nums}
.spark{width:100%;height:92px;margin-top:12px}
.spark-l{fill:none;stroke:var(--meter-b);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.spark-a{fill:rgba(226,197,143,.12)}

/* proof */
.mk-proof{display:grid;gap:var(--s5);align-items:center;margin-top:var(--s8);padding:var(--s6) 0 0;border-top:1px solid var(--line-2)}
.mk-proof-t{display:flex;align-items:center;gap:10px;font:400 24px/1.2 var(--f-serif)}
.mk-proof-t .ic{width:20px;height:20px;color:var(--gold)}
.mk-proof-s{margin-top:6px;font-size:15px;color:var(--text-2)}
.mk-proof ul{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);font-size:14.5px;color:var(--text-2)}
.mk-proof li{display:inline-flex;align-items:center;gap:7px}.mk-proof li .ic{color:var(--gold);width:15px;height:15px}
.mk-proof .mk-btn{justify-self:start}

/* missions */
.mcard{padding:var(--s6);border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-win);max-width:520px;margin-inline:auto;width:100%}
.mcard-top{display:flex;justify-content:space-between;align-items:baseline}
.mcard-k{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.mcard-k .ic{width:16px;height:16px}
.mcard-pct{font:400 38px/1 var(--f-serif)}.mcard-pct small{font:500 13px var(--f-sans);color:var(--text-3)}
.mcard-t{margin:10px 0 14px;font:400 26px/1.2 var(--f-serif)}
.msteps{display:grid;gap:2px;margin-top:var(--s5)}
.msteps li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;border-bottom:1px solid var(--line)}
.msteps li:last-child{border:0}
.msteps .st{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%}
.msteps .done{color:var(--text-3)}.msteps .done .st{background:var(--accent-soft);color:var(--gold)}
.msteps .st .ic{width:14px;height:14px}
.msteps .now{font-weight:600}.msteps .now .st{background:var(--btn);color:var(--btn-text)}
.msteps .now .chip{margin-left:auto}
.ring-o{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line-2)}
.msteps .todo{color:var(--text-2)}
.mcard-f{margin-top:var(--s4);font-size:13px;color:var(--text-3)}

/* privacy */
.mk-privacy-top{margin-bottom:var(--s8)}
.pd{display:grid;gap:var(--s5);max-width:1040px;margin-inline:auto}
.pd-device,.pd-routes{padding:var(--s6);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--card)}
.pd-h{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.pd-h .ic{width:18px;height:18px;color:var(--gold)}
.pd-h-muted{color:var(--text-3)}
.pd-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:var(--s5)}
.pd-apps span{padding:14px;border-radius:var(--r-sm);background:var(--card-2);border:1px solid var(--line);font:400 18px/1.2 var(--f-serif)}
.pd-arrow{width:1px;height:40px;margin:14px auto;background:linear-gradient(var(--line-2),var(--local));position:relative}
.pd-arrow::after{content:"";position:absolute;left:50%;bottom:-2px;width:9px;height:9px;border-right:1.5px solid var(--local);border-bottom:1.5px solid var(--local);transform:translateX(-50%) rotate(45deg)}
.pd-store{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--local) 36%,transparent);background:var(--local-bg)}
.pd-store>.ic{width:26px;height:26px;color:var(--local)}
.pd-store div{flex:1;display:grid}.pd-store b{font-size:16px}.pd-store small{font-size:13px;color:var(--text-2)}
.pd-route{position:relative;display:flex;gap:14px;padding:var(--s5) 0 var(--s5) var(--s4);border-bottom:1px solid var(--line)}
.pd-route:last-child{border:0;padding-bottom:0}
.pd-line{position:absolute;left:0;top:var(--s5);bottom:var(--s5);width:1px;background:repeating-linear-gradient(var(--line-2) 0 5px,transparent 5px 10px)}
.pd-route>.ic{width:22px;height:22px;margin-top:2px;color:var(--text-2)}
.pd-rt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;font-size:16px}
.pd-rd{margin-top:4px;font-size:14px;color:var(--text-2)}
.pd-legend{display:grid;gap:var(--s3);max-width:1040px;margin:var(--s7) auto 0}
.pd-legend li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-2)}
.pd-legend .bdg{min-width:58px;justify-content:center}
.pd-ev{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);max-width:1040px;margin:var(--s7) auto 0}
.pd-ev a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;font-weight:500;color:var(--text-2);text-decoration:none;transition:border-color .3s,color .3s}
.pd-ev a:hover{border-color:var(--gold);color:var(--text)}
.pd-ev .ic{width:16px;height:16px}

/* calculators */
.mk-calc-top{margin-bottom:var(--s8)}
.calcs{display:grid;gap:0;border-top:1px solid var(--line-2)}
.calc{display:grid;grid-template-columns:44px 1fr;column-gap:18px;row-gap:4px;padding:var(--s5) var(--s2);border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:background .3s var(--ease)}
.calc:hover{background:var(--ghost-hover)}
.calc-ic{grid-row:span 4;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);color:var(--gold)}
.calc-ic .ic{width:19px;height:19px}
.calc-cat{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}
.calc-t{font:400 25px/1.2 var(--f-serif)}
.calc-d{font-size:15px;line-height:1.55;color:var(--text-2)}
.calc-f{display:flex;align-items:center;gap:8px;margin-top:var(--s2)}
.calc-yr{font-size:12.5px;font-weight:600;color:var(--text-2)}

/* plans */
.mk-plans{padding-top:calc(var(--s10) + 120px)}
.mk-plans .mk-wrap{z-index:1}
.plans{display:grid;gap:var(--s4);max-width:980px;margin-inline:auto}
.plan{display:flex;flex-direction:column;padding:var(--s7) var(--s6);border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card)}
.plan-k{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.plan-p{margin-top:var(--s3);font:400 60px/1 var(--f-serif)}
.plan-p small{font:500 16px var(--f-sans);color:var(--text-3)}
.plan-soon{font-size:40px;line-height:1.25;font-style:italic;color:var(--text-2)}
.plan-s{margin-top:var(--s3);color:var(--text-2)}
.plan ul{display:grid;gap:12px;margin:var(--s6) 0;flex:1;align-content:start}
.plan li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px}
.plan li .ic{margin-top:3px;width:16px;height:16px;color:var(--gold)}
.plan-plus li .ic{color:var(--text-3)}
.plan .tag{margin-left:auto;flex:none;font-size:11.5px;font-weight:600;color:var(--text-3)}
.plan .mk-btn{align-self:flex-start}
.plan-free{border-color:var(--line-2)}
.plan-more{display:inline-flex;align-items:center;min-height:36px;margin-top:var(--s2);font-size:14px;color:var(--text-3)}
.plan-more:hover{color:var(--text)}
.mk-promise{margin-top:var(--s6);text-align:center;font-size:15px;color:var(--text-2)}

/* final */
.mk-final{position:relative;padding:calc(var(--s10) + 40px) 0;overflow:hidden;isolation:isolate}
.mk-final .mk-wrap{z-index:1}
.mk-final h2{font:400 clamp(40px,5.6vw,80px)/1.04 var(--f-serif);letter-spacing:-.02em;text-wrap:balance;max-width:17ch;margin-inline:auto}
.mk-final .mk-lede{position:relative}

/* footer */
.mk-foot{padding:var(--s8) 0 var(--s6);border-top:1px solid var(--line)}
.mk-foot-top{display:grid;gap:var(--s7)}
.mk-foot-brand p{margin-top:var(--s3);font:italic 400 18px/1.4 var(--f-serif);color:var(--text-2)}
.mk-foot-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s6)}
.mk-foot h2{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s3)}
.mk-foot ul{display:grid;gap:8px}
.mk-foot li a{font-size:15px;color:var(--text-2);text-decoration:none;transition:color .3s}
.mk-foot li a:hover{color:var(--text)}
.mk-legal{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--text-3)}

/* ---------------------------------------------------------------- motion
   Slow, soft, once — like light moving across a room. Nothing bounces or
   loops. Off entirely for anyone who asks for reduced motion. */
@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes mk-drift{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes mk-slide-l{from{opacity:0;transform:translate(-28px,10px) scale(.94)}to{opacity:.97;transform:translate(0,0) scale(.94)}}
@keyframes mk-slide-r{from{opacity:0;transform:translate(28px,10px) scale(.94)}to{opacity:.97;transform:translate(0,0) scale(.94)}}
@keyframes mk-fill{from{width:calc(var(--p) - 12%)}to{width:var(--p)}}
@media (prefers-reduced-motion:no-preference){
  /* the headline is never animated: it must appear at once */
  .mk-hero-img{animation:mk-drift 9s var(--ease) both}
  .mk-hero-lede,.mk-hero .mk-cta,.mk-hero .mk-trust{animation:mk-rise 1.2s .2s var(--ease) both}
  .mk-hero .mk-cta{animation-delay:.35s}.mk-hero .mk-trust{animation-delay:.5s}
  .is-in .win-left{animation:mk-slide-l 1.3s .3s var(--ease) both}
  .is-in .win-right{animation:mk-slide-r 1.3s .45s var(--ease) both}
  .is-in .meter i,.is-in .grow{animation:mk-fill 1.6s .6s var(--ease) both}
  .mk-photo:hover .mk-img{transform:scale(1.035)}
  .js .reveal{opacity:0;transform:translateY(26px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
  .js .reveal.is-in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* ---------------------------------------------------------------- responsive
   Mobile first. Each step changes the layout, not just the size. */
@media (max-width:719px){
  :root{--s10:92px;--s9:64px;--s8:48px;--s7:36px}
  .mk-hero{min-height:auto;align-items:flex-end;padding-top:calc(76px + 14vw);padding-bottom:var(--s8)}
  .mk-hero-lede{margin-top:var(--s5)}
  .mk-hero .mk-cta{margin-top:var(--s6)}
  .mk-hero-img,.mk-hero-video{object-position:80% 50%}
  .mk-hero-media::after{background:linear-gradient(0deg,rgba(9,8,6,.97) 0%,rgba(9,8,6,.9) 46%,rgba(9,8,6,.35) 72%,rgba(9,8,6,.55) 100%)}
  .mk-head{margin-bottom:var(--s6)}
  .mk-frame .win-float,.mk-frame .mcard{margin-top:-14%;width:94%}
  .plan{padding:var(--s6) var(--s5)}
  .pd-device,.pd-routes{padding:var(--s5)}
  .mk-final h2{max-width:none;font-size:clamp(36px,10vw,48px)}
  .mk-plans{padding-top:calc(var(--s10) + 40px)}
}
@media (max-width:420px){
  .mk-wrap{width:min(var(--wrap),100% - 36px)}
  .mk-trust{gap:6px 14px;font-size:13px}
  .win-body{padding:var(--s4)}
  .win-tabs span{padding:5px 8px}
  .td-list li,.tds-list li{padding:10px 12px}
  .chip{display:none}
  .mk-cta .mk-btn{flex:1 1 100%}
}
@media (max-width:360px){.win-tabs{display:none}.mk-hero h1{font-size:44px}}
@media (min-width:720px){
  .mk-pillars{grid-template-columns:repeat(3,1fr);border-top:0}
  .pillar{padding:var(--s6) var(--s6) var(--s6) 0;border-bottom:0;border-top:1px solid var(--line-2)}
  .pillar+.pillar{padding-left:var(--s6);border-left:1px solid var(--line)}
  .calcs{grid-template-columns:repeat(2,1fr);column-gap:var(--s6)}
  .plans{grid-template-columns:1fr 1fr}
  .plans-one{grid-template-columns:minmax(0,600px);justify-content:center}
  .mn{grid-template-columns:1.4fr 1fr}
  .pd-legend{grid-template-columns:repeat(2,1fr)}
  .mk-foot-cols{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:900px){
  .mk-links,.mk-nav-cta{display:flex}
  .mk-drawer{display:none}
  .mk-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s9)}
  .mk-split-rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .mk-split-rev>.mk-split-copy{order:2}
  .mk-privacy-top,.mk-calc-top{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .mk-frame{padding-bottom:var(--s6)}
  .mk-frame .win-float,.mk-frame .mcard{position:absolute;margin:0;width:min(62%,430px);bottom:-12%}
  .mk-frame .win-float{font-size:.94em}
  .mk-frame-r .win-float{left:-12%}
  .mk-frame-l .mcard{right:-8%}
  .mk-frame .mk-photo{aspect-ratio:5/4.4}
  .mk-frame{margin-bottom:14%}
  .mn{grid-template-columns:1.5fr 1fr 1.2fr}
  .mn-nw{grid-column:1/-1}
  .mk-proof{grid-template-columns:1.2fr 1.4fr auto}
  .pd{grid-template-columns:1fr 1fr;align-items:stretch}
  .calcs{grid-template-columns:repeat(3,1fr)}
  .calc{padding:var(--s6) var(--s4) var(--s6) 0}
  .mk-foot-top{grid-template-columns:1fr 2fr}
}
@media (min-width:1180px){
  .mk-stage{grid-template-columns:1fr minmax(0,580px) 1fr;align-items:center}
  .mk-stage .win-main{grid-column:2;grid-row:1}
  .win-side{display:block;grid-row:1;max-width:330px;opacity:.97;transform:scale(.94);z-index:1}
  .win-left{grid-column:1;justify-self:end;margin-right:-28px;margin-top:150px}
  .win-right{grid-column:3;justify-self:start;margin-left:-28px;margin-top:-170px}
  .mk-stage-note{grid-column:1/-1}
}
@media (min-width:1600px){:root{--wrap:1280px}body{font-size:18px}}
@media print{.mk-nav,.mk-hero-media,.mk-final-media,.mk-band,.mk-photo,.mk-stage{display:none}.tone-ink{background:#fff;color:#000}}
/* v4.92.2: Palarid is free — the single plan card sits centred. */
.plans-one{max-width:600px}
.plans-one .plan-p{font-family:var(--f-serif)}