:root{--ink:#1F2A5C;--paper:#FFFFFF;--desk:#F3F4F8;--orange:#C0392B;--muted:#4E5578}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:var(--ink);text-decoration-color:var(--orange);text-underline-offset:3px}a:hover{text-decoration-thickness:3px}
p,a,h1,h2,h3{overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
header.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;max-width:1244px;margin:0 auto}
.wm{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:-.02em;white-space:nowrap}
.wm img{height:28px;width:auto;display:block}
header.top nav a{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;margin-left:22px}
h1{font-weight:800;line-height:.98;letter-spacing:-.035em;margin:0}
h2{font-weight:800;letter-spacing:-.02em;line-height:1.1}
.cur{display:inline-block;width:.32em;height:.74em;background:var(--orange);border-radius:.05em;margin-left:.08em;vertical-align:-.04em;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cur{animation:none}}
.label{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}
.intro{padding:40px 32px 56px;max-width:1244px;margin:0 auto}
.intro h1{font-size:clamp(42px,7vw,92px);margin-top:14px}
.hl{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:.09em;text-underline-offset:.1em}
.intro p{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:640px;margin:22px 0 0}
.stage{background:var(--ink);color:#fff;padding:56px 32px 64px}
.stage .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.4fr;gap:44px;align-items:center}
.stage .in>*{min-width:0}
.stage h2{font-size:clamp(44px,5.5vw,72px);margin:10px 0 12px;letter-spacing:-.035em}
.stage p{font-size:18px;margin:0 0 20px;color:#D5D8EA;max-width:440px}
.tag{display:inline-block;font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:2px;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--orange);color:var(--ink)}
.plat{font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;margin:0 0 20px}
.cta{display:inline-block;background:var(--orange);color:var(--ink);font-weight:800;padding:14px 22px;border-radius:999px;text-decoration:none}
.cta:hover{background:#A5301F}
.free{font-size:14px;color:#D5D8EA;margin-top:14px}.feat{max-width:1180px;margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #1F2A5C1f}
.feat div{padding:0 26px 0 0}.feat b{display:block;font-size:22px;margin:10px 0 6px}.feat p{margin:0;color:var(--muted);font-size:15px}
.dot{display:inline-block;width:14px;height:14px;border-radius:4px}
.shelf{max-width:1180px;margin:0 auto;padding:56px 32px 64px}
.shelf h3{font-size:clamp(28px,4vw,40px);margin:8px 0 26px;letter-spacing:-.02em}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.slot{border-radius:20px;padding:24px;border:1.5px solid #1F2A5C26;background:#fff}.slot b{display:block;font-size:22px;margin:10px 0 6px}.slot p{margin:0 0 14px;font-size:15px}
.slot a{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:1px}
.foot{background:var(--ink);color:#D5D8EA;padding:26px 32px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font:12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}
.foot a{color:#fff;margin-right:14px}
.legal-wrap{max-width:820px;margin:0 auto;padding:24px 20px 56px}
.card{background:#fff;border:2px solid var(--ink);border-radius:22px;padding:clamp(22px,4vw,40px);box-shadow:6px 6px 0 var(--ink)}
.legal h1{font-size:clamp(36px,6vw,56px);margin-bottom:8px}.legal h2{font-size:22px;margin:28px 0 8px}
.updated{font:13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--muted)}
@media (max-width:860px){.stage .in,.feat,.slots{grid-template-columns:1fr}.feat div{padding:0 0 22px}header.top{padding:16px 20px}header.top nav a{margin-left:12px;font-size:10px}.intro,.stage,.feat,.shelf{padding-left:20px;padding-right:20px}}
@media (max-width:480px){.wm img{height:20px}header.top nav a{margin-left:9px;letter-spacing:.5px}}

.dot{background:var(--orange)}
.hl4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:18px;border:1.5px solid #1F2A5C1f;border-radius:18px;background:#fff}
.hl4 div{padding:16px 18px;border-left:1.5px solid #1F2A5C1f}.hl4 div:first-child{border-left:0}.hl4 b{display:block;font-size:16px}.hl4 span{font-size:14px;color:var(--muted)}
.how{max-width:1180px;margin:0 auto;padding:40px 32px 24px}.how h2{font-size:clamp(28px,3.6vw,42px);margin:8px 0 22px}
@media (max-width:860px){.hl4{grid-template-columns:1fr 1fr}.hl4 div:nth-child(3){border-left:0}.hl4 div:nth-child(n+3){border-top:1.5px solid #1F2A5C1f}.how{padding-left:20px;padding-right:20px}}
.apps{max-width:1180px;margin:0 auto;padding:8px 32px 56px}
.appgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:16px}
.appcard{display:flex;gap:20px;align-items:flex-start;background:#fff;border:2px solid var(--ink);border-radius:22px;padding:26px;text-decoration:none;color:var(--ink);box-shadow:6px 6px 0 var(--ink)}
a.appcard:hover{transform:translate(1px,1px);box-shadow:5px 5px 0 var(--ink)}
.appcard img{border-radius:16px;flex:none}.appcard h2{font-size:34px;margin:10px 0 6px}.appcard p{margin:0 0 12px;color:var(--muted)}
.appcard .more{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.appcard.soon{box-shadow:none;border-style:dashed}.ph{width:64px;height:64px;border-radius:16px;border:2px dashed #1F2A5C55;flex:none}
.story{max-width:1180px;margin:0 auto;padding:56px 32px 64px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.story h3{font-size:clamp(24px,3vw,32px);margin:0 0 10px;letter-spacing:-.02em;line-height:1.15}.story p{margin:0;color:var(--muted)}
.mphero{background:var(--ink);color:#fff;padding:48px 32px 60px}
.mphero .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.4fr;gap:44px;align-items:center}.mphero .in>*{min-width:0}
.mphero h1{font-size:clamp(38px,4.6vw,60px);margin:16px 0 14px;letter-spacing:-.03em;line-height:1.02}
.mphero p{color:#D5D8EA;font-size:18px;margin:0 0 18px}
.brandrow{display:flex;align-items:center;gap:14px}.brandrow img{border-radius:14px}
.sec{max-width:1180px;margin:0 auto;padding:56px 32px;border-top:1px solid #1F2A5C1a}
.sec h2{font-size:clamp(28px,3.6vw,42px);margin:8px 0 26px;max-width:820px}
.sec.dark{max-width:none;background:var(--ink);color:#fff;border:0}.sec.dark>*{max-width:1116px;margin-left:auto;margin-right:auto}.sec.dark .label{color:#D5D8EA}.sec.dark .fc{background:#ffffff0d;border-color:#ffffff22}.sec.dark .fc p{color:#D5D8EA}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fgrid.three{grid-template-columns:repeat(3,1fr)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fc{background:#fff;border:1.5px solid #1F2A5C1f;border-radius:18px;padding:20px}.fc[hidden]{display:none}
.fi{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#F3F4F8;color:var(--orange);margin-bottom:10px}.fi svg{width:20px;height:20px}.sec.dark .fi{background:#ffffff14}
.intro h1{margin-bottom:6px}.intro p{margin-top:14px}
.intro,.apps,.how,.story{max-width:1180px;padding-left:32px;padding-right:32px}
.appgrid{grid-template-columns:2fr 1fr!important}.appcard.soon{border:1.5px solid #1F2A5C26;box-shadow:none;align-self:start}
.how .fgrid{align-items:start}.note{font-size:15px}
.sw{display:flex;gap:10px;margin:-8px 0 18px}.sw i{width:28px;height:28px;border-radius:50%;display:block}
.ghost{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.tiers{align-items:stretch}
@media (max-width:560px){.pgrid{grid-template-columns:1fr 1fr!important}.pgrid .fc p{display:none}.pgrid .fc{padding:14px}.pgrid .fc h3{font-size:15px}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ink);padding:10px 16px;display:flex;justify-content:center}.mbar .cta{padding:11px 20px;width:100%;text-align:center}.mbsp{display:none}body:has(.mbar) .foot{padding-bottom:88px}}
@media (min-width:561px){.mbar,.mbsp{display:none}}
.fc h3{font-size:19px;margin:0 0 6px;line-height:1.2;letter-spacing:-.01em}.fc p{margin:0;font-size:15px;color:var(--muted)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:860px}.ticks li{padding-left:26px;position:relative}
.ticks li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:3px;background:var(--orange)}
.ticks.soon li:before{background:transparent;border:2px dashed var(--muted)}
.note{color:var(--muted);font-size:15px;margin:18px 0 0}.lead{font-size:19px;color:var(--muted);max-width:760px;margin:0}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tier{border:2px solid var(--ink);border-radius:22px;padding:26px;background:#fff}
.tier.pro{background:var(--ink);color:#fff}.tier.pro p{color:#D5D8EA}.tier h3{font-size:28px;margin:0 0 8px}.tier p{margin:0 0 16px}
code{font:13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#ffffff1a;padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.specs{display:grid;grid-template-columns:140px 1fr;gap:12px 24px;margin:16px 0 0;max-width:900px}.specs dt{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:1px;padding-top:3px}.specs dd{margin:0;color:var(--muted)}
@media (max-width:980px){.fgrid{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.mphero .in,.appgrid,.story,.tiers,.fgrid.three{grid-template-columns:1fr}.mphero,.sec,.apps,.story{padding-left:20px;padding-right:20px}}
@media (max-width:560px){.fgrid,.pgrid{grid-template-columns:1fr}.specs{grid-template-columns:1fr;gap:4px}.specs dd{margin-bottom:10px}.appcard{flex-direction:column;padding:20px}}
.kcur{height:.74em;width:auto;margin-left:.1em;vertical-align:-.04em;animation:blink 1.1s steps(1) infinite}
@media (prefers-reduced-motion:reduce){.kcur{animation:none}}
.intro h1{font-size:clamp(36px,6.4vw,84px)}@media (min-width:720px){.intro h1{white-space:nowrap}}
.introrow{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.introrow p{max-width:620px}
.introcta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px}
.story .label{margin-bottom:14px}.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.story{display:block!important}
.fgrid,.pgrid{align-items:stretch!important}
.fc:nth-child(8n+1) .fi{background:#F3F4F8;color:#C0392B}.fc:nth-child(8n+2) .fi{background:#E7E1FF;color:#6A4CFF}.fc:nth-child(8n+3) .fi{background:#F4DED7;color:#0E9F87}.fc:nth-child(8n+4) .fi{background:#DCEBFF;color:#1E73E8}
.fc:nth-child(8n+5) .fi{background:#FFE0EA;color:#E5306B}.fc:nth-child(8n+6) .fi{background:#FFF1CF;color:#C98600}.fc:nth-child(8n+7) .fi{background:#E3F6D9;color:#3E9B1F}.fc:nth-child(8n+8) .fi{background:#F1E1FA;color:#A23CCB}
.sec.dark .fc .fi{background:#ffffff14!important}
.fc{transition:transform .2s,box-shadow .2s}.fc:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1F2A5C14}.fc:hover .fi svg{animation:pop .4s}
@keyframes pop{50%{transform:scale(1.18) rotate(-6deg)}}
.fc.rv.in:hover{transform:translateY(-3px)}@media print{.rv{opacity:1!important;transform:none!important;transition:none!important}}
.rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.rv.in{opacity:1;transform:none}
.cmpwrap{overflow-x:auto}.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:2px solid var(--ink);border-radius:22px;overflow:hidden}
.cmp th,.cmp td{padding:14px 18px;text-align:center;border-bottom:1px solid #1F2A5C14}.cmp td:first-child,.cmp th:first-child{text-align:left}
.cmp th{vertical-align:bottom}.cmp .pl{display:block;font-size:24px;font-weight:800}.cmp small{font:12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--muted)}
.cmp th.pro,.cmp td:last-child{background:#1F2A5C06}.cmp th.pro{background:var(--ink);color:#fff}.cmp th.pro small{color:#D5D8EA}
.cmp .y{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#F4DED7;color:#0E9F87;font-weight:800}.cmp .n{color:#1F2A5C55}
.cmp{border-color:#1F2A5C}.cmp th.pro{background:#0A0A0E!important;color:#fff;position:relative;border-top:4px solid #3EE6B0}
.cmp td:last-child{background:#3EE6B012!important;box-shadow:inset 3px 0 0 #3EE6B0}
.cmp .rec{display:inline-block;font:500 10px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:1.5px;text-transform:uppercase;background:#3EE6B0;color:#0A0A0E;padding:3px 8px;border-radius:6px;margin-bottom:6px}
.cmp tr.grp th{text-align:left;font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:#F3F4F8;padding:10px 18px}
.cmp td{padding:11px 18px}.cmp td:nth-child(2),.cmp td:nth-child(3),.cmp th:nth-child(2),.cmp th:nth-child(3){width:110px}
.cmp .y{background:#D7F8EC;color:#0E8F6B}
.cmpnote{font:13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--muted);margin:14px 0 18px}
@media (max-width:560px){.cmp td:nth-child(2),.cmp td:nth-child(3),.cmp th:nth-child(2),.cmp th:nth-child(3){width:58px;padding-left:4px;padding-right:4px}.cmp td:first-child{padding-left:12px}.cmp .rec{font-size:8px;padding:2px 5px;letter-spacing:.5px}.cmpwrap{overflow:visible}}
.cmp tfoot td{border-bottom:0;padding:18px}
@media (max-width:860px){.sgrid{grid-template-columns:1fr;gap:22px}}
@media (max-width:560px){.cmp th,.cmp td{padding:10px 8px;font-size:14px}.cmp .pl{font-size:18px}.cmp tfoot .cta{padding:10px 12px;font-size:14px}}

/* ---- build 11: editorial override ---- */
body{background:#FCFBF8;font:17px/1.65 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2,h3,.appcard h2,.tier h3,.cmp .pl{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:500;letter-spacing:-.015em}
h1{line-height:1.02}.intro h1{font-size:clamp(40px,6.6vw,88px)}
h2,.sec h2,.how h2{font-size:clamp(28px,3.4vw,40px);line-height:1.12;font-weight:500}
.fc h3{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:500;font-size:17px;letter-spacing:0}
.tag,.plat,.free,footer,.foot,.ghost,.appcard .more,.cmpnote,.specs dt,.hint,.mode button,.os button,header.top nav a{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:.02em}
header.top nav a{text-transform:none;font-size:15px;font-weight:500}
.tag{font-size:12px;font-weight:500;text-transform:none;letter-spacing:.01em}
.appcard,a.appcard:hover,.card{box-shadow:none!important;transform:none!important;border:1.5px solid #1F2A5C2a}
.appcard{border-radius:14px}.appcard img{border-radius:12px}
.fc{background:transparent;border:0;border-top:1.5px solid #1F2A5C1f;border-radius:0;padding:18px 0 0}
.fc:hover{transform:none;box-shadow:none}.fc.rv.in:hover{transform:none}
.fi{background:transparent!important;width:auto;height:auto;margin-bottom:8px;display:block}.fi svg{width:24px;height:24px}
.sec.dark .fc{background:transparent;border-color:#ffffff22}
.fgrid,.pgrid{gap:28px 32px}
.hl4{border:0;background:transparent;border-top:1.5px solid #1F2A5C1f;border-bottom:1.5px solid #1F2A5C1f;border-radius:0}
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 48px;max-width:980px}
.steps li{counter-increment:s;position:relative;padding-left:52px;color:var(--muted)}.steps li b{color:var(--ink);display:block;font-size:18px}
.steps li:before{content:counter(s);position:absolute;left:0;top:-2px;font:800 34px/1 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--orange)}
.kol{max-width:1180px;margin:8px auto;padding:0 32px}.kol svg{display:block;width:100%;max-width:600px;margin:0 auto;height:40px}
.kl{fill:none;stroke:#C0392B;stroke-width:1.6;stroke-linecap:round}.kd{fill:#1F2A5C66}
.js-kol .kl{stroke-dasharray:2200;stroke-dashoffset:2200;transition:stroke-dashoffset 2.4s ease}.js-kol .kol.in .kl{stroke-dashoffset:0}
.letter{max-width:720px;margin:0 auto;padding:40px 32px 72px}.letter p{font:20px/1.7 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#2A2550;margin:0 0 18px}
.letter .sig{font-style:italic;font-size:22px;margin-top:26px}.letter .sig span{display:block;font:14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-style:normal;color:var(--muted)}
.cmp{border-width:1.5px;border-radius:14px}.mphero h1{font-weight:500}
.sw i{width:22px;height:22px}
.sec.dark .fc .fi{background:transparent!important}
@media (max-width:760px){.steps{grid-template-columns:1fr}.letter p{font-size:18px}.kol{padding:0 20px}}
@media (prefers-reduced-motion:reduce){.js-kol .kl{stroke-dashoffset:0;transition:none}}

/* ---- build 12 ---- */
.sw{margin:0 0 16px!important}
.kol+.sec,.kol+section{border-top:0!important}
.intro{position:relative}.kart{position:absolute;right:32px;top:150px;width:300px;height:auto;opacity:.95}
.introrow p{max-width:560px}
.kart .ka path{fill:none;stroke:#C0392B;stroke-width:1.6}.kart .kb path{stroke:#1F2A5C33;stroke-width:1}.kart .kd2{fill:#1F2A5C}
.js-kol .kart .ka path{stroke-dasharray:240;stroke-dashoffset:240;animation:kdraw 2.2s ease forwards}
.js-kol .kart .ka path:nth-child(odd){animation-delay:.3s}
@keyframes kdraw{to{stroke-dashoffset:0}}

@media (max-width:1100px){.kart{position:static;display:block;margin:28px 0 0;width:240px}.introrow{padding-right:0}}
.appgrid.one{display:block!important}.appgrid.one .appcard.soon{margin-top:16px;max-width:520px}
.mpband{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center;background:#1F2A5C;color:#fff;border-radius:22px;padding:36px;overflow:hidden}
.mpb-t img{border-radius:12px;display:block;margin-bottom:12px}.mpb-t h2{font-size:44px;margin:10px 0 8px;color:#fff}.mpb-t p{color:#D5D8EA;margin:0 0 20px}
.mpb-s{position:relative;height:240px;border-radius:14px;background:linear-gradient(160deg,#3A4150,#262A33 60%,#1E2129);box-shadow:inset 0 0 0 1px #ffffff14}
.mpb-s:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:#0007;border-radius:0 0 14px 14px}
.mpop{position:absolute;left:50%;top:0;transform:translateX(-50%);height:34px;min-width:190px;padding:0 14px;display:flex;align-items:center;gap:8px;background:#0A0A0E;border:1px solid #ffffff40;border-top:0;border-radius:0 0 17px 17px;color:#F5F5F7;font:500 13px system-ui,sans-serif;white-space:nowrap;transition:min-width .35s cubic-bezier(.3,1.3,.5,1)}
.mpop .mr{font:500 11px ui-monospace,Georgia,serif;color:#8E8E93}.mpop .mi{width:18px;height:18px;border-radius:5px;flex:none;background:linear-gradient(135deg,#FF9F0A,#BF5AF2)}
.mpop .mi.dl{background:none;border:2px solid #F5F5F7;border-radius:4px;width:14px;height:14px}.mpop .mi.cal{background:#0A84FF;border-radius:4px}.mpop .mi.dot{width:9px;height:9px;border-radius:50%;background:#FF9F0A}
.mpop .mt{transition:opacity .2s}.mpop.sw2 .mt,.mpop.sw2 .mr{opacity:0}
@media (max-width:860px){.mpband{grid-template-columns:1fr;padding:26px}.mpb-s{height:170px}}
/* comparison: brand colours, no green */
.cmp th.pro{background:#1F2A5C!important;border-top:4px solid #C0392B!important}
.cmp td:last-child{background:#E8F5F3!important;box-shadow:inset 2px 0 0 #C0392B!important}
.cmp .rec{background:#C0392B!important;color:#fff!important}
.cmp .y{background:transparent!important;color:#1F2A5C!important;border:1.5px solid #1F2A5C55;width:24px;height:24px;font-size:13px}
.cmp td:last-child .y{background:#C0392B!important;border-color:#C0392B;color:#fff!important}

/* kolam section navigator */
.knav{position:fixed;right:22px;top:50%;transform:translateY(-50%);width:28px;z-index:40}
.knav svg{display:block;overflow:visible}.kn-bg{fill:none;stroke:#1F2A5C26;stroke-width:1.4}.kn-fg{fill:none;stroke:#C0392B;stroke-width:1.8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}
.kn-dot{position:absolute;left:7px;width:14px;height:14px;border-radius:50%;border:0;padding:0;background:transparent;cursor:pointer}
.kn-dot:before{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background:#1F2A5C55;transition:transform .2s,background .2s}
.kn-dot.on:before{background:#1F2A5C}.kn-dot.cur:before{background:#C0392B;transform:scale(1.6)}
.kn-dot span{position:absolute;right:24px;top:-4px;white-space:nowrap;font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#1F2A5C;color:#fff;padding:4px 10px;border-radius:8px;opacity:0;pointer-events:none;transform:translateX(6px);transition:.15s}
.kn-dot:hover span,.kn-dot:focus-visible span{opacity:1;transform:none}
.kn-dot:focus-visible{outline:2px solid #C0392B;outline-offset:2px}
@media (max-width:1240px){.knav{display:none}}
@media print{.knav{display:none}}

.letter{max-width:1000px!important}.lgrid{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.lk{position:sticky;top:110px}.kgrow{width:100%;height:auto;display:block}
.kgrow .kline{fill:none;stroke:#1F2A5C;stroke-width:2;stroke-linejoin:round}.kgrow circle{fill:#C0392B}
.js-kol .kgrow .kdt{opacity:0;transition:opacity .3s}.js-kol .kgrow .kdt.on,.js-kol .kgrow .kdt[data-i="0"]{opacity:1}
.kgrow .kg{transition:opacity .4s ease,transform .4s ease;transform-origin:center;transform-box:fill-box}
.js-kol .kgrow .kg{opacity:0;transform:scale(.6)}.js-kol .kgrow .kg.on{opacity:1;transform:none}
.js-kol .kgrow .kg[data-i="0"]{opacity:1;transform:none}.js-kol .kgrow .kg[data-i="0"]:not(.on) path{opacity:0}
@media (max-width:760px){.lgrid{grid-template-columns:1fr;gap:20px}.lk{position:static;width:160px}}
@media print{.kgrow .kdt{opacity:1!important}.kgrow .kline{stroke-dashoffset:0!important}}

/* load-in motion (CSS only, transform/opacity, runs once) */
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.intro h1,.mphero h1{animation:up .7s cubic-bezier(.2,.7,.2,1) both}
.intro .introrow,.mphero p,.mphero .plat{animation:up .7s .12s cubic-bezier(.2,.7,.2,1) both}
.introcta .cta,.mphero .cta{animation:up .7s .22s cubic-bezier(.2,.7,.2,1) both}
.mphero .sim{animation:up .8s .2s cubic-bezier(.2,.7,.2,1) both}
.brandrow img,.mpb-t img{animation:spin-in .8s cubic-bezier(.2,.7,.2,1) both}@keyframes spin-in{from{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:none}}
.cta{transition:transform .15s,background .2s}.cta:hover{transform:translateY(-2px)}
.legal.card{animation:up .6s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* build 13 */
.cmp th.cmph{text-align:left;vertical-align:bottom;padding:22px 18px 18px}.cmph h2{margin:0 0 6px!important;font-size:clamp(26px,3vw,38px)}.cmph p{margin:0;font:400 16px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--muted)}
@media (max-width:560px){.cmp th.cmph{padding:14px 10px}.cmph h2{font-size:22px}.cmph p{font-size:13px}}
.mpb-s{background:radial-gradient(120% 90% at 20% 110%,#2E8F7A 0,transparent 55%),radial-gradient(90% 80% at 85% 0%,#6A4CFF55 0,transparent 60%),linear-gradient(160deg,#28324A,#1A1F2E)!important}
.mpb-s .win{position:absolute;left:12%;top:58px;width:56%;height:52%;background:#F5F5F7;border-radius:10px;box-shadow:0 14px 30px #0006;padding:12px 14px;opacity:.95}
.mpb-s .win i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF5F57;margin-right:5px}.mpb-s .win i:nth-child(2){background:#FEBC2E}.mpb-s .win i:nth-child(3){background:#28C840}
.mpb-s .win b{display:block;height:8px;border-radius:4px;background:#1F2A5C1f;margin-top:12px;width:90%}.mpb-s .win b.s{width:60%}
.mpb-s .tb{position:absolute;left:0;right:0;bottom:0;height:26px;display:flex;justify-content:center;align-items:center;gap:8px;background:#0008;border-radius:0 0 14px 14px;z-index:1}
.mpb-s .tb i{width:14px;height:14px;border-radius:4px;background:#ffffff55}.mpb-s .tb i:nth-child(2){background:#0A84FF}.mpb-s .tb i:nth-child(3){background:#C0392B}.mpb-s .tb i:nth-child(4){background:#3EE6B0}
.mpb-s:after{display:none}
/* 2: note alignment */
.lgrid{align-items:center!important;grid-template-columns:260px 1fr!important}.lk{position:static!important;align-self:center}
.letter h2{margin-top:0}
@media (max-width:760px){.lgrid{grid-template-columns:1fr!important;justify-items:start}.lk{width:180px}}

/* build 14: bright white + bold sans */
body{background:#fff!important;color:#1F2A5C}
h1,h2,h3,.appcard h2,.tier h3,.cmp .pl,.mpb-t h2,.cmph h2{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:800!important;letter-spacing:-.035em!important}
h3,.fc h3{font-weight:500!important;letter-spacing:-.015em!important}
.intro h1{font-size:clamp(38px,6vw,82px);line-height:1.02}
h2,.sec h2,.how h2{font-size:clamp(28px,3.4vw,44px)}
.letter p{font:18px/1.75 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;color:#3B3660!important}
.letter .sig{font:500 18px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-style:normal!important}
.steps li:before{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:800!important}
.cmp tr.grp th{background:#F3F4F8!important}.cmp td:last-child{background:#EEF8F6!important}
.hl{text-decoration-thickness:.11em!important}
.wm img{height:40px!important}header.top{padding-top:22px;padding-bottom:22px}
@media (max-width:480px){.wm img{height:22px!important}header.top nav a{font-size:12px!important;margin-left:10px!important}}
@media (max-width:340px){.wm img{height:18px!important}header.top nav a{font-size:11px!important;margin-left:8px!important}}
.kgrow .kline{stroke:#1F2A5C}.kgrow circle{fill:#C0392B}
.fc{border-top-color:#1F2A5C14}.sec{border-top-color:#1F2A5C14}

/* build 15: responsive polish */
h1,h2,h3,.lead{text-wrap:balance}p,li,dd,td{text-wrap:pretty}
.intro h1{white-space:normal}
@media (min-width:1100px){.intro h1{white-space:nowrap}}
.foot{flex-direction:row}.foot>div:last-child{white-space:normal}
@media (max-width:1099px){
 .intro{padding-top:28px;padding-bottom:36px}
 .introrow{display:block}.introrow p{max-width:none}.introcta{margin-top:22px}
 .apps,.how,.letter,.sec{padding-top:40px;padding-bottom:40px}
 .mpband{grid-template-columns:1fr;gap:24px;padding:26px}
 .mpb-s{height:200px}
}
@media (max-width:760px){
 body{font-size:16px}
 .intro h1{font-size:clamp(34px,10vw,52px)}
 .intro p,.lead{font-size:17px;line-height:1.6}
 .introcta{gap:16px}.introcta .cta{padding:13px 20px}
 .lgrid{grid-template-columns:1fr!important;justify-items:center;text-align:left}
 .lk{width:200px;margin:0 auto}
 .letter{padding-left:20px;padding-right:20px}
 .letter p{font-size:16.5px!important;line-height:1.7!important}
 .steps li{padding-left:42px}.steps li:before{font-size:28px}
 .mpb-t h2{font-size:34px}
 .foot{flex-direction:column;gap:10px;padding:22px 20px}.foot a{margin-right:16px}
 .sec h2,.how h2,.letter h2{font-size:clamp(26px,7.4vw,34px)}
 .mphero h1{font-size:clamp(34px,9.5vw,48px)}
}

/* one gutter everywhere */
:root{--gut:32px}@media (max-width:760px){:root{--gut:20px}}
header.top,.intro,.apps,.how,.letter,.sec,.mphero,.legal-wrap,.foot{padding-left:var(--gut)!important;padding-right:var(--gut)!important}
.sec.dark>*{padding-left:0;padding-right:0}
.intro,.apps,.how,.letter{max-width:1180px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.letter{max-width:1000px!important}
.mphero .in{max-width:1116px!important}
.appgrid.one .appcard.soon{max-width:none}
@media (min-width:761px) and (max-width:1099px){.appgrid.one .appcard.soon{max-width:none}}

/* tighter vertical rhythm */
.intro{padding-top:32px!important;padding-bottom:28px!important}
.apps{padding-top:8px!important;padding-bottom:32px!important}
.how{padding-top:40px!important;padding-bottom:24px!important}
.letter{padding-top:40px!important;padding-bottom:56px!important}
.sec{padding-top:48px!important;padding-bottom:48px!important}
.sec h2{margin-bottom:20px}
.mphero{padding-top:40px!important;padding-bottom:48px!important}
.hl4{margin-top:14px}
@media (max-width:760px){
 .intro{padding-top:20px!important;padding-bottom:20px!important}
 .how,.sec{padding-top:32px!important;padding-bottom:32px!important}
 .letter{padding-top:28px!important;padding-bottom:40px!important}
 .mphero{padding-top:28px!important;padding-bottom:36px!important}
 .lk{width:170px}
}

.mpb-s .win{border-radius:8px!important;padding:0 14px 12px!important}
.mpb-s .wt{display:flex;justify-content:flex-end;gap:16px;height:28px;align-items:center;margin:0 -14px;padding:0 12px;border-bottom:1px solid #1F2A5C14;font:12px system-ui,sans-serif;color:#1F2A5C99}
.mpb-s .wt em{font-style:normal}
.mpb-s .tb{height:30px!important;background:#1b2030e6!important}
.mpb-s .tb i.st{background:conic-gradient(#3B8CFF 0 25%,#3B8CFF 0 50%,#3B8CFF 0 75%,#3B8CFF 0)!important;-webkit-mask:linear-gradient(#000 0 0) 0 0/6px 6px no-repeat,linear-gradient(#000 0 0) 8px 0/6px 6px no-repeat,linear-gradient(#000 0 0) 0 8px/6px 6px no-repeat,linear-gradient(#000 0 0) 8px 8px/6px 6px no-repeat;mask:linear-gradient(#000 0 0) 0 0/6px 6px no-repeat,linear-gradient(#000 0 0) 8px 0/6px 6px no-repeat,linear-gradient(#000 0 0) 0 8px/6px 6px no-repeat,linear-gradient(#000 0 0) 8px 8px/6px 6px no-repeat;border-radius:0!important}

/* build 17: teal brand */
:root{--ink:#1F2A5C;--paper:#FFFFFF;--orange:#C0392B;--teal:#C0392B;--tealtext:#C0392B;--muted:#4E5578}
body{background:#FFFFFF!important;color:#1F2A5C}
h1,h2,h3,.appcard h2,.tier h3,.cmp .pl,.mpb-t h2,.cmph h2,.fc h3,.steps li b,.letter .sig{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:500!important;letter-spacing:-.01em!important;font-optical-sizing:auto;font-variation-settings:normal}
.fc h3,.steps li b,.letter .sig{font-size:18px}
small,.tag,.cmp tr.grp th{font-optical-sizing:auto}
a{text-decoration-color:#C0392B}a.ghost,.appcard .more,.introcta .ghost{color:#C0392B}
.cta{background:#C0392B!important;color:#fff!important}.cta:hover{background:#A5301F!important}
.tag{background:#C0392B!important;color:#fff!important}
.hl{text-decoration-color:#C0392B!important}
.steps li:before{color:#C0392B!important;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important}
.cmp td:last-child .y{background:#C0392B!important;border-color:#C0392B!important;color:#fff!important}
.cmp .rec{background:#C0392B!important;color:#fff!important}
.cmp th.pro{border-top-color:#C0392B!important}.cmp td:last-child{box-shadow:inset 2px 0 0 #C0392B!important}
.cmp tr.grp th{background:#F3F4F8!important}
.mpband,.sec.dark,.mphero,.foot,.tier.pro,.cmp th.pro{background:#1F2A5C!important}
.mpb-t p,.mphero p,.sec.dark .fc p{color:#E2DCD0!important}
.free,.mphero .plat{color:#E2DCD0}
.kgrow .kline{stroke:#1F2A5C}.kgrow circle{fill:#C0392B}
.kn-fg{stroke:#C0392B!important}.kn-dot.cur:before{background:#C0392B!important}
.mbar{background:#1F2A5C!important}
:focus-visible{outline-color:#C0392B!important}
.fi{color:#C0392B}

/* kolam explainer */
.term{position:relative;display:inline}.tbtn{all:unset;cursor:pointer;color:#A8432F;text-decoration:underline dotted #E8A33D 2px;text-underline-offset:4px}.tbtn:focus-visible{outline:2px solid #C0392B;outline-offset:2px;border-radius:3px}
details.term summary{display:inline;cursor:pointer;list-style:none;color:#C0392B;text-decoration:underline dotted #C0392B 2px;text-underline-offset:4px}
details.term summary::-webkit-details-marker{display:none}
details.term summary:focus-visible{outline:2px solid #C0392B;outline-offset:2px;border-radius:3px}
.term .tip{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:min(320px,80vw);background:#1F2A5C;color:#FFFFFF;font:15px/1.55 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:12px 14px;border-radius:10px;box-shadow:0 10px 30px #1F2A5C40}
.term .tip b{color:#FFFFFF}
@media (max-width:760px){.term .tip{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}}

/* build 18: supporting colours (marigold + terracotta) so it's not all teal */
:root{--marigold:#E8A33D;--terra:#C8553D;--terra-text:#A8432F;--sky:#3D7CC8}
.how{background:#FFF6E6;border-radius:24px;margin-top:8px!important}
.steps li:nth-child(1):before{color:#C0392B!important}.steps li:nth-child(2):before{color:#A8432F!important}
.steps li:nth-child(3):before{color:#9A6A12!important}.steps li:nth-child(4):before{color:#2F5FA0!important}
.letter{background:#FBEFEA;border-radius:24px}
.kgrow circle:nth-of-type(3n+1){fill:#E8A33D}.kgrow circle:nth-of-type(3n+2){fill:#C8553D}
.appcard.soon .tag{background:#A8432F!important}
.hl4{background:#fff;border-radius:16px;border:1.5px solid #1F2A5C14!important}
.hl4 div:nth-child(1) b{color:#C0392B}.hl4 div:nth-child(2) b{color:#A8432F}.hl4 div:nth-child(3) b{color:#8A5E0F}.hl4 div:nth-child(4) b{color:#2F5FA0}
.fc:nth-child(4n+1) .fi{color:#C0392B!important}.fc:nth-child(4n+2) .fi{color:#C8553D!important}.fc:nth-child(4n+3) .fi{color:#C98A1E!important}.fc:nth-child(4n+4) .fi{color:#3D7CC8!important}
.sec:nth-of-type(even):not(.dark):not(#pricing){background:#F4F8F6}
.cmp tr.grp th{background:#FFF1DC!important;color:#7A520C!important}
.mpb-t .tag{background:#E8A33D!important;color:#1F2A5C!important}
.mphero .tag{background:#E8A33D!important;color:#1F2A5C!important}
.foot a{text-decoration-color:#E8A33D}
details.term summary{color:#A8432F;text-decoration-color:#E8A33D}
@media (max-width:760px){.how,.letter{border-radius:0}}

/* build 19: cursor alignment + panel spacing */
.kcur{height:.66em!important;width:auto;vertical-align:baseline!important;margin-left:.12em!important;position:relative;top:.02em}
.how,.letter{max-width:1116px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.how{margin-top:16px!important;margin-bottom:0!important}
.letter{margin-top:24px!important;margin-bottom:40px!important}
@media (max-width:1240px){.how,.letter{margin-left:var(--gut)!important;margin-right:var(--gut)!important;max-width:none!important}}
@media (max-width:760px){.how,.letter{border-radius:18px!important;padding-left:18px!important;padding-right:18px!important}.letter{margin-top:16px!important}}

/* build 20: redesign */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kgridbg{background-image:radial-gradient(#1F2A5C26 1.6px,transparent 1.8px);background-size:28px 28px;border-radius:24px;padding-top:24px!important;padding-bottom:24px!important}
.slots{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.slot{background:#FFFFFF;border:1.5px dashed #1F2A5C33;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:14px}
.slot b{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:19px}.slot span:not(.sd),.slot a{color:#4E5578;font-size:15px;margin-left:auto}
.slot .sd{width:12px;height:12px;border-radius:50%;background:#E8A33D;flex:none}.slot:last-child .sd{background:#C8553D}
.three{max-width:1116px;margin:32px auto 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 var(--gut)}
.three>div{border-radius:18px;padding:22px 24px}.three>div:nth-child(1){background:#F3F4F8}.three>div:nth-child(2){background:#FFF1DC}.three>div:nth-child(3){background:#FBEAE4}
.three h3{margin:0 0 6px;font-size:24px}.three p{margin:0;color:#3E4670}
.mphero+.three{margin-top:40px}
@media (max-width:1180px){.three{margin-left:var(--gut);margin-right:var(--gut);padding:0}}
@media (max-width:760px){.three,.slots{grid-template-columns:1fr}.kgridbg{border-radius:0}}

/* ===== build 21: "the site is a desktop" ===== */
body{background:radial-gradient(#ffffff10 1.4px,transparent 1.6px) 0 0/30px 30px,linear-gradient(160deg,#2A3772,#1F2A5C 55%,#161E45)!important;background-attachment:scroll!important;color:#1F2A5C;min-height:100vh}
header.top{display:none}
.dpop{position:sticky;top:0;z-index:60;margin:0 auto;width:min(620px,94vw);background:#0A0A0E;border:1px solid #ffffff2e;border-top:0;border-radius:0 0 22px 22px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;box-shadow:0 10px 30px #0006}
.dpop img{height:24px;display:block}.dpop nav a{color:#F5F5F7;text-decoration:none;font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;margin-left:18px;opacity:.85}.dpop nav a:hover{opacity:1}
main{padding:28px 0 120px}
.dwin{width:min(1080px,calc(100vw - 32px));margin:0 auto 28px;background:#FFFFFF;border-radius:12px;box-shadow:0 24px 60px #0007;overflow:hidden;padding:0!important;border:0!important;max-width:none!important}
.wbar{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;background:#F3F4F8;font:13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#4E5578}
.wc{letter-spacing:2px;color:#4E5578}
.wb{padding:36px 40px}
.wb h2{margin:0 0 18px;font-size:clamp(26px,3vw,36px)}
.hero2{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center}
.hero2 h1{font-size:clamp(44px,6vw,80px);line-height:1;margin:0;white-space:normal!important}.hero2 h1 em{color:#C0392B;font-style:italic;font-weight:400}
.hero2 p{font-size:18px;color:#3E4670;max-width:480px;margin:18px 0 22px}
.hk{width:100%;height:auto}.hk path{fill:none;stroke:#C0392B;stroke-width:2.2}.hk circle{fill:#C8553D}
.arow{display:flex;gap:18px;align-items:center;padding:18px;border-radius:14px;text-decoration:none;color:inherit;border:1.5px solid #1F2A5C18;margin-bottom:12px;background:#fff}
a.arow:hover{border-color:#C0392B}.arow img{border-radius:14px;flex:none}.arow b{display:block;font:800 22px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}.arow span span{color:#4E5578}
.arow .go{margin-left:auto;color:#C0392B;font-weight:500;white-space:nowrap}
.arow.ghost{border-style:dashed;background:transparent}.arow.ghost i{width:56px;height:56px;border-radius:14px;border:2px dashed #1F2A5C30;flex:none}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why>div{border-radius:14px;padding:20px}
.why>div:nth-child(1){background:#F3F4F8}.why>div:nth-child(2){background:#FFF1DC}.why>div:nth-child(3){background:#FBEAE4}
.why h3{margin:0 0 6px;font-size:22px}.why p{margin:0;color:#3E4670}
.w-note .wb{background:#FBEFEA}.w-note .sig{font:500 18px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;margin-top:22px}.w-note .sig span{display:block;font:14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#4E5578}.w-note p{font-size:17px;line-height:1.7;color:#2E3F45}.w-note .lgrid{margin:0}
.w-mp .wb{background:#1F2A5C;color:#FFFFFF}.w-mp .in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:32px;align-items:center;max-width:none!important;padding:0!important;margin:0!important}.w-mp .in>*{min-width:0}
.w-mp h1{color:#FFFFFF;font-size:clamp(34px,4.2vw,54px)}.w-mp p{color:#E2DCD0}
.dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:55;display:flex;gap:10px;padding:8px 10px;background:#0A0A0Ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff22;border-radius:18px}
.di{position:relative;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;text-decoration:none;transition:transform .15s}
.di img{width:48px;height:48px;border-radius:12px}.di:hover{transform:translateY(-4px)}
.di>span{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0A0A0E;color:#fff;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:4px 9px;border-radius:7px;opacity:0;pointer-events:none;transition:.15s}
.di:hover>span,.di:focus-visible>span{opacity:1}
.di.ghost i{width:44px;height:44px;border-radius:12px;border:2px dashed #ffffff40}
.di.plus i{width:44px;height:44px;border-radius:12px;background:#ffffff18;color:#fff;font:400 26px/44px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-style:normal;text-align:center}
.foot{background:transparent!important;color:#9FC2C2!important;margin-bottom:76px}.foot a{color:#FFFFFF!important}
.legal-wrap .card{border-radius:12px!important;box-shadow:0 24px 60px #0007!important;border:0!important}
.intro{color:#FFFFFF}.intro h1,.intro p{color:#FFFFFF}
.mbar{display:none!important}.mbsp{display:none!important}
.knav{display:none!important}
@media (max-width:860px){.hero2,.w-mp .in{grid-template-columns:1fr}.why{grid-template-columns:1fr}.wb{padding:24px 20px}.arow .go{display:none}}
@media (max-width:600px){.dpop{width:100%;border-radius:0 0 16px 16px;padding:10px 14px}.dpop img{height:20px}.dpop nav a{margin-left:12px;font-size:13px}
 .dwin{width:calc(100vw - 20px);margin-bottom:16px}.wbar{padding:8px 12px}.dock{bottom:10px}}
.intro a{color:#7FD9CF}.dwin{scroll-margin-top:70px}
/* simulator: never crop */
.sim{height:470px!important}
.isl.open{height:calc(100% - 50px)!important}
.top{flex-wrap:wrap!important;row-gap:6px}.nav{order:3;flex:1 1 100%!important;flex-wrap:wrap;justify-content:flex-start;border-radius:12px!important}
@media (max-width:600px){.sim{height:560px!important}}

/* build 33: home refinements */
.htags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}.htags li{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:6px 12px;border-radius:99px;background:#F3F4F8;color:#C0392B}.htags li:nth-child(2){background:#EEF0F7;color:#8A5A12}.htags li:nth-child(3){background:#E1EAF6;color:#2F5FA0}
.hctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cta.ghost2{background:transparent!important;color:#1F2A5C!important;box-shadow:inset 0 0 0 1.5px #1F2A5C40}.cta.ghost2:hover{box-shadow:inset 0 0 0 1.5px #C0392B}
.pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:8px 0 16px}
.pcard{border:1.5px solid #1F2A5C1a;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.pcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px #1F2A5C22;border-color:#C0392B}
.pvis{aspect-ratio:16/7;background:linear-gradient(135deg,#25476B,#1A2F4D 50%,#2A2150);position:relative;overflow:hidden}
.pdesk{position:absolute;inset:0;display:grid;justify-items:center;align-items:start;padding-top:16px}.pmini{width:min(300px,86%)!important}
.pgrid4{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;background:#0F0F14}.pgrid4 img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.pbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.phead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.phead img{border-radius:12px}.phead h3{margin:0;font-size:24px}
.pst{font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;margin-left:auto}.st-ea{background:#F3F4F8;color:#C0392B}.st-t{background:#EEF0F7;color:#8A5A12}
.pben{margin:4px 0 0;font:500 19px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2A5C}.pdesc{margin:0;color:#3E4670}.pplat{margin:0;font:400 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#6B7194}
.pctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:10px}.plink{color:#C0392B;font-weight:500}
.prin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.prin h3{margin:8px 0 4px;font-size:20px}.prin p{margin:0;color:#3E4670;font-size:15px}.pi{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#F3F4F8;color:#C0392B}.pi svg{width:22px;height:22px}
.prin>div:nth-child(2) .pi{background:#EEF0F7;color:#8A5A12}.prin>div:nth-child(3) .pi{background:#E1EAF6;color:#2F5FA0}.prin>div:nth-child(4) .pi{background:#F7E1DA;color:#A8432F}
.uphead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}.uphead h2{margin:0}.uphead a{color:#C0392B;font-weight:500}
.ups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.up{display:flex;gap:14px;padding:16px 18px;border-radius:16px;border:1.5px solid #1F2A5C1a;background:#fff;color:#1F2A5C;text-decoration:none;transition:border-color .2s}.up:hover{border-color:#C0392B}.up img{border-radius:10px;flex:none}.up b{display:block;margin-bottom:4px}.up ul{margin:0;padding-left:18px;color:#3E4670;font-size:14px}.up li{margin:3px 0}
.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%}.fgrid div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.fgrid b{color:#63E6BE;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.fgrid a{margin:0!important}.fgrid span{color:#E9D9CF}
.foot{flex-direction:column!important;gap:22px!important}.fbot{border-top:1px solid #ffffff1f;padding-top:14px;width:100%}
.dpop nav{flex-wrap:nowrap}.dpop nav a{white-space:nowrap}.dpop{width:min(680px,96vw)}@media (max-width:480px){.dpop{padding:10px 10px!important}.dpop img{height:16px!important}.dpop nav a{margin-left:9px!important;font-size:12px!important}}@media (max-width:400px){.dpop nav a[href='/contact.html']{display:none!important}}
@media (max-width:860px){.pcards,.ups{grid-template-columns:1fr}.prin{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.prin{grid-template-columns:1fr}.pst{margin-left:0}}
/* build 32: MintPop "mini OS" page */
.hx{min-width:0;max-width:100%}.hx>*{max-width:100%;min-width:0}.newb{flex-wrap:wrap;white-space:normal;text-align:left}.hbadges{max-width:100%}.hx h1{overflow-wrap:break-word}
@media (max-width:420px){.hx h1{font-size:36px!important}}
.hpop{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:22px;background:#0A0A0E;color:#fff;font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 10px 30px #0008;width:min(340px,100%);transition:width .35s ease}
.hpi{flex:none;display:flex;align-items:center}.heq{display:flex;gap:2px;align-items:flex-end;height:14px}.heq b{width:3px;background:#63E6BE;border-radius:2px;animation:eq32 1s ease-in-out infinite}.heq b:nth-child(2){animation-delay:-.3s}.heq b:nth-child(3){animation-delay:-.6s}.heq b:nth-child(4){animation-delay:-.15s}
@keyframes eq32{0%,100%{height:4px}50%{height:14px}}
.hpi .dot{width:9px;height:9px;border-radius:50%;background:#30D158;animation:bpulse 1.4s infinite}.hpi .ring{width:12px;height:12px;border-radius:50%;border:2px solid #E8A33D;border-right-color:transparent}.hpi .cal{width:12px;height:12px;border-radius:3px;background:#3D7CC8}
.hpt{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.hpm{display:inline-block}
.hpop.long .hpm{animation:mq32 7s ease-in-out infinite alternate}
@keyframes mq32{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(calc(-100% + 230px))}}
.hpr{flex:none;font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#63E6BE}
.wgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.wgrid.rev>.mkwrap{order:-1}
.wgrid h2{font-size:clamp(30px,4vw,48px);line-height:1.06;margin:0 0 14px}
.wl{margin:0;padding:0;list-style:none;display:grid;gap:10px}.wl li{position:relative;padding-left:22px;color:#3E4670;line-height:1.5}.wl li::before{content:'';position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:#C0392B}
.w-world .bgrid{margin-top:28px}.s6{grid-column:1/-1}
.mkwrap{min-width:0}
.mk{background:#0F0F14;color:#F5F5F7;border-radius:22px;padding:14px;box-shadow:0 24px 60px #1F2A5C40;font:400 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;max-width:480px;margin:0 auto;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}
.mk.pre{opacity:0;transform:translateY(28px) scale(.97)}
.mkseg{display:flex;gap:4px;background:#ffffff0f;border-radius:10px;padding:3px;margin-bottom:10px}.mkseg span{flex:1;text-align:center;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:6px 4px;border-radius:8px;color:#9a9aa2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkseg span.on{background:#ffffff1c;color:#fff}
.mkch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mkch span{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:5px 10px;border-radius:99px;background:#ffffff10;color:#c9c9cf}.mkch span.on{background:#63E6BE;color:#0A0A0E}
.mkb{display:grid;gap:8px}
.ag{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;min-width:0}.ag i{width:8px;height:8px;border-radius:50%;flex:none}.ag span{font:400 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#9a9aa2;flex:none}.ag b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mcard{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#2A3772,#13262D);border:1px solid #63E6BE40}.mcard small{display:block;color:#A9AFCB;font-size:11px}.mcard b{display:block}.cd{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#63E6BE}.join{background:#63E6BE;color:#0A0A0E;font-weight:500;border-radius:99px;padding:8px 14px;flex:none}
.mkbar{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border-radius:12px;background:#ffffff0d}.mkbar .art{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#E8A33D,#C8553D);flex:none}.mkbar .bt{flex:1;min-width:0}.mkbar .bt b{display:block;font-size:13px}.mkbar small{color:#9a9aa2;font-size:11px}.mkbar .bc{letter-spacing:4px;color:#c9c9cf;flex:none}
.shot{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#25476B,#2A2150)}
.scr{position:absolute;inset:10% 8%;background:#F4F1EA;border-radius:8px;padding:12px;display:grid;gap:8px;align-content:start}.scr i{display:block;height:8px;border-radius:4px;background:#1F2A5C26}.scr .l1{width:60%}.scr .l2{width:85%}.scr .l3{width:45%}
.pw{font:400 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2A5C;background:#fff;border:1px solid #1F2A5C22;border-radius:6px;padding:6px 8px;white-space:nowrap;overflow:hidden}.pw span{font-weight:500}
.sel{position:absolute;left:12%;top:42%;height:22%;width:0;border:2px dashed #63E6BE;background:#63E6BE14;border-radius:4px;opacity:0}
.blr{position:absolute;left:12%;top:42%;height:22%;width:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff30;border-radius:4px}
.copied{position:absolute;right:10px;bottom:10px;background:#0F0F14;color:#63E6BE;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:8px 12px;border-radius:10px;box-shadow:0 8px 20px #0007;opacity:0;transform:translateY(8px)}
.shot.run .sel{animation:sel32 5.4s ease infinite}.shot.run .blr{animation:blr32 5.4s ease infinite}.shot.run .copied{animation:cp32 5.4s ease infinite}
@keyframes sel32{0%{width:0;opacity:1}20%,85%{width:72%;opacity:1}100%{width:72%;opacity:0}}
@keyframes blr32{0%,25%{width:0}50%,85%{width:72%}100%{width:72%;opacity:0}}
@keyframes cp32{0%,55%{opacity:0;transform:translateY(8px)}62%,88%{opacity:1;transform:none}100%{opacity:0}}
.calm{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;padding:12px 14px;transition:transform .6s ease var(--d),opacity .6s ease var(--d)}.mk.pre .calm{opacity:0;transform:translateY(10px)}
.calm b{display:block;margin-bottom:2px}.calm p{margin:0 0 10px;color:#b8b8c0;font-size:13px}.calm div{display:flex;gap:8px;justify-content:flex-end}.calm span{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:6px 12px;border-radius:99px;background:#ffffff14}.calm span.pri{background:#63E6BE;color:#0A0A0E}
.match{padding:10px 12px;border-radius:12px;background:#ffffff0b}.ml{display:flex;justify-content:space-between;font-size:11px;color:#9a9aa2;margin-bottom:6px}.nl{color:#30D158;font-weight:500;animation:bpulse 1.6s infinite}
.sc{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.sc b:last-child{text-align:right}.sc span{font:500 18px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#fff;transition:color .4s}.sc span.tick{color:#63E6BE}
.rgplay{margin-top:32px}.credit{margin:18px 0 0;font:400 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#6B7194}
@media (max-width:860px){.wgrid{grid-template-columns:1fr;gap:24px}.wgrid.rev>.mkwrap{order:0}.hpop{width:min(320px,100%)}}
@media (max-width:420px){.mk{padding:10px;border-radius:18px}.mkseg span{font-size:11px;padding:6px 2px}.sc span{font-size:15px}}
@media (prefers-reduced-motion:reduce){.heq b,.hpop.long .hpm,.nl,.shot.run .sel,.shot.run .blr,.shot.run .copied{animation:none!important}.shot .sel{width:72%;opacity:1}.shot .blr{width:72%}.shot .copied{opacity:1;transform:none}.mk.pre{opacity:1;transform:none}}
/* build 31: real photos on Dot Photos page */
.pf{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;animation:pfi .5s ease}
@keyframes pfi{from{opacity:0}}
.bq{font:400 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#1F2A5C0a;border-radius:9px;padding:7px 10px;margin-bottom:10px}
.bsmg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bsmg img{aspect-ratio:4/3;height:auto}
.bdp2,.bcl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bcl{grid-template-columns:repeat(3,1fr)}
.bdp2 figure,.bcl figure,.btl2 figure{margin:0;display:grid;gap:6px;min-width:0}.bdp2 img,.bcl img,.btl2 img{aspect-ratio:4/3;height:auto}
.bdp2 figcaption,.bcl figcaption,.btl2 figcaption{font:400 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdp2 .cp img{outline:3px solid #FF6B60;outline-offset:-3px;transition:opacity .5s,filter .5s}.bdp2 .cp.gone img{opacity:.15;filter:grayscale(1)}
.bcl .fl img{outline:3px solid #E8A33D;outline-offset:-3px}
.btl2{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.btl2 figure{transition:transform .3s}.btl2 figure.on{transform:translateY(-6px)}.btl2 figure.on img{outline:3px solid #2F5FA0;outline-offset:-3px}
.wlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wlist button{font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;border:1.5px solid #1F2A5C22;border-radius:10px;padding:8px 12px;cursor:pointer;color:#1F2A5C}.wlist button:hover,.wlist button.on{border-color:#E8A33D;background:#EEF0F7}.wlist button:focus-visible{outline:2px solid #C0392B}
.rcp{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3.3;width:100%;box-shadow:0 20px 50px #1F2A5C33}.rcp .rbg{position:absolute;inset:0;border-radius:0;filter:blur(1px) brightness(.85)}
.paper{position:absolute;left:50%;top:50%;width:min(62%,270px);transform:translate(-50%,-50%) rotate(-4deg);background:#FBF8F1;color:#2b2b2b;padding:18px 18px 24px;font:400 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 18px 40px #0007;display:grid;gap:6px;clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%)}
.paper b{font-weight:500}.paper small{font-size:11px;opacity:.7}.paper hr{border:0;border-top:1px dashed #0004;margin:4px 0;width:100%}.paper p{display:flex;justify-content:space-between;gap:8px;margin:0}
.paper [data-w]{border-radius:3px;transition:background .2s,box-shadow .2s;cursor:default}.paper [data-w].on{background:#E8A33D80;box-shadow:0 0 0 3px #E8A33D80}
.story{position:relative;aspect-ratio:4/5;max-width:420px;width:100%;margin:0 auto;border-radius:22px;overflow:hidden;background:#161E45;box-shadow:0 24px 60px #1F2A5C40}
.story figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease}.story figure.on{opacity:1}.story figure img{border-radius:0}.story.run figure.on img{animation:kb 3.2s ease-out}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.story figcaption{position:absolute;left:16px;bottom:16px;color:#fff;font:500 18px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;text-shadow:0 2px 12px #0009}
.sbars{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:2}.sbars i{flex:1;height:3px;border-radius:2px;background:#ffffff4d;overflow:hidden}.sbars b{display:block;height:100%;width:0;background:#fff}.sbars i.done b{width:100%}.sbars i.cur b{animation:sbar 3.2s linear forwards}
@keyframes sbar{to{width:100%}}
.splay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font:500 16px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#ffffffe6;color:#1F2A5C;border:0;border-radius:99px;padding:12px 22px;cursor:pointer;box-shadow:0 10px 30px #0006}.story.run .splay{display:none}.splay:focus-visible{outline:3px solid #E8A33D}
.flow{display:grid;gap:10px;margin-top:20px}.srcs{overflow:hidden;border-radius:12px;background:#fff;border:1.5px solid #1F2A5C1a;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq{display:flex;gap:8px;width:max-content;animation:mq 22s linear infinite}.mq span{font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:7px 12px;border-radius:99px;background:#F3F4F8;color:#C0392B;white-space:nowrap}.mq span:nth-child(3n+2){background:#EEF0F7;color:#8A5A12}.mq span:nth-child(3n){background:#E1EAF6;color:#2F5FA0}
@keyframes mq{to{transform:translateX(-50%)}}
.arrow{display:flex;justify-content:center;gap:6px;height:22px;align-items:center}.arrow i{width:6px;height:6px;border-radius:50%;background:#C0392B;animation:bpulse 1.2s infinite}.arrow i:nth-child(2){animation-delay:.2s}.arrow i:nth-child(3){animation-delay:.4s}
.hub{justify-self:center;background:#1F2A5C;color:#63E6BE;font:500 15px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:12px 20px;border-radius:14px}
.bsw{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.bsw img{position:absolute;inset:0;border-radius:0}.bsw .b1{clip-path:inset(0 0 0 var(--x,50%))}
.bsw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:2}.bsw .bh{position:absolute;top:0;bottom:0;left:var(--x,50%);width:3px;background:#fff;box-shadow:0 0 0 1px #0003;pointer-events:none}.bsw .bh::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:#1F2A5C;display:grid;place-items:center;font-size:16px;box-shadow:0 4px 12px #0005}
.bsw input:focus-visible~.bh::after{outline:3px solid #E8A33D}
.bsw .bl,.bsw .br{position:absolute;top:10px;font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0007;padding:3px 8px;border-radius:6px;pointer-events:none}.bsw .bl{left:10px}.bsw .br{right:10px}
.bpdf{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px}.bpdf .pg{position:relative;width:62%;aspect-ratio:3/4;background:#fff;border:1px solid #1F2A5C1f;border-radius:6px;box-shadow:0 8px 20px #1F2A5C1f;display:grid;gap:5px;padding:8px;grid-template-rows:repeat(3,minmax(0,1fr))}
.bpdf .pg img{height:100%;border-radius:3px;transition:transform .6s ease,opacity .6s ease;min-height:0}.bpdf.out .pg img{transform:translateX(-30px) rotate(-6deg);opacity:0}
.bpdf .pdf{position:absolute;right:8%;bottom:10px;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#C8553D;color:#fff;padding:4px 8px;border-radius:6px}
.fcard{display:flex;align-items:center;gap:12px;background:#1F2A5C0a;border-radius:12px;padding:8px;min-width:0}.fcard img{width:64px;height:48px;flex:none;border-radius:6px}.fcard span{font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;transition:opacity .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chips2{display:flex;gap:6px;margin-top:10px}.chips2 span{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:6px 10px;border-radius:99px;background:#1F2A5C0d;transition:all .3s}.chips2 span.on{background:#1F2A5C;color:#63E6BE}
.bvid .vrow{display:flex;justify-content:space-between;gap:8px;font-size:14px}.bvid .mut{color:#4E5578;font-size:12px}.vbar{height:10px;border-radius:99px;background:#1F2A5C14;margin:12px 0;overflow:hidden}.vbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#C0392B,#63E6BE);border-radius:99px;transition:width 1.4s ease}
@media (prefers-reduced-motion:reduce){.pf,.mq,.arrow i{animation:none!important}.story figure{transition:none}}
/* build 29: colour mesh, hover accents, tilt windows, hero toggles, kolam trace, releases */
body.fxd::before{background:radial-gradient(45% 38% at 12% 8%,#C0392B40,transparent 70%),radial-gradient(38% 32% at 88% 28%,#E8A33D26,transparent 70%),radial-gradient(45% 40% at 55% 95%,#3D7CC830,transparent 70%),linear-gradient(160deg,#2A3772,#1F2A5C 55%,#161E45)!important}
.dwin{border-radius:14px;box-shadow:0 1px 0 #ffffff14 inset,0 24px 60px #0007,0 2px 6px #0004}
.dwin .wbar{background:linear-gradient(#F3EEE3,#EDE6D8)}
@supports (backdrop-filter:blur(8px)){.dpop{backdrop-filter:blur(14px) saturate(1.3)}}
.dwin.tilt{transform:perspective(1600px) rotateX(9deg) scale(.94);transform-origin:50% 0;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.dwin.tilt.in{transform:none}
.arow,.tile,.fc,.online>div,.faq details,.why>div{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.arow:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1F2A5C22;border-color:#C0392B}
.tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px #1F2A5C26}
.why>div:hover,.online>div:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1F2A5C1f}
.faq details:hover{border-color:#C0392B80}
.fc:hover .fi{color:#C0392B}
.htg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:10px 0 0}.htg span{font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6B7194;margin-right:4px}
.htg button{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2A5C;background:#fff;border:1.5px solid #1F2A5C22;border-radius:99px;padding:6px 12px;cursor:pointer;transition:all .15s}.htg button:hover{border-color:#C0392B}.htg button[aria-pressed=true]{background:#1F2A5C;color:#63E6BE;border-color:#1F2A5C}.htg button:focus-visible{outline:2px solid #C0392B;outline-offset:2px}
@media (max-width:480px){.htg span{display:none}.htg button{padding:6px 10px;font-size:12.5px}}
.hbadges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.newb.ver{padding-left:14px}
.relh{display:flex;align-items:center;gap:14px;margin-bottom:8px}.relh img{border-radius:10px}.relh h2{margin:0}.relh a{color:inherit;text-decoration:none}
.rel{border-top:1px solid #1F2A5C1a;padding:16px 0 4px}.rel h3{font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C0392B;margin:0 0 6px}.rel ul{margin:0;padding-left:20px;color:#3E4670}.rel li{margin:4px 0}
html,body{overflow-x:clip}@media (max-width:860px){.dwin.tilt{transform:translateY(18px)}}@media print{.dwin.tilt{transform:none!important}.kgrow .kline{stroke-dashoffset:0!important}}
.kgrow.trace .kline{transition:stroke-dashoffset 5s ease-in-out}
@media (prefers-reduced-motion:reduce){.dwin.tilt{transform:none;transition:none}.arow:hover,.tile:hover,.why>div:hover,.online>div:hover{transform:none}}
/* build 28: livelier product pages */
.w-hero .wb{padding-block:48px 44px}
.hx{display:grid;justify-items:center;text-align:center;gap:18px;max-width:900px;margin:0 auto 28px}
.hx .brandrow{justify-content:center}.hx h1{font-size:clamp(40px,6.4vw,80px)!important;line-height:1.02;max-width:15ch;margin:0}.hx h1 em{font-style:normal;color:#63E6BE}
.hx .sub{max-width:58ch;margin:0;font-size:clamp(17px,1.8vw,20px)}
.newb{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid #ffffff2b;border-radius:99px;padding:6px 14px 6px 7px;font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#F3F4F8;text-decoration:none}.newb b{background:#E8A33D;color:#161E45;border-radius:99px;padding:2px 9px;font-size:12px}
.newb:hover{background:#ffffff22}
.ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.w-hero .cta.pri{background:#63E6BE!important;color:#161E45!important}.w-hero .cta.ghost{background:transparent!important;color:#F3F4F8!important;box-shadow:inset 0 0 0 1.5px #ffffff4d!important}
.hsim{max-width:1000px;width:100%;min-width:0;margin:0 auto}.w-hero .wb,.w-hero .in{min-width:0}
.tryl{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#A9AFCB;margin:22px 0 10px}
.tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1000px;margin:0 auto}
.tgrid button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid #ffffff22;color:#F3F4F8;font:500 15px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.25;transition:background .15s,border-color .15s}
.tgrid button:hover{background:#ffffff1c;border-color:#63E6BE80}.tgrid button:focus-visible{outline:3px solid #E8A33D;outline-offset:2px}
.tk{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#161E45}

.eyebrow{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#A8432F;margin-bottom:8px}
.rgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.rgrid h2{font-size:clamp(32px,4.4vw,54px);line-height:1.05;margin:0 0 14px}
.facts{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.facts li{display:flex;gap:12px;align-items:baseline}.facts b{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#C0392B;min-width:96px;letter-spacing:.06em}
.rdial{background:#161E45;border-radius:24px;padding:22px;color:#F3F4F8;box-shadow:0 24px 60px #1F2A5C40;min-width:0}
.rdtop{display:flex;justify-content:space-between;margin-bottom:14px;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.1em;color:#A9AFCB}
.ronair{display:flex;align-items:center;gap:6px;color:#63E6BE}.ronair i{width:8px;height:8px;border-radius:50%;background:#63E6BE;animation:bpulse 1.6s infinite}
@keyframes bpulse{50%{opacity:.25}}
.rlangs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rlangs button{all:unset;cursor:pointer;font:500 13px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:6px 11px;border-radius:99px;background:#ffffff12;color:#E9D9CF}.rlangs button[aria-pressed=true]{background:#E8A33D;color:#161E45}.rlangs button:focus-visible{outline:2px solid #63E6BE}
.rwave{height:60px;display:flex;align-items:center;gap:3px;margin:4px 0 14px}.rwave i{flex:1;height:100%;border-radius:2px;background:linear-gradient(#63E6BE,#C0392B);animation:bwv 1.2s ease-in-out infinite;transform:scaleY(.4)}
@keyframes bwv{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(1)}}
.rnowp{display:flex;justify-content:space-between;gap:10px;align-items:center}.rnowp small{color:#A9AFCB;display:block;font-size:13px}
.rfavb{all:unset;cursor:pointer;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-size:18px;color:#fff;flex:none}.rfavb[aria-pressed=true]{color:#C8553D;background:#fff}.rfavb:focus-visible{outline:2px solid #63E6BE}
.rtry{all:unset;cursor:pointer;display:block;margin-top:14px;font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#63E6BE}.rtry:hover{text-decoration:underline}.rtry:focus-visible{outline:2px solid #63E6BE}
.bgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:18px}
.tile{border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden}
.tile h3{font-size:23px;line-height:1.15;margin:0}.tile p{margin:0;color:#4E5578;font-size:15px}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}
.t-a{background:#F3F4F8}.t-b{background:#EEF0F7}.t-c{background:#F7E1DA}.t-d{background:#E1EAF6}.t-e{background:#1F2A5C;color:#F3F4F8}.t-e h3{color:#FFFFFF}.t-e p{color:#B9D3D0}
.demo{margin-top:auto;background:#fff;border-radius:14px;padding:14px;min-height:104px;font-size:14px;color:#1F2A5C}.t-e .demo{background:#ffffff12;color:#F3F4F8}
.bcalc .brow{display:flex;justify-content:space-between;gap:8px;font:400 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:5px 0;border-bottom:1px dashed #1F2A5C20}.bcalc .brow b{color:#C0392B}.bcalc .btyping::after{content:'▍';color:#C0392B;animation:bpulse 1s steps(1) infinite}
.bclocks{display:flex;justify-content:space-around;gap:4px}.bclk{text-align:center;font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#4E5578}.bclk svg{width:54px;height:54px;display:block;margin:0 auto 4px}
.bring{display:flex;align-items:center;gap:14px}.bring svg{width:84px;height:84px;flex:none}.bring b{font:800 24px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;display:block}.bring small{color:#4E5578}
.btasks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.btasks li{display:flex;gap:10px;align-items:center}.btasks i{width:18px;height:18px;border-radius:6px;border:2px solid #C0392B;flex:none;display:grid;place-items:center;color:transparent;font-style:normal;font-size:12px;transition:background .3s}.btasks li.bdone i{background:#C0392B;color:#fff}.btasks li.bdone span{text-decoration:line-through;color:#4E5578}
.bmeet{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.bmeet small{display:block;color:#A9AFCB;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}.bmeet .bj{background:#63E6BE;color:#161E45;border-radius:99px;padding:8px 14px;font-weight:500}
.bclip{display:grid;gap:6px}.bclip div{padding:7px 10px;border-radius:9px;background:#1F2A5C0a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bclip div:first-child{background:#E8A33D33}
.bchips{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:0}.bchips span{font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:#F3F4F8;color:#C0392B}.bchips span:nth-child(3n+2){background:#EEF0F7;color:#8A5A12}.bchips span:nth-child(3n){background:#F7E1DA;color:#A8432F}
.ph{display:block;border-radius:8px;aspect-ratio:4/3}.p1{background:linear-gradient(#A8D5E2 55%,#2F5FA0 55%)}.p2{background:linear-gradient(#5B3A8C,#E76F51 60%,#2B2140 60%)}.p3{background:linear-gradient(#F7B267 50%,#3D7CC8 50% 72%,#E9C46A 72%)}.p4{background:linear-gradient(135deg,#6B8E5A,#D9C27A)}
.bdup{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.bdup .bx{outline:3px solid #FF6B60;outline-offset:-3px;opacity:.55;transition:opacity .4s}.bdup .bx.bgone{opacity:0}
.bocr .bq,.bsmart .bq{font:400 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#1F2A5C0a;border-radius:9px;padding:7px 10px;margin-bottom:10px}
.brc{width:64%;margin:0 auto;background:#FBF8F1;border:1px solid #1F2A5C15;border-radius:6px;padding:10px;display:grid;gap:6px}.brc i{display:block;height:6px;border-radius:3px;background:#1F2A5C26}.brc i.bs{width:60%}.brc i.bhit{background:#E8A33D;box-shadow:0 0 0 4px #E8A33D40}
.brow3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bba{position:relative;padding:14px}.bba .ph{width:100%}.bba .ben{position:absolute;inset:14px;width:auto;filter:saturate(1.6) brightness(1.12) contrast(1.1);clip-path:inset(0 0 0 50%);transition:clip-path .9s ease}.bba i{position:absolute;top:14px;bottom:14px;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px #0003;transition:left .9s ease}
.btl{display:flex;align-items:flex-end;gap:4px;height:90px}.btl i{flex:1;border-radius:4px 4px 0 0;background:#7FB7E8}.btl i.bon{background:#2F5FA0}
@media (max-width:860px){.rgrid{grid-template-columns:1fr}.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.s2,.s3,.s4{grid-column:span 2}.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:600px) and (max-width:860px){.bgrid .s2{grid-column:span 1}}
@media (max-width:480px){.tgrid button{font-size:14px;padding:10px;gap:8px}.tk{width:26px;height:26px}}
@media (prefers-reduced-motion:reduce){.rwave i,.ronair i,.bcalc .btyping::after{animation:none}}
/* build 27: guided tries, privacy proof, faq, closing cta */
.trys{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px}.trys>span{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#A8432F;margin-right:2px}
.trys button{font:500 14px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2A5C;background:#fff;border:1.5px solid #1F2A5C26;border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .15s,background .15s}
.trys button:hover{border-color:#C0392B;background:#F3F4F8}.trys button:focus-visible{outline:2px solid #C0392B;outline-offset:2px}
.netp{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;background:#1F2A5C;color:#F3F4F8;border-radius:14px;padding:18px 22px;margin:0 0 18px}
.netp span{font:400 16px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}.netp b{font:800 30px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#63E6BE;margin-right:4px}.netp small{flex:1 1 100%;color:#B9D3D0;font-size:14px}
.online{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.online>div{border:1.5px solid #1F2A5C1a;border-radius:14px;padding:18px 20px;background:#fff}
.online h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:20px}.online ul{margin:0;padding-left:18px;color:#3E4670}.online li{margin:6px 0}.online li b{color:#1F2A5C}
.online i{width:12px;height:12px;border-radius:50%;flex:none}.online i.ok{background:#C0392B}.online i.net{background:#E8A33D}
.faq{display:grid;gap:8px;max-width:860px;margin-top:8px}
.faq details{background:#fff;border:1.5px solid #1F2A5C1a;border-radius:12px;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font:500 17px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2A5C}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font:400 26px/1 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#C0392B;transition:transform .2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}.faq summary:focus-visible{outline:2px solid #C0392B;outline-offset:4px;border-radius:6px}
.faq details p{margin:0 0 16px;color:#3E4670;max-width:70ch}.faq a{color:#C0392B}
.endcta{text-align:center;padding:16px 0 8px}.endcta h2{margin:0 0 8px}.endcta p{margin:0 0 20px;color:#3E4670}
@media (max-width:720px){.online{grid-template-columns:1fr}.netp b{font-size:24px}.trys button{font-size:13px;padding:7px 12px}}
/* build 26: living dots background */
.bgdots{position:fixed;left:0;top:0;width:100%;z-index:-1;pointer-events:none;display:block}
body.fxd{background:#1F2A5C!important}body.fxd::before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(160deg,#2A3772,#1F2A5C 55%,#161E45);pointer-events:none}
@media print{.bgdots,body.fxd::before{display:none}}
/* build 24 */
@media (min-width:561px) and (max-width:860px){.fgrp+.pgrid .fc:nth-child(3):last-child{grid-column:1/-1}}
@media (max-width:560px){.fgrp+.pgrid{grid-template-columns:1fr!important;gap:0 0!important}.fgrp+.pgrid .fc{padding:14px 0}.fgrp+.pgrid .fc p{display:block!important}}
.os-w{white-space:nowrap;display:inline-flex;align-items:center;gap:.28em;vertical-align:bottom}.osi{width:1em;height:1em;flex:none;position:relative;top:-.04em}
.fgrp{font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#A8432F;margin:30px 0 12px}.fgrp:first-of-type{margin-top:6px}
/* build 23: dot photos live preview gets the full width */
.w-dp .in{grid-template-columns:1fr!important;gap:28px}.w-dp .in>div:first-child{max-width:760px}
/* build 22: app slider in hero, full note kolam, dot photos */
.slider{position:relative;overflow:hidden;border-radius:14px}
.slides{display:flex;transition:transform .55s cubic-bezier(.3,.8,.3,1)}
.slide{flex:0 0 100%;min-width:0}
.slide .mpb-s{height:250px}
.scap{display:flex;align-items:center;gap:10px;padding:12px 4px 4px;text-decoration:none;color:#1F2A5C}
.scap img{border-radius:9px}.scap b{font:800 20px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}.scap span{margin-left:auto;color:#C0392B;font-weight:500}
.sctl{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.sdots{display:flex;gap:2px}.sdots button,.spp{background:none!important;border:0;padding:0;width:28px!important;height:28px;cursor:pointer;display:grid;place-items:center}.sdots button::before{content:'';width:9px;height:9px;border-radius:5px;background:#1F2A5C33;transition:width .2s}.sdots button[aria-current=true]::before{background:#C0392B;width:22px}.spp{font-size:10px;color:#C0392B;letter-spacing:-1px}

.hero2 h1{font-size:clamp(40px,5vw,64px)!important}
.dps .dpw{left:10%!important;width:62%!important;height:62%!important;top:50px!important}
.dpg{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding-top:10px}.dps .dpg i{display:block!important;width:auto!important;height:auto!important;aspect-ratio:4/3;border-radius:5px!important;margin:0!important;position:static!important;opacity:.9}
.tb .dpi{background:url(/assets/dotphotos-256.png) center/cover!important}
.dps.big{height:300px;position:relative;border-radius:14px}
.js-kol .kgrow .kdt{opacity:1!important}
@media (prefers-reduced-motion:reduce){.slides{transition:none}}
/* MintPop page: animated pops that mirror the app (obsidian #0A0A0E, accent #0A84FF) */
.xpop{background:#0A0A0E;color:#EDEDF0;border-radius:0 0 18px 18px;font:13px/1.4 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;padding:10px 14px 14px;box-shadow:0 14px 34px #1F2A5C33;text-align:left}
.xpop b{font-weight:500;color:#fff}.xh{display:flex;align-items:center;gap:8px;margin-bottom:6px}.xn{font-size:14px}
.xt{margin-left:auto;display:flex;gap:5px}.xt i{width:6px;height:6px;border-radius:50%;background:#34343C}.xt i.on{background:#0A84FF}
.xin{background:#1C1C22;border-radius:8px;padding:7px 9px;margin-top:6px;min-height:19px;display:flex;align-items:center;gap:6px}
.xb{display:inline-block;border-radius:8px;padding:4px 10px;background:#24242A;font-size:12px;margin:8px 6px 0 0;color:#EDEDF0}.xb.p{background:#0A84FF;color:#fff}
.xk{font-size:11px;letter-spacing:.06em;color:#8E8E96;font-weight:500}.xm{color:#8E8E96;font-size:12px}
.xrow{display:flex;align-items:center;gap:10px}.xbig{font-size:26px;letter-spacing:-.02em}
.xcar{display:inline-block;width:1.5px;height:14px;background:#0A84FF;animation:xblink 1s steps(1) infinite}
@keyframes xblink{50%{opacity:0}}
.xr{width:40px;height:40px;flex:none;transform:rotate(-90deg)}.xr circle{fill:none;stroke:#2A2A30;stroke-width:4}.xr .fg{stroke:#30D158;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:94.25}
.xseg{display:inline-flex;gap:4px;background:#1C1C22;border-radius:8px;padding:3px}.xseg span{padding:2px 9px;border-radius:6px;font-size:11px;color:#B0B0B8}.xseg .on{background:#2E2E36;color:#fff}
/* sync: two laptops, MintPop fully open on both */
.xsync{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:4px}.xnr{display:flex;align-items:center;gap:6px}.xnr .xm{margin-left:auto}.xnr .xb{margin:0}.xscr .xnote{height:52%;align-items:flex-start}.xf .xk{display:block}@media (min-width:861px){.xsg{grid-template-columns:.8fr 1.2fr}}
.xlap{min-width:0}.xscr{background:linear-gradient(160deg,#2C4A55,#16303A);border:6px solid #1E1E22;border-bottom-width:8px;border-radius:10px 10px 0 0;aspect-ratio:16/11;position:relative;overflow:hidden}
.xbase{height:7px;background:#B9C2C6;border-radius:0 0 8px 8px;margin:0 -6%}.xlab{text-align:center;font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#5A6080;margin-top:6px}
.xscr .xpop{position:absolute;left:6%;right:6%;top:0;height:74%;font-size:10.5px;padding:7px 9px 10px;border-radius:0 0 12px 12px}
.xscr .xn{font-size:11px}.xscr .xin{min-height:14px;padding:5px 7px;font-size:10.5px}.xscr .xm{font-size:9.5px}.xscr .xseg span{font-size:9.5px;padding:1px 6px}
.xos{position:absolute;left:0;right:0;bottom:0;height:9%;background:#0F1A20cc}.xos.xlinux{background:#2B2F33e6}
.xos.xwindows::after{content:"";position:absolute;left:50%;top:28%;width:8px;height:8px;margin-left:-4px;background:linear-gradient(90deg,#4CC2FF 45%,transparent 45% 55%,#4CC2FF 55%),linear-gradient(#0000 45%,#0F1A20 45% 55%,#0000 55%);background-blend-mode:normal}
.xos.xlinux::after{content:"";position:absolute;left:4%;top:25%;width:9px;height:9px;border-radius:2px;background:#87CF3E}
.xsy,.xrad{display:none}
.xmid{display:flex;justify-content:center}.xlock{width:22px;height:22px;fill:none;stroke:#C0392B;stroke-width:2;opacity:.35;transition:opacity .3s,transform .3s}
.xsync.go .xlock{opacity:1;transform:scale(1.15)}
.xsync.done .xR .xsy{display:block}
.xsync.radio .xnote,.xsync.radio .xseg,.xsync.radio .xsy{display:none}.xsync.radio .xrad{display:block}
.xstar{width:12px;height:12px;fill:none;stroke:#8E8E96;stroke-width:2;transition:fill .3s,stroke .3s}.xstar.on{fill:#FFD60A;stroke:#FFD60A}
/* why: hover opens, full-screen video steps aside */
.xwhy{margin:0 0 22px}.xdesk{position:relative;height:150px;border-radius:12px;background:linear-gradient(160deg,#DCE7EA,#C4D5DA);overflow:hidden}
.xpill{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#0A0A0E;color:#fff;border-radius:0 0 16px 16px;padding:6px 14px;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;transition:opacity .3s,transform .3s}
.xwp{position:absolute;left:50%;top:0;width:min(420px,86%);transform:translate(-50%,-110%);transition:transform .35s ease}
.xwhy.open .xwp,.xdesk:hover .xwp{transform:translate(-50%,0)}.xwhy.open .xpill,.xdesk:hover .xpill{opacity:0}
.xart{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#E8A33D,#B5522E);flex:none}
.xvid{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .35s;z-index:3}.xvid i{position:absolute;left:8%;right:8%;bottom:14px;height:3px;background:#555;border-radius:2px}.xvid i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;background:#FF453A}
.xwhy.full .xvid{opacity:1}.xwhy.full .xpill{opacity:0;transform:translate(-50%,-100%)}
.xcap{margin-top:8px;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#C0392B;min-height:1.4em}.xcap span{display:none}.xwhy:not(.open):not(.full) .c0,.xwhy.open:not(.full) .c1,.xwhy.full .c2{display:inline}
/* work: task -> reminder -> meeting -> focus */
.xwork,.xwell,.xnewd{display:grid;gap:12px}
.xwork>.xpop{display:none}.xwork.k0 .s0,.xwork.k1 .s1,.xwork.k2 .s2,.xwork.k3 .s3{display:block;animation:xin .35s ease}
.xal{border-radius:16px}
@keyframes xin{from{opacity:0;transform:translateY(-8px)}}
.xwork.k2 .xjoin{animation:xpul 1.1s ease-in-out infinite}@keyframes xpul{50%{box-shadow:0 0 0 6px #0A84FF33}}
.xwork.k3 .xr .fg{animation:xfill 6s linear forwards}@keyframes xfill{to{stroke-dashoffset:0}}
/* wellbeing: cards one by one, eye ring fills over 20 s */
.xcard{opacity:0;transform:translateX(24px)}.xwell.go .xcard{animation:xslide .5s ease forwards;animation-delay:var(--d)}@keyframes xslide{to{opacity:1;transform:none}}
.xwell.go .xr .fg{animation:xfill 20s linear .3s forwards}
/* tools: colour picker */
.xpick{position:relative;height:84px}.xsw{display:flex;gap:8px}.xsw i{width:46px;height:46px;border-radius:10px}
.xcross{position:absolute;left:0;top:0;width:18px;height:18px;border:2px solid #1F2A5C;border-radius:50%;box-shadow:0 0 0 2px #fff;transform:translate(150px,60px);transition:transform 1.2s ease}
.xpick.go .xcross{transform:translate(68px,14px)}
.xchip{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:6px;background:#0A0A0E;color:#fff;border-radius:8px;padding:3px 9px;font:500 11px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;opacity:0;transition:opacity .3s}.xchip i{width:10px;height:10px;border-radius:3px;background:#C0392B}.xpick.got .xchip{opacity:1}
/* new: glance flip and one 2048 move */
.xnew{display:inline-block;margin-left:6px;background:#C0392B;color:#fff;border-radius:6px;padding:1px 7px;font-size:11px;vertical-align:1px}
.xflip{position:relative;height:62px;perspective:600px}.xf{position:absolute;inset:0;background:#1C1C22;border-radius:10px;padding:8px 10px;backface-visibility:hidden;transition:transform .6s}.xf.f1{transform:rotateX(180deg)}
.xnewd.flip .f0{transform:rotateX(-180deg)}.xnewd.flip .f1{transform:none}
.x48{display:grid;grid-template-columns:repeat(4,30px);gap:4px;margin-top:6px;width:max-content}.x48 i{height:30px;border-radius:5px;background:#1C1C22;display:grid;place-items:center;font:500 12px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-style:normal;transition:all .3s}
.x48 .v2{background:#3A3A42}.x48 .v4{background:#4B5563}.x48 .v8{background:#0A84FF;color:#fff}
@media (max-width:560px){.xsync{grid-template-columns:1fr 22px 1fr}.xscr .xpop{left:4%;right:4%;font-size:9px}.xscr .xn{font-size:9.5px}.xscr .xt{display:none}.xscr .xseg{display:none}}
@media (prefers-reduced-motion:reduce){.xcar,.xwork.k2 .xjoin{animation:none!important}.xcard{opacity:1;transform:none}.xwell.go .xcard{animation:none}.xr .fg{stroke-dashoffset:30}.xwp,.xcross,.xf,.xlock,.x48 i{transition:none}}
.sub2{color:#C0392B;font-weight:500;margin-top:-6px}.hjoin{background:#0A84FF;color:#fff;border-radius:8px;padding:2px 8px;margin-left:6px;font-size:12px}.hpi .tick{display:block;width:14px;height:14px;border-radius:4px;background:#30D158;position:relative}.hpi .tick::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #0A0A0E;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mkwrap:has(.xwork),.mkwrap:has(.xwell),.mkwrap:has(.xsync),.mkwrap:has(.xnewd){align-self:center}
.xwork>.s0{display:block!important;animation:none!important}.xwork .xlist{margin-top:8px;display:grid;gap:4px}.xwork .xlist div{display:flex;gap:8px;align-items:center;font-size:12px;color:#C8C8CE}.xwork .xlist i{width:12px;height:12px;border-radius:4px;border:1.5px solid #5C5C63;flex:none}
@media (min-width:861px){.xsg{grid-template-columns:.7fr 1.3fr!important}.xscr .xpop{font-size:12px}.xscr .xn{font-size:13px}.xscr .xin{font-size:12px}}
.rv{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
.cmp tbody tr{transition:background .3s}.cmp.ck .y{animation:xpop .4s ease both;animation-delay:calc(var(--i)*25ms)}@keyframes xpop{from{transform:scale(.3);opacity:0}}
.online i.net{animation:xpul2 2s ease-in-out infinite}@keyframes xpul2{50%{box-shadow:0 0 0 6px #E8A33D33}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.cmp.ck .y,.online i.net{animation:none}}

/* ===== Build 44 · Madras Indie ===== */

:root{--red:#C0392B;--indigo:#1F2A5C;--cream:#FFFFFF;--coral:#E8806F;--line:#1F2A5C1f;--mute:#4E5578;--card:#FFFFFF}
html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body,body.fxd{background:var(--cream)!important;color:var(--indigo)!important;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-optical-sizing:auto;font-size:17.5px;line-height:1.62;min-height:0}
h1,h2,h3,h4,b,strong{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:500}
a{color:var(--red);text-decoration-color:currentColor}
.c1,.dsim,.sim .isl,.dpwin,.c1m{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif!important}.c1 *,.dsim *,.sim .isl *,.dpwin *,.c1m *{font-family:inherit!important}
:focus-visible{outline:3px solid var(--red)!important;outline-offset:2px}
body.fxd::before{display:none!important}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--indigo);color:#fff;padding:10px 14px;border-radius:10px}.skip:focus{left:12px}
main{padding:0!important}
/* header */
.mh{position:sticky;top:0;z-index:70;background:#FFFFFFeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.mhin{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
.mh .wm{display:flex;align-items:center}.mh .wm img{height:26px;width:auto;display:block}.mh .lgc{display:none!important}
.mh nav{display:flex;align-items:center;gap:6px}.mh nav a{color:var(--indigo);text-decoration:none;font-weight:500;font-size:15px;padding:10px 12px;border-radius:999px;white-space:nowrap}.mh nav a:hover,.mh nav a[aria-current]{background:#1F2A5C0f}
.appsb{border:0;background:var(--indigo);color:#fff;border-radius:999px;padding:0 16px;min-height:42px;font:500 15px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.appsb i{width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.appsb[aria-expanded=true] i{transform:rotate(225deg) translateY(-1px)}
body.world .mh{background:color-mix(in srgb,var(--wbg) 88%,transparent);border-color:#ffffff1a}body.world .mh .lgi{display:none!important}body.world .mh .lgc{display:block!important}
body.world .mh nav a{color:#fff}body.world .mh nav a:hover{background:#ffffff14}body.world .appsb{background:#fff;color:var(--wbg)}
.apanel{position:fixed;left:0;right:0;top:67px;z-index:69;padding:0 16px}.apanel:not([hidden]){animation:pin .22s ease}@keyframes pin{from{opacity:0;transform:translateY(-8px)}}
.apin{max-width:1120px;margin:0 auto;background:#fff;color:var(--indigo);border-radius:22px;box-shadow:0 30px 80px #1F2A5C40;padding:18px;max-height:calc(100vh - 100px);overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px}
.apg h4{font-size:13px;color:var(--mute);margin:6px 8px 6px;font-weight:500}.apall{grid-column:1/-1;justify-self:start;margin:6px 8px 2px;font-weight:500;color:var(--red);min-height:44px;display:inline-flex;align-items:center}
.pa{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:var(--indigo);min-height:44px}.pa:hover,.pa:focus-visible{background:#F3F4F8}.pa b{display:block;font-size:16px}.pa span span{font-size:13.5px;color:var(--mute);line-height:1.35;display:block}
.ai{width:42px;height:42px;border-radius:11px;flex:none;object-fit:cover}
/* old window chrome goes away: every section is a plain band now */
.dwin{width:auto!important;max-width:1180px!important;margin:0 auto!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.dwin .wbar{display:none!important}.dwin.tilt,.dwin.rv.tilt{transform:none!important;rotate:none!important}.dwin>.wb{padding:56px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}
.dwin+.dwin>.wb{border-top:1px solid var(--line)}
.wb h2,.m-h2{font-size:clamp(32px,4.4vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px}
.eyebrow{color:var(--red)!important;font-weight:500;font-size:15px;letter-spacing:0;text-transform:none}
.cta{background:var(--red)!important;color:#fff!important;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:500;border-radius:999px;padding:14px 22px;min-height:48px;display:inline-flex;align-items:center;text-decoration:none}.cta:hover{background:#A5301F!important}
.cta.ghost{background:transparent!important;box-shadow:inset 0 0 0 2px currentColor;color:inherit!important}
.tag{background:var(--indigo)!important;color:#fff!important;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;border-radius:999px;padding:4px 12px}
.mbar{background:var(--indigo)!important}
/* app pages: the first band takes the app's own colours */
body.world .w-hero{max-width:none!important;background:var(--wbg)!important;color:#fff}
body.world .w-hero>.wb{background:transparent!important;max-width:1180px;margin:0 auto;padding-top:48px}
body.world .w-hero h1,body.world .w-hero h2,body.world .w-hero b{color:#fff}
body.world .w-hero p,body.world .w-hero .sub,body.world .w-hero .lead,body.world .w-hero li{color:#ffffffd0}
body.world .w-hero a:not(.cta):not(.newb){color:#fff}
body.world .w-hero .cta{background:var(--wacc)!important;color:var(--wact)!important}
body.world .w-hero .tag{background:#ffffff1f!important;color:#fff!important}
body.world .w-hero .newb{background:#ffffff14;color:#fff;border-color:#ffffff33}
body.world .w-hero h1 em{color:var(--wacc)!important}
.w-hero h1,.intro h1,.m-h1,.m-h1s,.c1hero h1{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:400!important;letter-spacing:-.01em}
/* home */
.m-wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.m-sec{padding-top:72px;padding-bottom:20px}
.m-sub{color:var(--mute);font-size:18px;margin:0 0 22px;max-width:36em}
.m-hero{--bg:#0B1020;--acc:#0A84FF;--act:#fff;background:var(--bg);color:#fff;transition:background .9s ease;overflow:hidden}
.m-hg{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:72px}.m-hg>*{min-width:0}
.m-h1{font-size:clamp(46px,5.6vw,80px);line-height:.98;margin:0;color:#fff}.m-h1 span{display:block;overflow:hidden;padding-bottom:.06em}.m-h1 span b{display:block;font:inherit;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.m-h1 span:nth-child(2) b{animation-delay:.12s}@keyframes rise{from{transform:translateY(105%)}}
.m-lede{font-size:19px;color:#ffffffc9;max-width:26em;margin:20px 0 26px}
.m-chan{display:grid;gap:6px}.m-ch{all:unset;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;position:relative;overflow:hidden;transition:background .3s}
.m-ch:hover{background:#ffffff0f}.m-ch[aria-pressed=true]{background:#ffffff17}.m-ch:focus-visible{outline:3px solid var(--acc)!important}
.m-ch .ai{width:44px;height:44px}.m-ch b{font-size:21px;display:block;color:#fff}.m-ch span span{display:block;font-size:14.5px;color:#ffffffb8;max-height:0;overflow:hidden;transition:max-height .4s}.m-ch[aria-pressed=true] span span{max-height:3em}
.m-ch em{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--acc)}.m-ch[aria-pressed=true] em{animation:prog 8s linear forwards}@keyframes prog{to{width:100%}}.m-hero.held .m-ch em{animation:none;width:100%}
.m-stage{position:relative;aspect-ratio:16/11;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px #0009;background:#000}
.m-sc{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .6s,transform .8s;pointer-events:none;visibility:hidden}.m-sc.on{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.m-open{position:absolute;right:16px;bottom:16px;z-index:5;background:var(--acc);color:var(--act)!important;border-radius:999px;min-height:46px;padding:0 20px;font-weight:500;font-size:15px;display:inline-flex;align-items:center;text-decoration:none}
.s-mp{background:radial-gradient(120% 100% at 50% 0,#3558C0,#13204A 55%,#0B1020)}.mpdesk{position:absolute;inset:0}
.mpcap{position:absolute;left:50%;top:0;width:94%;height:auto;transform:translate(-50%,-104%);transition:transform .7s cubic-bezier(.2,.9,.2,1);filter:drop-shadow(0 18px 30px #0008)}.mpcap.in{transform:translate(-50%,0)}
.m-cap{position:absolute;left:18px;bottom:18px;font-size:15px;color:#fff;max-width:56%;line-height:1.35}.m-cap b{font-size:20px;display:block}
.s-dp{background:linear-gradient(160deg,#2A1E12,#17110B);padding:5%}.dpwin{background:#0A0A0E;border-radius:14px;height:100%;overflow:hidden;font:13px system-ui,sans-serif;color:#ddd;box-shadow:0 20px 50px #0009}
.dpbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #ffffff12}.dpbar img{border-radius:4px}.dpbar b{font:500 13px system-ui,sans-serif;color:#fff}.dpt{display:flex;gap:2px;margin-left:8px;overflow:hidden}.dpt i{font-style:normal;font-size:12px;color:#8E8E93;padding:4px 9px;border-radius:7px}.dpt i.on{background:#ffffff17;color:#fff}
.dps{margin:10px 12px 6px;background:#1C1C22;border-radius:9px;padding:8px 12px;display:flex;gap:4px;color:#fff;min-height:34px;align-items:center}.dps .q:empty::before{content:"Search people, places, words…";color:#8E8E93}.dps i{width:1.5px;height:16px;background:#63E6BE;animation:cur 1s steps(1) infinite}@keyframes cur{50%{opacity:0}}
.dpg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 12px}.dpg img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px;transition:opacity .45s,transform .45s,filter .45s;display:block}.dpg img.off{opacity:.12;transform:scale(.92);filter:grayscale(1)}
.s-c1{background:radial-gradient(120% 100% at 70% 0,#16483A,#0A0A0E 62%);display:grid;place-items:center;font-family:system-ui,sans-serif}
.c1m{width:min(78%,420px);background:#101015;border-radius:18px;padding:16px;box-shadow:0 20px 50px #0009;color:#F5F5F7;position:relative}
.c1h{display:flex;align-items:center;gap:8px;margin-bottom:12px}.c1h img{border-radius:6px}.c1h b{font:500 14px system-ui,sans-serif;color:#fff}
.c1f{border:0;border-radius:12px;background:#1C1C22;color:#fff;min-height:44px;padding:0 18px;font:500 14px system-ui,sans-serif;box-shadow:inset 0 0 0 2px transparent;transition:.3s}.c1m.fon .c1f{box-shadow:inset 0 0 0 2px #63E6BE;background:#63E6BE26}
.c1s{display:block;font-size:13px;color:#63E6BE;margin:8px 0 10px;opacity:0;transition:.3s}.c1m.done .c1s{opacity:1}
.c1q{display:grid;gap:5px}.c1q div{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border-radius:10px;padding:9px 12px;font-size:13px}
.c1q i{width:32px;height:19px;border-radius:999px;background:#ffffff2e;position:relative;transition:.25s}.c1q i::after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.25s}.c1q .on i{background:#63E6BE}.c1q .on i::after{transform:translateX(13px)}
.c1chip{position:absolute;right:-8px;top:-12px;background:#FF5C8A;color:#fff;font-size:11.5px;font-weight:500;border-radius:999px;padding:5px 10px;opacity:0;transform:translateY(6px);transition:.4s}.c1m.mic .c1chip{opacity:1;transform:none;animation:pul 1.8s ease-in-out infinite}@keyframes pul{50%{box-shadow:0 0 0 6px #FF5C8A33}}
/* shelf + all apps */
.m-fl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;align-items:center}.m-fl button{border:0;min-height:44px;border-radius:999px;padding:0 18px;font:500 15px 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;color:var(--indigo);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer}.m-fl button[aria-pressed=true]{background:var(--indigo);color:#fff;box-shadow:none}
.m-fl input{min-height:46px;border-radius:999px;border:1.5px solid #1F2A5C33;padding:0 18px;font:inherit;font-size:16px;background:#fff;color:var(--indigo);flex:1 1 240px;max-width:360px;margin-right:auto}
.m-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.m-tl{position:relative;overflow:hidden;background:#fff;border-radius:20px;padding:20px;box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:8px;min-height:190px;text-decoration:none;color:var(--indigo);transition:transform .25s,box-shadow .25s}
.m-tl::before{content:"";position:absolute;right:-60px;bottom:-90px;width:170px;height:170px;border-radius:50%;background:var(--c);opacity:.13;transition:transform .5s,opacity .3s}.m-tl:hover::before,.m-tl:focus-visible::before{transform:scale(4.2);opacity:.15}
.m-tl:hover,.m-tl:focus-visible{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--c),0 16px 30px #1F2A5C1f}.m-tl .ai{position:relative;transition:transform .25s}.m-tl:hover .ai{transform:rotate(-6deg) scale(1.08)}
.m-tl b{font-size:23px;position:relative}.m-tl p{margin:0;font-size:15.5px;color:var(--mute);position:relative}.m-tl .lb{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;position:relative}
.lb span{font-size:13px;font-weight:500;border-radius:999px;padding:3px 11px;background:#F3F4F8;color:#4A4332}.lb .fr{background:#E3ECF8;color:#1F3F7A}.lb .pd{background:#F6E0DB;color:#8E2A1F}
.m-tl[hidden]{display:none}.m-cat h2{font-size:28px;margin:34px 0 12px}.m-cat[hidden]{display:none}
.m-more{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-weight:500;color:var(--red);text-decoration:none}.m-more::after{content:"";width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);margin-left:10px;transition:transform .2s}.m-more:hover::after{transform:translateX(3px) rotate(45deg)}
.m-h1s{font-size:clamp(44px,6vw,76px);margin:0 0 8px}.m-all{padding-top:52px;padding-bottom:40px}.m-none{color:var(--mute)}
/* founder note: the real kolam draws itself */
.m-note{background:#F3F4F8;border-radius:26px;padding:clamp(24px,4vw,48px)}.m-note .lgrid{grid-template-columns:220px 1fr}.m-note .lk{top:100px}.m-note p{font-size:18px;max-width:38em}
.m-note .kgrow .kline{stroke:var(--indigo)!important}.m-note .kgrow circle{fill:var(--red)!important}.m-note .sig{font-weight:500}.m-note .sig span{display:block;font-weight:400;color:var(--mute);font-size:15px}
.m-note h2{margin-top:0}
.m-uph{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.m-uph .m-more{margin:0}
.m-ups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.m-up{display:flex;gap:14px;background:#fff;border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none;color:var(--indigo);transition:transform .2s}.m-up:hover{transform:translateY(-3px)}
.m-up img{border-radius:10px;flex:none}.m-up b{font-size:16px;display:block}.m-up ul{margin:6px 0 0;padding-left:18px;font-size:14.5px;color:var(--mute)}
.m-ms{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.m-ms a{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:16px;text-decoration:none;color:#fff;isolation:isolate}
.m-ms a::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;transition:transform 6s ease;z-index:-2}.m-ms a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c,#0000 60%);z-index:-1}.m-ms a:hover::before{transform:scale(1.12)}
.m-ms b{font-size:22px;display:block;color:#fff}.m-ms span{font-size:14.5px;color:#ffffffd9}
/* Ctrl One page */
.c1hero{background:var(--wbg,#0A0A0E);color:#fff;overflow:hidden}.c1hg{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:64px}.c1hg>*{min-width:0}
.c1hero h1{font-size:clamp(40px,5.6vw,72px);line-height:1.02;margin:18px 0 16px;color:#fff}.c1hero .sub{font-size:18.5px;color:#ffffffd0;max-width:34em}.c1hero .plat{color:#ffffffb0;font-weight:500}
.c1hero .brandrow img{border-radius:14px}.c1hero .tag{background:#ffffff1f!important}.c1btns{display:flex;gap:10px;flex-wrap:wrap}.c1hero .cta{background:#63E6BE!important;color:#06231C!important}.c1hero .cta.ghost{background:transparent!important;color:#fff!important}
.c1pal{position:relative;aspect-ratio:1;max-width:420px;width:100%;justify-self:center;border-radius:28px;overflow:hidden;background:#120E2A;animation:pal 30s linear infinite}
@keyframes pal{0%,100%{background:#120E2A}20%{background:#071A2E}40%{background:#1E0D18}60%{background:#0A1912}80%{background:#1E0E1B}}
.c1pal::before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 40% at 80% 10%,#5B3FD0aa,transparent),radial-gradient(40% 40% at 10% 90%,#0E8F8Aaa,transparent);animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.c1card{position:absolute;left:12%;right:12%;top:30%;background:#0A0A0Ee6;border-radius:18px;padding:18px;font-family:system-ui,sans-serif;box-shadow:0 20px 40px #0008}.c1card b{display:block;font:500 18px system-ui,sans-serif;color:#fff}.c1card span{font-size:13.5px;color:#63E6BE}
.c1chip2{position:absolute;top:-14px;right:-6px;background:#FF5C8A;color:#fff!important;font-weight:500;font-size:12px!important;border-radius:999px;padding:5px 10px;animation:pul 1.8s ease-in-out infinite}
.c1bars{display:grid;gap:5px;margin-top:12px}.c1bars i{height:9px;border-radius:5px;background:#ffffff14}.c1bars i:nth-child(odd){background:#63E6BE55}
.c1try{background:#0A0A0E;color:#fff;padding:56px 0 48px}.c1try .m-h2{color:#fff}.c1hint{font-size:14px;color:#ffffffa8;margin:12px 0 0}
.c1grid{grid-template-columns:repeat(4,1fr)!important}.c1grid .fc{border-top:2px solid #1F2A5C1f;padding-top:16px}.c1grid .fc h3{font-size:18px;margin:0 0 6px}.c1grid .fc p{font-size:15.5px;color:var(--mute);margin:0;display:block!important}
.c1line{font-size:17px;margin:26px 0 0;max-width:46em}.c1trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.c1trust span{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:8px 16px;font-weight:500;font-size:15px}
.endcta{background:var(--indigo);color:#fff;border-radius:26px;padding:clamp(26px,5vw,56px);text-align:left}.endcta h2{color:#fff}.endcta p{color:#ffffffcf;max-width:36em}
/* release notes */
.rwrap{max-width:1180px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}.rsec{border-top:1px solid var(--line);padding:30px 0}.rsec .relh{display:flex;align-items:center;gap:14px}.rsec .relh img{border-radius:10px}.rsec h2{margin:0;font-size:30px}.rsec h2 a{color:var(--indigo);text-decoration:none}
/* footer */
.foot{background:var(--indigo)!important;color:#D5D8EA!important;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;padding:44px max(16px,env(safe-area-inset-right,0px)) 30px max(16px,env(safe-area-inset-left,0px))!important;display:block!important;margin-top:72px}
.foot .fgrid{max-width:1180px;margin:0 auto}.foot b{color:#fff}.foot a{color:#fff!important}.foot .fbot{max-width:1180px;margin:28px auto 0;padding-top:20px;border-top:1px solid #ffffff22;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;font-size:14px;color:#D5D8EA}
/* page change: a colour wipe from where you clicked */
.wipe{position:fixed;inset:0;z-index:90;pointer-events:none;clip-path:circle(0 at var(--x,50%) var(--y,50%));visibility:hidden}.wipe.go{visibility:visible;animation:wipe .5s ease forwards}@keyframes wipe{to{clip-path:circle(150% at var(--x,50%) var(--y,50%))}}
.rv2{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.rv2.in{opacity:1;transform:none}
.intro h1{font-size:clamp(46px,7vw,88px);color:var(--indigo)!important}.intro p{color:var(--mute)!important}
.newb b{color:#231A12!important}
.c1chip,.c1chip2{background:#C42A5E!important}
.m-open,body.world .w-hero .cta:not(.ghost){background:color-mix(in srgb,var(--acc,var(--wacc)) 80%,#000)!important}body.world .w-hero .cta:not(.ghost){background:color-mix(in srgb,var(--wacc) 80%,#000)!important}
.foot :focus-visible,.m-hero :focus-visible,body.world .w-hero :focus-visible,.c1try :focus-visible,.c1hero :focus-visible,.endcta :focus-visible,.mh :focus-visible{outline-color:#FFFFFF!important}.mh :focus-visible{outline-color:var(--red)!important}body.world .mh :focus-visible{outline-color:#FFFFFF!important}
@media (max-width:980px){.m-hg,.c1hg{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:48px}.m-tiles,.m-ups{grid-template-columns:1fr 1fr}.apin{grid-template-columns:1fr 1fr}.c1grid{grid-template-columns:1fr 1fr!important}.mh .hs2{display:none}}
@media (max-width:640px){.m-tiles,.m-ups,.apin{grid-template-columns:1fr}.m-ms{grid-template-columns:1fr}.m-ms a{aspect-ratio:16/9}.m-note .lgrid{grid-template-columns:1fr}.m-note .lk{width:150px}.mh .hs{display:none}.mh .wm img{height:22px}
 .m-cap{display:none}.dpg{grid-template-columns:repeat(3,1fr)}.dpg img:nth-child(n+10){display:none}.dpt i:nth-child(n+4){display:none}.m-stage{aspect-ratio:4/3.4}.c1grid{grid-template-columns:1fr!important}.m-sec{padding-top:52px}.m-ch span span{font-size:14px}
 .apanel{top:59px}.m-open{right:12px;bottom:12px;min-height:44px;padding:0 16px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.m-h1 span b,.m-ch em,.c1pal,.c1pal::before,.c1chip2,.c1m.mic .c1chip,.mpcap{animation:none!important;transition:none!important}.mpcap{transform:translate(-50%,0)}.rv2{opacity:1;transform:none}.m-sc{transition:none}}

/* ===== Build 45: final Madras Indie brand ===== */
@font-face{font-family:'Schibsted Grotesk';src:url(/assets/fonts/sg400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Schibsted Grotesk';src:url(/assets/fonts/sg500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Schibsted Grotesk';src:url(/assets/fonts/sg800.woff2) format('woff2');font-weight:600 900;font-display:swap}
:root{--red:#C0392B;--indigo:#1F2A5C;--cream:#FFFFFF;--white:#FFFFFF;--coral:#E8806F;--mute:#4E5578;--onmute:#B9C0DA;--line:#1F2A5C1f;--card:#FFFFFF;--soft:#F3F4F8}
html,body,body.fxd{background:#fff!important;color:var(--indigo)}
body,button,input,select,textarea{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}
body{font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
b,strong{font-weight:500}
h1,h2,h3,.m-h1,.m-h2,.m-h1s,.intro h1{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:800!important;letter-spacing:-.02em;text-wrap:balance}
.m-h1{font-size:clamp(46px,6.4vw,92px)!important;line-height:.98!important;letter-spacing:-.035em}
.m-h2{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.05;letter-spacing:-.03em;margin:0 0 10px}
.m-sub,.m-lede{max-width:62ch}
/* red only for the kolam and main buttons */
a{color:var(--indigo)}
.m-more,.apall,.eyebrow{color:var(--indigo)!important}
.m-more{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--red)}
:focus-visible{outline:3px solid var(--indigo)!important;outline-offset:2px}
.foot :focus-visible,.m-hero :focus-visible,body.world .w-hero :focus-visible,.c1try :focus-visible,.c1hero :focus-visible,.endcta :focus-visible,body.world .mh :focus-visible{outline-color:#fff!important}
.cta{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:500!important;border-radius:10px!important}
/* header: inline logo, only the kolam bar blinks */
.mh{background:#ffffffeb!important}
.mhin{min-height:72px}
.wm{color:var(--indigo);display:flex;align-items:center;padding:6px 0}
.wm .lgs{height:26px;width:auto;display:block;overflow:visible}
body.world .wm{color:#fff}
.wm .kb{opacity:1}
.wm.bl .kb{animation:kblink 1.06s step-end 3}
html.tabhid .wm .kb{animation-play-state:paused}
@keyframes kblink{0%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.wm .kb,.wm.bl .kb{animation:none!important;opacity:1}}
@media (max-width:560px){.wm .lgs{height:21px}.mhin{min-height:60px}}
/* footer on indigo */
.foot{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif!important;color:var(--onmute)!important}
.foot b{color:#fff;font-weight:800}
.foot a{color:#fff}
.fbot img{height:22px;width:auto}
.fbot span{color:var(--onmute)}
/* polish: alignment, empty space, even tiles */
.m-ms{grid-template-columns:repeat(3,1fr)!important;align-items:stretch}
.m-ms a{aspect-ratio:4/3!important}
@media (max-width:860px){.m-ms{grid-template-columns:1fr!important}.m-ms a{aspect-ratio:16/9!important}}
body.world .w-hero h1 em{color:inherit!important;font-style:normal}
.m-note .kgrow .kline{stroke:var(--indigo)}
.m-note .kgrow circle{fill:var(--red)!important}

.m-hg{grid-template-columns:1fr 1.1fr!important}
.m-h1{font-size:clamp(42px,5vw,76px)!important}
.m-h1>span{display:block;white-space:nowrap}
.m-stage{aspect-ratio:16/10!important}
@media (max-width:860px){.m-hg{grid-template-columns:1fr!important}.m-stage{aspect-ratio:4/3.3!important}}
.m-open{font-weight:500!important}

.rv{opacity:1!important;transform:none!important;transition:none!important}
.foot b{text-transform:none!important;letter-spacing:0!important;font-size:15px!important}
.m-tl::before,.m-tl::after{display:none!important}
.m-tl{transition:border-color .2s,transform .2s}.m-tl:hover{border-color:var(--indigo);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.m-tl:hover{transform:none}}

html body .w-hero h1,html body .intro h1,html body .m-h1,html body .m-h1s,html body .c1hero h1,html body h2,html body h3{font-weight:800!important;letter-spacing:-.025em}
html body.world .mh{background:color-mix(in srgb,var(--wbg) 92%,transparent)!important}
@media (max-width:860px){.m-stage{aspect-ratio:16/11!important}}

html body .cta.ghost{background:transparent!important;color:inherit!important;box-shadow:inset 0 0 0 2px currentColor;opacity:.92}
body.world .w-hero .cta.ghost{color:#fff!important}