/* Kubear website, Variant C final: "Dimaag ka Bojh" poster style over the 14 Oct app language. */
:root{
  --cream:#FFF4DC; --cream2:#F7E6BF; --paper:#FFFBF0; --green:#0B3D2E; --marigold:#F6A91B;
  --tomato:#C8361F; --indigo:#2B2A7A; --ink:#14110F;
  /* app tokens (14 Oct redesign) */
  --a-money:#E0662B; --a-wealth:#1F7A64; --a-protect:#5563DE; --a-goals:#E9A23B; --a-home:#E8605A; --a-gold:#C9962B;
  --display:'Bricolage Grotesque','Archivo Black',Impact,system-ui,sans-serif;
  --body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:Fraunces,Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  /* adaptive tokens */
  --page:#FFF4DC; --text:#14110F; --muted:#4A4036; --card:#FFFBF0; --card-fg:#14110F; --line:#14110F; --shadow-c:#14110F;
  --bgc:#FFF4DC; --bgc2:#F7E6BF; --acc-card:#B8301B; --chip:#F7E6BF;
  --rule:4px solid var(--line);
  --pad:16px;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--body);font-size:17px;line-height:1.55;color:var(--text);background:var(--page);overflow-x:hidden;min-width:320px;padding-bottom:76px}
html.theming body,html.theming section,html.theming nav.top,html.theming .pc,html.theming footer{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
img,svg{display:block;max-width:100%}
svg.i{width:24px;height:24px;flex:none}
svg.i path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
a{color:inherit}
:focus-visible{outline:4px solid var(--focus,var(--indigo));outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;z-index:200}
.skip:focus{left:12px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;outline-color:var(--marigold)}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
@media(min-width:720px){:root{--pad:32px}}
@media(min-width:1100px){:root{--pad:56px}}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- colour blocks ---------- */
section,.blk-like{position:relative;background:var(--glow,linear-gradient(transparent,transparent)),var(--bg);color:var(--fg);border-top:var(--rule)}
section{--bg:var(--bgc);--fg:var(--text);--acc:#B8301B;--focus:var(--indigo)}
.bg-cream{--bg:var(--bgc);--fg:var(--text)}
.bg-sand{--bg:var(--bgc2);--fg:var(--text)}
.bg-green{--bg:#0B3D2E;--fg:#FFF4DC;--acc:#F6A91B;--focus:#F6A91B}
.bg-gold{--bg:#F6A91B;--fg:#14110F;--acc:#0B3D2E;--focus:#14110F}
.bg-indigo{--bg:#2B2A7A;--fg:#FFF4DC;--acc:#F6A91B;--focus:#F6A91B}
.bg-tomato{--bg:#C8361F;--fg:#FFFBF0;--acc:#FFFBF0;--focus:#FFFBF0}
.sec{padding:clamp(56px,9vw,120px) 0}
.sec-s{padding:clamp(40px,6vw,72px) 0}
.lbl{font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:16px}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.025em}
h2{font-size:clamp(36px,7vw,92px)}
h2 em,h1 em{font-style:normal;color:var(--acc)}
.bg-tomato h2 em,.bg-tomato h1 em{background:var(--ink);color:var(--marigold);padding:0 .1em;display:inline-block;transform:rotate(-1.5deg)}
.lead{font-size:clamp(18px,2vw,22px);max-width:34em;margin-top:22px}
.muted{color:var(--muted)}
p+p{margin-top:.9em}

/* ---------- cards ---------- */
.pc{background:var(--card);color:var(--card-fg);--fg:var(--card-fg);--acc:var(--acc-card);border:var(--rule);border-radius:12px;box-shadow:7px 7px 0 var(--shadow-c);padding:20px}
.pc.sm{border-width:3px;box-shadow:5px 5px 0 var(--shadow-c);padding:16px}
.fc-gold{background:#F6A91B;color:#14110F;--fg:#14110F;--acc:#14110F}
.fc-green{background:#0B3D2E;color:#FFF4DC;--fg:#FFF4DC;--acc:#F6A91B}
.fc-sand{background:#F7E6BF;color:#14110F;--fg:#14110F;--acc:#B8301B}
.fc-indigo{background:#2B2A7A;color:#FFF4DC;--fg:#FFF4DC;--acc:#F6A91B}
.fc-tomato{background:#C8361F;color:#FFFBF0;--fg:#FFFBF0;--acc:#FFFBF0}
.tilt{--r:0deg}.tilt.l{--r:-1.2deg}.tilt.r{--r:1.2deg}.tilt.l2{--r:-2.4deg}.tilt.r2{--r:2.4deg}
.tilt{transform:rotate(var(--r))}

/* ---------- buttons, stickers ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.01em;text-decoration:none;padding:14px 24px;border:var(--rule);border-radius:999px;background:var(--tomato);color:#FFFBF0;box-shadow:6px 6px 0 var(--shadow-c);transition:transform .12s,box-shadow .12s;cursor:pointer;line-height:1.1;min-height:52px}
.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--shadow-c)}
.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--shadow-c)}
.btn.gold{background:#F6A91B;color:#14110F}
.btn.ghost{background:var(--card);color:var(--card-fg)}
.btn.sm{font-size:16px;padding:9px 18px;min-height:44px;box-shadow:4px 4px 0 var(--shadow-c);border-width:3px}
.btn.sm:hover{box-shadow:2px 2px 0 var(--shadow-c);transform:translate(2px,2px)}
.bg-tomato .btn:not(.ghost){background:#F6A91B;color:#14110F}
.btn svg{width:22px;height:22px;flex:none}
.sticker{display:inline-block;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#FFFBF0;color:#14110F;border:3px solid var(--ink);padding:6px 12px;border-radius:8px;transform:rotate(-3deg);box-shadow:3px 3px 0 #14110F;line-height:1.2}
.sticker.round{border-radius:999px}
.sticker.t{background:#C8361F;color:#FFFBF0}
.sticker.g{background:#F6A91B}
.sticker.gr{background:#0B3D2E;color:#FFF4DC}

/* ---------- nav ---------- */
nav.top{position:sticky;top:0;z-index:60;background:var(--page);border-bottom:var(--rule)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.03em}
.chip-logo{width:46px;height:46px;border-radius:50%;background:#FFF4DC;border:3px solid var(--ink);display:grid;place-items:center;flex:none;box-shadow:3px 3px 0 var(--shadow-c)}
.chip-logo img{width:34px;height:auto}
.links{display:none;gap:22px;align-items:center}
.links a.t{font-weight:700;font-size:15.5px;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.links a.t:hover,.links a.t[aria-current="page"]{border-bottom-color:var(--tomato)}
.nav-r{display:flex;align-items:center;gap:10px}
.burger{border:3px solid var(--line);background:var(--card);color:var(--card-fg);border-radius:12px;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;box-shadow:3px 3px 0 var(--shadow-c)}
.burger svg{width:24px;height:24px}
.nav-cta{display:none}
.msheet{position:fixed;inset:68px 0 0 0;z-index:55;background:var(--page);padding:20px var(--pad) 120px;display:none;overflow:auto;border-top:var(--rule)}
.msheet.open{display:block}
.msheet a.t{display:block;font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-.02em;text-decoration:none;padding:12px 0;border-bottom:3px dashed var(--line)}
.msheet .row{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}
@media(min-width:1060px){.links{display:flex}.burger{display:none}.nav-cta{display:inline-flex}.msheet{display:none!important}}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:58;padding:10px var(--pad);background:var(--page);border-top:var(--rule);display:flex;gap:10px;align-items:center;justify-content:space-between}
.sticky-cta span{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.05}
@media(min-width:1060px){.sticky-cta{display:none}body{padding-bottom:0}}

/* ---------- marquee ---------- */
.marquee{background:var(--ink);color:#F6A91B;border-top:var(--rule);border-bottom:var(--rule);overflow:hidden;white-space:nowrap;padding:12px 0}
.marquee .track{display:inline-flex;animation:run 46s linear infinite;font-family:var(--display);font-weight:800;font-size:clamp(20px,3vw,28px);letter-spacing:-.01em;text-transform:uppercase;will-change:transform}
.marquee span{margin:0 16px}.marquee i{font-style:normal;color:#FF7A5F;margin:0 4px}
@keyframes run{to{transform:translateX(-50%)}}
.static .marquee .track{animation:none}
@media(prefers-reduced-motion:reduce){.marquee .track{animation:none}}

/* ---------- home hero ---------- */
.hero{border-top:0;background:var(--marigold);--bg:#F6A91B;--fg:#14110F;--acc:#0B3D2E;--focus:#14110F;overflow:hidden}
.hero .wrap{display:grid;gap:12px 24px;min-height:calc(100svh - 72px);padding-top:clamp(10px,2.4vh,32px);padding-bottom:clamp(10px,2.4vh,32px);align-items:center}
@media(min-width:980px){.hero .wrap{grid-template-columns:1fr 1.02fr}}
.hero h1{font-size:clamp(30px,min(9.2vw,5.4vh),42px);text-transform:uppercase;line-height:.92;letter-spacing:-.03em}
.hero h1 .job{background:var(--ink);color:#F6A91B;padding:0 .12em;display:inline-block;transform:rotate(-1.5deg);margin-top:.06em}
.hero .sub{font-size:clamp(16px,2.1vh,22px);font-weight:500;max-width:28em;margin:clamp(10px,2vh,24px) 0 clamp(12px,2.4vh,28px);line-height:1.4}
.hero .sub b{font-weight:800}
.cta-row{display:flex;gap:16px 20px;flex-wrap:wrap;align-items:center}
.cta-row .note{font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.04em;max-width:22em}

/* hero scene */
.hs{position:relative;width:100%}
.hs-fit{position:relative;width:100%;overflow:visible}
.hs-stage{position:absolute;left:0;top:0;width:560px;height:620px;transform-origin:0 0;--mx:0;--my:0;--sy:0}
.hs-ground{position:absolute;left:0;top:586px;width:560px;height:6px;background:var(--ink);border-radius:4px;opacity:.9}
.hs-shadow{position:absolute;left:20px;top:580px;width:300px;height:22px;border-radius:50%;background:rgba(20,17,15,.28);translate:calc(var(--mx)*-6px) 0}
.hs-pile{position:absolute;left:0;top:0;width:560px;height:620px;transform-origin:170px 586px;translate:calc(var(--mx)*10px) calc(var(--my)*6px);pointer-events:none}
.pc2{position:absolute;left:0;top:0;opacity:0;will-change:transform;font-family:var(--display);font-weight:800;line-height:1;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:#14110F;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;white-space:nowrap;font-size:15px;letter-spacing:-.01em;transform-origin:50% 50%}
.pc2 small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;display:block;font-weight:700;opacity:.8;margin-top:3px}
.pc2.or{background:#E0662B;color:#fff}.pc2.te{background:#1F7A64;color:#fff}.pc2.in{background:#5563DE;color:#fff}.pc2.am{background:#E9A23B}.pc2.co{background:#E8605A;color:#14110F}.pc2.pa{background:#FFFBF0}.pc2.ye{background:#FFE17A;border-radius:3px}
.pc2.note{background:#2F9E6B;color:#fff;border-radius:6px;font-size:16px;padding:8px 14px}
.pc2.coin{width:44px;height:44px;border-radius:50%;background:#F6A91B;padding:0;justify-content:center;font-size:20px;border-width:3px}
.pc2.rcpt{background:repeating-linear-gradient(0deg,#FFFBF0 0 15px,#EADFCB 15px 16px);flex-direction:column;align-items:flex-start;gap:2px;border-radius:2px 2px 0 0;padding:10px 12px 14px}
.hs-tag{position:absolute;left:30px;top:150px;z-index:6;translate:calc(var(--mx)*14px) 0}
.hs-tag .sticker{font-size:12.5px;white-space:nowrap}
.hs-phone{--pw:250px;position:absolute;left:300px;top:40px;width:250px;z-index:3;transform:translateX(0);translate:calc(var(--mx)*-14px) calc(var(--my)*-8px + var(--sy)*1px);will-change:transform}
.hs-phone-in{transform:rotate(2deg);transform-origin:50% 100%}
.hs-beam{position:absolute;left:0;top:0;z-index:2;width:240px;height:300px;opacity:0;pointer-events:none;transform-origin:0 50%;clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);background:linear-gradient(to left,rgba(255,251,240,.7),rgba(255,251,240,0));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.hs-ring{position:absolute;left:0;top:0;z-index:4;width:150px;height:150px;border-radius:50%;border:4px solid #FFFBF0;opacity:0;pointer-events:none;box-shadow:0 0 18px rgba(255,251,240,.7)}
.hs-glow{position:absolute;inset:-26px;border-radius:70px;opacity:0;z-index:-1;background:radial-gradient(closest-side,rgba(255,251,240,.9),rgba(255,251,240,0));pointer-events:none}
.hs-item{position:absolute;left:0;top:0;z-index:5}
.hs-banner{position:absolute;left:20px;top:420px;width:290px;z-index:4;opacity:0;transform:translateY(24px) rotate(-3deg);translate:calc(var(--mx)*8px) 0}
.hs-banner .pc{padding:12px 14px;border-width:4px;background:#FFFBF0;color:#14110F;box-shadow:6px 6px 0 #14110F;--r:0}
.hs-banner b{font-family:var(--display);font-weight:800;font-size:31px;line-height:.98;letter-spacing:-.03em;display:block}
.hs-banner b i{font-style:normal;background:#14110F;color:#F6A91B;padding:0 .1em;display:inline-block;transform:rotate(-1.5deg)}
.hs-banner span{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:8px;color:#4A4036}
.hs-sp{position:absolute;z-index:6;width:14px;height:14px;opacity:0;color:#FFFBF0}
.hs-sp svg{width:100%;height:100%;fill:currentColor}
.hs.done .hs-sp{animation:tw 3.2s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(40deg)}}
.hs-replay{position:absolute;right:0;bottom:-6px;z-index:8;font:inherit;cursor:pointer}
.hs-ctl{display:flex;justify-content:center;margin-top:10px}
.hs-ctl .btn{font-size:14px;min-height:40px;padding:7px 14px;border-width:3px;box-shadow:3px 3px 0 var(--shadow-c)}
.hs-idle .hs-bob{animation:bob 5s ease-in-out infinite}
.hs-idle .hs-bob.b2{animation-duration:6.2s;animation-delay:-2s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:979px){
  .hs-stage{width:360px;height:340px}
  .hs-ground{top:312px;width:360px}
  .hs-shadow{left:15px;top:309px;width:170px;height:12px}
  .hs-pile{width:360px;height:340px;transform-origin:95px 312px}
  .hs-phone{--pw:160px;--ph:322px;left:192px;top:12px;width:160px}
  .hs-tag{left:6px;top:8px}
  .hs-tag .sticker{font-size:10px;padding:4px 8px}
  .hs-banner{left:8px;top:92px;width:176px}
  .hs-banner b{font-size:19px}
  .hs-banner .pc{padding:8px 10px;border-width:3px;box-shadow:4px 4px 0 #14110F}
  .hs-banner span{display:none}
  .hs-stage .kp .dock{display:none}
  .hs-fit{overflow:hidden}
  .hero .cta-row .note,.hero .sub2{display:none}
  .hero .wrap{min-height:0;align-content:start}
}
.static .hs-ctl,.hs-ctl[hidden]{display:none}

/* ---------- app phone mocks (kp) ---------- */
.kp{--b:#FBF7F0;--cd:#FFFFFF;--pp:#FFFCF6;--k:#2A2420;--k2:#5A5048;--k3:#8A7E72;--ln:#EFE6DA;--tr:#EADFD1;--fr:#1d1714;
  --money:#E0662B;--wealth:#1F7A64;--protect:#5563DE;--goals:#E9A23B;--home:#E8605A;--dk:#2B211C;
  --t-money:#FDEBDD;--t-wealth:#E7F3EE;--t-protect:#E9ECFC;--t-goals:#FCF1DC;--t-home:#FDE8E6;--t-n:#F1ECE6;
  --sh:0 .15em 0 rgba(60,40,20,.06),0 .5em 1.2em rgba(60,40,20,.08);
  position:relative;width:var(--pw,280px);font-size:calc(var(--pw,280px)*.0433);font-family:var(--body);color:var(--k);line-height:1.3}
.kp .fr{background:var(--fr);border-radius:2.6em;padding:.62em;box-shadow:.9em .9em 0 var(--shadow-c)}
.kp .scr{background:var(--b);border-radius:2.1em;overflow:hidden;position:relative;height:var(--ph,calc(var(--pw,280px)*1.98));display:flex;flex-direction:column;padding:1.1em 1.05em 0}
.kp .isl{display:flex;align-items:center;gap:.7em;background:var(--cd);border-radius:99em;padding:.45em .8em .45em .45em;box-shadow:var(--sh);font-weight:800;font-size:1.02em}
.kp .lg{width:2.5em;height:2.5em;border-radius:50%;background:#FFF4DC;display:grid;place-items:center;flex:none;border:.15em solid #14110F}
.kp .lg img{width:1.75em;height:auto}
.kp .isl .bl{margin-left:auto;display:flex;align-items:center;gap:.3em;font-size:.9em;color:var(--k2)}
.kp svg{width:1.3em;height:1.3em;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kp .strip{display:flex;align-items:center;gap:.6em;background:var(--dk);color:#F6EFE6;border-radius:1.1em;padding:.6em .9em;margin-top:.65em;font-weight:700;font-size:.97em}
.kp .strip i{width:1.45em;height:1.45em;border-radius:50%;background:#E9A23B;border:.17em solid #F6C46E;flex:none}
.kp .strip b{margin-left:auto;color:#F2B54B}
.kp .chat{display:flex;flex-direction:column;gap:.65em;margin-top:.8em;flex:1;overflow:hidden;min-height:0}
.kp .bub{background:var(--cd);border-radius:1.4em 1.4em 1.4em .5em;padding:.75em .95em;max-width:88%;font-size:1.0em;line-height:1.35;box-shadow:var(--sh)}
.kp .me{align-self:flex-end;background:var(--money);color:#fff;border-radius:1.4em 1.4em .5em 1.4em;padding:.65em .95em;font-weight:700}
.kp .panel{background:var(--c,var(--money));color:#fff;border-radius:1.6em;padding:1em 1.05em;position:relative;overflow:hidden}
.kp .panel::after{content:"";position:absolute;right:-3em;top:-3em;width:10em;height:10em;border-radius:50%;background:rgba(255,255,255,.12)}
.kp .panel .eb{font-size:.78em;letter-spacing:.1em;font-weight:800;opacity:.9}
.kp .panel .big{font-family:var(--serif);font-weight:700;font-size:2.7em;line-height:1.05;margin-top:.1em;letter-spacing:-.01em}
.kp .panel .sm{font-size:.92em;opacity:.95}
.kp .panel .bar{height:.38em;border-radius:9em;background:rgba(255,255,255,.3);margin-top:.7em}.kp .panel .bar i{display:block;height:100%;width:var(--w,40%);border-radius:9em;background:#fff}
.kp .cardw{background:var(--cd);border-radius:1.4em;box-shadow:var(--sh);overflow:hidden}
.kp .cardw .ft{display:flex;justify-content:space-between;padding:.6em 1em;font-size:.9em;color:var(--k2);border-top:1px solid var(--ln)}
.kp .cardw .ft b{color:var(--money);font-weight:800}
.kp .bill{display:flex;align-items:center;gap:.8em;padding:.8em .95em;border-left:.4em solid var(--home);background:var(--cd);border-radius:1.2em;box-shadow:var(--sh)}
.kp .bill .ic{width:2.6em;height:2.6em;border-radius:.9em;background:var(--t-home);color:var(--home);display:grid;place-items:center}
.kp .bill .n{font-weight:800;font-size:1.02em}.kp .bill .c{font-size:.85em;color:var(--k3)}
.kp .bill .a{margin-left:auto;font-weight:800}
.kp .goal{background:var(--cd);border-left:.4em solid var(--goals);border-radius:1.2em;box-shadow:var(--sh);padding:.8em .95em}
.kp .goal .row{display:flex;justify-content:space-between;align-items:center;font-weight:800}
.kp .goal .c{font-size:.85em;color:var(--k3);font-weight:500}
.kp .goal .bar{height:.4em;border-radius:9em;background:var(--tr);margin:.6em 0 .2em}.kp .goal .bar i{display:block;height:100%;border-radius:9em;background:var(--goals);width:var(--w,48%)}
.kp .goal .st{font-size:.88em;color:var(--k2)}
.kp .nw{background:var(--wealth);color:#fff;border-radius:1.4em;overflow:hidden}
.kp .nw .in{padding:.9em 1em}.kp .nw .eb{font-size:.78em;letter-spacing:.1em;font-weight:800;opacity:.9}.kp .nw .big{font-family:var(--serif);font-weight:700;font-size:2.4em;line-height:1.05}
.kp .nw .ft{background:var(--cd);color:var(--k2);padding:.55em 1em;font-size:.9em;display:flex;justify-content:space-between}.kp .nw .ft b{color:var(--wealth)}
.kp .dock{display:flex;justify-content:space-between;padding:.6em .3em .3em;margin-top:auto}
.kp .dk{display:flex;flex-direction:column;align-items:center;gap:.25em;font-size:.76em;font-weight:700;color:var(--k2)}
.kp .dk span{width:3.7em;height:3.7em;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 .25em 0 rgba(0,0,0,.15)}
.kp .dk svg{width:1.7em;height:1.7em}
.kp .comp{display:flex;align-items:center;gap:.6em;padding:.5em 0 1.1em}
.kp .comp .in{flex:1;background:var(--cd);border-radius:99em;padding:.8em 1em;color:var(--k3);font-size:.95em;box-shadow:var(--sh)}
.kp .mic{width:3.2em;height:3.2em;border-radius:50%;background:var(--money);color:#fff;display:grid;place-items:center;flex:none}
/* sheets inside phone */
.kp .behind{position:absolute;inset:0;padding:1.1em 1.05em 0}
.kp .scrim{position:absolute;inset:0;background:rgba(30,20,12,.45)}
.kp .sheet{position:absolute;left:0;right:0;bottom:0;background:var(--b);border-radius:2em 2em 0 0;padding:.7em 1.05em 1.2em}
.kp .sheet .hd{width:3.2em;height:.3em;border-radius:9em;background:var(--tr);margin:0 auto .8em}
.kp .sheet h4{font-family:var(--serif);font-weight:700;font-size:1.9em;letter-spacing:0;line-height:1.1}
.kp .sheet .x{position:absolute;right:1.05em;top:1.3em;width:2.4em;height:2.4em;border-radius:50%;background:var(--cd);display:grid;place-items:center;box-shadow:var(--sh)}
.kp .grp{font-size:.72em;font-weight:800;letter-spacing:.12em;margin:.9em 0 .4em;color:var(--c)}
.kp .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.kp .tl{border-radius:1em;padding:.7em .3em .6em;display:flex;flex-direction:column;align-items:center;gap:.3em;font-size:.82em;font-weight:700;text-align:center;background:var(--t);color:var(--k)}
.kp .tl svg{width:1.9em;height:1.9em;color:var(--c)}
.kp .tiles2{display:grid;grid-template-columns:1fr 1fr;gap:.55em;margin-top:.9em}
.kp .tl2{background:var(--t);border-radius:1.1em;padding:.8em .8em .75em;font-size:.95em;font-weight:800;display:flex;flex-direction:column;gap:.3em;min-height:5.6em}
.kp .tl2 svg{width:2em;height:2em;color:var(--c)}.kp .tl2 small{font-weight:500;color:var(--k2);font-size:.8em;line-height:1.25}
.kp .tl2.lockt{background:var(--t-n);color:var(--k2);font-size:.82em;justify-content:center;text-align:center;font-weight:700}
.kp .note{display:flex;gap:.6em;align-items:flex-start;background:var(--t-n);border-radius:1em;padding:.7em .8em;font-size:.82em;color:var(--k2);margin-top:.9em;line-height:1.35}
.kp .tabs{display:flex;gap:1.2em;padding:.9em .2em .3em;border-bottom:1px solid var(--ln);font-weight:700;font-size:.97em;color:var(--k3)}
.kp .tabs .on{color:var(--k);box-shadow:inset 0 -.25em 0 var(--k);padding-bottom:.5em}
.kp .list{background:var(--cd);border-radius:1.4em;box-shadow:var(--sh);padding:.15em .9em;margin-top:.8em}
.kp .it{display:flex;align-items:center;gap:.8em;padding:.75em 0;border-bottom:1px solid var(--ln)}.kp .it:last-child{border:0}
.kp .it .ic{width:2.6em;height:2.6em;border-radius:.9em;display:grid;place-items:center;flex:none;background:var(--t);color:var(--c)}
.kp .it .n{font-weight:800;font-size:1.0em}.kp .it .c{font-size:.8em;color:var(--k3)}.kp .it .a{margin-left:auto;text-align:right;font-weight:800;color:var(--money)}.kp .it .a small{display:block;font-weight:500;color:var(--k3);font-size:.78em}
.kp .cta{background:var(--c,var(--money));color:#fff;font-weight:800;text-align:center;border-radius:1.2em;padding:1em;box-shadow:0 .3em 0 rgba(0,0,0,.28);margin:auto 0 1.2em}
.kp .avs{display:flex;margin-top:.5em;align-items:center;gap:.5em;font-size:.9em}
.kp .avs span.a{width:2.3em;height:2.3em;border-radius:50%;border:.15em solid #fff;display:grid;place-items:center;font-weight:800;font-size:.85em;color:#fff;margin-right:-.9em}
.kp .tag{font-size:.7em;font-weight:800;letter-spacing:.06em;padding:.2em .6em;border-radius:.5em;background:var(--t-money);color:var(--money)}
.kp .pill{display:inline-block;font-size:.72em;font-weight:800;padding:.2em .6em;border-radius:99em;background:var(--t-protect);color:var(--protect);letter-spacing:.04em}
.kp .draft-row{display:flex;align-items:center;gap:.7em;padding:.65em 0;border-bottom:1px solid var(--ln);font-size:.95em}
.kp .cb{width:1.5em;height:1.5em;border-radius:.45em;border:.17em solid var(--wealth);background:var(--wealth);color:#fff;display:grid;place-items:center;flex:none}
.kp .cb svg{width:1em;height:1em;stroke-width:3}.kp .cb.off{background:transparent;border-color:var(--k3)}
.kp .draft-row .n{font-weight:700}.kp .draft-row .c{font-size:.8em;color:var(--k3)}.kp .draft-row .a{margin-left:auto;font-weight:800}
.kp .sm-btn{display:inline-block;background:var(--cd);border-radius:99em;padding:.55em 1em;font-weight:800;font-size:.9em;box-shadow:0 .15em 0 rgba(0,0,0,.1);border:1px solid var(--ln);margin-right:.4em}
.kp-wrap{display:flex;justify-content:center;position:relative}

/* ---------- chores staircase ---------- */
.wall-head{display:grid;gap:24px}
@media(min-width:900px){.wall-head{grid-template-columns:1.4fr 1fr;align-items:end}}
.effort{margin-top:44px;font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.14em;color:var(--acc)}
.staircase{margin-top:16px;display:grid;gap:12px}
.step{border:3px solid var(--ink);border-radius:6px;padding:12px 14px;font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,26px);line-height:1;letter-spacing:-.01em;box-shadow:5px 5px 0 var(--shadow-c);color:#14110F;background:var(--cs,#FFF4DC);width:var(--w)}
.step small{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;opacity:.75}
.step:nth-child(1){--w:44%;--cs:#FFF4DC;--r:-1deg}.step:nth-child(2){--w:54%;--cs:#F6A91B;--r:1deg}.step:nth-child(3){--w:64%;--cs:#FFFBF0;--r:-1.2deg}
.step:nth-child(4){--w:74%;--cs:#F9C74F;--r:.8deg}.step:nth-child(5){--w:84%;--cs:#F7E6BF;--r:-.6deg}.step:nth-child(6){--w:92%;--cs:#F6A91B;--r:1.2deg}
.step:nth-child(7){--w:100%;--cs:#C8361F;color:#FFFBF0;--r:-1deg;border-color:#14110F}
.step{transform:rotate(var(--r))}
@media(min-width:900px){
  .staircase{grid-template-columns:repeat(7,1fr);align-items:end;height:460px;gap:12px}
  .step{width:auto;padding:14px 12px}
  .step:nth-child(1){height:20%}.step:nth-child(2){height:31%}.step:nth-child(3){height:42%}.step:nth-child(4){height:55%}.step:nth-child(5){height:68%}.step:nth-child(6){height:82%}.step:nth-child(7){height:100%}
  .step{font-size:clamp(15px,1.7vw,23px)}
}
.wall-foot{margin-top:44px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:space-between;border-top:3px dashed currentColor;padding-top:26px}
.wall-foot p{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.2vw,40px);letter-spacing:-.02em;line-height:1.05;max-width:20em}
.wall-foot p b{color:var(--acc)}

/* ---------- month ---------- */
.cal{margin-top:48px;display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:620px){.cal{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.cal{grid-template-columns:repeat(4,1fr)}}
.day{padding:18px 18px 20px}
.day .when{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.day h3{font-size:30px;margin:10px 0 6px;line-height:1}
.day p{font-size:16px;line-height:1.45}
.day.good{background:#0B3D2E;color:#FFF4DC;--acc:#F6A91B}
.day.warn{background:#F6A91B;color:#14110F;--acc:#14110F}
.flavour{margin-top:48px;display:flex;gap:16px 26px;align-items:center;flex-wrap:wrap}
.flavour .big{font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,64px);letter-spacing:-.03em;line-height:.95}
.flavour .big s{text-decoration-thickness:6px;text-decoration-color:var(--acc)}

/* ---------- afford ---------- */
.two{display:grid;gap:clamp(32px,5vw,72px);align-items:center}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr}.two.w{grid-template-columns:1fr 1.15fr}.two.n{grid-template-columns:1.1fr .9fr}}
.q{line-height:1;font-family:var(--display);font-weight:800;font-size:clamp(34px,4.5vw,60px);letter-spacing:-.03em;margin:0 0 10px}
.afford h2 em{background:var(--ink);color:#F6A91B;padding:0 .1em;display:inline-block;transform:rotate(-1.5deg)}
.apps{position:relative;display:grid;gap:14px}
.app{border:var(--rule);background:var(--card);color:var(--card-fg);border-radius:14px;box-shadow:6px 6px 0 var(--shadow-c);padding:14px 16px;font-size:14px;--acc:var(--acc-card)}
.app b{font-family:var(--display);font-size:20px;display:block;line-height:1.05}
.app span{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--acc-card);letter-spacing:.04em}
.app .bar{height:8px;background:var(--chip);border-radius:99px;margin-top:10px;border:2px solid var(--line);overflow:hidden}
.app .bar i{display:block;height:100%;background:var(--a-wealth)}
.app:nth-child(odd){margin-right:12%}.app:nth-child(even){margin-left:12%}
.mental{background:var(--ink);color:#F6A91B;font-family:var(--mono);font-weight:700;font-size:15px;padding:16px 20px;border-radius:12px;box-shadow:6px 6px 0 #C8361F;line-height:1.5;margin-top:6px}
.mental b{color:#FFFBF0}
@media(min-width:900px){
  .apps{min-height:480px;display:block}
  .app{position:absolute;width:54%;margin:0!important}
  .app:nth-child(1){left:0;top:0;transform:rotate(-4deg)}.app:nth-child(2){right:0;top:40px;transform:rotate(3deg)}.app:nth-child(3){left:6%;top:150px;transform:rotate(2deg)}
  .app:nth-child(4){right:2%;top:190px;transform:rotate(-3deg)}.app:nth-child(5){left:22%;top:300px;transform:rotate(1.5deg)}
  .mental{position:absolute;right:0;bottom:0;transform:rotate(-2deg);margin:0}
}

/* ---------- answers ---------- */
.ans-list{margin-top:36px;display:grid;gap:16px}
.ans{display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center;border:3px solid currentColor;border-radius:14px;padding:14px 18px;background:rgba(255,244,220,.07)}
.ans .ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:3px solid #14110F;box-shadow:3px 3px 0 #14110F;color:#14110F}
.ans h3{font-size:27px;line-height:1}.ans p{font-size:16px;margin-top:4px}
.ans .ex{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--acc);margin-top:6px}

/* ---------- 2x2 ---------- */
.quad-head{text-align:center;max-width:900px;margin:0 auto}.quad-head .lead{margin-left:auto;margin-right:auto}
.quad-wrap{margin:52px auto 0;max-width:980px;display:grid;grid-template-columns:30px 1fr;gap:8px}
.yaxis{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;justify-content:space-between;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;align-items:center}
.xaxis{grid-column:2;display:flex;justify-content:space-between;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.quad{display:grid;grid-template-columns:1fr 1fr;border:var(--rule);background:var(--card);color:var(--card-fg);box-shadow:9px 9px 0 var(--shadow-c);position:relative}
.q-cell{padding:14px 12px;position:relative;display:flex;flex-direction:column;gap:6px;min-height:200px;--acc:var(--acc-card)}
.q-cell:nth-child(1){border-right:var(--rule);border-bottom:var(--rule)}
.q-cell:nth-child(2){border-bottom:var(--rule);background:#0B3D2E;color:#FFF4DC;--acc:#F6A91B}
.q-cell:nth-child(3){border-right:var(--rule)}
.q-cell:nth-child(4){background:var(--chip)}
.q-cell h3{font-size:clamp(19px,3vw,36px);line-height:1}
.q-cell p{font-size:12.8px;line-height:1.35}
.q-cell .tg{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.q-cell .dots{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap;padding-top:10px}
.q-cell .dots span{font-family:var(--mono);font-size:10.5px;font-weight:700;border:2px solid var(--line);border-radius:99px;padding:2px 8px;background:#F7E6BF;color:#14110F}
.q-cell.me .sticker{position:absolute;right:8px;top:-16px;transform:rotate(4deg);font-size:10px}
.q-cell.me .chip-logo{position:absolute;right:10px;bottom:10px;width:52px;height:52px}.q-cell.me .chip-logo img{width:38px}
@media(min-width:700px){.q-cell{padding:24px;min-height:270px}.q-cell p{font-size:15px;max-width:19em}.q-cell .tg{font-size:11.5px}.quad-wrap{grid-template-columns:36px 1fr}.yaxis,.xaxis{font-size:12px}.q-cell.me .chip-logo{width:76px;height:76px}.q-cell.me .chip-logo img{width:56px}.q-cell .dots span{font-size:12px}}
.quad-foot{text-align:center;margin-top:44px;font-family:var(--display);font-weight:700;font-size:clamp(22px,3vw,34px);letter-spacing:-.02em;line-height:1.2}
.quad-foot b{background:#F6A91B;color:#14110F;padding:0 .2em;border:3px solid var(--ink);display:inline-block;transform:rotate(-1deg)}

/* ---------- steps ---------- */
.steps{margin-top:48px;display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:640px){.steps{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.steps.s4{grid-template-columns:repeat(4,1fr)}}
.stp{padding:22px 20px 24px;box-shadow:7px 7px 0 #F6A91B}
.stp .n{font-family:var(--display);font-weight:800;font-size:72px;line-height:.8;color:var(--acc-card);letter-spacing:-.05em}
.stp h3{font-size:28px;margin:14px 0 8px;line-height:1}.stp p{font-size:16px;line-height:1.45}
.stp .mini{margin-top:14px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-top:3px dashed var(--line);padding-top:10px}
.honest{margin-top:44px;display:grid;gap:20px}
@media(min-width:800px){.honest{grid-template-columns:1fr 1fr}}
.honest>div{border:3px solid currentColor;border-radius:12px;padding:22px 22px}
.honest h3{font-size:26px;margin-bottom:12px;line-height:1;color:var(--acc)}
.honest ul{list-style:none;display:grid;gap:9px;font-size:16px}
.honest li{display:grid;grid-template-columns:22px 1fr;gap:8px}
.honest li svg{width:20px;height:20px;margin-top:3px;stroke:currentColor;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- household ---------- */
.hh-list{margin-top:32px;display:grid;gap:14px}
.hh-item{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.hh-item .b{width:44px;height:44px;border-radius:10px;background:var(--ink);color:#F6A91B;display:grid;place-items:center}
.hh-item .b svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hh-item h3{font-size:24px;line-height:1.05}.hh-item p{font-size:16px;margin-top:2px}
.homepic{position:relative;max-width:360px;margin:0 auto 34px}
.homepic .pol{background:#F3DFC0;border:7px solid #fff;border-bottom-width:34px;border-radius:12px;box-shadow:8px 8px 0 var(--shadow-c),0 0 0 3px var(--ink);transform:rotate(-2.5deg);height:210px;position:relative;padding:18px;overflow:hidden}
.homepic .cap{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:14px;color:#14110F}
.homepic .roof{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:130px;height:46px;background:#E8605A;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}
.homepic .avr{display:flex;gap:8px;justify-content:center;margin-top:56px}
.homepic .avr .a{width:56px;height:62px;border-radius:28px 28px 10px 10px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:14px;transform:translateY(40px) scale(.4);opacity:0;transition:transform .6s cubic-bezier(.3,1.5,.5,1),opacity .4s}
.homepic .avr .a:nth-child(2){transition-delay:.25s}.homepic .avr .a:nth-child(3){transition-delay:.5s}.homepic .avr .a:nth-child(4){transition-delay:.75s}
.homepic.in .avr .a,.static .homepic .avr .a,html:not(.js) .homepic .avr .a{transform:none;opacity:1}
.homepic .sofa{width:150px;height:36px;background:#E0952F;border-radius:12px 12px 6px 6px;margin:6px auto 0;box-shadow:inset 0 -8px 0 #C97E1F}
.hh-card .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.hh-card .hd h3{font-size:30px}
.member{display:grid;grid-template-columns:44px 1fr;gap:6px 14px;align-items:center;padding:12px 0;border-top:2px solid var(--line)}
.member .av{width:44px;height:44px;border-radius:50%;border:3px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:19px;color:#fff;grid-row:span 2}
.member b{font-family:var(--display);font-size:20px;line-height:1.1;display:block}
.member small{font-size:13px;color:var(--muted);display:block}
.share{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}
.share span{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--line);border-radius:99px;padding:3px 9px;background:var(--chip);white-space:nowrap}
.share span.on{background:#1F7A64;color:#fff;border-color:#14110F}
.share span.lock{background:#14110F;color:#F6A91B;border-color:#14110F}
.split{margin-top:14px;border:3px dashed var(--line);border-radius:12px;padding:12px 14px;background:var(--chip)}
.split .r{display:flex;justify-content:space-between;gap:10px;font-size:15px}.split .r b{font-family:var(--display);font-size:20px}

/* ---------- trust tiles, khazana ---------- */
.trust{margin-top:44px;display:grid;gap:20px}
@media(min-width:640px){.trust{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.trust{grid-template-columns:repeat(3,1fr)}}
.tr{padding:22px}
.tr svg{width:44px;height:44px;margin-bottom:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tr h3{font-size:27px;line-height:1;margin-bottom:8px}.tr p{font-size:16px;line-height:1.45}
.tr.g{background:#F6A91B;color:#14110F}.tr.s{background:#F7E6BF;color:#14110F}
.kz{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.kz{grid-template-columns:1fr 1fr}}
.kz-strip{display:flex;align-items:center;gap:12px;background:#2B211C;color:#F6EFE6;border-radius:16px;padding:14px 18px;font-weight:800;font-size:19px;border:4px solid #14110F;box-shadow:7px 7px 0 #14110F;transform:rotate(-1.5deg);max-width:420px}
.kz-strip i{width:30px;height:30px;border-radius:50%;background:#E9A23B;border:4px solid #F6C46E;flex:none}
.kz-strip b{margin-left:auto;color:#F2B54B;white-space:nowrap}
.coins{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.coins i{width:42px;height:42px;border-radius:50%;background:#F6A91B;border:4px solid #14110F;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-weight:800;color:#14110F;box-shadow:3px 3px 0 #14110F;font-size:18px}
.bg-tomato .coins i,.bg-tomato .kz-strip{border-color:#14110F}

/* ---------- faq ---------- */
.faq-grid{margin-top:44px;display:grid;gap:0 56px}
@media(min-width:900px){.faq-grid{grid-template-columns:1fr 1fr}}
.qa{border-top:3px solid currentColor;padding:22px 0 24px}
.qa h3{font-size:clamp(23px,2.6vw,31px);line-height:1.03;display:grid;grid-template-columns:auto 1fr;gap:14px}
.qa h3 span{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--acc);padding-top:8px;letter-spacing:.1em}
.qa p{margin-top:12px;font-size:17px;padding-left:44px}

/* ---------- final ---------- */
.final{background:var(--bg);text-align:center;overflow:hidden}
.final .wrap{padding-top:clamp(64px,10vw,140px);padding-bottom:clamp(64px,10vw,140px);position:relative}
.final h2{font-size:clamp(40px,9vw,128px);text-transform:uppercase;line-height:.9}
.final h2 span{display:block}
.final .close{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.6vw,32px);letter-spacing:-.015em;line-height:1.25;margin:36px auto;max-width:24em}
.final .close b{display:block;font-weight:800}
.final .btn{font-size:22px;padding:18px 32px}
.final .sub{margin-top:24px;font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.06em}
.final .sticker{position:absolute;display:none}
@media(min-width:900px){.final .sticker{display:block}}

/* ---------- footer ---------- */
footer{background:#14110F;color:#FFF4DC;padding:52px 0 36px;border-top:var(--rule);border-top-color:#14110F}
footer .cols{display:grid;gap:32px}
@media(min-width:760px){footer .cols{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer .brand{color:#FFF4DC}
footer .tagl{font-family:var(--display);font-weight:700;font-size:22px;margin-top:14px;color:#F6A91B;letter-spacing:-.01em;line-height:1.1}
footer h4{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#F6A91B;margin-bottom:12px;font-weight:700}
footer ul{list-style:none;display:grid;gap:8px}
footer a{text-decoration:none;font-weight:600;font-size:16px;border-bottom:2px solid transparent}
footer a:hover{border-bottom-color:#F6A91B}
footer :focus-visible{outline-color:#F6A91B}
footer .legal{margin-top:38px;padding-top:22px;border-top:2px dashed rgba(255,244,220,.35);font-size:14px;line-height:1.6;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer .legal p{max-width:46em}
footer .mono{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em}

/* ---------- inner page header ---------- */
.ph{border-top:0}
.ph .wrap{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(40px,6vw,80px)}
.ph h1{font-size:clamp(40px,7.4vw,104px);text-transform:uppercase;line-height:.92;letter-spacing:-.03em;max-width:13em}
.ph .lead{max-width:30em}
.ph .crumbs{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.ph .crumbs a{text-underline-offset:4px}
.ph-grid{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.ph-grid.art{grid-template-columns:1.2fr .8fr}}
.prose{max-width:46em}
.prose h2{font-size:clamp(30px,4vw,48px);margin:1.4em 0 .5em}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:18px}
.prose ul,.prose ol{padding-left:1.3em;margin:.8em 0;display:grid;gap:.45em}
.prose a{text-underline-offset:3px;font-weight:600}
.cards3{display:grid;gap:20px;margin-top:36px}
@media(min-width:700px){.cards3{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.cards3.c3{grid-template-columns:repeat(3,1fr)}}
.cards3 h3{font-size:27px;line-height:1.02;margin:8px 0 8px}
.cards3 p{font-size:16px}
.ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:#14110F;background:var(--c,#F6A91B)}
.ico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.facts{display:grid;gap:0;border:var(--rule);border-radius:12px;background:var(--card);color:var(--card-fg);box-shadow:7px 7px 0 var(--shadow-c);overflow:hidden}
.facts>div{display:grid;gap:2px 18px;padding:14px 18px;border-top:3px solid var(--line)}
.facts>div:first-child{border-top:0}
@media(min-width:700px){.facts>div{grid-template-columns:220px 1fr}}
.facts dt{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.facts dd{font-weight:600;overflow-wrap:anywhere}
.t2{display:grid;gap:18px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chips span{font-family:var(--display);font-weight:800;font-size:18px;border:3px solid var(--line);border-radius:99px;padding:8px 16px;background:var(--card);color:var(--card-fg);box-shadow:3px 3px 0 var(--shadow-c)}
.big-q{font-family:var(--display);font-weight:800;font-size:clamp(28px,4vw,52px);line-height:1;letter-spacing:-.03em}

/* learn / tools lists */
.topic{margin-top:50px}
.topic h3{font-size:clamp(28px,4vw,46px)}
.topic .d{margin-top:8px;max-width:38em}
.arts{margin-top:18px;display:grid;gap:0;border:var(--rule);border-radius:12px;background:var(--card);color:var(--card-fg);box-shadow:6px 6px 0 var(--shadow-c);overflow:hidden}
.arts a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:13px 16px;border-top:2px solid var(--line);text-decoration:none;font-weight:700;font-size:16.5px;line-height:1.3}
.arts a:first-child{border-top:0}
.arts a:hover{background:var(--chip)}
.arts a span{font-family:var(--mono);font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--muted)}
.tool{display:flex;flex-direction:column;gap:8px}
.tool .tg{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc-card)}
.tool h3{font-size:24px;line-height:1.05}
.tool .go{margin-top:auto;padding-top:10px;font-weight:800}
.tool .go a{text-underline-offset:4px}

/* ---------- legal ---------- */
.legal-body{display:grid;gap:28px;padding-top:36px;padding-bottom:70px}
@media(min-width:960px){.legal-body{grid-template-columns:270px 1fr;gap:56px}}
.toc{align-self:start;position:sticky;top:84px}
.toc p.tt{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:8px;color:var(--muted)}
.toc ol{list-style:none;display:grid;gap:2px;padding:0}
.toc a{display:block;text-decoration:none;font-weight:700;font-size:14.5px;padding:7px 10px;border-radius:8px;border-left:4px solid transparent;line-height:1.25}
.toc a span{color:var(--muted);margin-right:4px}
.toc a:hover,.toc a[aria-current="true"]{background:var(--chip);border-left-color:var(--tomato)}
.toc .tbtn{display:none}
@media(max-width:959px){
  .toc{position:static}.toc p.tt{display:none}
  .toc .tbtn{display:flex;width:100%;justify-content:space-between;align-items:center;font:inherit;font-weight:800;border:var(--rule);border-radius:12px;background:var(--card);color:var(--card-fg);padding:12px 16px;cursor:pointer;box-shadow:4px 4px 0 var(--shadow-c)}
  .toc ol{display:none;margin-top:10px}.toc[data-open="true"] ol{display:grid}
}
.doc{max-width:48em;font-size:17.5px}
.doc article{padding-top:6px;margin-bottom:38px;scroll-margin-top:90px}
.doc h2{font-size:clamp(28px,3.4vw,42px);line-height:1.05;margin-bottom:14px;display:flex;gap:12px;align-items:baseline}
.doc h2 .n{font-family:var(--mono);font-size:.5em;color:var(--tomato);letter-spacing:.06em;flex:none}
.doc p{margin-top:.95em}
.doc p:first-of-type{margin-top:0}
.doc ul,.doc ol{margin:.9em 0 .9em 1.3em;display:grid;gap:.5em}
.doc a{text-underline-offset:3px;font-weight:600;color:inherit}
.doc strong{font-weight:800}
.doc .kwg-table{margin:1em 0;overflow-x:auto;border:var(--rule);border-radius:10px;background:var(--card)}
.doc table{width:100%;border-collapse:collapse;font-size:15.5px}
.doc th{text-align:left;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;background:var(--chip);border-bottom:3px solid var(--line)}
.doc td{padding:12px 14px;border-top:2px solid var(--line);vertical-align:top}
.doc tr:first-child td{border-top:0}
@media(max-width:700px){
  .doc thead{display:none}.doc tr,.doc td{display:block}
  .doc tr{padding:6px 0;border-top:3px solid var(--line)}.doc tr:first-child{border-top:0}
  .doc td{border:0;padding:6px 14px}
  .doc td::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:2px}
}
.kwg-timeline{list-style:none;counter-reset:t;margin-left:0!important}
.kwg-timeline li{counter-increment:t;padding-left:42px;position:relative}
.kwg-timeline li::before{content:counter(t);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#F6A91B;display:grid;place-items:center;font-family:var(--display);font-weight:800}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px;font-size:14px}
.legal-meta div{display:grid}.legal-meta dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.8}.legal-meta dd{font-weight:700;overflow-wrap:anywhere}
.docbox{margin-top:26px;border:4px solid #14110F;border-radius:14px;padding:18px 20px;background:#FFFBF0;color:#14110F;box-shadow:7px 7px 0 #14110F;max-width:46em;--acc:#B8301B}
.docbox h3{font-size:24px;margin-bottom:8px}.docbox p{font-size:16.5px;margin-top:.5em}.docbox .lbl{margin-bottom:8px}
.summary{margin-top:22px;border:3px solid currentColor;border-radius:12px;padding:14px 18px;max-width:46em;font-size:17px}

/* ---------- misc ---------- */
.nf-code{font-family:var(--display);font-weight:800;font-size:clamp(120px,26vw,320px);line-height:.8;letter-spacing:-.06em}
.rowlinks{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.story{display:grid;gap:36px;margin-top:44px}
.story .st{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.story .st{grid-template-columns:1fr 1fr;gap:56px}.story .st:nth-child(even)>:last-child{order:-1}}
.story .num{font-family:var(--display);font-weight:800;font-size:clamp(70px,9vw,130px);line-height:.8;color:var(--acc);letter-spacing:-.05em}
.story h3{font-size:clamp(30px,4vw,52px);margin:10px 0 10px}
.dest{width:100%;border-collapse:collapse;font-size:16px}
.dest th,.dest td{padding:12px 14px;text-align:left;border-top:3px solid var(--line);vertical-align:top}
.dest th{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.dest thead th{border-top:0;background:var(--chip)}
@media(max-width:700px){.dest thead{display:none}.dest tr,.dest td,.dest th{display:block}.dest td::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}.dest tr{padding:6px 0;border-top:3px solid var(--line)}.dest td,.dest th{border:0;padding:5px 12px}}

/* page transition */
@view-transition{navigation:auto}
@keyframes pgin{from{opacity:0}to{opacity:1}}
main{animation:pgin .35s ease both}

/* ---------- reveals ---------- */
.js .rv{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .rv.tilt{transform:translateY(36px) rotate(calc(var(--r)*4 + 2deg))}
.js .rv.in{opacity:1;transform:rotate(var(--r,0deg))}
.js .blk::before{content:"";position:absolute;inset:0;background:var(--glow,linear-gradient(transparent,transparent)),var(--bg);z-index:-1;transform-origin:50% 100%;transform:scaleY(.04);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.js .blk{background:none;isolation:isolate}
.js .blk.in::before{transform:none}
.js .blk>.wrap{opacity:0;transform:translateY(50px);transition:opacity .7s .15s ease,transform .8s .15s cubic-bezier(.2,.8,.2,1)}
.js .blk.in>.wrap{opacity:1;transform:none}
.js.static .rv,.js.static .blk>.wrap{opacity:1!important;transition:none!important}
.js.static .rv{transform:rotate(var(--r,0deg))!important}
.js.static .blk>.wrap{transform:none!important}
.js.static .blk::before{transform:none!important;transition:none!important}
.js.static main{animation:none}
@media(prefers-reduced-motion:reduce){
  .hs-idle .hs-bob,.hs-idle .hs-bob.b2,.hs.done .hs-sp,.bob,.tw{animation:none}
  .js .rv,.js .blk>.wrap{opacity:1;transform:none;transition:none}
  .js .rv.tilt,.js .rv.in{transform:rotate(var(--r,0deg))}
  .js .blk::before{transform:none;transition:none}
  main{animation:none}html{scroll-behavior:auto}
  .btn,.btn:hover{transition:none}
}




.ph.legal h1{font-size:clamp(32px,5.2vw,72px);max-width:16em}
.kz-list{display:grid;gap:12px;margin-top:20px;max-width:420px}
.kz-list .pc{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:700;box-shadow:4px 4px 0 var(--shadow-c)}
.kz-list .pc b{font-family:var(--mono);font-size:13px;white-space:nowrap;color:#1F7A64}

.ticks{list-style:none;display:grid;gap:10px;margin-top:22px}
.ticks li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:18px}
.ticks svg.i{margin-top:3px}
.static .sticky-cta{display:none}

/* inner page headers carry the colour block too */
header.ph{background:var(--glow,linear-gradient(transparent,transparent)),var(--bg);color:var(--fg);border-bottom:var(--rule)}
header.ph.bg-cream,header.ph.bg-sand{--acc:#B8301B;--focus:var(--indigo)}
header.ph.bg-sand{--glow:linear-gradient(transparent,transparent)}
header.ph h1 em{color:var(--acc)}
header.ph.bg-tomato h1 em{background:#14110F;color:#F6A91B;padding:0 .1em;display:inline-block;transform:rotate(-1.5deg)}
header.ph.bg-gold h1 em{color:#0B3D2E}
header.ph .crumbs{color:var(--fg)}

/* small phones: keep the nav on one line and shrink drawn phones to fit */
.kp-wrap .kp{--pw:min(var(--pw0,280px),calc(100vw - 48px))}
@media(max-width:480px){
  .brand{font-size:24px;gap:8px}
  .chip-logo{width:40px;height:40px}.chip-logo img{width:29px}
  .burger{width:42px;height:42px}
  .nav-r{gap:8px}
  nav.top .wrap{gap:8px}
}


.hero h1{font-size:clamp(30px,min(9.2vw,5.4vh),42px)}
@media(min-width:980px){
  .hero .wrap{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
  .hero h1{font-size:clamp(36px,min(4.3vw,9vh),78px)}
  .hero .sub{font-size:clamp(17px,min(1.7vw,2.9vh),23px)}
}
@media(min-width:700px) and (max-width:979px){.hero h1{font-size:clamp(40px,7vw,60px)}}
.hs{position:relative}
.hs-ctl{position:absolute;right:0;bottom:0;margin:0}
.illus{font-size:13px;opacity:.8;width:100%}


main{overflow-x:clip}
.sticky-cta .btn{white-space:nowrap}
.sticky-cta span{font-size:16px}

/* article, tool templates */
.ph.art h1{font-size:clamp(30px,4.6vw,64px);text-transform:none;max-width:20em;line-height:1}
.fld{display:grid;gap:6px;margin-top:14px}
.fld label{font-weight:700}
.fld input{font:inherit;font-weight:700;font-size:20px;padding:12px 14px;border:3px solid var(--line);border-radius:10px;background:#fff;color:#14110F;width:100%;min-height:52px}
.steps-l{margin:10px 0 0 1.3em;display:grid;gap:.6em}
.doc h3{font-size:26px;margin:1.2em 0 .4em}
.doc.art-body ol,.doc ol{margin-left:1.4em}
.doc>h2{margin-top:1.5em}.doc>h2:first-child{margin-top:0}

/* ---- nav v2: four tabs and two buttons ---- */
.nav-cta{display:none}
@media(min-width:1060px){.nav-cta{display:inline-flex}.nav-r{gap:12px}.links{gap:34px}.links a.t{font-size:17px}}
.links a.t[aria-current="page"]{border-bottom-color:var(--tomato)}
.msheet .row .btn{flex:1 1 auto}
.sticky-cta .btn{white-space:nowrap}

/* ---- footer v2 ---- */
footer .fbig{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;padding-bottom:30px;margin-bottom:34px;border-bottom:2px dashed rgba(255,244,220,.35)}
footer .fbig .tagl{margin:0;font-size:clamp(28px,5vw,64px);line-height:.95;letter-spacing:-.03em;color:#F6A91B;font-family:var(--display);font-weight:800}
footer .cols{display:grid;gap:30px 24px;grid-template-columns:1fr 1fr}
@media(min-width:900px){footer .cols{grid-template-columns:repeat(5,1fr)}}
footer .legal .illus{width:100%;opacity:.85;font-size:13px}

/* ---- area colour blocks ---- */
.bg-money{--bg:#E0662B;--fg:#14110F;--acc:#14110F;--focus:#14110F}
.bg-wealth{--bg:#1F7A64;--fg:#FFFBF0;--acc:#FFD25E;--focus:#FFD25E}
.bg-protect{--bg:#5563DE;--fg:#FFFBF0;--acc:#FFE08A;--focus:#FFE08A}
.bg-goals{--bg:#E9A23B;--fg:#14110F;--acc:#14110F;--focus:#14110F}
.bg-home{--bg:#E8605A;--fg:#14110F;--acc:#14110F;--focus:#14110F}

/* ---- tools hub ---- */
.areakey{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:26px;font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.areakey li{display:flex;align-items:center;gap:8px}.areakey i{width:16px;height:16px;border-radius:5px;border:2px solid var(--line);display:block}
.toolgrid{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:680px){.toolgrid{grid-template-columns:1fr 1fr}}@media(min-width:1040px){.toolgrid{grid-template-columns:repeat(3,1fr)}}
.tcardlink{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--area-t);color:#14110F;border:var(--rule);border-radius:14px;box-shadow:7px 7px 0 #14110F;text-decoration:none;transition:transform .12s,box-shadow .12s;border-top-width:10px;border-top-color:var(--area)}
.tcardlink:hover{box-shadow:3px 3px 0 #14110F}
.tcardlink .ico2{width:48px;height:48px;border-radius:14px;background:var(--area);color:#14110F;display:grid;place-items:center;border:3px solid #14110F}
.tcardlink .ico2 svg{width:26px;height:26px}
.tcardlink .ta{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tcardlink h3{font-size:25px;line-height:1.02}.tcardlink p{font-size:16px}
.tcardlink .go{margin-top:auto;padding-top:6px;font-family:var(--display);font-weight:800;font-size:19px}

/* ---- calculator page ---- */
.tgrid{display:grid;gap:26px;align-items:start}
@media(min-width:980px){.tgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.rphone{position:sticky;top:90px}}
.tcard{padding:22px}
.ttool{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.tbtn2{font:inherit;font-weight:800;font-size:14px;border:3px solid var(--line);border-radius:999px;background:var(--card);color:var(--card-fg);padding:7px 14px;cursor:pointer;min-height:40px;font-family:var(--body);text-transform:none;letter-spacing:0}
.tgroup{margin-top:22px;padding-top:16px;border-top:3px dashed var(--line)}
.tgroup:first-child{margin-top:8px;border-top:0;padding-top:0}
.tgtitle{font-family:var(--display);font-size:24px;line-height:1}
.tfields{display:grid;gap:16px;margin-top:14px;grid-template-columns:1fr}
@media(min-width:620px){.tfields{grid-template-columns:1fr 1fr}.tf:has(.tslide),.tf-seg{grid-column:1/-1}}
.tf[hidden],.tgroup[hidden]{display:none}
.tlabel{font-weight:700;display:block;margin-bottom:6px;font-size:16px}
.tin{display:flex;align-items:center;border:3px solid var(--line);border-radius:12px;background:#fff;color:#14110F;min-height:54px;overflow:hidden}
.tin[data-invalid="true"]{border-color:#B8301B;box-shadow:0 0 0 3px rgba(184,48,27,.25)}
.tin>span{padding:0 12px;font-weight:800;font-size:18px}
.tin .tunit{padding:0 8px;font-size:14px;font-weight:700;color:#4A4036;white-space:nowrap}
.tin input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-weight:800;font-size:20px;padding:10px 6px;background:transparent;color:#14110F}
.tin:focus-within{outline:4px solid var(--indigo);outline-offset:2px}
.tin input[type=month]{padding:10px 12px;font-size:18px}
.tbump{border:0;background:#F7E6BF;color:#14110F;font:inherit;font-weight:800;font-size:24px;width:48px;align-self:stretch;cursor:pointer}
.tbump:hover{background:#F6A91B}
.thint{font-size:13.5px;color:var(--muted);margin-top:4px}
.terr{font-size:14px;font-weight:700;color:#B8301B;margin-top:6px}
.tslide{margin-top:10px}
.trange{width:100%;accent-color:var(--area,#E0662B);height:28px}
.tends{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
.tchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tchip{font:inherit;font-weight:700;font-size:14px;border:2px solid var(--line);border-radius:999px;background:#fff;color:#14110F;padding:6px 12px;cursor:pointer;min-height:38px}
.tchip[aria-pressed="true"]{background:var(--area);color:#14110F;box-shadow:2px 2px 0 #14110F}
.tseg{border:0;min-width:0}.tseg legend{padding:0}
.tsegrow{display:flex;flex-wrap:wrap;gap:8px}
.topt{position:relative;cursor:pointer}
.topt input{position:absolute;opacity:0;inset:0}
.topt span{display:block;border:3px solid var(--line);border-radius:12px;background:#fff;color:#14110F;padding:10px 16px;font-weight:800;min-height:48px}
.topt input:checked+span{background:var(--area);box-shadow:3px 3px 0 #14110F}
.topt input:focus-visible+span{outline:4px solid var(--indigo);outline-offset:2px}
/* phone style result */
.rphone{background:#1d1714;border-radius:38px;padding:11px;box-shadow:9px 9px 0 #14110F}
.rscreen{background:#FBF7F0;border-radius:29px;padding:14px;color:#2A2420;min-height:260px}
.rpanel{background:var(--area);color:#14110F;border-radius:22px;padding:16px 16px 14px;position:relative;overflow:hidden}
.bg-wealth+section .rpanel{}
.rtop{display:flex;justify-content:space-between;gap:8px;align-items:center}
.reb{font-size:11px;letter-spacing:.1em;font-weight:800}
.rpill{font-size:11px;font-weight:800;background:rgba(255,255,255,.55);border-radius:99px;padding:3px 9px}
.rlabel{font-size:15px;font-weight:700;margin-top:8px;line-height:1.3}
.rbig{font-family:var(--serif);font-weight:700;font-size:clamp(34px,5.6vw,46px);line-height:1.05;margin-top:2px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.rwhy{margin-top:10px;font:inherit;font-weight:800;font-size:14px;background:rgba(255,255,255,.6);color:#14110F;border:2px solid #14110F;border-radius:999px;padding:7px 14px;cursor:pointer;min-height:40px}
.rtiles{display:grid;gap:10px;margin-top:12px}
.rtile{background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 2px 8px rgba(60,40,20,.1);display:grid;gap:2px}
.rtile small{font-size:12.5px;color:#5A5048;font-weight:600}.rtile b{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rtile.on{outline:3px solid var(--area)}
.rcmp{margin-top:14px}.rcmprow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.rsub{font-weight:800;font-size:14px}
.rextra{margin:6px 0 0 1.1em;display:grid;gap:.3em;font-size:14.5px}
.tmsg{font-weight:700;padding:14px;font-size:16px}
.rfoot{font-size:12.5px;color:#5A5048;margin-top:12px}
.tnote{font-size:13px;color:#5A5048;margin-top:8px}
.tchart{margin-top:14px;background:#fff;border-radius:14px;padding:10px 12px}
.tcharttitle{font-size:13px;font-weight:800}
.tchart svg{width:100%;height:auto;margin-top:6px}
.txs{display:flex;justify-content:space-between;font-size:11px;color:#5A5048;font-family:var(--mono)}
.tbar{display:flex;height:16px;border-radius:99px;overflow:hidden;border:2px solid #14110F;margin-top:8px;background:#EADFD1}
.tbar i{display:block;height:100%}
.tlegend{list-style:none;display:grid;gap:4px;margin-top:8px;font-size:13px}.tlegend li{display:flex;gap:8px;align-items:center}.tlegend i{width:12px;height:12px;border-radius:4px;flex:none}
.trowlabel{font-size:13px;font-weight:700;margin-top:10px}
dialog#toolHow{border:4px solid #14110F;border-radius:18px;padding:0;max-width:min(640px,calc(100vw - 24px));width:100%;background:#FFFBF0;color:#14110F;box-shadow:8px 8px 0 #14110F}
dialog#toolHow::backdrop{background:rgba(20,17,15,.55)}
.howbox{padding:20px;max-height:80vh;overflow:auto}
.howhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.howhead h2{font-size:30px}
.hsteps{margin:0 0 0 1.3em;display:grid;gap:.8em}.hsteps li strong{display:block}
.hassume{margin:6px 0 0 1.2em;display:grid;gap:.4em}
#toolHowBody h3{font-size:22px;margin-top:18px}
.tgrid>*,.tfields>*,.tf,.tcard{min-width:0}.tfields{grid-template-columns:minmax(0,1fr)}@media(min-width:620px){.tfields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tgrid{grid-template-columns:minmax(0,1fr)}@media(min-width:980px){.tgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.tin input{width:100%}

/* ---------- cookie consent banner (opt-in analytics) ---------- */
.kwx-banner{position:fixed;z-index:120;left:12px;right:12px;bottom:12px;max-width:440px;margin:0 auto;padding:18px 18px 14px;background:var(--paper,#FFFBF0);color:var(--ink,#14110F);border:4px solid var(--ink,#14110F);border-radius:18px;box-shadow:6px 6px 0 var(--ink,#14110F)}
@media(min-width:720px){.kwx-banner{left:auto;right:24px;bottom:24px;margin:0}}
@media(max-width:1059px){.kwx-banner{bottom:calc(12px + 66px)}}
.kwx-title{font-family:var(--display,system-ui);font-weight:800;font-size:20px;line-height:1.15;margin:0 0 6px}
.kwx-body{font-size:15px;line-height:1.45;margin:0 0 12px;color:var(--muted,#4A4036)}
.kwx-actions{display:flex;gap:10px;flex-wrap:wrap}
.kwx-btn{font-family:var(--display,system-ui);font-weight:800;font-size:16px;min-height:44px;padding:8px 20px;border:3px solid var(--ink,#14110F);border-radius:999px;cursor:pointer}
.kwx-btn--primary{background:var(--tomato,#C8361F);color:#FFFBF0}
.kwx-btn--secondary{background:transparent;color:var(--ink,#14110F)}
.kwx-link{display:inline-block;margin-top:10px;font-size:14px;font-weight:600}
.cookie-settings-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;text-align:left}

/* header fits five links between 1060 and 1239px */
@media(min-width:1060px) and (max-width:1239px){.links{gap:15px}.links a.t{font-size:14.5px}}

/* Play free block (homepage) */
.play-free .pf-h{font-family:var(--display);font-weight:800;font-size:clamp(34px,7vw,76px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;max-width:none}
.play-free .pf-h em{font-style:normal;background:#14110F;color:#F6A91B;padding:0 .12em;display:inline-block;transform:rotate(-1.5deg)}
.play-free .pf-sub{margin-top:14px;max-width:34em;font-weight:600}
.pf-tiles{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.pf-tile{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:76px;padding:12px 14px;border:3px solid #14110F;border-radius:16px;background:#FFF4DC;color:#14110F;box-shadow:4px 4px 0 #14110F;text-decoration:none;transform:rotate(var(--r,0deg));transition:transform .12s,box-shadow .12s}
.pf-tile b{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase}
.pf-tile span{font-family:var(--mono);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#4A4036}
.pf-tile:hover{transform:rotate(0) translate(2px,2px);box-shadow:2px 2px 0 #14110F}
.pf-tile:active{transform:rotate(0) translate(4px,4px);box-shadow:0 0 0 #14110F}
.pf-cta{margin-top:24px}
@media(min-width:720px){.pf-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:880px}}
@media(prefers-reduced-motion:reduce){.pf-tile,.pf-tile:hover,.pf-tile:active{transition:none}}

/* Disabled button style (kept for any non-link button) */
.btn[aria-disabled="true"]{cursor:default;pointer-events:none}
footer li>span{font-weight:600;font-size:16px}