:root{--hair-page:#182A5C;--hair-frame:#2A3F6E;--hair-chip:rgba(37,145,191,.5);--hair-accent:rgba(37,145,191,.4);--hair-accent-35:rgba(37,145,191,.35);--hair-mist-14:rgba(213,231,245,.14);--line-sky:#2591BF;--line-ice:#9CC9F0;--line-ol:#4A9EE0;--line-mist:#D5E7F5;--hair-steel:#476085;--hair-device:#23262E;--bezel:#121418;--hair:1px solid var(--hair-page);--hair-card-sky:color-mix(in srgb,#2591BF 25%,#0F3550);--hair-card-ol:color-mix(in srgb,#4A9EE0 25%,#1B395B);--hair-card-ice:color-mix(in srgb,#9CC9F0 25%,#233046);--hair-card-mist:color-mix(in srgb,#D5E7F5 18%,#2F3647)}

@font-face{font-family:Inter;font-weight:400 500;font-style:normal;font-display:optional;src:url(fonts/Inter-400.woff2) format('woff2')}@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:optional;src:url(fonts/Inter-600.woff2) format('woff2')}@font-face{font-family:Inter;font-weight:700 800;font-style:normal;font-display:optional;src:url(fonts/Inter-700.woff2) format('woff2')}@font-face{font-family:"Inter Fallback Roboto";font-weight:100 500;src:local("Roboto"),local("Roboto Regular"),local("Roboto-Regular");size-adjust:107.41%;ascent-override:90.19%;descent-override:22.46%;line-gap-override:0%}@font-face{font-family:"Inter Fallback Roboto";font-weight:600;src:local("Roboto"),local("Roboto Regular"),local("Roboto-Regular");size-adjust:108.03%;ascent-override:89.67%;descent-override:22.33%;line-gap-override:0%}@font-face{font-family:"Inter Fallback Roboto";font-weight:700 900;src:local("Roboto"),local("Roboto Regular"),local("Roboto-Regular");size-adjust:108.18%;ascent-override:89.55%;descent-override:22.30%;line-gap-override:0%}
*{box-sizing:border-box;margin:0}body{background:#000616;color:#D5E7F5;font:400 18px/1.6 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;-webkit-font-smoothing:antialiased}
.w{max-width:1200px;margin:0 auto;padding:0 48px}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;max-width:1296px;margin:0 auto}nav .lg{height:32px;width:auto}nav a{color:#D5E7F5;opacity:.8;margin-left:32px;font-size:15px;text-decoration:none}
.btn{background:#2591BF;color:#000616;font-weight:600;border-radius:999px;padding:14px 26px;font-size:16px;display:inline-block;box-shadow:0 8px 32px rgba(37,145,191,.35)}
.eb{font:600 13px/1 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2591BF;margin-bottom:20px}
h1{font:800 104px/0.95 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:-0.045em;color:#fff}
h2{font:800 64px/1.0 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:-0.035em;color:#fff;margin-bottom:20px}
.lede{font-size:20px;color:rgba(213,231,245,.8);max-width:560px}
section{padding:160px 0;position:relative}
.hero{padding:96px 0 160px;overflow:hidden}.hero:before{content:"";position:absolute;inset:-200px -200px auto auto;width:900px;height:900px;background:radial-gradient(circle,rgba(37,145,191,.45),transparent 65%);filter:blur(40px)}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative}
.ph{width:320px;height:660px;border-radius:52px;background:#05070B;border:10px solid var(--bezel);box-shadow:0 0 0 1px #23262E,0 60px 120px rgba(0,0,0,.6),0 0 120px rgba(37,145,191,.25);position:relative;overflow:hidden;margin-left:auto}
.ph:before{content:"";position:absolute;top:14px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#000;box-shadow:0 0 0 1px #23262E;z-index:3}
.ph .map{position:absolute;left:0;top:72px;width:720px;height:440px;transform:scale(.417);transform-origin:0 0}
.ph .top{position:absolute;top:44px;width:100%;text-align:center;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}
.rc{position:absolute;right:250px;bottom:-30px;width:250px;background:rgba(24,42,92,.72);backdrop-filter:blur(20px);border:1px solid var(--hair-mist-14);border-radius:24px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);transform:rotate(-4deg)}
.rc b{font:600 20px/1.15 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;display:block;margin:6px 0 14px;letter-spacing:-.02em}.rcg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rcg span{background:rgba(0,6,22,.5);border-radius:12px;padding:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(213,231,245,.64)}.rcg i{display:block;font:600 22px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;font-style:normal;color:#fff;letter-spacing:-.02em;text-transform:none}
.ml{font:600 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;fill:#D5E7F5}.mn{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;fill:#D5E7F5}
.tlg{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;margin-top:64px}
.mapc{background:linear-gradient(180deg,#050A1C,#000616);border:1px solid var(--hair-page);border-radius:32px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5)}.mapc .map{width:100%;display:block}
.stat{display:flex;gap:40px;padding:24px 32px;border-top:1px solid var(--hair-page)}.stat div{font-size:13px;color:rgba(213,231,245,.64);letter-spacing:.06em;text-transform:uppercase}.stat i{white-space:nowrap;display:block;font:800 36px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;font-style:normal;color:#fff;letter-spacing:-.03em;text-transform:none}
.st{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--hair-page)}.st img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #2591BF}.st h5{font:600 18px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.st p{font-size:14px;color:rgba(213,231,245,.64);line-height:1.5}.st small{font-size:13px;color:#2591BF}
.thg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px}.th{border-radius:28px;background:#050A1C;border:1px solid var(--hair-page);overflow:hidden}.th:first-child{box-shadow:0 0 0 2px #2591BF,0 0 60px rgba(37,145,191,.25)}
.mini{height:300px;position:relative;padding:20px}.mr{width:100%;height:120px}.mc{position:absolute;left:16px;right:16px;bottom:16px;border-radius:16px;padding:14px;font-size:12px}.mc b{font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;display:block;margin-bottom:8px}.ms{display:flex;gap:12px}.ms span{opacity:.75;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.ms i{display:block;font:600 18px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;font-style:normal;opacity:1;text-transform:none}
.tl{padding:20px 22px 24px}.tl em{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#2591BF}.tl h4{font:600 20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin:4px 0 6px;letter-spacing:-.01em}.tl p{font:400 12px/1.5 'Inter';color:rgba(213,231,245,.64);font-variant-numeric:tabular-nums}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}.pt{background:#050A1C;border:1px solid var(--hair-page);border-radius:28px;padding:32px}.ph2{display:flex;align-items:center;gap:16px;margin-bottom:24px}.ic{width:48px;height:48px;border-radius:14px;background:#182A5C;display:grid;place-items:center}.ph2 h4{font:600 22px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;flex:1}.chip{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;padding:6px 12px;border-radius:999px;background:rgba(37,145,191,.12);color:#2591BF;border:1px solid var(--hair-accent-35)}
.pt dt{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2591BF;margin-top:16px}.pt dd{font-size:16px;color:rgba(213,231,245,.8);margin-top:4px;line-height:1.55}
footer{border-top:1px solid var(--hair-page);padding:80px 0 64px}.fl .lg{height:48px;width:auto;display:block}.fq{font:400 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64);margin-top:14px}.fr{display:flex;justify-content:space-between;align-items:flex-start}.fr nav{padding:0}.fn{font-size:13px;color:rgba(213,231,245,.64);margin-top:48px}
.cta{text-align:center;padding:160px 0}.cta h2{font-size:80px}
.ann{position:absolute;left:8px;top:8px;font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#2591BF;background:#0E1A3D;padding:4px 10px;border-radius:6px;z-index:9}
@media(max-width:600px){.w{padding:0 24px}nav{padding:18px 24px}nav a:not(.btn){display:none}h1{font-size:56px;letter-spacing:-.04em}.lede{font-size:17px}.hg{grid-template-columns:1fr}.ph{margin:48px auto 0;width:280px;height:580px}.rc{position:relative;right:auto;bottom:auto;margin:-60px auto 0;transform:none;width:300px}.hero{padding:40px 0 80px}h2{font-size:40px}section{padding:96px 0}.mapc .ml,.mapc rect[rx]{display:none}.tlg,.pg{grid-template-columns:1fr}.thg{grid-template-columns:1fr 1fr;gap:12px}.mini{height:220px;padding:10px}.mc b{font-size:12px}.ms i{font-size:14px}.ms{gap:6px}.stat{gap:16px;padding:16px;flex-wrap:wrap}.stat i{white-space:nowrap;font-size:24px}.fr{flex-direction:column;gap:24px}.cta h2{font-size:44px}.pt{padding:24px}*{min-width:0}}
.pp{position:absolute;left:0;right:0;top:262px;bottom:0;background:linear-gradient(180deg,rgba(0,6,22,0),#000616 12%);padding:18px 16px 0}
.pst{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.pst div{background:#0E1A3D;border-radius:12px;padding:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(213,231,245,.64)}.pst i{display:block;font:600 16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;font-style:normal;color:#fff;text-transform:none;letter-spacing:-.02em}
.prow{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--hair-page)}.prow img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #2591BF}.prow b{display:block;font:600 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.prow span{font-size:12px;color:rgba(213,231,245,.64)}
.ptab{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-around;background:#0E1A3D;border-radius:999px;padding:8px;font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64)}.ptab .on{color:#000616;background:#2591BF;border-radius:999px;padding:2px 12px}
.rc{right:auto;left:-80px;bottom:-50px}.ph rect[rx]{display:none}.ph .ml{display:none}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.hc{background:#050A1C;border:1px solid var(--hair-page);border-radius:28px;padding:32px}.hc .n{width:44px;height:44px;border-radius:50%;background:#182A5C;color:#D5E7F5;font:600 18px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;display:grid;place-items:center;margin-bottom:20px}.hc h4{font:600 22px/1.25 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;letter-spacing:-.01em;margin-bottom:10px}.hc p{font-size:16px;color:rgba(213,231,245,.8)}
.sp{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-top:64px}.spc{background:#050A1C;border:1px solid var(--hair-page);border-radius:32px;padding:40px;box-shadow:0 40px 100px rgba(0,0,0,.5)}.tog{display:inline-flex;gap:10px;align-items:center;font:600 14px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#D5E7F5;background:#0E1A3D;border-radius:999px;padding:8px 16px 8px 8px;margin-bottom:28px}.tog i{width:36px;height:20px;border-radius:999px;background:#182A5C;position:relative}.tog i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:rgba(213,231,245,.64)}
.big{font:800 64px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.08em;color:#fff}.bar{height:14px;border-radius:999px;display:flex;overflow:hidden;margin:20px 0 28px}.bar span{display:block}.leg{display:flex;justify-content:space-between;font-size:15px;color:rgba(213,231,245,.8);padding:12px 0;border-top:1px solid var(--hair-page)}.leg b{font-weight:600;color:#fff}.leg u{text-decoration:none;color:rgba(213,231,245,.64);letter-spacing:.1em}
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:64px}.pc{border-radius:28px;overflow:hidden;position:relative;aspect-ratio:3/4;box-shadow:0 30px 80px rgba(0,0,0,.5)}.pc img{width:100%;height:100%;object-fit:cover;display:block}.pc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,6,22,.9))}.pc b{position:absolute;left:20px;bottom:18px;z-index:2;font:600 20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.pc span{position:absolute;right:16px;bottom:18px;z-index:2;font:600 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#000616;background:#D5E7F5;border-radius:999px;padding:4px 10px}
.fd{max-width:760px}.fd p{font-size:20px;line-height:1.7;color:rgba(213,231,245,.8);margin-bottom:24px}.fd .q{font:600 32px/1.3 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:-.02em;color:#fff;margin:40px 0}.sig{display:flex;gap:16px;align-items:center;margin-top:32px}.sig .av{width:52px;height:52px;border-radius:50%;background:#182A5C;display:grid;place-items:center;font:600 18px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#D5E7F5}.sig b{display:block;color:#fff;font-size:17px}.sig span{font-size:14px;color:rgba(213,231,245,.64)}
.prc{border:1px dashed var(--line-sky);border-radius:32px;padding:64px;text-align:center;background:#050A1C}.prc h2{font-size:48px}
.fq2{max-width:860px;margin-top:48px}.fq2 details{border-bottom:1px solid var(--hair-page);padding:24px 0}.fq2 summary{font:600 22px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between}.fq2 summary:after{content:"+";color:#2591BF;font-weight:400;font-size:28px;line-height:1}.fq2 p{font-size:17px;color:rgba(213,231,245,.8);margin-top:12px}
.form{display:flex;gap:12px;justify-content:center;max-width:520px;margin:0 auto}.form input{flex:1;background:#050A1C;border:1px solid var(--hair-page);border-radius:999px;padding:16px 24px;font:400 16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}
@media(max-width:600px){.how,.sp{grid-template-columns:1fr}.pgrid{grid-template-columns:1fr 1fr;gap:12px}.pc b{font-size:14px;left:12px;right:44px;line-height:1.2}.pc span{right:10px;font-size:12px}.big{font-size:44px}.fd p{font-size:17px}.fd .q{font-size:24px}.fq2 summary{font-size:18px}.prc{padding:40px 24px}.prc h2{font-size:32px}.form{flex-direction:column}.spc{padding:28px}.rc{right:auto}.pp{top:220px}.rc{left:auto;margin:20px auto 0}.ph .map{transform:scale(.36)}.ms span:nth-child(2){display:none}.ph2{flex-wrap:wrap}.ph2 .chip{order:3;margin-left:64px;margin-top:-8px}footer nav a{display:inline!important;margin:0 24px 0 0}footer nav{padding:0!important}.fl .lg{height:40px}.ph2 h4{flex:0 0 calc(100% - 64px)}}
.sl{font:600 14px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.02em}.ph .sl{display:none}.attr{font:400 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64);padding:10px 32px 0}.ta{padding:16px 0 0}.ha{position:absolute;right:0;bottom:-36px;padding:0}.mini{padding:0!important}.mr{position:absolute;inset:0;width:100%;height:100%;display:block}.stat{gap:32px}.stat i{font-size:32px}@media(max-width:600px){.mapc .sl{display:none}.ha{position:static;text-align:center;margin-top:12px}.stat i{font-size:24px}}.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.demo{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#D5E7F5;background:#182A5C;border-radius:999px;padding:6px 12px}
.seg{display:flex;background:#0E1A3D;border:1px solid var(--hair-page);border-radius:999px;padding:4px}.seg span{font:600 14px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64);padding:8px 16px;border-radius:999px}.seg .on{background:#2591BF;color:#000616}
.tot{border-bottom:1px solid var(--hair-page);padding-bottom:20px;margin-bottom:8px}.tot span{display:block;font:600 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(213,231,245,.64)}.tot b{display:block;font:800 56px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}.tot small{font-size:14px;color:rgba(213,231,245,.64)}
.sr{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--hair-page)}.si{width:44px;height:44px;border-radius:12px;background:#182A5C;display:grid;place-items:center;flex:none}.sl2{flex:1}.sl2 b{display:block;font:600 16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.sl2 span{font:400 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64);font-variant-numeric:tabular-nums}.sa{font:600 18px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;font-variant-numeric:tabular-nums;text-align:right;min-width:80px}
.vplace{display:none}body.place .vplace{display:block}body.place .vcard{display:none}body.place .s1{background:none;color:rgba(213,231,245,.64)}body.place .s2{background:#2591BF;color:#000616}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:96px}.fr2.rev .fx{order:2}.fh{display:flex;align-items:center;gap:12px;margin-bottom:16px}.fh h3{font:800 36px/1.1 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:-.025em;color:#fff}.cs{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#000616;background:#D5E7F5;border-radius:999px;padding:6px 12px;white-space:nowrap}
.fx dt{font:600 12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2591BF;margin-top:18px}.fx dd{font-size:18px;color:rgba(213,231,245,.8);margin-top:4px}.fx dd:last-child{color:#fff;font-weight:600}
.fv{background:#050A1C;border:1px solid var(--hair-page);border-radius:28px;padding:24px;box-shadow:0 40px 100px rgba(0,0,0,.5);min-height:300px;overflow:hidden}.fv .fm{width:100%;height:300px;display:block;border-radius:16px}
.fv1{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-content:center}.ft img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 0 0 3px #2591BF}.ft b{display:block;font:600 14px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-top:10px}.ft span{font:400 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64)}
.fvs{display:flex;flex-direction:column;justify-content:center;gap:8px}.fvs .demo{align-self:flex-start}.fbig{font:800 64px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}.fvs p{font-size:14px;color:rgba(213,231,245,.64)}
.fvr{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(37,145,191,.4),#050A1C 70%)}.rv{width:200px;height:356px;border-radius:24px;background:#000616;border:1px solid var(--hair-page);padding:24px 18px;display:flex;flex-direction:column;justify-content:center;gap:8px}.rv small{font:600 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;letter-spacing:.14em;color:#2591BF}.rv b{font:800 26px/1.1 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;letter-spacing:-.02em}.rv span{font:400 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64)}.pb{height:4px;background:#182A5C;border-radius:4px;margin-top:20px}.pb i{display:block;width:40%;height:100%;background:#2591BF;border-radius:4px}
.fvt{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fvt span{border-radius:20px;border:2px solid;height:120px;position:relative}.fvt i{position:absolute;left:16px;bottom:16px;width:40px;height:6px;border-radius:6px}
.fvc{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(37,145,191,.25),#050A1C 70%)}.rcf{position:static!important;transform:rotate(-3deg)!important;margin:0!important}
.fvp{display:flex;flex-direction:column;justify-content:center;gap:16px}.pn{background:#182A5C;border-radius:20px;padding:20px}.pn b{display:block;font:600 18px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.pn span{font-size:14px;color:rgba(213,231,245,.8)}.pn2{background:#0E1A3D;border:1px dashed var(--line-sky)}.ar{font:600 14px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#2591BF;text-align:center}
.ac{color:#2591BF}
@media(max-width:600px){.fr2{grid-template-columns:1fr;gap:24px;margin-top:64px}.fr2.rev .fx{order:0}.fh h3{font-size:26px}.fh{flex-wrap:wrap}.fx dd{font-size:16px}.fv1{grid-template-columns:repeat(3,1fr)}.fv .fm{height:220px}.tot b{font-size:44px}.seg span{padding:6px 10px;font-size:13px}.sh{flex-wrap:wrap;gap:12px}}.hrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hti{width:56px;height:56px;border-radius:16px;display:grid;place-items:center}.hc .n{margin:0;width:36px;height:36px;font-size:15px}
.vplacenote{display:none}body.place .vplacenote{display:block}body.place .vcardnote{display:none}
.tz{display:flex;gap:14px;align-items:center;margin-top:20px;padding:18px;border-radius:20px;border:1px dashed var(--line-ice);background:color-mix(in srgb,#9CC9F0 6%,#050A1C)}.tzi{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none}.tz b{display:block;font:600 16px/1.35 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-top:8px}.tz .cs{background:#9CC9F0;color:#000616}
.mini{width:168px;height:320px;margin:24px auto 8px;border-radius:20px;border:2px solid var(--hair-device);box-shadow:0 0 0 4px #121418,0 20px 50px rgba(0,0,0,.5);overflow:hidden;position:relative}.mini:before{content:"";position:absolute;top:8px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#000;box-shadow:0 0 0 1px #3C404A;z-index:5}.mini .mc{left:10px;right:10px;bottom:10px;padding:10px}.mini .mc b{font-size:13px}.mini .ms span:nth-child(2){display:none}.th{display:flex;flex-direction:column}
.yn{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.ync{background:#050A1C;border:1px solid var(--hair-page);border-radius:24px;padding:28px}.ync h4{font:600 20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-bottom:12px}.ync ul{list-style:none;padding:0}.ync li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--hair-page);font-size:16px;color:rgba(213,231,245,.8)}.ync li svg{flex:none;margin-top:1px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pnote{font-size:15px;color:rgba(213,231,245,.8);margin-top:20px}
@media(max-width:600px){.mini{width:128px;height:244px;margin:16px auto 6px}.yn{grid-template-columns:1fr}.tz{align-items:flex-start}}
.czg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}.cz{background:#050A1C;border:1px solid var(--hair-page);border-radius:24px;padding:24px}.cz h4{font:600 20px/1.25 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.cz p{font-size:15px;color:rgba(213,231,245,.8);line-height:1.5}.cz .cs{background:#182A5C;color:#D5E7F5}@media(max-width:600px){.czg{grid-template-columns:1fr;gap:14px}}.cz{padding:0;overflow:hidden}.cz .hrow,.cz h4,.cz p{margin-left:24px;margin-right:24px}.cz .hrow{margin-top:20px;margin-bottom:14px}.cz p{margin-bottom:24px}.czi{position:relative;aspect-ratio:4/3;margin:12px 12px 0;border-radius:20px;overflow:hidden}.czi img{width:100%;height:100%;object-fit:cover;display:block}.czi .ov{position:absolute;inset:0;width:100%;height:100%}.czb{position:absolute;left:12px;top:12px;background:#2591BF!important;color:#000616!important}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.spl{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:4px 0 14px;border:1px solid var(--line-sky);border-radius:16px;background:color-mix(in srgb,#2591BF 10%,#050A1C)}.spl b{flex:1;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.spl .cs{background:#2591BF;color:#000616}.yn li{background:#0E1A3D;border:1px solid var(--hair-page);border-radius:14px;padding:14px 16px;margin-bottom:10px}.ync{background:#050A1C}.cz .czb{background:var(--b)!important;color:#000616!important}.nw{white-space:nowrap}.inl{padding:8px 24px 0}.csl{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--line-sky);border-radius:999px;background:color-mix(in srgb,#2591BF 10%,#000616);color:#D5E7F5;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;text-decoration:none}.csf{position:fixed;right:32px;bottom:32px;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#0E1A3D;border:1px solid var(--line-sky);color:#fff;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;text-decoration:none;box-shadow:0 12px 32px rgba(0,6,22,.6);transition:opacity 200ms}.csf.hid{opacity:0;pointer-events:none}@media(max-width:600px){.csf{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0;justify-content:center;padding:14px 16px calc(14px + env(safe-area-inset-bottom));min-height:56px}.yn{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.csf{transition:none}}h1{font:800 96px/0.96 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-0.03em!important}h2{font:800 66px/1.02 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-0.03em!important}.lede,section p{font-size:18px;line-height:30px;max-width:600px}section{padding:160px 0}.rl{position:relative;height:120px;margin:-60px 0;z-index:1;pointer-events:none}.rl svg{width:100%;height:100%;display:block}.rl i{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:#000616;border:2px solid var(--line-sky);box-shadow:0 0 12px #2591BF}.pt,.hc,.prc,.cz,.mapc{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}.pt{border-top:1px solid var(--hair-page)!important;padding:32px 0!important}.hc{border-top:1px solid var(--hair-page)!important;padding:32px 0 0!important}.prc{padding:0!important}#pricing .prc{border-top:1px solid var(--hair-page)!important;border-bottom:1px solid var(--hair-page)!important;padding:64px 0!important}.ic,.hti,.cz .hti{background:none!important;width:auto!important;height:auto!important}.yn li{background:none!important;border:1px solid var(--hair-page)!important}.ync{background:none!important;border:0!important;padding:0!important}.cz{padding:0!important}.cz .czi{margin:0!important}.cz .hrow,.cz h4,.cz p{margin-left:0!important;margin-right:0!important}.cs,.cz .czb,.spl .cs,.tz .cs{background:#2591BF!important;color:#000616!important;font:600 12px/1 Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;padding:6px 10px!important;border-radius:999px!important}.fcap{font-size:18px;line-height:30px;color:#fff;max-width:480px}.fcap .pq{color:rgba(213,231,245,.6)}.f4{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:96px;padding-top:40px;border-top:1px solid var(--hair-page)}.f4 h4{font:600 20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-bottom:8px}.f4 p{font-size:16px!important;line-height:24px!important;color:rgba(213,231,245,.8)}.nvl{color:#D5E7F5;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;text-decoration:none;margin-left:auto;margin-right:24px}.csl{display:inline-block;padding:0;border:0;background:none;color:#2591BF;font:600 16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;text-decoration:underline;text-underline-offset:4px}.inl{padding:0 24px}@media(max-width:600px){h1{font-size:48px!important;line-height:48px!important}h2{font-size:40px!important}section{padding:96px 0}.rl{height:64px;margin:-32px 0}.f4{grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}.nvl{margin-right:12px;font-size:14px}}.yn li{text-align:left}.yn,.ync{text-align:left}dt{font:600 13px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#9CC9F0!important}/* ===== 4.4 SYSTEM ===== */
:root{--s0:#000616;--s1:#050A1C;--s2:#0E1A3D;--s3:#182A5C;--hair:1px solid var(--hair-page);--r1:12px;--r2:20px;--r3:28px;--elev:0 24px 64px rgba(0,6,22,.64);--glow:0 0 64px rgba(37,145,191,.12);--t1:#fff;--t2:rgba(213,231,245,.8);--t3:rgba(213,231,245,.64)}
html{hanging-punctuation:first allow-end;-webkit-font-smoothing:antialiased;font-synthesis:none}
b,strong{font-weight:600}h1,h2{font-weight:800!important}h3,h4,h5,summary{font-weight:600!important}
h1,h2,h3,h4,.q{text-wrap:balance}p,dd,li{text-wrap:pretty}
h1{font-size:96px!important;line-height:92px!important;letter-spacing:-.03em!important}
h2{font-size:64px!important;line-height:64px!important;letter-spacing:-.03em!important;margin-bottom:24px!important}
h3,.fh h3{font:600 32px/40px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.02em!important;color:#fff}
h4{letter-spacing:-.01em!important}
.eb{font:600 13px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:.12em!important;margin-bottom:24px!important}
.lede,section p{font-size:18px;line-height:32px;color:var(--t2);max-width:600px}
section{padding:160px 0!important;background:var(--s0)}
#how,#spend,#themes,#perms,#faq{background:var(--s1)}
.rl{height:64px!important;margin:-32px 0!important}
/* hero */
.hero{padding:96px 0 128px!important}.hero .rc{display:none}.hl{margin:32px 0 40px!important;max-width:480px;font-size:20px!important;line-height:32px!important}
.trust{font:400 15px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:var(--t3)!important;margin-top:16px!important}
.btn{box-shadow:none!important;font-weight:600!important;padding:16px 32px!important}
/* one phone frame */
.ph{width:320px!important;height:660px!important;border-radius:52px!important;border:10px solid var(--bezel)!important;box-shadow:0 0 0 1px #182A5C,var(--elev),var(--glow)!important;margin:0 0 0 auto}
.phs{width:240px;height:495px;margin:0 auto}.phm{transform:scale(.75);transform-origin:0 0;margin:0!important;box-shadow:0 0 0 1px #182A5C!important}
.phm .mini{position:absolute;inset:0;padding:48px 16px 16px!important;height:auto!important}.phm .mr{height:420px!important;width:100%}.phm .mc{left:16px;right:16px;bottom:24px;border-radius:var(--r2)!important}
.th{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.th .tl{padding:24px 0 0;text-align:center}.th .tl h4{font-size:20px!important}.dft{color:var(--t3);font-weight:400}
.thg{gap:24px!important;margin-top:64px!important}
/* features: one frame */
.fr2{margin-top:96px!important;gap:64px!important}.fv{aspect-ratio:16/10;min-height:0!important;padding:32px!important;border-radius:var(--r3)!important;background:var(--s1)!important;border:var(--hair)!important;box-shadow:var(--elev)!important;display:grid;place-items:center;overflow:hidden}
.fv .fm{height:100%!important;width:100%;border-radius:var(--r2)!important}.fv1{grid-template-columns:repeat(5,1fr)!important;gap:16px!important}.ft img{border-radius:var(--r1)!important}
.fvr{background:radial-gradient(circle at 50% 30%,rgba(37,145,191,.32),var(--s1) 70%)!important}.rv{width:auto!important;height:auto!important;border:0!important;background:none!important;padding:0!important;text-align:center;align-items:center}.rv b{font-size:40px!important;line-height:44px!important}
.f4{gap:32px!important;margin-top:96px!important;padding-top:32px!important}
/* timeline bleed */
.tlg{grid-template-columns:1fr 360px!important;gap:64px!important;margin-top:64px!important;align-items:center}
.mapc{margin-left:calc((100vw - 1104px)/-2)!important;border-radius:0 var(--r3) var(--r3) 0!important;aspect-ratio:16/10;position:relative}.mapc .map{height:100%;width:100%}.mapc .attr{position:absolute;right:16px;bottom:12px;font:400 11px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;opacity:.5;padding:0!important}
.st{padding:16px 0!important}.st img{width:44px!important;height:44px!important;box-shadow:0 0 0 2px #D5E7F5!important}
.stx{display:flex;gap:64px;padding:48px 0 0!important;border:0!important;margin-top:16px}.stx i{font:800 40px/48px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.03em!important;color:#fff}.stx div{font:400 15px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--t3)!important}
/* photos */
.pgrid{gap:16px!important;margin-top:64px!important}.pc{border-radius:var(--r2)!important;box-shadow:none!important;aspect-ratio:4/5!important}
/* spend */
.spc{border-radius:var(--r3)!important;box-shadow:var(--elev)!important;border:var(--hair)!important}.sr{border-bottom:0!important;border-radius:0!important}.si{border-radius:var(--r1)!important}.tz{border:var(--hair)!important;border-radius:var(--r2)!important}.spl{border-radius:var(--r2)!important}
/* privacy / perms */
.yn li{border-radius:var(--r1)!important;padding:16px!important;margin-bottom:8px!important}.yn{gap:48px!important}
.pg{gap:0 64px!important}.pt{border-top:var(--hair)!important;padding:32px 0!important}.ph2{margin-bottom:16px!important}.pt dl{display:grid;grid-template-columns:120px 1fr;gap:8px 16px}.pt dd{font-size:16px;line-height:24px;color:var(--t2)}
/* founder */
.fd{max-width:1200px!important;display:grid;grid-template-columns:5fr 7fr;gap:96px}.fd .q{font:600 36px/48px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.02em!important;color:#fff!important;margin:0 0 32px!important;max-width:none!important;text-indent:-.4em}.fd p{font-size:18px!important;line-height:32px!important;margin-bottom:24px!important}.sig{margin-top:40px!important;padding-top:24px;border-top:var(--hair)}.sig .av{width:48px;height:48px;border-radius:50%;background:var(--s3);display:grid;place-items:center;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#D5E7F5}.sig b{display:block;font:600 16px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.sig span{font:400 15px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:var(--t3)}
/* faq */
.fqw{display:grid;grid-template-columns:5fr 7fr;gap:96px}.fq2{margin-top:0!important;border-top:var(--hair)}.fq2 details{border-bottom:var(--hair)!important;padding:24px 0!important}.fq2 summary{font:600 20px/32px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.01em;color:#fff;list-style:none;display:flex;justify-content:space-between;cursor:pointer}.fq2 summary::-webkit-details-marker{display:none}.fq2 summary:after{content:"+";font:400 24px/32px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#2591BF}.fq2 details[open] summary:after{content:"–"}.fq2 p{margin-top:8px;font-size:16px!important;line-height:28px!important}
/* pricing slim */
#pricing{padding:96px 0!important}.prw{display:flex;gap:64px;align-items:baseline;border-top:var(--hair);border-bottom:var(--hair);padding:40px 0}.prw h3{flex:none}.prw p{margin:0}
/* coming soon */
.czg{gap:24px!important;margin-top:64px!important}.czi{border-radius:var(--r2)!important}.cz h4{font:600 20px/28px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important}.cz p{font-size:16px!important;line-height:24px!important}.cz .hrow{margin:24px 0 16px!important}
/* cta + footer */
.cta{padding:160px 0!important}.cta h2{font-size:80px!important;line-height:80px!important}.form input{border:var(--hair)!important;border-radius:999px}
footer{padding:96px 0 48px!important;border-top:0!important}.fr{align-items:center!important}.fl .lg{height:56px!important}.fq{font:400 15px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:var(--t3)!important;margin-top:16px!important}footer nav a{font:400 15px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:var(--t2)!important;opacity:1!important;margin-left:40px!important}.fn{margin-top:64px!important;padding-top:24px;border-top:var(--hair);font:400 13px/20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:var(--t3)!important}
/* line system */
.cs,.czb{font:600 12px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important}
a:focus-visible,.btn:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #2591BF;outline-offset:4px}
@media(max-width:600px){
 h1{font-size:48px!important;line-height:48px!important}h2{font-size:40px!important;line-height:44px!important}h3,.fh h3{font-size:24px!important;line-height:32px!important}
 section{padding:96px 0!important}.hero{padding:40px 0 96px!important}.hl{font-size:18px!important;line-height:28px!important}
 .ph{margin:48px auto 0!important}.hero .rc{display:block;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:32px auto 0!important;width:280px;border-radius:var(--r2)!important;box-shadow:var(--elev)!important}
 .phs{width:154px;height:318px}.phm{transform:scale(.48)}.thg{gap:24px 16px!important}.th .tl h4{font-size:16px!important}.dft{display:block}
 .fr2{gap:32px!important;margin-top:64px!important}.fv{padding:16px!important}.fv1{gap:8px!important}
 .tlg{grid-template-columns:1fr!important;gap:32px!important}.mapc{margin-left:-24px!important;margin-right:-24px!important;border-radius:0!important}
 .stx{flex-wrap:wrap;gap:24px 40px}.stx i{font-size:32px!important;line-height:40px!important}
 .fd,.fqw{grid-template-columns:1fr;gap:48px}.fd .q{font-size:28px!important;line-height:36px!important}
 .prw{flex-direction:column;gap:16px}.pt dl{grid-template-columns:1fr;gap:4px}.pg{gap:0!important}
 .cta h2{font-size:44px!important;line-height:48px!important}footer nav a{margin-left:0!important;margin-right:24px!important}.fl .lg{height:44px!important}
}
section{padding:128px 0!important}.hero{padding:96px 0 128px!important}.fr2{margin-top:64px!important}.f4{margin-top:64px!important}
.pg4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px;border-top:1px solid var(--hair-page);padding-top:32px}.pt4 svg{width:24px;height:24px}.pt4 h4{font:600 20px/28px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:#fff;margin:16px 0 8px}.pt4 p{font-size:15px!important;line-height:24px!important;color:rgba(213,231,245,.64)}.pt4 .pw{color:rgba(213,231,245,.8);margin-bottom:8px}
.phs{width:208px;height:429px}.phm{transform:scale(.65)}
.fqw .prw{display:block;border:0;border-top:0;padding:40px 0 0}.fqw .prw h4{font:600 20px/32px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:#fff;margin-bottom:8px}.fqw .prw p{font-size:16px!important;line-height:28px!important}
@media(max-width:600px){section{padding:96px 0!important}.pg4{grid-template-columns:1fr 1fr;gap:32px 24px}.phs{width:154px;height:318px}.phm{transform:scale(.48)}}section{padding:112px 0!important}.hero{padding:80px 0 112px!important}
#privacy .prc,#privacy .prc h2,#privacy .prc p{text-align:left!important;margin-left:0!important}
.fr2{grid-template-columns:5fr 6fr!important}.fr2.rev{grid-template-columns:6fr 5fr!important}.st{padding:12px 0!important}
.thg+p,.th .tl{padding-top:16px}
@media(max-width:600px){section{padding:96px 0!important}.hero{padding:40px 0 96px!important}}.fr2,.fr2.rev{grid-template-columns:1fr 1fr!important}.fv{width:100%;max-width:448px;justify-self:end}.fr2.rev .fv{justify-self:start}
.cta{padding:112px 0!important}.mapc{aspect-ratio:2/1!important}.fq2 details{padding:16px 0!important}
@media(max-width:600px){.fv{max-width:none}.mapc{aspect-ratio:16/10!important}}.phm .mini{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:48px 16px 16px!important;background:none!important}.phm .mini:before{display:none}.phm .mr{height:100%!important;position:absolute;inset:0}.phm .mc{position:absolute;left:16px!important;right:16px!important;bottom:24px!important;padding:16px!important}.phm .mc b{font-size:18px!important;line-height:24px}.phm .ms span:nth-child(2){display:inline-block!important}.th .tl h4{color:#fff}@media(max-width:600px){.dft{display:inline}.th .tl h4{font-size:15px!important}}.thg{grid-template-columns:repeat(4,1fr)!important}.th{align-items:center}@media(max-width:600px){.thg{grid-template-columns:1fr 1fr!important}}
/* ===== 4.5 SYSTEM (overrides 4.4; tokens unchanged) ===== */
html body section{padding:160px 0!important}
html body .hero{padding:96px 0 128px!important}
html body section.cta{padding:160px 0!important}
/* hero */
.hmap{position:absolute;left:0;top:72px;width:300px;height:184px;overflow:hidden}.ph .hmap .map{top:0!important}
.hmap .ha{position:absolute!important;right:8px;bottom:6px;margin:0!important;font:400 11px/12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:#fff!important;opacity:.5;text-align:right}
.hl{margin-bottom:40px!important}
/* features */
.fv1{padding:24px!important;align-content:center}.fv1 .ft b{white-space:nowrap}
.fv{position:relative}.fma{position:absolute;right:16px;bottom:12px;font:400 11px/12px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;opacity:.5;padding:0!important}
/* timeline: soft bleed edge, credit clear of labels */
.mapc{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 96px,#000 calc(100% - 96px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 96px,#000 calc(100% - 96px),transparent 100%)}
.mapc .attr{position:absolute;right:16px!important;bottom:16px!important;top:auto!important;background:rgba(0,6,22,.72);padding:4px 8px!important;border-radius:6px;opacity:1!important;color:rgba(213,231,245,.5)!important;z-index:2}
.disc{font:400 12px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:rgba(213,231,245,.5)!important;margin-top:16px!important;max-width:none!important}
:root{--tint-sky-08:#081529;--tint-ol-08:#0B162C;--tint-ice-08:#11192D;--tint-mist-08:#161C2D;--tint-oc-08:#051127;
--tint-sky-20:#0B253D;--tint-ol-20:#132843;--tint-ice-20:#233046;--tint-mist-20:#2F3647}
/* spend: both breakdowns visible (REQ 2), ramp bars + 08 tints (REQ 12 / D1 option B) */
.sp45{align-items:start!important}
.sp45 .v{display:block!important}.sp45 .vplace{margin-top:24px}
.vh5{font:600 12px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--t3);margin:0 0 8px!important}
.sp45 .sr{border-left:4px solid var(--bar)!important;border-radius:var(--r1)!important;padding:10px 16px!important;margin:0 0 6px!important;border-top:0!important;border-bottom:0!important}
.sr[data-t=sky]{background:var(--tint-sky-08)}.sr[data-t=ol]{background:var(--tint-ol-08)}.sr[data-t=ice]{background:var(--tint-ice-08)}.sr[data-t=mist]{background:var(--tint-mist-08)}.sr[data-t=oc]{background:var(--tint-oc-08)}
body.d1a .sr{background:none!important}
.notes45{display:grid;gap:12px;margin-top:16px}.notes45 .spl,.notes45 .tz{margin:0!important;display:flex;align-items:center;gap:12px}
.notes45 .spl b,.notes45 .tz b{flex:1;font:600 16px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff}.notes45 .tz>div{display:flex;align-items:center;gap:12px;flex:1}
.spn{font:400 14px/20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:var(--t3)!important;margin-top:12px!important}
/* perms: own colour + tint (REQ 10/12) */
.pt4{border-radius:var(--r2);padding:24px!important;border-top:0!important}
.pt4[data-t=sky]{background:var(--tint-sky-08);box-shadow:inset 0 2px 0 #2591BF}.pt4[data-t=ice]{background:var(--tint-ice-08);box-shadow:inset 0 2px 0 #9CC9F0}.pt4[data-t=mist]{background:var(--tint-mist-08);box-shadow:inset 0 2px 0 #D5E7F5}.pt4[data-t=ol]{background:var(--tint-ol-08);box-shadow:inset 0 2px 0 #4A9EE0}
body.d1a .pt4{background:none!important}
.pg4{border-top:0!important;gap:16px!important}
/* coming soon cards: strong steps (20 tints) */
.cz{border-radius:var(--r2)!important;padding:0 0 24px!important;overflow:hidden}.cz h4,.cz p,.cz .hrow{padding:0 20px}
.cz[data-t=sky]{background:var(--tint-sky-20);border:1px solid var(--line-sky)!important}.cz[data-t=ol]{background:var(--tint-ol-20);border:1px solid var(--line-ol)!important}.cz[data-t=ice]{background:var(--tint-ice-20);border:1px solid var(--line-ice)!important}.cz[data-t=mist]{background:var(--tint-mist-20);border:1px solid var(--line-mist)!important}
body.d1a .cz{background:none!important;border-color:var(--hair-page)!important}
/* links to #coming-soon (REQ 13; D3 A = nav + inline buttons, D3 B = fixed pill) */
.inl{padding-top:0;padding-bottom:0}.csl{display:inline-flex!important;align-items:center;min-height:44px;padding:0 20px!important;border:1px solid var(--line-sky)!important;border-radius:999px!important;text-decoration:none!important;color:#D5E7F5!important;background:var(--tint-sky-08)!important;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important}
#features .inl{margin-top:64px;padding:0}
.csp{display:none}body.d3b .csp{display:inline-flex;position:fixed;right:32px;bottom:32px;z-index:50;align-items:center;gap:10px;padding:14px 20px;background:#0E1A3D;border:1px solid var(--line-sky);border-radius:999px;box-shadow:0 12px 32px rgba(0,6,22,.6);color:#D5E7F5;font:600 15px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;text-decoration:none}
html{scroll-padding-top:96px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* photos: 2:3 lead + 4 */
.pg45{display:grid;grid-template-columns:288px 1fr;gap:16px;margin-top:64px}
.pg45 figure{margin:0}.pg45 img{display:block;width:100%;object-fit:cover;border-radius:var(--r2)}
.pg45 .pl img{aspect-ratio:2/3;height:auto}.pg4s{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pg4s img{aspect-ratio:auto;height:194px}
.pg45 figcaption{font:600 14px/20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-top:8px}
/* themes */
.ph:before{background:#0B0D12!important;box-shadow:0 0 0 1px rgba(213,231,245,.22)!important}
.phm .mini svg.mr{padding:0 16px;box-sizing:border-box}
/* privacy: framed (REQ 11, D2 option B: card-raised) — one hairline recipe, aligned rows */
.yn li{background:#0E1A3D!important;border:1px solid var(--hair-steel)!important;border-radius:var(--r1)!important;padding:12px 16px!important;margin:0 0 8px!important;min-height:56px;box-sizing:border-box;display:flex;align-items:center;gap:12px}
.yn ul{display:grid;grid-auto-rows:56px;gap:8px}.yn ul li{margin:0!important}
.ync h4{margin-bottom:16px!important}
body.d2a .yn li{background:transparent!important;border-color:var(--hair-page)!important}
.pex{font:400 16px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:#fff!important;margin-top:8px!important}.pex b{font-weight:600}
/* founder */
.fd{align-items:start}.sig .av{background:none!important;width:40px;height:40px}
/* coming soon */
.csh{display:inline-block;margin-bottom:24px;padding:4px 12px;border-radius:999px;border:1px solid var(--hair-chip);color:#9CC9F0;letter-spacing:.08em;text-transform:uppercase}
/* cta */
.ctm{font:400 12px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:rgba(213,231,245,.5)!important;margin:16px auto 0!important;text-align:center;max-width:520px!important}
.form input{background:#0E1A3D!important;border:1px solid var(--hair-accent)!important}
/* footer: logo 48px visible (svg box 56→70.7) */
html body .fl .lg{height:71px!important;width:auto}.fr{align-items:flex-end!important}footer nav{padding-bottom:30px}
@media(max-width:600px){
 html body section,html body section.cta{padding:96px 0!important}html body .hero{padding:40px 0 96px!important}
 html body .hero .rc{display:none!important}
 .hmap{width:259px;height:159px}
 .pg45{grid-template-columns:1fr}.pg45 .pl img{aspect-ratio:4/5}.pg4s img{height:160px}
 .phm .ms span{font-size:0!important}.phm .ms i{font-size:22px!important}
 html body .fl .lg{height:59px!important}.fr{align-items:flex-start!important}footer nav{padding-bottom:0}
}
html body .fr2{margin-top:64px!important}html body .f4{margin-top:64px!important}
.pex{margin-top:8px!important}
.fdl .sig{margin-top:32px!important}
/* ===== v1.2 guideline alignment ===== */
.w{max-width:1168px!important}.mapc{margin-left:calc((100vw - 1120px)/-2)!important}
h1,h2,.stx i,.cta h2{font-weight:700!important}
.eb,.cs,.czb,.csh{font:600 12px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:.08em!important}
.disc,.spn,.ctm{font:400 14px/20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;color:rgba(213,231,245,.64)!important}
.mapc .attr,.hmap .ha,.fma{font-size:11px!important}
.stx i{font:700 48px/48px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;font-variant-numeric:tabular-nums}
.btn,html body .btn{background:#2591BF!important;color:#000616!important}
.fv{background-color:#000616!important}
.fq a{color:#2591BF}
@media(max-width:600px){.stx i{font-size:40px!important;line-height:40px!important}}
html body .cta h2{font-size:64px!important;line-height:64px!important;white-space:nowrap}
@media(max-width:600px){html body .cta h2{font-size:40px!important;line-height:44px!important;white-space:normal}.phs{width:154px!important;height:318px!important}.phm{transform:scale(.48)!important}}

.f4{display:none!important}

.sp45{grid-template-columns:1fr!important;gap:48px!important;margin-top:0!important}.sp45>div:first-child{display:grid;grid-template-columns:5fr 7fr;gap:96px;align-items:end}.sp45>div:first-child .eb{grid-column:1/-1;margin-bottom:-72px!important}.sp45 .lede{margin:0!important}
.sp45 .spc{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;padding:32px!important}.sp45 .sh,.sp45 .tot{grid-column:1/-1}.sp45 .vplace{margin-top:0!important}
.notes45{grid-template-columns:1fr 1fr}
@media(max-width:600px){.sp45>div:first-child{grid-template-columns:1fr;gap:0}.sp45>div:first-child .eb{margin-bottom:24px!important}.sp45 .spc{grid-template-columns:1fr;padding:20px!important}.sp45 .vplace{margin-top:24px!important}.notes45{grid-template-columns:1fr}}
.cz[data-t=sky]{background:#0F3550!important}.cz[data-t=ol]{background:#1B395B!important}.cz[data-t=ice]{background:#233046!important}.cz[data-t=mist]{background:#2F3647!important}
body.d1a .cz{background:none!important}
/* ===== 4.5 GATEWAY (Keith G1–G17) — restraint layer, last wins ===== */
:root{--r3:20px}
/* G7: one section padding everywhere, zero variance (128 / 64) */
html body section,html body section.cta,html body .hero,html body section#pricing{padding:128px 0!important}
html body footer{padding:128px 0 64px!important}
.rl{height:64px!important;margin:-32px 0!important}
#features .inl{margin-top:64px!important}.w.inl{padding-top:0!important;padding-bottom:0!important;margin-top:-64px;margin-bottom:64px}
/* G3: body on dark 1.55 */
.lede,section p{line-height:28px!important}.hl{line-height:32px!important}
/* G5/G13: no card shadows, 1px hairlines; radius 12/20 only */
.spc,.fv,.cz,.pt4,.tz,.spl,.yn li{box-shadow:none!important}
.spc,.fv,.mapc{border-radius:20px!important}
.mapc{border-radius:0 20px 20px 0!important}
.pt4{box-shadow:none!important}
.cz{border:1px solid var(--hair-page)!important}
.notes45 .spl,.notes45 .tz{border:1px solid var(--hair-page)!important;border-style:solid!important}
.sp45 .sr{border-left-width:2px!important}
.csl{border:1px solid var(--hair-page)!important}
/* G10: one accent — eyebrows go muted, accent kept for H1/H2 key words, badges, CTA, route */
.eb{color:var(--t3)!important}
.st small,.dft{color:var(--t3)!important}
/* G2: mobile H1 0.58×, H2 0.625× */
@media(max-width:600px){h1{font-size:56px!important;line-height:56px!important}
 html body section,html body section.cta,html body .hero{padding:64px 0!important}html body footer{padding:64px 0 48px!important}
 .w.inl{margin-top:-32px;margin-bottom:32px}}
/* G1/G2: 3 weights (400/600/700), 8 page sizes {12,14,16,18,32,48,64,96}; phone-mock UI excluded */
.nvl,.csl,.pex,.pex b,.stx div,.pw,.fq,.fq a,footer nav a,nav a{font-size:16px!important}
.fv1 .ft b,.pg45 figcaption{font-size:14px!important}
.ft span,.rv span,.rv small,.sl2 span,.tot span,.tot small,.fn,.attr,.ha,.fma{font-size:12px!important;line-height:16px!important}
.tot b{font:700 48px/48px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.03em}.rv b{font-weight:700!important;font-size:32px!important;line-height:32px!important}
.hc h4,.tl h4,.th .tl h4,.ync h4,.pt4 h4,.cz h4,.fq2 summary,.st h5,.sa{font-size:18px!important;line-height:24px!important}
.hl,.dft{font-size:18px!important}.fd .q{font-size:32px!important;line-height:40px!important}
/* ===== 4.6 GATEWAY FIXES (gateway_score45.md items 1–14) ===== */
/* 4 G2 ladder 12/14/16/18/24/32/40/64/96 · 5 G3 line-heights */
.fh h3,h3{font:600 24px/32px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.02em!important}
.stx i{font:700 40px/44px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important}.tot b{font:700 40px/44px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important}
.rv b{font-size:32px!important;line-height:36px!important}
section p,.lede,.fcap,.hc p,.cz p,.pt4 p,.fq2 p,.yn li span,.fdr p{font-size:16px!important;line-height:26px!important}
.lede,.fd p,.hl{font-size:18px!important;line-height:28px!important}
.fd .q{font-size:32px!important;line-height:40px!important}
.disc,.spn,.ctm,.st p,.st small,.vh5,.fn,.fq,.fq a,.ft span,.sl2 span,.tot small,.tot span{line-height:22px!important}
.disc,.spn,.ctm,.st p,.st small,.fn,.ft span,.sl2 span,.tot small{font-size:14px!important}
.attr,.ha,.fma{font-size:12px!important;line-height:18px!important}
/* 6 G4 tracking */
.cs,.czb,.csh,.demo,.ptab span,.pst div,.vh5,.ms span{letter-spacing:.08em!important}
/* 7 G5 privacy frame line */
.yn li{border-color:var(--hair-frame)!important}
/* 8 G6 one icon render size: 24px, tile 40 */
svg[viewBox="0 0 24 24"]{width:24px!important;height:24px!important}
.hti{width:40px!important;height:40px!important;display:grid!important;place-items:center}
/* 9 G7 off-scale gaps → scale */
.form{gap:12px!important}.seg{padding:4px!important}
.thg{gap:24px!important}.czg{gap:24px!important}.pg4{gap:16px!important}
.notes45{gap:16px!important}.sp45 .sr{margin:0 0 8px!important;padding:12px 16px!important}
.fq{margin-top:16px!important}.fd .q{margin-bottom:32px!important}
.st{padding:16px 0!important}.st img{margin-right:16px}
footer nav a{margin-left:32px!important}
/* 10 G8 header + button on the column */
body>nav{max-width:1168px!important;padding:24px!important;margin:0 auto!important;box-sizing:border-box}
#features .inl{padding:0 24px!important;margin:64px auto 0!important}
/* 11 G10 body contrast: muted lead-ins → .8 */
.pq{color:rgba(213,231,245,.8)!important}
/* 12 G11 ratios: 4:5 photos/thumbs, 4:3 tiles/maps, 1:1 avatars */
.pg46{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;margin-top:64px}
.pg46 figure{margin:0}.pg46 img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}
.pg46 .pl{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.pg46 .pl img{flex:1;aspect-ratio:auto;min-height:0}
.pg46 figcaption{font:600 14px/22px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:#fff;margin-top:8px}
.ft img{aspect-ratio:4/5!important;object-fit:cover;height:auto!important}
.fv{aspect-ratio:4/3!important}.mapc{aspect-ratio:4/3!important}.czi{aspect-ratio:4/3!important}
/* 14 G13 radius: 12 and 20 only (pills/circles exempt) */
.rv,.ync,.prc{border-radius:20px!important}.hti,.tzi,.si{border-radius:12px!important}.mapc .attr{border-radius:12px!important}
.notes45 .spl,.notes45 .tz,.cz,.spc,.pt4{border-radius:20px!important}.sp45 .sr,.yn li{border-radius:12px!important}
/* G17 one note recipe: both notes get the 40/r12 icon tile */
.notes45 .spl>svg{box-sizing:content-box;padding:8px;width:24px!important;height:24px!important;border-radius:12px;background:var(--tint-sky-20);flex:none}
.notes45 .tzi{width:40px!important;height:40px!important}
@media(max-width:600px){
 /* 1 Features 375: one column, media above text */
 .fr2,.fr2.rev{grid-template-columns:1fr!important;gap:24px!important}.fr2 .fv{order:-1!important;width:100%}
 .fv1{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;aspect-ratio:auto!important}.fv1 .ft b{font-size:12px!important;white-space:normal}
 .rv b{font-size:24px!important;line-height:28px!important}
 #features .inl{margin:48px 0 0!important}
 /* 2 Themes 375 */
 html body .phm{margin:0!important}.th .tl h4{font:600 16px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important}.dft{display:inline!important}
 .phm .ms{display:none!important}
 /* 3 Timeline 375: map visible as full-width 4:3, rows clipped to container */
 .mapc{margin-left:-24px!important;margin-right:0!important;width:calc(100% + 48px)!important;aspect-ratio:4/3!important;border-radius:0!important}
 .mapc .sl{display:block!important}.tlg{overflow:hidden}.tlg>div{min-width:0}
 /* 4 sizes at 375: {12,14,16,18,24,32,40,56} */
 h2,html body .cta h2{font-size:40px!important;line-height:44px!important}
 .stx i{font-size:32px!important;line-height:36px!important}.tot b{font-size:40px!important;line-height:44px!important}
 .fd .q{font-size:24px!important;line-height:32px!important}.fh h3,h3{font-size:24px!important;line-height:32px!important}
 /* 10 footer links on the 24 column */
 footer nav{margin:0!important;padding:0!important}footer nav a{margin:0 24px 0 0!important}footer .fr{align-items:flex-start!important}
 .pg46{grid-template-columns:1fr 1fr}.pg46 .pl{grid-column:span 2;grid-row:auto}.pg46 .pl img{aspect-ratio:4/5;flex:none}
 body>nav{padding:16px 24px!important}
}
/* 9 remaining off-scale gaps, 4 stray sizes (audit pass 2) */
.csl{gap:8px!important}.sp45 .sr{gap:16px!important}html body .hg{column-gap:48px!important}
@media(max-width:600px){.stx{gap:24px 48px!important}}
html body .mapc .attr,.attr{font-size:12px!important;line-height:18px!important}.sig span{font-size:14px!important;line-height:22px!important}
.rcg span{font-size:12px!important}.tzi svg{width:24px!important;height:24px!important}
html body .hg{row-gap:48px!important}
/* 4.6 finish */
.fq2 summary{align-items:flex-start!important}.fq2 summary:after{font:400 24px/24px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;flex:none;margin-left:24px}
.pt4[data-t=oc]{background:var(--tint-oc-08)!important}.pt4[data-t=ice]{background:var(--tint-ice-08)!important}
/* Photos: one 5-up row at 4:5, Late food first (height) */
.pg46{grid-template-columns:repeat(5,1fr)!important}.pg46 .pl{grid-column:auto!important;grid-row:auto!important;display:block!important}.pg46 .pl img{aspect-ratio:4/5!important;flex:none}
@media(max-width:600px){.pg46{grid-template-columns:1fr 1fr!important}.pg46 .pl{grid-column:span 2!important}}
/* ===== 4.7 (gateway_score46 fixes 1–9) ===== */
/* 1 G2: stats + total 32 at 1440 → 8 sizes {12,14,16,18,24,32,64,96} */
.stx i,.tot b{font:700 32px/36px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif!important;letter-spacing:-.02em!important}
/* 2 G3 */
.eb,.cs,.csh,.czb,.demo,.vh5{line-height:20px!important}.fq,.fq a{font-size:16px!important;line-height:26px!important}
/* 3 G4 badges — specificity above the legacy .04em rule */
html body .cs,html body .czb,html body .csh,html body .demo{letter-spacing:.08em!important}
/* 4 G5 coming-soon borders: item colour 25% into own fill */
.cz[data-t=sky]{border-color:var(--hair-card-sky)!important}.cz[data-t=ol]{border-color:var(--hair-card-ol)!important}
.cz[data-t=ice]{border-color:var(--hair-card-ice)!important}.cz[data-t=mist]{border-color:var(--hair-card-mist)!important}
/* 5 G6/G17 spend notes: both icons 24px bare, 1.5 stroke */
.notes45 .spl>svg{padding:0!important;background:none!important;width:24px!important;height:24px!important}
.notes45 .tzi{width:24px!important;height:24px!important;background:none!important}
/* 6 G8: header, link buttons, footer on the 184–1256 column */
body>nav{box-sizing:content-box!important;max-width:1072px!important;padding:24px!important}
.w.inl,#features .inl{box-sizing:content-box!important;max-width:1072px!important;padding:0 24px!important;margin-left:auto!important;margin-right:auto!important}
footer .fr{display:flex!important;justify-content:space-between!important;width:100%}
/* 7 Timeline 1440: svg fills the frame, right-edge + vertical fades, credit inside */
.mapc svg{width:100%!important;height:100%!important;display:block}
.mapc{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 96px,#000 calc(100% - 96px),transparent),linear-gradient(to right,#000 calc(100% - 96px),transparent)!important;-webkit-mask-composite:source-in!important;mask-image:linear-gradient(to bottom,transparent,#000 96px,#000 calc(100% - 96px),transparent),linear-gradient(to right,#000 calc(100% - 96px),transparent)!important;mask-composite:intersect!important}
.mapc .attr{right:112px!important;top:104px!important;bottom:auto!important}
/* 8 Permissions: one tone for Location; 375 single column */
.pt4 .pex{color:var(--t2)!important;font-weight:400!important}
/* clearer item steps (items 8/10): 20-step tints, icons on tinted tiles */
.pt4[data-t=sky]{background:var(--tint-sky-20)!important}.pt4[data-t=oc]{background:#061C37!important}.pt4[data-t=ice]{background:var(--tint-ice-20)!important}.pt4[data-t=ol]{background:var(--tint-ol-20)!important}
html body .how .hc:nth-of-type(1) .hti{background:#0F3550!important}html body .how .hc:nth-of-type(2) .hti{background:#1B395B!important}html body .how .hc:nth-of-type(3) .hti{background:#2F3647!important}
/* kebab lead at 1440: 1.5× column, all 4:5 */
@media(min-width:601px){.pg46{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr!important;align-items:end}}
@media(max-width:600px){.pg4{grid-template-columns:1fr!important}.stx i{font-size:32px!important}.tot b{font-size:40px!important;line-height:44px!important}}

html body .notes45 .cs,html body .spr .cs{letter-spacing:.08em!important;line-height:20px!important}
@media(min-width:601px){html body footer nav{margin:0 0 0 auto!important;max-width:none!important;text-align:right}}
/* ===== 4.8 (gateway_score47 fixes 1–10) ===== */
/* 5 G3 */ .tot span,.tot small{line-height:20px!important}
/* 3 G5 Mist card border 25%→18% */ .cz[data-t=mist]{border-color:var(--hair-card-mist)!important}
/* 4 G7 off-scale padding/margins */
html body .hl,html body .cta .lede{margin-bottom:48px!important}.yn{margin-top:48px!important}
.csl{padding:0 24px!important}.hrow,.cz .hrow,.how .hrow{margin:0 0 24px!important}
.cs,.demo,.czb,.csh{padding:4px 12px!important}.notes45 .spl,.notes45 .tz{padding:16px!important}
.cz h4,.cz p,.cz .hrow{padding-left:24px!important;padding-right:24px!important}
.th .tl h4{margin-bottom:8px!important}
/* 1 Timeline credit + continuous right fade */
.mapc{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 96px,#000 calc(100% - 96px),transparent),linear-gradient(to right,#000 55%,transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent,#000 96px,#000 calc(100% - 96px),transparent),linear-gradient(to right,#000 55%,transparent 100%)!important}
html body .mapc .attr{display:none!important}
.tlcred{font:400 12px/16px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;color:rgba(213,231,245,.64);text-align:right;margin-top:8px}
/* 8 Photos: 2×2 beside a 432×540 lead, matching heights (1440) */
@media(min-width:601px){.pg46{grid-template-columns:432px 182px 182px!important;grid-auto-rows:auto;align-items:start!important}
 .pg46 .pl{grid-column:1!important;grid-row:1 / span 2!important}.pg46 .pl img{aspect-ratio:4/5!important;width:432px}}
.kdreview,.hold{}
html body .hc h4{margin-bottom:8px!important}
html body .spr .cs,html body .notes45 .cs,html body .cs{padding:4px 12px!important}
html body .tot{padding-bottom:24px!important}
html body .sp45>div:first-child .eb{margin-bottom:-64px!important}
@media(max-width:600px){html body .sp45 .spc{padding:24px!important}html body .sp45>div:first-child .eb{margin-bottom:24px!important}}
@media(min-width:601px){.pg46{grid-template-rows:auto auto}.pg46 figure:nth-child(4),.pg46 figure:nth-child(5){align-self:end}}
html body .rl i{width:16px!important;height:16px!important;margin:-8px!important}
@media(min-width:601px){html body .pg46{grid-template-columns:538px 251px 251px!important;gap:16px!important;grid-template-rows:auto auto!important;align-items:start!important;width:1072px}
 html body .pg46 .pl img{width:538px!important;height:673px!important;aspect-ratio:auto!important}
 html body .pg46 figure:not(.pl) img{width:251px!important;height:314px!important;aspect-ratio:auto!important}
 html body .pg46 figcaption{margin-top:8px}}
html body .ft b{margin-top:8px!important}
html body .pb{margin-top:16px!important}
html body .rv{padding:24px 16px!important}
html body .pp{padding:16px 16px 0!important}
html body .pst{margin-bottom:8px!important;gap:8px!important}
html body .prow{padding:8px 0!important;gap:12px!important}
html body .on{padding:4px 12px!important}
html body .pb,html body .pb i{border-radius:999px!important}
html body .ync li{align-items:flex-start}html body .ync li svg{margin-top:0!important}
/* 4.10 tokens: one line-height per size (10/11/13/15 = device-UI sizes inside phone/map mockups only) */
@media(min-width:601px){html body .t-10.t-10.t-10,html body .t-10.t-10.t-10 *{line-height:16px!important}}
@media(min-width:601px){html body .t-11.t-11.t-11,html body .t-11.t-11.t-11 *{line-height:16px!important}}
@media(min-width:601px){html body .t-12.t-12.t-12,html body .t-12.t-12.t-12 *{line-height:20px!important}}
@media(min-width:601px){html body .t-13.t-13.t-13,html body .t-13.t-13.t-13 *{line-height:20px!important}}
@media(min-width:601px){html body .t-14.t-14.t-14,html body .t-14.t-14.t-14 *{line-height:22px!important}}
@media(min-width:601px){html body .t-15.t-15.t-15,html body .t-15.t-15.t-15 *{line-height:24px!important}}
@media(min-width:601px){html body .t-16.t-16.t-16,html body .t-16.t-16.t-16 *{line-height:26px!important}}
@media(min-width:601px){html body .t-18.t-18.t-18,html body .t-18.t-18.t-18 *{line-height:28px!important}}
@media(min-width:601px){html body .t-24.t-24.t-24,html body .t-24.t-24.t-24 *{line-height:32px!important}}
@media(min-width:601px){html body .t-32.t-32.t-32,html body .t-32.t-32.t-32 *{line-height:40px!important}}
@media(min-width:601px){html body .t-40.t-40.t-40,html body .t-40.t-40.t-40 *{line-height:48px!important}}
@media(min-width:601px){html body .t-56.t-56.t-56,html body .t-56.t-56.t-56 *{line-height:60px!important}}
@media(min-width:601px){html body .t-64.t-64.t-64,html body .t-64.t-64.t-64 *{line-height:64px!important}}
@media(min-width:601px){html body .t-96.t-96.t-96,html body .t-96.t-96.t-96 *{line-height:92px!important}}
@media(max-width:600px){html body .m-10.m-10.m-10,html body .m-10.m-10.m-10 *{line-height:16px!important}}
@media(max-width:600px){html body .m-11.m-11.m-11,html body .m-11.m-11.m-11 *{line-height:16px!important}}
@media(max-width:600px){html body .m-12.m-12.m-12,html body .m-12.m-12.m-12 *{line-height:20px!important}}
@media(max-width:600px){html body .m-13.m-13.m-13,html body .m-13.m-13.m-13 *{line-height:20px!important}}
@media(max-width:600px){html body .m-14.m-14.m-14,html body .m-14.m-14.m-14 *{line-height:22px!important}}
@media(max-width:600px){html body .m-15.m-15.m-15,html body .m-15.m-15.m-15 *{line-height:24px!important}}
@media(max-width:600px){html body .m-16.m-16.m-16,html body .m-16.m-16.m-16 *{line-height:26px!important}}
@media(max-width:600px){html body .m-18.m-18.m-18,html body .m-18.m-18.m-18 *{line-height:28px!important}}
@media(max-width:600px){html body .m-24.m-24.m-24,html body .m-24.m-24.m-24 *{line-height:32px!important}}
@media(max-width:600px){html body .m-32.m-32.m-32,html body .m-32.m-32.m-32 *{line-height:40px!important}}
@media(max-width:600px){html body .m-40.m-40.m-40,html body .m-40.m-40.m-40 *{line-height:48px!important}}
@media(max-width:600px){html body .m-56.m-56.m-56,html body .m-56.m-56.m-56 *{line-height:60px!important}}
@media(max-width:600px){html body .m-64.m-64.m-64,html body .m-64.m-64.m-64 *{line-height:64px!important}}
@media(max-width:600px){html body .m-96.m-96.m-96,html body .m-96.m-96.m-96 *{line-height:92px!important}}
/* tracking: 3 tokens. display (>=24) -0.03em, body 0, caps +0.08em */
html body *{letter-spacing:0!important}
@media(min-width:601px){html body .t-10.t-10.t-10{letter-spacing:0!important}}@media(max-width:600px){html body .m-10.m-10.m-10{letter-spacing:0!important}}
@media(min-width:601px){html body .t-11.t-11.t-11{letter-spacing:0!important}}@media(max-width:600px){html body .m-11.m-11.m-11{letter-spacing:0!important}}
@media(min-width:601px){html body .t-12.t-12.t-12{letter-spacing:0!important}}@media(max-width:600px){html body .m-12.m-12.m-12{letter-spacing:0!important}}
@media(min-width:601px){html body .t-13.t-13.t-13{letter-spacing:0!important}}@media(max-width:600px){html body .m-13.m-13.m-13{letter-spacing:0!important}}
@media(min-width:601px){html body .t-14.t-14.t-14{letter-spacing:0!important}}@media(max-width:600px){html body .m-14.m-14.m-14{letter-spacing:0!important}}
@media(min-width:601px){html body .t-15.t-15.t-15{letter-spacing:0!important}}@media(max-width:600px){html body .m-15.m-15.m-15{letter-spacing:0!important}}
@media(min-width:601px){html body .t-16.t-16.t-16{letter-spacing:0!important}}@media(max-width:600px){html body .m-16.m-16.m-16{letter-spacing:0!important}}
@media(min-width:601px){html body .t-18.t-18.t-18{letter-spacing:0!important}}@media(max-width:600px){html body .m-18.m-18.m-18{letter-spacing:0!important}}
@media(min-width:601px){html body .t-24.t-24.t-24{letter-spacing:-.03em!important}}@media(max-width:600px){html body .m-24.m-24.m-24{letter-spacing:-.03em!important}}
@media(min-width:601px){html body .t-32.t-32.t-32{letter-spacing:-.03em!important}}@media(max-width:600px){html body .m-32.m-32.m-32{letter-spacing:-.03em!important}}
@media(min-width:601px){html body .t-40.t-40.t-40{letter-spacing:-.03em!important}}@media(max-width:600px){html body .m-40.m-40.m-40{letter-spacing:-.03em!important}}
@media(min-width:601px){html body .t-56.t-56.t-56{letter-spacing:-.03em!important}}@media(max-width:600px){html body .m-56.m-56.m-56{letter-spacing:-.03em!important}}
@media(min-width:601px){html body .t-64.t-64.t-64{letter-spacing:-.03em!important}}@media(max-width:600px){html body .m-64.m-64.m-64{letter-spacing:-.03em!important}}
@media(min-width:601px){html body .t-96.t-96.t-96{letter-spacing:-.03em!important}}@media(max-width:600px){html body .m-96.m-96.m-96{letter-spacing:-.03em!important}}
html body .caps.caps.caps.caps,html body .caps.caps.caps.caps *{letter-spacing:.08em!important}
/* radii: 12 / 20 / pill(999). circles = pill on square boxes */
html body .prow>*:first-child,html body .rl i,html body .st,html body .st img,html body .av{border-radius:999px!important}
/* 9R-11 device component: phone bezel radius 52 belongs to the phone mockup, not the surface scale */
/* ===== 4.11 visible finish ===== */
/* 1 hero: poster scale contrast — phone scaled down, H1 kept at 96 token */
@media(min-width:601px){html body .hero .ph{zoom:.84}}
@media(max-width:600px){html body .hero .ph{zoom:.9}}
html body .hero .hg>div.hpw{isolation:isolate}
html body .hero .hg>div.hpw::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:760px;height:760px;transform:translate(-50%,-50%);pointer-events:none;
 background:radial-gradient(closest-side,rgba(37,145,191,.42),rgba(24,42,92,.55) 42%,rgba(24,42,92,.18) 68%,transparent 100%)}
html body .hero .hg>div.hpw::after{content:"";position:absolute;z-index:-1;left:50%;top:58%;width:420px;height:120px;transform:translate(-50%,0);border-radius:999px;pointer-events:none;
 background:radial-gradient(closest-side,rgba(37,145,191,.35),transparent)}
html body .hero .ph{box-shadow:0 0 0 1px #182A5C,0 48px 96px -24px rgba(0,6,22,.9),0 0 96px rgba(37,145,191,.25)}
/* 3 type finish */
html body h1,html body h2{font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizeLegibility;font-feature-settings:"kern","calt"}
@media(min-width:601px){html body h1.t-96,html body h2.t-64{transform:translateX(-.045em)}}
@media(max-width:600px){html body h1.m-56,html body h2.m-40{transform:translateX(-.04em)}}
html body h1,html body h2,html body h3,html body h4,html body .q{text-wrap:balance}
html body p,html body li,html body figcaption,html body .lede,html body span{text-wrap:pretty}
html body{hanging-punctuation:first allow-end last}
html body .q{text-indent:-.42em}
html body .stat,html body .stx,html body .tot,html body .spc,html body #spend,html body #timeline,html body .pst,html body .rcg,html body .prow,html body .mn{font-variant-numeric:tabular-nums lining-nums}
/* ===== critic 4.10 fixes ===== */
/* F1 G3 bands: 24 → 24/28 (H3 1.17), 40 → 40/44 (display 1.10) */
@media(min-width:601px){html body .t-24.t-24.t-24,html body .t-24.t-24.t-24 *{line-height:28px!important}}
@media(max-width:600px){html body .m-24.m-24.m-24,html body .m-24.m-24.m-24 *{line-height:28px!important}html body .m-40.m-40.m-40,html body .m-40.m-40.m-40 *{line-height:44px!important}}
/* F2 radius: list rows are square; 999 only on true circles (the thumbnail) */
html body #timeline .st{border-radius:0!important}
html body #timeline .st img{border-radius:999px!important}
/* F3 photos: one 5-up 4:5 row at container width (1440) */
@media(min-width:601px){html body .pg46{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:auto!important;gap:16px!important;width:1072px}
 html body .pg46 .pl{grid-column:auto!important;grid-row:auto!important}
 html body .pg46 .pl img,html body .pg46 figure:not(.pl) img{width:100%!important;height:auto!important;aspect-ratio:4/5!important}}
/* F5 coming soon: 24 between photo and icon row */
html body #coming-soon .cz .hrow,html body #coming-soon .czi + *{padding-top:24px!important}
/* Phone bezel 52px: part of the exempt device mock (product UI), not a 9R */
/* ===== 4.12 craft ===== */
/* hero: phone full size, bleeding off the bottom; visible glow; photo-led screen */
html body .hero{overflow:hidden}
@media(min-width:601px){html body .hero .ph:not(.phow){zoom:1!important}
 html body .hero .hg>div.hpw{transform:translateY(192px)}}
html body .hero .hg>div.hpw::before{background:radial-gradient(closest-side,rgba(37,145,191,.45),rgba(24,42,92,.5) 45%,rgba(24,42,92,.16) 72%,transparent 100%)!important}
html body .ph .prow img{width:64px!important;height:64px!important;border-radius:12px!important;object-fit:cover}
html body .ph .prow{gap:12px!important}
/* hero CTA row + pre-launch badge + proof */
html body .ctar{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
html body .gpb{display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;padding:4px 16px;border:1px solid var(--hair-frame);border-radius:12px;background:#000616;color:#fff;text-decoration:none}
html body .gpb small{color:#9CC9F0}
html body .gpb b{font-weight:600}
html body .proof{margin-top:16px;color:rgba(213,231,245,.72)}
html body .mcta{display:none}
@media(max-width:600px){html body .mcta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 24px 64px}
 html body .hero .hg>div.hpw{height:360px;overflow:hidden;margin-top:32px}
 html body .hero .ph:not(.phow){zoom:1!important}
 html body .hero .lede{margin-bottom:24px!important}}
/* how: sticky phone on desktop */
html body .hows{display:none}
@media(min-width:1024px){html body .howg{display:grid;grid-template-columns:1fr 320px;gap:96px;align-items:start;margin-top:64px}
 html body .howg .how{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;margin-top:0!important}
 html body .hows{display:block;position:sticky;top:96px}
 html body .hows .ph{zoom:.84;margin:0}
 html body .howg .hc.on{border-color:var(--line-sky)!important;box-shadow:inset 0 0 0 1px var(--line-sky)}}
/* coming soon: square bottom image corners */
html body #coming-soon .cz img{border-radius:20px 20px 0 0!important}
/* compact sticky nav after hero */
html body>nav{position:sticky;top:0;z-index:40;transition:padding 200ms var(--ez),background-color 200ms var(--ez),box-shadow 200ms var(--ez)}
html.past>body>nav{padding-top:8px!important;padding-bottom:8px!important;background:rgba(5,10,28,.92);box-shadow:0 1px 0 var(--hair-page);backdrop-filter:blur(12px);max-width:none!important}
/* 4.12 tuning */
html body .gpb small{font-size:12px!important;line-height:20px!important}
html body .gpb b{font-size:16px!important;line-height:20px!important}
html body .gpb{padding:4px 16px!important;min-height:48px}
html body .proof{font-size:14px!important;line-height:22px!important}
html body .ctar a.btn,html body .mcta a.btn{font-size:16px!important;white-space:nowrap}
@media(min-width:1024px){html body .hows .ph{zoom:.72!important}}
@media(max-width:600px){
 html body>nav .btn{white-space:nowrap;padding:8px 16px!important}
 html body .hero .lede{margin-top:24px!important}
 html body .hero .hg>div.hpw{height:184px!important;margin-top:24px!important;margin-bottom:-64px!important}
 html body .hero .hg>div.hpw::after{display:none}}
@media(max-width:600px){
 html body .hero .eb{margin-bottom:16px!important}
 html body .hero .lede{margin-top:16px!important}
 html body .hero .proof{margin-top:8px!important}
 html body .hero .hg>div.hpw{height:160px!important;margin-top:16px!important}}
@media(min-width:601px){html body .hero .hg>div.hpw{transform:translateY(96px)!important}}
@media(max-width:600px){html body .hero .ph:not(.phow){margin-top:0!important}}
html body .ph .top{font-size:14px!important;line-height:22px!important}
html body a.btn,html body a.gpb{text-decoration:none!important}
html body .gpb small{text-transform:uppercase}
/* Play badge clear space ≥ ¼ badge height (56/4 = 14) → 16 */
@media(max-width:600px){html body .hero .proof{margin-top:16px!important}html body .hero .hg>div.hpw{height:152px!important}}
/* ===== 4.12 motion: one curve, 150–300ms, staggers ≤460ms total ===== */
:root{--ez:cubic-bezier(.2,0,0,1)}
html.mo .mo-r{opacity:0;translate:0 24px}
html.mo .mo-r.in{opacity:1;translate:0 0;transition:opacity 300ms var(--ez),translate 300ms var(--ez);transition-delay:var(--d,0ms)}
html.mo .mo-seg{stroke-dasharray:1;stroke-dashoffset:1}
html.mo .mo-seg.in{stroke-dashoffset:0;transition:stroke-dashoffset 300ms var(--ez);transition-delay:var(--d,0ms)}
html.mo .mo-pin{opacity:0;scale:.6;transform-box:fill-box;transform-origin:center}
html.mo .mo-pin.in{opacity:1;scale:1;transition:opacity 200ms var(--ez),scale 200ms var(--ez);transition-delay:var(--d,0ms)}
html.mo .mo-row{opacity:0;translate:0 12px}
html.mo .mo-row.in{opacity:1;translate:0 0;transition:opacity 200ms var(--ez),translate 200ms var(--ez);transition-delay:var(--d,0ms)}
html body .hero .ph:not(.phow){transition:box-shadow 200ms var(--ez)}
html.mo body .hero .ph.glow{box-shadow:0 0 0 1px #182A5C,0 48px 96px -24px rgba(0,6,22,.9),0 0 72px rgba(37,145,191,.2)}
.hc,.cz,.spc,.ft,.th,.btn,.gpb{transition:translate 200ms var(--ez),box-shadow 200ms var(--ez),border-color 200ms var(--ez)}
@media(hover:hover){.hc:hover,.cz:hover,.spc:hover,.ft:hover,.th:hover,.btn:hover,.gpb:hover{translate:0 -2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html .mo-r,html .mo-pin,html .mo-row{opacity:1!important;translate:none!important;scale:none!important}html .mo-seg{stroke-dashoffset:0!important}}
/* ===== 4.13 ===== */
/* 4 How sticky: parent stretches to the steps column; steps ~60vh each */
@media(min-width:1024px){html body .howg{align-items:stretch!important}
 html body .howg .how{gap:24px!important}
 html body .howg .hc{min-height:60vh;display:flex;flex-direction:column;justify-content:center}
 html body .hows{align-self:start;position:sticky;top:128px}}
/* 6 nav: fixed height, no layout shift; compact = inner transform + surface only */
html body>nav{box-sizing:border-box;height:104px;padding-top:0!important;padding-bottom:0!important;transition:background-color 200ms var(--ez),box-shadow 200ms var(--ez)}
html body>nav>*{transition:transform 200ms var(--ez);transform-origin:center}
html.past>body>nav{padding-top:0!important;padding-bottom:0!important}
html.past>body>nav>*{transform:scale(.92)}
@media(max-width:600px){html body>nav{height:88px}
 /* 8 nav CTA ≥48 */
 html body>nav .btn{padding:12px 16px!important;min-height:48px;display:inline-flex;align-items:center}
 /* 7 phone crop below the map + credit, above the stats row: no text sliced */
 html body .hero .hg>div.hpw{height:244px!important;margin-top:8px!important}
 html body .hero .lede{margin-top:8px!important}
 html body .hero .eb{margin-bottom:12px!important}}
@media(min-width:1024px){html body .howg .hc{min-height:224px!important}html body .hows .ph{zoom:.6!important}
 html body .hero .hg>div.hpw{margin-bottom:-128px}}
/* 4.14 */
html.mo .mo-glow{opacity:0}
html.mo .mo-glow.in{opacity:1;transition:opacity 200ms var(--ez) 260ms}
@media(prefers-reduced-motion:reduce){html .mo-glow{opacity:1!important}}
/* pricing cards: renamed from .prc (collided with Privacy's .prc border:0!important reset) */
html body .pq-g{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none}
html body .pq-c{border:1px solid var(--hair-page,rgba(213,231,245,.12));border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:color-mix(in srgb,#2591BF 8%,#050A1C)}
html body .pq-c.pro{border-color:var(--hair-card-sky,rgba(37,145,191,.4))}
html body .pq-c .eb{margin:0!important}
html body .pq-p{font-size:32px!important;line-height:40px!important;font-weight:700;color:#fff;font-variant-numeric:tabular-nums lining-nums}
html body .pq-per{color:rgba(213,231,245,.72)}
html body .pq-l{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;color:#D5E7F5}
html body .pq-l li{padding-left:24px;position:relative}
html body .pq-l li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:999px;background:#2591BF}
html body .pq-n{color:rgba(213,231,245,.64);margin-top:8px}
@media(min-width:1024px){
 html body section#pricing#pricing .w{display:grid;grid-template-rows:auto 1fr;grid-template-columns:304px 1fr;column-gap:64px;align-items:start}
 html body section#pricing#pricing .w>.eb{grid-column:1}html body section#pricing#pricing .w>h2{grid-column:1;grid-row:2}
 html body section#pricing#pricing .pq-g{grid-column:2;grid-row:1/span 2}
 /* section merges: shared band, 96px internal gap instead of 128+128 */
 html body section#timeline#timeline,html body section#photos#photos,html body section#privacy#privacy,html body section#founder#founder,html body section#pricing#pricing{padding-bottom:0!important}
 html body section#spend#spend,html body section#themes#themes,html body section#perms#perms,html body section#pricing#pricing,html body section#faq#faq{padding-top:96px!important;background:#000616!important}
}
@media(max-width:600px){html body .pq-g{grid-template-columns:1fr}html body .pq-c{padding:24px}html body section#pricing#pricing{padding:64px 0!important}html body section#pricing#pricing .pq-g{margin-top:48px}}
@media(min-width:601px) and (max-width:1023px){html body section#pricing#pricing .pq-g{margin-top:48px}}
html body .pq-c .pq-per{font-size:14px!important;line-height:22px!important}
html body .pq-c .pq-l li{font-size:16px!important;line-height:26px!important}
html body .pq-c .pq-n{font-size:12px!important;line-height:20px!important}
html body .pq-l li::before{top:9px}
/* 4.15 */
/* 1 nav: keep the 1120 container; full-width solid bar on ::before from first px of scroll */
html body{overflow-x:clip}
html body>nav,html.past.past>body>nav{max-width:1072px!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;isolation:isolate}
html.past.past>body>nav>*{transform:none!important}
html body>nav::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:#050A1C;box-shadow:0 1px 0 #2A3F6E;opacity:0;z-index:-1;pointer-events:none}
html.sc body>nav::before{opacity:1}
/* 2 pricing note below cards */
html body .pq-note{color:rgba(213,231,245,.64);margin-top:16px}
@media(min-width:1024px){html body section#pricing#pricing .pq-note{grid-column:2;grid-row:3}}
/* 3 hairlines */
html body .pq-c.pro{border-color:#2A3F6E!important}
html body input{border-color:#2A3F6E!important;outline:none}
html body input:focus-visible{outline:2px solid #2591BF!important;outline-offset:2px}
html body .cs{border:0!important}
/* 5 bands: second half of each merge on #050A1C */
@media(min-width:1024px){
 html body section#timeline#timeline,html body section#photos#photos,html body section#privacy#privacy,html body section#founder#founder{padding-bottom:64px!important}
 html body section#spend#spend,html body section#themes#themes,html body section#perms#perms{padding-top:64px!important;background:#050A1C!important}
 html body section#pricing#pricing{padding-top:64px!important;padding-bottom:64px!important;background:#000616!important}
 html body section#faq#faq{padding-top:64px!important;background:#050A1C!important}
}
/* 6 no flash: hidden route/pins from static attributes at first paint */
html.mo [data-core]{stroke-dasharray:1;stroke-dashoffset:1}
html.mo [data-glow]{opacity:0}
html.mo [data-pin]{opacity:0}
@media(prefers-reduced-motion:reduce){html [data-core]{stroke-dashoffset:0!important}html [data-glow],html [data-pin]{opacity:1!important}}
/* 8 How active step: 2px ring */
html body .hc.on{box-shadow:inset 0 0 0 2px #2591BF!important;border-color:transparent!important}
/* 9 map streets: fixed non-scaling widths in every map */
html body svg [data-st]{vector-effect:non-scaling-stroke}
html body svg [data-st=minor]{stroke-width:.75px!important}
html body svg [data-st=mid]{stroke-width:1.25px!important}
html body svg [data-st=major]{stroke-width:2px!important}
html body svg [data-core],html body svg .mo-seg{vector-effect:non-scaling-stroke;stroke-width:2px!important}
/* 10 rags */
html body .hc p,html body .ft p,html body .spc p,html body .th p,html body .yn p,html body .cz p,html body .pf p,html body .pq-c li,html body li,html body .stat,html body .stx{text-wrap:balance}
html body>nav::before{transition:none!important}
html body input[placeholder][placeholder]{border-color:#2A3F6E!important}
html body input[placeholder][placeholder]:focus-visible{outline:2px solid #2591BF!important;outline-offset:2px}
@media(max-width:600px){html body p,html body li,html body blockquote{text-wrap:balance!important}}
html body .pq-note{font-size:12px!important;line-height:20px!important}
/* 4.16 */
@media(max-width:1023px){html body>nav,html.past.past>body>nav{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important;max-width:none!important;width:100%!important}}
html body h2{text-wrap:balance}
html body li,html body .pq-c li{text-wrap:pretty!important}
@media(max-width:600px){html body li{text-wrap:pretty!important}}
html body .pq-c.pro{background:color-mix(in srgb,#2591BF 4%,#050A1C)!important}
@media(max-width:1023px){html body>nav>div:last-child{display:flex;justify-content:flex-end;flex:0 0 auto;margin-left:auto}html body>nav>div:last-child .btn{margin:0!important}}
@media(min-width:1024px){html body section#pricing#pricing .w{grid-template-columns:432px 1fr!important}}
/* 4.17: Pro card border = hairline token #182A5C (same as Free); fill back to the 4.15 mix (8%) */
html body .pq-c.pro{border-color:#182A5C!important;background:color-mix(in srgb,#2591BF 8%,#050A1C)!important}
/* ===== r12e/r12f HOVER COLOUR (Keith 17 Oct, DT: "hover overs need colour differentiation") =====
   Palette: Deep Night tokens only (sky #2591BF · ol #4A9EE0 · ice #9CC9F0 · mist #D5E7F5 · oc → #2591BF since r12m) + the
   site's own yes/no icon colours (#3FB950 / #F85149) on the privacy rows. No new hues; tints are color-mix of the same hue.
   --ac = edge/ring/glow, --ac-t = accent text (each pair measured >= 4.5:1 on its hovered tile). Motion: 200ms, var(--ez). */
:root{--ac-sky:var(--line-sky);--ac-ol:var(--line-ol);--ac-ice:var(--line-ice);--ac-mist:var(--line-mist);--ac-oc:#2591BF;--ac-yes:#3FB950;--ac-no:#F85149}
:is([data-ac=sky],[data-t=sky]){--ac:var(--ac-sky);--ac-t:#2591BF}
:is([data-ac=ol],[data-t=ol]){--ac:var(--ac-ol);--ac-t:#4A9EE0}
:is([data-ac=ice],[data-t=ice]){--ac:var(--ac-ice);--ac-t:#9CC9F0}
:is([data-ac=mist],[data-t=mist]){--ac:var(--ac-mist);--ac-t:#FFFFFF}
:is([data-ac=oc],[data-t=oc]){--ac:var(--ac-oc);--ac-t:#9CC9F0;--ag:1.6;--ar:2px}   /* deep ocean is darkest: stronger glow + 2px ring so it reads. r12f (Mercer r12e ruling 3): hover text goes ice so the text visibly changes colour */
/* r12f (Mercer r12e ruling 1): privacy rows hover border/glow in ice; the yes/no icons keep #3FB950 / #F85149 (stroke set in the SVG) */
[data-ac=yes] li{--ac:var(--ac-ice);--ac-t:#FFFFFF}[data-ac=no] li{--ac:var(--ac-ice);--ac-t:#FFFFFF}
/* tinted cards: sky/ol text would drop under 4.5:1 on their own tint, so text goes ice; the edge keeps the card colour */
html body :is(.cz[data-t=sky],.cz[data-t=ol],.pt4[data-t=sky],.rc,.rcg>span[data-ac=sky]){--ac-t:#9CC9F0}
html body .rcg>span[data-ac=ol]{--ac-t:#9CC9F0}
/* transitions: colour joins the existing 200ms micro set; entrance (opacity/translate 300ms + --d) kept as-is. Off under reduced motion. */
@media (prefers-reduced-motion:no-preference){
html body :is(#ac12e,.rc),
html body :is(#ac12e,.rcg>span),
html body :is(#ac12e,.fv:not(.fv1)),
html body :is(#ac12e,.csl),
html body :is(#ac12e,.csp),
html body :is(#ac12e,.spc),
html body :is(#ac12e,.sr),
html body :is(#ac12e,.pq-c),
html body :is(#ac12e,.cz),
html body :is(#ac12e,.pt4),
html body :is(#ac12e,.yn li),
html body :is(#ac12e,.hc),
html body :is(#ac12e,.fv1),
html body :is(#ac12e,.ft),
html body :is(#ac12e,.pf),
html body :is(#ac12e,.st),
html body :is(#ac12e,.th),
html body :is(#ac12e,.f4>div),
html body :is(#ac12e,#faq details){transition:opacity 300ms var(--ez) var(--d,0ms),translate 300ms var(--ez) var(--d,0ms),transform 200ms var(--ez),box-shadow 200ms var(--ez),border-color 200ms var(--ez),filter 200ms var(--ez)!important}
html body :is(#ac12e,.rc) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.rcg>span) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.fv:not(.fv1)) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.csl) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.csp) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.spc) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.sr) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.pq-c) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.cz) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.pt4) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.yn li) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.hc) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.fv1) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.ft) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.pf) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.st) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.th) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,.f4>div) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph),
html body :is(#ac12e,#faq details) :is(h4,h5,summary,figcaption,b,i,.sa,span,p,img,.ph){transition-property:color,box-shadow,transform;transition-duration:200ms;transition-timing-function:var(--ez)}
html body :is(#ac12e,.btn,nav a,footer a,.fq a){transition:transform 200ms var(--ez),box-shadow 200ms var(--ez),filter 200ms var(--ez),color 200ms var(--ez)!important}
}
@media (hover:hover){
html body :is(#ac12e,.rc):hover,
html body :is(#ac12e,.rcg>span):hover,
html body :is(#ac12e,.fv:not(.fv1)):hover,
html body :is(#ac12e,.csl):hover,
html body :is(#ac12e,.csp):hover,
html body :is(#ac12e,.spc):hover,
html body :is(#ac12e,.sr):hover,
html body :is(#ac12e,.pq-c):hover,
html body :is(#ac12e,.cz):hover,
html body :is(#ac12e,.pt4):hover,
html body :is(#ac12e,.yn li):hover,
html body :is(#ac12e,.hc):hover{border-color:var(--ac)!important;box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 7%,transparent)!important}
html body :is(#ac12e,.hc):hover{box-shadow:inset 0 2px 0 0 var(--ac),0 0 36px -10px color-mix(in srgb,var(--ac) calc(55% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.sr):hover{box-shadow:0 0 24px -8px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.cz):hover,
html body :is(#ac12e,.pt4):hover{box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 4%,transparent)!important}
html body :is(#ac12e,.ft):hover img{box-shadow:0 0 0 3px var(--ac),0 0 28px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.pf):hover img{box-shadow:0 0 0 2px var(--ac),0 0 32px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):hover img{box-shadow:0 0 0 2px var(--ac),0 0 20px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):hover{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.th):hover .phs>.ph{box-shadow:0 0 0 2px var(--ac),0 60px 120px rgba(0,0,0,.6),0 0 56px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.f4>div):hover{box-shadow:inset 0 2px 0 0 var(--ac),0 -14px 28px -18px color-mix(in srgb,var(--ac) calc(70% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,#faq details):hover{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.fv1):hover,
html body :is(#ac12e,.ft):hover,
html body :is(#ac12e,.pf):hover,
html body :is(#ac12e,.th):hover{box-shadow:none!important}
html body :is(#ac12e,#faq details):hover summary::after{color:var(--ac-t)!important}
html body :is(#ac12e,.rc):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.rcg>span):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv:not(.fv1)):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csl):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csp):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.spc):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.sr):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pq-c):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.cz):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pt4):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.yn li):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.hc):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv1):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.ft):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pf):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.st):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.th):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.f4>div):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,#faq details):hover :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b){color:var(--ac-t)!important}
html body :is(#ac12e,.csl):hover,
html body :is(#ac12e,.csp):hover{color:var(--ac-t)!important}
html body :is(#ac12e,.rcg>span):hover{color:var(--t1)!important}
html body :is(#ac12e,.yn li):hover span{color:var(--t1)!important}
html body :is(#ac12e,.cz):hover p,
html body :is(#ac12e,.pt4):hover p,
html body :is(#ac12e,.hc):hover p,
html body :is(#ac12e,.f4>div):hover p,
html body :is(#ac12e,.st):hover p,
html body :is(#ac12e,#faq details):hover p{color:var(--line-mist)!important}
}
html body :is(#ac12e,.rc):focus-visible,
html body :is(#ac12e,.rcg>span):focus-visible,
html body :is(#ac12e,.fv:not(.fv1)):focus-visible,
html body :is(#ac12e,.csl):focus-visible,
html body :is(#ac12e,.csp):focus-visible,
html body :is(#ac12e,.spc):focus-visible,
html body :is(#ac12e,.sr):focus-visible,
html body :is(#ac12e,.pq-c):focus-visible,
html body :is(#ac12e,.cz):focus-visible,
html body :is(#ac12e,.pt4):focus-visible,
html body :is(#ac12e,.yn li):focus-visible,
html body :is(#ac12e,.hc):focus-visible{border-color:var(--ac)!important;box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 7%,transparent)!important}
html body :is(#ac12e,.hc):focus-visible{box-shadow:inset 0 2px 0 0 var(--ac),0 0 36px -10px color-mix(in srgb,var(--ac) calc(55% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.sr):focus-visible{box-shadow:0 0 24px -8px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.cz):focus-visible,
html body :is(#ac12e,.pt4):focus-visible{box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 4%,transparent)!important}
html body :is(#ac12e,.ft):focus-visible img{box-shadow:0 0 0 3px var(--ac),0 0 28px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.pf):focus-visible img{box-shadow:0 0 0 2px var(--ac),0 0 32px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):focus-visible img{box-shadow:0 0 0 2px var(--ac),0 0 20px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):focus-visible{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.th):focus-visible .phs>.ph{box-shadow:0 0 0 2px var(--ac),0 60px 120px rgba(0,0,0,.6),0 0 56px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.f4>div):focus-visible{box-shadow:inset 0 2px 0 0 var(--ac),0 -14px 28px -18px color-mix(in srgb,var(--ac) calc(70% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,#faq details):focus-visible{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.fv1):focus-visible,
html body :is(#ac12e,.ft):focus-visible,
html body :is(#ac12e,.pf):focus-visible,
html body :is(#ac12e,.th):focus-visible{box-shadow:none!important}
html body :is(#ac12e,#faq details):focus-visible summary::after{color:var(--ac-t)!important}
html body :is(#ac12e,.rc):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.rcg>span):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv:not(.fv1)):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csl):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csp):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.spc):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.sr):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pq-c):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.cz):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pt4):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.yn li):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.hc):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv1):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.ft):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pf):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.st):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.th):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.f4>div):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,#faq details):focus-visible :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b){color:var(--ac-t)!important}
html body :is(#ac12e,.csl):focus-visible,
html body :is(#ac12e,.csp):focus-visible{color:var(--ac-t)!important}
html body :is(#ac12e,.rcg>span):focus-visible{color:var(--t1)!important}
html body :is(#ac12e,.yn li):focus-visible span{color:var(--t1)!important}
html body :is(#ac12e,.cz):focus-visible p,
html body :is(#ac12e,.pt4):focus-visible p,
html body :is(#ac12e,.hc):focus-visible p,
html body :is(#ac12e,.f4>div):focus-visible p,
html body :is(#ac12e,.st):focus-visible p,
html body :is(#ac12e,#faq details):focus-visible p{color:var(--line-mist)!important}
html body :is(#ac12e,.rc):has(:focus-visible),
html body :is(#ac12e,.rcg>span):has(:focus-visible),
html body :is(#ac12e,.fv:not(.fv1)):has(:focus-visible),
html body :is(#ac12e,.csl):has(:focus-visible),
html body :is(#ac12e,.csp):has(:focus-visible),
html body :is(#ac12e,.spc):has(:focus-visible),
html body :is(#ac12e,.sr):has(:focus-visible),
html body :is(#ac12e,.pq-c):has(:focus-visible),
html body :is(#ac12e,.cz):has(:focus-visible),
html body :is(#ac12e,.pt4):has(:focus-visible),
html body :is(#ac12e,.yn li):has(:focus-visible),
html body :is(#ac12e,.hc):has(:focus-visible){border-color:var(--ac)!important;box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 7%,transparent)!important}
html body :is(#ac12e,.hc):has(:focus-visible){box-shadow:inset 0 2px 0 0 var(--ac),0 0 36px -10px color-mix(in srgb,var(--ac) calc(55% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.sr):has(:focus-visible){box-shadow:0 0 24px -8px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.cz):has(:focus-visible),
html body :is(#ac12e,.pt4):has(:focus-visible){box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 4%,transparent)!important}
html body :is(#ac12e,.ft):has(:focus-visible) img{box-shadow:0 0 0 3px var(--ac),0 0 28px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.pf):has(:focus-visible) img{box-shadow:0 0 0 2px var(--ac),0 0 32px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):has(:focus-visible) img{box-shadow:0 0 0 2px var(--ac),0 0 20px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):has(:focus-visible){border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.th):has(:focus-visible) .phs>.ph{box-shadow:0 0 0 2px var(--ac),0 60px 120px rgba(0,0,0,.6),0 0 56px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.f4>div):has(:focus-visible){box-shadow:inset 0 2px 0 0 var(--ac),0 -14px 28px -18px color-mix(in srgb,var(--ac) calc(70% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,#faq details):has(:focus-visible){border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.fv1):has(:focus-visible),
html body :is(#ac12e,.ft):has(:focus-visible),
html body :is(#ac12e,.pf):has(:focus-visible),
html body :is(#ac12e,.th):has(:focus-visible){box-shadow:none!important}
html body :is(#ac12e,#faq details):has(:focus-visible) summary::after{color:var(--ac-t)!important}
html body :is(#ac12e,.rc):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.rcg>span):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv:not(.fv1)):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csl):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csp):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.spc):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.sr):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pq-c):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.cz):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pt4):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.yn li):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.hc):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv1):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.ft):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pf):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.st):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.th):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.f4>div):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,#faq details):has(:focus-visible) :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b){color:var(--ac-t)!important}
html body :is(#ac12e,.csl):has(:focus-visible),
html body :is(#ac12e,.csp):has(:focus-visible){color:var(--ac-t)!important}
html body :is(#ac12e,.rcg>span):has(:focus-visible){color:var(--t1)!important}
html body :is(#ac12e,.yn li):has(:focus-visible) span{color:var(--t1)!important}
html body :is(#ac12e,.cz):has(:focus-visible) p,
html body :is(#ac12e,.pt4):has(:focus-visible) p,
html body :is(#ac12e,.hc):has(:focus-visible) p,
html body :is(#ac12e,.f4>div):has(:focus-visible) p,
html body :is(#ac12e,.st):has(:focus-visible) p,
html body :is(#ac12e,#faq details):has(:focus-visible) p{color:var(--line-mist)!important}
html body :is(#ac12e,.rc).tap,
html body :is(#ac12e,.rcg>span).tap,
html body :is(#ac12e,.fv:not(.fv1)).tap,
html body :is(#ac12e,.csl).tap,
html body :is(#ac12e,.csp).tap,
html body :is(#ac12e,.spc).tap,
html body :is(#ac12e,.sr).tap,
html body :is(#ac12e,.pq-c).tap,
html body :is(#ac12e,.cz).tap,
html body :is(#ac12e,.pt4).tap,
html body :is(#ac12e,.yn li).tap,
html body :is(#ac12e,.hc).tap{border-color:var(--ac)!important;box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 7%,transparent)!important}
html body :is(#ac12e,.hc).tap{box-shadow:inset 0 2px 0 0 var(--ac),0 0 36px -10px color-mix(in srgb,var(--ac) calc(55% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.sr).tap{box-shadow:0 0 24px -8px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.cz).tap,
html body :is(#ac12e,.pt4).tap{box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 4%,transparent)!important}
html body :is(#ac12e,.ft).tap img{box-shadow:0 0 0 3px var(--ac),0 0 28px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.pf).tap img{box-shadow:0 0 0 2px var(--ac),0 0 32px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st).tap img{box-shadow:0 0 0 2px var(--ac),0 0 20px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st).tap{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.th).tap .phs>.ph{box-shadow:0 0 0 2px var(--ac),0 60px 120px rgba(0,0,0,.6),0 0 56px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.f4>div).tap{box-shadow:inset 0 2px 0 0 var(--ac),0 -14px 28px -18px color-mix(in srgb,var(--ac) calc(70% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,#faq details).tap{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.fv1).tap,
html body :is(#ac12e,.ft).tap,
html body :is(#ac12e,.pf).tap,
html body :is(#ac12e,.th).tap{box-shadow:none!important}
html body :is(#ac12e,#faq details).tap summary::after{color:var(--ac-t)!important}
html body :is(#ac12e,.rc).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.rcg>span).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv:not(.fv1)).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csl).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csp).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.spc).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.sr).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pq-c).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.cz).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pt4).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.yn li).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.hc).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv1).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.ft).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pf).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.st).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.th).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.f4>div).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,#faq details).tap :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b){color:var(--ac-t)!important}
html body :is(#ac12e,.csl).tap,
html body :is(#ac12e,.csp).tap{color:var(--ac-t)!important}
html body :is(#ac12e,.rcg>span).tap{color:var(--t1)!important}
html body :is(#ac12e,.yn li).tap span{color:var(--t1)!important}
html body :is(#ac12e,.cz).tap p,
html body :is(#ac12e,.pt4).tap p,
html body :is(#ac12e,.hc).tap p,
html body :is(#ac12e,.f4>div).tap p,
html body :is(#ac12e,.st).tap p,
html body :is(#ac12e,#faq details).tap p{color:var(--line-mist)!important}
@media (hover:none){
html body :is(#ac12e,.rc):active,
html body :is(#ac12e,.rcg>span):active,
html body :is(#ac12e,.fv:not(.fv1)):active,
html body :is(#ac12e,.csl):active,
html body :is(#ac12e,.csp):active,
html body :is(#ac12e,.spc):active,
html body :is(#ac12e,.sr):active,
html body :is(#ac12e,.pq-c):active,
html body :is(#ac12e,.cz):active,
html body :is(#ac12e,.pt4):active,
html body :is(#ac12e,.yn li):active,
html body :is(#ac12e,.hc):active{border-color:var(--ac)!important;box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 7%,transparent)!important}
html body :is(#ac12e,.hc):active{box-shadow:inset 0 2px 0 0 var(--ac),0 0 36px -10px color-mix(in srgb,var(--ac) calc(55% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.sr):active{box-shadow:0 0 24px -8px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.cz):active,
html body :is(#ac12e,.pt4):active{box-shadow:0 18px 40px -14px rgba(0,6,22,.85),0 0 0 var(--ar,1px) var(--ac),0 0 36px -6px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent),inset 0 0 0 999px color-mix(in srgb,var(--ac) 4%,transparent)!important}
html body :is(#ac12e,.ft):active img{box-shadow:0 0 0 3px var(--ac),0 0 28px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.pf):active img{box-shadow:0 0 0 2px var(--ac),0 0 32px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):active img{box-shadow:0 0 0 2px var(--ac),0 0 20px -2px color-mix(in srgb,var(--ac) calc(65% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.st):active{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.th):active .phs>.ph{box-shadow:0 0 0 2px var(--ac),0 60px 120px rgba(0,0,0,.6),0 0 56px -4px color-mix(in srgb,var(--ac) calc(60% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,.f4>div):active{box-shadow:inset 0 2px 0 0 var(--ac),0 -14px 28px -18px color-mix(in srgb,var(--ac) calc(70% * var(--ag,1)),transparent)!important}
html body :is(#ac12e,#faq details):active{border-color:var(--ac)!important;box-shadow:inset 0 -1px 0 0 var(--ac),inset 0 0 0 999px color-mix(in srgb,var(--ac) 6%,transparent)!important}
html body :is(#ac12e,.fv1):active,
html body :is(#ac12e,.ft):active,
html body :is(#ac12e,.pf):active,
html body :is(#ac12e,.th):active{box-shadow:none!important}
html body :is(#ac12e,#faq details):active summary::after{color:var(--ac-t)!important}
html body :is(#ac12e,.rc):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.rcg>span):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv:not(.fv1)):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csl):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.csp):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.spc):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.sr):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pq-c):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.cz):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pt4):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.yn li):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.hc):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.fv1):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.ft):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.pf):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.st):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.th):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,.f4>div):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b),
html body :is(#ac12e,#faq details):active :is(h4,h5,summary,figcaption,.ft>b,.rc>b,.rcg i,.pq-p,.sa,.tot b,.rv>b){color:var(--ac-t)!important}
html body :is(#ac12e,.csl):active,
html body :is(#ac12e,.csp):active{color:var(--ac-t)!important}
html body :is(#ac12e,.rcg>span):active{color:var(--t1)!important}
html body :is(#ac12e,.yn li):active span{color:var(--t1)!important}
html body :is(#ac12e,.cz):active p,
html body :is(#ac12e,.pt4):active p,
html body :is(#ac12e,.hc):active p,
html body :is(#ac12e,.f4>div):active p,
html body :is(#ac12e,.st):active p,
html body :is(#ac12e,#faq details):active p{color:var(--line-mist)!important}
}
/* buttons + links */
@media (hover:hover){html body :is(#ac12e,.btn):hover{box-shadow:0 0 0 2px #9CC9F0,0 12px 32px -6px rgba(37,145,191,.6)!important}html body :is(#ac12e,nav a:not(.btn),footer a,.fq a):hover{color:#FFFFFF!important;opacity:1!important;text-decoration:underline;text-decoration-color:#2591BF;text-underline-offset:6px;text-decoration-thickness:2px}}
html body :is(#ac12e,.btn):is(:focus-visible,.tap){box-shadow:0 0 0 2px #2591BF,0 12px 32px -6px rgba(37,145,191,.6)!important;outline:none}
html body :is(#ac12e,nav a:not(.btn),footer a,.fq a):is(:focus-visible,.tap){color:#FFFFFF!important;opacity:1!important;text-decoration:underline;text-decoration-color:#2591BF;text-underline-offset:6px;text-decoration-thickness:2px;outline:2px solid #2591BF;outline-offset:4px;border-radius:4px}
@media (hover:none){html body :is(#ac12e,.btn):active{box-shadow:0 0 0 2px #9CC9F0,0 12px 32px -6px rgba(37,145,191,.6)!important}}
/* r12e fix (pre-existing since r6): theme phones lost their .65 scale on hover (tl6 hover set transform:translateY only), so the phone popped to full size over its label. Keep the scale, lift 6px. */
@media (hover:hover){html.mo body :is(#ac12e,.th):hover .phs>.ph.phm{transform:translateY(-6px) scale(.65)!important}}
@media (hover:hover) and (max-width:600px){html.mo body :is(#ac12e,.th):hover .phs>.ph.phm{transform:translateY(-6px) scale(.48)!important}}
/* perms: the card is the tile; the inner paragraph no longer draws its own sky glow */
html body :is(#ac12e,.pt4 .pw):is(:hover,.tap){box-shadow:none!important}
/* ===== /r12e ===== */
/* ===== r12g TABLET LAYOUT (Mercer r12f G8: overflow at 768-1024) ===== */
/* guard only, not the fix: every width is measured with this off (scrollWidth == viewport) */
html{overflow-x:clip}
/* 1. photo grid: fluid below 1180 (was a fixed 1072px row), 2 columns at <=860 (same pattern as mobile: first photo spans both) */
@media(min-width:601px) and (max-width:1179px){html body .pg46{width:100%!important;max-width:1072px;box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:601px) and (max-width:860px){html body .pg46{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 /* r12h (Mercer r12g G12): the doner (Late food) fills the full 4:5 frame top to bottom, so no 4:3 position shows the whole subject.
    Bar 1 (sd1, 2nd figure) takes the spanning 4:3 slot instead; Late food drops back to a normal 4:5 cell. Desktop and phone layouts unchanged. */
 html body .pg46 .pl{grid-column:auto!important}
 html body .pg46 figure:nth-child(2){order:-1;grid-column:span 2!important}
 html body .pg46 figure:nth-child(2) img{aspect-ratio:4/3!important;object-position:50% 30%;transform-origin:50% 100%}}   /* the existing 1.04 hover scale grows a 573px-tall photo down into its caption (gap 0.5px at 860); anchor it at the bottom so the caption gap stays 8px */
/* 2. theme phones: 2 x 2 at <=1024 (4 across needs 4 x 208px phones + gaps) */
@media(min-width:601px) and (max-width:1024px){html body .thg{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px 24px!important}}
/* 3. nav: mobile header (logo + CTA) at <=1100; section links hidden as on phones. Measured on r12f: at 768 the logo is squeezed to 0 width and FAQ touches the CTA; at 960-1060 the logo touches "Coming soon"; at 1024 three links wrap. From 1101 up every gap is >=32px on one line */
@media(max-width:1100px){html body>nav a:not(.btn){display:none!important}}
/* ===== /r12g ===== */

/* ===== r12j: demo-night spend off by default (DT GO 11 Oct 23:11 UK; Mercer r12i notes). No £ in markup: values live in app JS and are injected only when 'Show spend' is on. ===== */
/* Hidden cue: one lock glyph per value (inline SVG, aria-hidden), muted text token rgba(213,231,245,.64). Space reserved: .sa keeps min-width 80px, .tot b keeps one line box (&#8203;). */
/* Motion 4.12: one curve (--ez), 200ms, lands by 200ms (<=460). Reduced motion: none. No JS: button stays disabled + invisible (space kept), locks show, no £. */
html body .spt{appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;gap:8px;min-height:32px;margin:0;padding:4px 12px 4px 6px;border:1px solid var(--hair-frame);border-radius:999px;background:#050A1C;color:#D5E7F5;font:600 12px/20px Inter,"Inter Fallback Roboto","Inter Fallback",sans-serif;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color 200ms var(--ez),background-color 200ms var(--ez),color 200ms var(--ez)}
html body .spt:disabled{visibility:hidden}
html body .spt::after{content:"";position:absolute;inset:-6px -2px}
html body .spt .spk{position:relative;flex:none;width:28px;height:16px;border-radius:999px;background:#182A5C;box-shadow:inset 0 0 0 1px var(--hair-frame);transition:background-color 200ms var(--ez),box-shadow 200ms var(--ez)}
html body .spt .spk::before{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#D5E7F5;transition:translate 200ms var(--ez),background-color 200ms var(--ez)}
@media(hover:hover){html body .spt:hover{border-color:var(--line-sky);color:#fff}}
html body .spt:focus-visible{outline:2px solid #2591BF;outline-offset:4px}
html body .spt[aria-pressed=true]{border-color:var(--line-sky);background:color-mix(in srgb,#2591BF 12%,#050A1C);color:#fff}
html body .spt[aria-pressed=true] .spk{background:#2591BF;box-shadow:inset 0 0 0 1px #2591BF}
html body .spt[aria-pressed=true] .spk::before{translate:12px 0;background:#000616}
html body .spc .tot b,html body .spc .sa{position:relative}
html body .spc .slk{position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;color:rgba(213,231,245,.64);opacity:1;transition:opacity 200ms var(--ez)}
html body .spc .tot b .slk{left:0;right:auto;width:20px;height:20px;margin-top:-10px}
html body .spc[data-spend=on] .slk{opacity:0}
html body #spend-demo .sv{display:inline;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:none!important;color:inherit;animation:r12j-in 200ms var(--ez)}
@keyframes r12j-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){html body .spt,html body .spt .spk,html body .spt .spk::before,html body .spc .slk{transition:none!important}html body #spend-demo .sv{animation:none!important}}

/* ===== r12k: lock glyph optical centring (Mercer r12j note). Site rule svg[viewBox="0 0 24 24"]{24px!important} wins, so size the lock at 24px explicitly and offset by half (-12px) in all 9 slots. ===== */
html body #spend-demo svg.slk{width:24px!important;height:24px!important;margin-top:-12px!important;padding:0!important;background:none!important}

/* G10-B 21oct (DT Option B 17:05 UK): Mist #D5E7F5 on routes, pins and rings;
   Indigo #182A5C on pill fills. Blue #2591BF stays on words, the 4 .btn fills,
   the 3 #spend .sr bars and icon strokes (out of scope). + 4c .yn rows. */
html body .rl i{border-color:#D5E7F5!important;box-shadow:none!important}
html body .st img,html body .ft img{box-shadow:0 0 0 3px #D5E7F5!important}
html body .prow img{box-shadow:0 0 0 2px #D5E7F5!important}
html body .th:first-child{box-shadow:0 0 0 2px #D5E7F5!important}
html body :is(.cs,.csh,.czb,.cz .czb,.spl .cs,.tz .cs){background:#182A5C!important;color:#D5E7F5!important}
html body .spl{border-color:#182A5C!important;background:#050A1C!important}
html body :is(.seg .on,.ptab .on){background:#D5E7F5!important;color:#000616!important}
html body.place .s2{background:#D5E7F5!important;color:#000616!important}
html body .spt[aria-pressed=true] .spk{background:#D5E7F5!important;box-shadow:none!important}
html body .pq-l li::before{background:#D5E7F5!important}
html body .pb i{background:#D5E7F5!important}
html body .fvr{background:radial-gradient(circle at 50% 30%,rgba(213,231,245,.12),#050A1C 70%)!important}
html body .ph,html body .hero .ph,html.mo body .hero .ph.glow,html.mo body .tl6:hover .ph{box-shadow:0 0 0 1px #182A5C,var(--elev)!important}
html body #features div.fv{background:#182A5C!important}
html body .yn ul{grid-auto-rows:minmax(56px,auto)!important}
html body #wl{scroll-margin-top:140px}
