@font-face{font-family:"Schibsted";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/schibsted-latin-var.woff2) format("woff2")}
@font-face{font-family:"PlexMono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plexmono-400-latin.woff2) format("woff2")}
@font-face{font-family:"PlexMono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plexmono-600-latin.woff2) format("woff2")}
@view-transition{navigation:auto}
@counter-style pad3{system:extends decimal;pad:3 "0"}
@counter-style pad2{system:extends decimal;pad:2 "0"}
:root{
  --white:#FFFFFF;--chrome:#F4F5F3;--chrome-2:#ECEEEB;--line:#E3E5E2;--line-2:#C9CDC8;
  --ink:#17191A;--ink-2:#5B605C;--yel:#FFF3B0;--yel-2:#E6CC3F;
  --sans:"Schibsted","Helvetica Neue",Arial,sans-serif;
  --mono:"PlexMono",Consolas,"Courier New",monospace;
  --gut:16px;--max:1180px;--ref:var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--sans);margin:0;line-height:1.05}
p{margin:0}
b{font-weight:600}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px}
a.skip:focus{left:var(--gut);top:8px;background:var(--white);padding:8px 12px;z-index:9;outline:3px solid var(--ink)}
.n{text-align:right;font-family:var(--mono)}

.bar{border-bottom:1px solid var(--line-2)}
.bar .wrap{display:flex;align-items:center;min-height:54px;gap:14px}
.namebox{display:flex;align-items:center;gap:10px;font-weight:760;font-size:21px;letter-spacing:-0.02em;text-decoration:none}
.namebox .mark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:26px;height:26px;background:var(--yel);border:2px solid var(--ink)}
.namebox .mark i{display:block;height:2px;background:var(--ink)}
.namebox .mark i:nth-child(1){width:5px}.namebox .mark i:nth-child(2){width:9px}.namebox .mark i:nth-child(3){width:13px}.namebox .mark i:nth-child(4){width:17px}
.nav{display:flex;align-items:center;gap:6px 18px;margin-left:auto;font-size:15px;flex-wrap:wrap;justify-content:flex-end}
.nav a{text-decoration:none;padding:10px 0}
.nav a:hover,.nav a[aria-current]{text-decoration:underline}

.btn{display:inline-flex;align-items:center;background:var(--ink);color:var(--white);text-decoration:none;font-weight:650;font-size:16px;padding:12px 18px;border-radius:3px;border:2px solid var(--ink)}
.btn:hover{background:#000;color:var(--white)}
.yel{background:var(--yel);border:1px solid var(--yel-2);padding:0 0.1em;white-space:nowrap}

.hero{padding:clamp(20px,5vw,64px) 0 clamp(36px,6vw,80px)}
.hero .wrap{display:flex;flex-direction:column;gap:20px}
.say1{display:contents}
.hero h1{order:1;font-size:clamp(34px,5.6vw,76px);font-weight:780;letter-spacing:-0.035em;line-height:1.08;max-width:12em}
.live{order:3}
.hero .lead{order:4;font-size:clamp(17px,1.7vw,20px);max-width:33em}
.hero .go{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.alt{font-weight:600}
@media (min-width:980px){
  .hero .wrap{flex-direction:row;align-items:center;gap:56px}
  .say1{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;min-width:0}
  .live{flex:0 0 490px;max-width:490px}
  .hero .go{order:5}
}

.live{background:var(--white);border:1px solid var(--line-2);max-width:520px;width:100%}
.fx{display:flex;align-items:center;height:34px;border-bottom:1px solid var(--line-2);background:var(--chrome);font-family:var(--mono);font-size:13px}
.fx .nb{flex:0 0 auto;min-width:58px;height:100%;display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--line-2);background:var(--white)}
.fx .f{padding:0 10px;color:var(--ink-2);font-family:var(--sans);font-style:italic;font-weight:600}
.fx .v{padding:0 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fx .v b{color:var(--ref)}
.mini{width:100%;border-collapse:collapse;table-layout:fixed}
.mini th,.mini td{border:1px solid var(--line);height:34px;padding:0 10px;font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini thead th{height:20px;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:11px;text-align:center}
.mini th[scope=row]{width:32px;padding:0;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:11px;text-align:center}
.mini thead th:first-child{width:32px}
.mini thead th:nth-child(3){width:44%}
.mini td{font-size:15px}
.mini td.n{font-size:15px;text-align:right}
.mini .ttl{font-weight:700;font-size:16px}
.mini .given{color:var(--ink-2)}
.mini .in{background:var(--yel)}
.mini .typing{padding:0}
.mini input{width:100%;height:33px;border:0;background:transparent;font:inherit;font-family:var(--mono);font-size:16px;color:var(--ink);text-align:right;padding:0 10px;border-radius:0}
.mini input:focus{outline:2px solid var(--ink);outline-offset:-2px}
.mini .out{font-weight:600}
.mini .key td{font-weight:600}
.mini .key .out{position:relative;outline:2px solid var(--ink);outline-offset:-2px;font-size:17px}
.mini .key .out::after{content:"";position:absolute;right:0;bottom:0;width:6px;height:6px;background:var(--ink)}
.live.editing .key .out{outline-color:transparent}
.live.editing .key .out::after{display:none}
.rg{position:relative}
.rg::before{content:"";position:absolute;inset:0;border-left:2px dashed var(--ref);border-right:2px dashed var(--ref);pointer-events:none}
.rg.rg-t::before{border-top:2px dashed var(--ref)}
.rg.rg-b::before{border-bottom:2px dashed var(--ref)}
.hnote{font-size:13px;color:var(--ink-2);padding:8px 10px 10px;line-height:1.4;white-space:normal}
.hnote #h-st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}

.scene{background:var(--chrome);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.stage{padding:clamp(36px,6vw,72px) 0}
.beat{max-width:1100px;margin:0 auto;padding:0 var(--gut)}
.beat+.beat{margin-top:56px}
.beat2{display:none}
.cap{max-width:40em;margin-bottom:16px}
.cap h2{font-size:clamp(26px,3.6vw,44px);font-weight:700;letter-spacing:-0.025em}
.cap p:last-child{margin-top:8px;color:var(--ink-2);font-size:clamp(16px,1.5vw,18px)}
.win{background:var(--white);border:1px solid var(--line-2);display:flex;flex-direction:column;overflow:hidden}
.view{overflow:hidden}
.dash{border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap;table-layout:fixed;width:100%}
.dash th,.dash td{height:26px;padding:0 4px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:400;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:clip;font-family:var(--sans)}
.dash thead th{height:20px;background:var(--chrome);color:var(--ink-2);text-align:center;font-family:var(--mono);font-size:10.5px}
.dash th.c-rn{background:var(--chrome);color:var(--ink-2);text-align:center;font-family:var(--mono);font-size:10.5px}
.dash td.n,.dash .bk{font-family:var(--mono);text-align:right}
.dash .c-rn{width:26px}.dash .c-n{width:70px}.dash .c-s{width:88px}.dash .c-dt{width:90px}
.dash .h td{font-weight:650;background:var(--chrome-2)}
.dash .t td{font-weight:650}
.dash .ttl{font-weight:750;font-size:1.25em;overflow:visible;z-index:1}
.dash .in{background:var(--yel)}
.dash .bk{letter-spacing:-0.1em;font-size:0.85em;text-align:left}
.dash .bk .f,.ct .bk span:first-child{color:var(--ref)}
.dash .bk .e{color:var(--line-2)}
.dash .gap th,.dash .gap td{height:5px;padding:0;background:var(--chrome);border-bottom:1px solid var(--line-2)}
.dash td{position:relative}
.dash .was{display:none}
.dash .chg{background:color-mix(in srgb,var(--ref) 12%,var(--white))}
.dash .trip td{font-weight:650}
.dash .v1,.dash .v2,.dash .v3,.dash tr.wide{display:none}
.dash .d8{outline:2px solid var(--ink);outline-offset:-2px}
.beat2 .trip td,.beat2 .trip th{background:color-mix(in srgb,var(--ref) 10%,var(--white))}
.beat2 .trip td.c-n:nth-of-type(6){outline:2px solid var(--ink);outline-offset:-2px}
.tabs{display:flex;flex-wrap:wrap;border-top:1px solid var(--line-2);background:var(--chrome);font-size:13px}
.tabs span{padding:6px 12px;border-right:1px solid var(--line);color:var(--ink-2);white-space:nowrap}
.tabs .on{background:var(--white);color:var(--ink);font-weight:650;border-bottom:2px solid var(--ink);margin-bottom:-1px}
@media (min-width:640px){
  .dash{font-size:13px;table-layout:auto;width:auto;min-width:100%}
  .dash th,.dash td{padding:0 6px}
  .dash .c-rn{width:2.6em;min-width:2.6em}.dash .c-a{width:10.5em;min-width:10.5em}.dash .c-n{width:6.8em;min-width:6.8em}
  .dash .c-dt{width:7.4em;min-width:7.4em}.dash .c-p{width:5em}.dash .c-b{width:6.4em}.dash .c-s{width:7.2em;min-width:7.2em}
  .dash .v1{display:table-cell}
}
@media (min-width:900px){.dash .v2{display:table-cell}}
@media (min-width:1100px){.dash .v3{display:table-cell}.dash tr.wide{display:table-row}}

.zwrap{background:var(--white);border:1px solid var(--line-2);max-width:820px}
.zoom{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}
.zoom th,.zoom td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 12px;text-align:left;font-weight:400;vertical-align:middle}
.zoom thead th{height:26px;background:var(--chrome);color:var(--ink-2);font-size:13px}
.zoom thead th:nth-child(2){color:var(--ink);font-weight:700;font-size:15px}
.zoom thead th:first-child,.zoom tbody th{width:52px;padding:0;text-align:center;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:12px}
.zoom thead th:nth-child(2){width:36%}
.zl{font-size:clamp(15px,1.8vw,20px);font-weight:600}
.zoom .zv{text-align:right}
.zv{position:relative;height:clamp(72px,11vw,124px);text-align:right;font-family:var(--mono);font-weight:600;font-size:clamp(30px,6.4vw,76px);letter-spacing:-0.03em;line-height:1.05;white-space:nowrap}
.z-st .zv{font-family:var(--sans);letter-spacing:-0.02em}
.z-pm .zv{outline:3px solid var(--ink);outline-offset:-3px}
.zv .was{display:block;font-size:0.4em;color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:2px}
.zv .now{display:block}
.z-st .zv,.z-pm .zv,.z-sv .zv{background:color-mix(in srgb,var(--ref) 12%,var(--white))}

.seven{background:var(--white);border:1px solid var(--line-2)}
.seven ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.seven .shd{display:flex;height:22px;background:var(--chrome);font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}
.seven .shd span{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)}
.seven .shd span:nth-child(1){flex:0 0 28px}.seven .shd span:nth-child(2){flex:1 1 auto}.seven .shd span:nth-child(3){flex:0 0 112px;border-right:0}
.seven li{display:flex;align-items:stretch;height:46px;border-top:1px solid var(--line)}
.seven .col,.seven .lab{display:none}
.seven .rn{flex:0 0 28px;display:flex;align-items:center;justify-content:center;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:10.5px;border-right:1px solid var(--line)}
.seven .nm{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:0 10px;font-size:14px;font-weight:600;line-height:1.2;border-right:1px solid var(--line);overflow:hidden}
.seven .v{flex:0 0 112px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;font-family:var(--mono);font-weight:600;font-size:18px;color:var(--ref);letter-spacing:-0.02em}
@media (min-width:820px){
  .seven .shd{display:none}
  .seven ol{flex-direction:row}
  .seven li{flex:1 1 0;min-width:0;height:auto;flex-direction:column;border-top:0;border-left:1px solid var(--line)}
  .seven li:first-child{border-left:0}
  .seven .rn{display:none}
  .seven .col{display:flex;align-items:center;justify-content:center;height:22px;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:10.5px;border-bottom:1px solid var(--line)}
  .seven .nm{flex:0 0 auto;height:3.4em;align-items:flex-start;padding:8px 10px 0;font-size:13px;border-right:0}
  .seven .v{flex:0 0 auto;justify-content:flex-start;padding:2px 10px;font-size:clamp(19px,1.9vw,25px)}
  .seven .lab{display:block;height:3.6em;padding:2px 10px 10px;font-size:12px;line-height:1.35;color:var(--ink-2)}
}

@supports (animation-timeline:view()) and (width:round(down,3px,2px)){
  @media (prefers-reduced-motion:no-preference){
    .scene{height:400vh;view-timeline:--sc block}
    .stage{position:sticky;top:0;height:100vh;height:100svh;padding:0;overflow:hidden}
    .beat{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding-top:16px;padding-bottom:16px;animation:linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .beat+.beat{margin-top:0}
    .beat1{animation-name:b1}
    .beat2{display:flex;animation-name:b2}
    .beat3{animation-name:b3}
    .beat4{animation-name:b4}
    .beat5{animation-name:b5}
    .beat2 .win{transform-origin:50% 72%}
    .beat2 .win,.beat2 .cap{animation:zout linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .beat3 .zwrap{animation:zin linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .typed .txt{display:inline-block;animation:type both;animation-timing-function:steps(6,end);animation-timeline:--sc;animation-range:contain 3% contain 14%}
    .zv{overflow:hidden}
    .zv .was{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-size:1em;color:var(--ink);text-decoration:none;animation:wasz linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .zv .now{display:flex;align-items:center;justify-content:flex-end;height:100%;animation:nowz linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .z-sv .zv,.z-pm .zv,.z-st .zv{animation:flash linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .z-pm .zv .was{display:none}
    .z-pm .zv .now{animation:pmc linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%;counter-reset:pi calc(round(down,var(--p) / 100,1)) pc calc(var(--p) - round(down,var(--p) / 100,1) * 100)}
    .z-pm .zv .now{font-size:0}
    .z-pm .zv .now::after{content:counter(pi) "." counter(pc,pad2);font-size:clamp(30px,6.4vw,76px);font-weight:600}
    .dash .d8 .was{display:none}
    .dash .d8 .now.cnt{--n:0;counter-reset:th calc(round(down,var(--n) / 1000,1)) re calc(var(--n) - round(down,var(--n) / 1000,1) * 1000);animation:count linear both;animation-timeline:--sc;animation-range:contain 0% contain 100%}
    .dash .cnt .txt{display:none}
    .dash .cnt::after{content:counter(th) "," counter(re,pad3) ".00"}
    .seven li{animation:tile linear both;animation-timeline:--sc}
    .seven li:nth-child(1){animation-range:contain 86% contain 89%}
    .seven li:nth-child(2){animation-range:contain 87% contain 90%}
    .seven li:nth-child(3){animation-range:contain 88% contain 91%}
    .seven li:nth-child(4){animation-range:contain 89% contain 92%}
    .seven li:nth-child(5){animation-range:contain 90% contain 93%}
    .seven li:nth-child(6){animation-range:contain 91% contain 94%}
    .seven li:nth-child(7){animation-range:contain 92% contain 95%}
  }
}
@keyframes b1{0%,18%{opacity:1;visibility:visible}22%,100%{opacity:0;visibility:hidden}}
@keyframes b2{0%,19%{opacity:0;visibility:hidden}23%,35%{opacity:1;visibility:visible}39%,100%{opacity:0;visibility:hidden}}
@keyframes zout{0%,33%{transform:none}39%,100%{transform:scale(1.7)}}
@keyframes b3{0%,39%{opacity:0;visibility:hidden}43%,62%{opacity:1;visibility:visible}66%,100%{opacity:0;visibility:hidden}}
@keyframes zin{0%,39%{transform:scale(0.62)}44%,100%{transform:none}}
@keyframes b4{0%,63%{opacity:0;visibility:hidden}67%,82%{opacity:1;visibility:visible}86%,100%{opacity:0;visibility:hidden}}
@keyframes b5{0%,84%{opacity:0;visibility:hidden}88%,100%{opacity:1;visibility:visible}}
@keyframes type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes wasz{0%,47%{transform:none;opacity:1}53%,100%{transform:translateY(-100%);opacity:0}}
@keyframes nowz{0%,48%{transform:translateY(100%);opacity:0}54%,100%{transform:none;opacity:1}}
@keyframes flash{0%,53%{background-color:var(--white)}56%{background-color:var(--yel)}62%,100%{background-color:color-mix(in srgb,var(--ref) 12%,var(--white))}}
@keyframes tile{from{opacity:0}to{opacity:1}}
@keyframes pulse{from{background-color:color-mix(in srgb,var(--ref) 22%,var(--white))}to{background-color:var(--white)}}
@media (prefers-reduced-motion:no-preference){.pulse{animation:pulse 0.7s ease-out}}

.sec{padding:clamp(40px,6vw,72px) 0}
.ph+.sec,.sec+.sec{border-top:1px solid var(--line-2)}
.sub{margin-top:12px;color:var(--ink-2);max-width:42em;font-size:17px}
.h-sec{font-size:clamp(28px,3.6vw,46px);font-weight:760;letter-spacing:-0.03em;line-height:1.05;max-width:20em}

.list{list-style:none;margin:32px 0 0;padding:0}
.item{display:flex;flex-direction:column;gap:16px;padding:24px 0 28px;border-top:1px solid var(--line-2)}
.item:last-child{border-bottom:1px solid var(--line-2)}
.nm{position:relative;padding-left:34px}
.ix{position:absolute;left:0;top:4px;font-family:var(--mono);font-size:12px;color:var(--ink-2);width:24px;height:22px;line-height:20px;text-align:center;background:var(--chrome);border:1px solid var(--line)}
.item h3{font-size:clamp(23px,2.2vw,28px);font-weight:720;letter-spacing:-0.02em}
.item h3 a{text-decoration:none}
.item h3 a:hover{text-decoration:underline}
.item .job{margin-top:8px;font-size:16px;max-width:34em}
.item .meta{margin-top:8px;font-size:13px;color:var(--ink-2)}
.sig{padding-left:34px;max-width:360px}
.buy{padding-left:34px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.price{font-family:var(--mono);font-weight:600;font-size:22px}
.once{font-size:13px;color:var(--ink-2);flex:1 1 auto}
.try{font-weight:600;flex-basis:100%}
@media (min-width:900px){
  .item{flex-direction:row;align-items:flex-start;gap:32px}
  .nm{flex:1 1 auto;min-width:0}
  .sig{flex:0 0 300px;padding-left:0}
  .buy{flex:0 0 190px;padding-left:0;flex-direction:column;align-items:flex-start;gap:6px}
  .once{flex:0 0 auto}
}

.proof{background:var(--chrome)}
.pf{display:flex;flex-direction:column;gap:28px}
.ledger{border-collapse:collapse;width:100%;max-width:640px;font-size:15px;background:var(--white)}
.ledger td,.ledger th{border:1px solid var(--line);padding:8px 10px;text-align:left;font-weight:400}
.ledger thead th{background:var(--chrome-2);color:var(--ink-2);font-size:13px}
.ledger .n{white-space:nowrap}
.ledger thead th{white-space:normal;font-family:var(--sans)}
@media (max-width:520px){.ledger{font-size:14px}.ledger td,.ledger th{padding:7px 6px}}
.ledger tr.t td{font-weight:650;border-top:3px double var(--ink)}
@media (min-width:980px){.pf{flex-direction:row;align-items:flex-start;gap:56px}.pfl{flex:0 0 38%}}

.foot{background:var(--ink);color:#D9DCD8;padding:28px 0 36px}
.flinks{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px}
.flinks a{color:var(--white)}
.foot p{margin-top:16px;font-size:13px;max-width:52em}

.crumb{font-size:14px;color:var(--ink-2);padding-top:20px}
.crumb a{color:var(--ink-2)}
.ph{padding:14px 0 10px}
.ph h1{font-size:clamp(34px,6vw,72px);font-weight:800;letter-spacing:-0.04em;line-height:0.98;max-width:12em}
.ph .lead{margin-top:14px;font-size:clamp(17px,1.8vw,20px);max-width:36em}
.calc{margin-top:24px;max-width:860px}
.ans{position:sticky;top:0;z-index:3;background:var(--white);padding:12px 0 12px;border-bottom:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 22px}
.ans .big{font-family:var(--mono);font-weight:600;font-size:clamp(30px,5vw,46px);letter-spacing:-0.03em;line-height:1.1}
.ans .b2{font-size:clamp(22px,3.4vw,30px)}
.ans .per{font-family:var(--sans);font-weight:500;font-size:16px;letter-spacing:0;color:var(--ink-2)}
.ans .line{flex-basis:100%;font-size:16px;margin-top:2px}
.ans.bad .line,.ans.done .line{font-weight:650}
.calc .win{margin-top:14px}
@media (min-width:1100px){
  .calc{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:40px;max-width:none}
  .shc{flex:1 1 auto;min-width:0;max-width:760px}
  .calc .win{margin-top:0}
  .ans{flex:0 0 340px;top:24px;border-bottom:0;border-top:2px solid var(--ink);padding-top:16px;flex-direction:column;align-items:flex-start}
  .ans .line{margin-top:8px}
  .pbuy{max-width:760px}
}
.why{font-size:13px;color:var(--ink-2);padding:5px 10px;border-bottom:1px solid var(--line-2);min-height:28px}
.ct{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:16px}
.ct th,.ct td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);height:44px;padding:0;text-align:left;font-weight:400;vertical-align:middle}
.ct .rh{width:34px;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:11px;text-align:center}
.ct thead th{background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:11px;text-align:center;height:22px}
.ct .lab{padding:0 10px;width:40%;line-height:1.25}
@media (min-width:640px){.ct .lab{width:48%}}
.ct .lab label,.ct .lab span{display:block;padding:8px 0}
.ct td.in{background:var(--yel)}
.ct input,.ct select{width:100%;height:43px;border:0;background:transparent;font:inherit;font-family:var(--mono);font-size:16px;color:var(--ink);padding:0 10px;border-radius:0;min-width:0}
.ct input[inputmode=decimal]{text-align:right}
.ct select,.ct #i-name{font-family:var(--sans);font-size:17px}
.ct select{-webkit-appearance:none;appearance:none;cursor:pointer}
.ct input:focus,.ct select:focus{outline:2px solid var(--ink);outline-offset:-2px}
.dsel{display:flex}
.dsel select{flex:1 1 0;padding:0 4px;text-align:center;border-right:1px solid var(--yel-2)}
.dsel select:last-child{border-right:0;flex-grow:1.4}
.ct .given{padding:0 10px;color:var(--ink-2);font-family:var(--mono);font-size:14px;line-height:1.25}
.ct .sec-r th,.ct .sec-r td{background:var(--chrome-2);height:30px;font-size:13px;color:var(--ink-2)}
.ct .sec-r td{padding:0 10px}
.ct td.out{text-align:right;font-family:var(--mono);font-weight:600;padding:0 12px;line-height:1.25}
.ct tr.key td.out{font-size:19px}
.ct tr.ref td:last-child{outline:2px dashed var(--ref);outline-offset:-4px}
.ct tr.cur td:last-child{outline:2px solid var(--ink);outline-offset:-2px}
.ct tr[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.ct .bk{font-weight:400;color:var(--ref);letter-spacing:-0.06em}
.ct .bk .e{color:var(--line-2)}
.ct .msg{font-weight:650;font-size:14px}
.note{margin-top:10px;font-size:14px;color:var(--ink-2);max-width:44em}
.pbuy{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;max-width:860px}
.pbuy p{flex:1 1 300px}
.tablist{list-style:none;margin:24px 0 0;padding:0}
.tabrow{padding:22px 0 26px;border-top:1px solid var(--line)}
.tabrow.noimg{padding:16px 0}
.tt{display:flex;flex-direction:column;gap:6px;max-width:52em}
.tt p{color:var(--ink-2)}
.tabrow img{margin:0}
.tabname{display:inline-block;align-self:flex-start;font-size:14px;font-weight:650;padding:3px 12px;background:var(--chrome);border:1px solid var(--line-2);border-bottom:2px solid var(--ink)}
.ph-note{display:none}
.tabrow picture{display:block;margin-top:14px}
.tabrow img{width:100%;border:1px solid var(--line-2);background:var(--white)}
@media (max-width:699px){.tt .ph-note{display:block;font-size:13px}}
@media (min-width:900px){.tt{flex-direction:row;flex-wrap:wrap;gap:6px 20px;align-items:baseline}.tt .tabname{flex:0 0 auto;min-width:120px;text-align:center}.tt p{flex:1 1 0}}
.qa{margin:26px 0 0;max-width:900px}
.qa div{padding:0 0 22px}
.qa dt{font-weight:680;font-size:19px;letter-spacing:-0.01em}
.qa dd{margin:6px 0 0;color:var(--ink-2);max-width:40em}
@media (min-width:860px){.qa div{display:flex;gap:32px}.qa dt{flex:0 0 34%}.qa dd{margin:0}}

.legal{max-width:46em;padding-bottom:64px}
.legal h1{font-size:clamp(38px,6vw,64px);font-weight:800;letter-spacing:-0.035em;margin-top:18px}
.legal .dt{color:var(--ink-2);margin-top:8px}
.legal h2{font-size:21px;font-weight:680;margin-top:34px}
.legal p{margin-top:10px}
.legal .lead{margin-top:22px;padding:14px 16px;border:2px solid var(--ink);font-size:clamp(17px,1.8vw,19px);font-weight:600}
.legal a{overflow-wrap:anywhere}

.ph .who{margin-top:10px;font-size:16px;color:var(--ink-2);max-width:44em}
.na{margin-top:18px;font-size:14px;font-weight:650;max-width:46em;padding:10px 12px;border-left:3px solid var(--ink);background:var(--chrome)}
.h-sub{font-size:clamp(19px,2vw,23px);font-weight:700;letter-spacing:-0.015em;margin-top:28px}
.sec .h-sub+.sub{margin-top:8px}
.tw{overflow-x:auto;margin-top:16px;max-width:100%}
.ledger.wx td,.ledger.wx th,.ledger.lg td,.ledger.lg th{white-space:nowrap}
.ledger .t{font-weight:650}
.pl{margin:14px 0 0;padding-left:20px;max-width:44em;color:var(--ink-2)}
.pl li{margin-top:6px}
.mt{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:15px}
.mt th,.mt td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);height:42px;padding:0 8px;text-align:left;font-weight:400;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt thead th{height:24px;background:var(--chrome);color:var(--ink-2);font-size:12px;font-family:var(--sans)}
.mt .rh{width:30px;padding:0;background:var(--chrome);color:var(--ink-2);font-family:var(--mono);font-size:11px;text-align:center}
.mt td.n,.mt th.n{text-align:right}
.mt td.n{font-family:var(--mono)}
.mt td.in{background:var(--yel);padding:0}
.mt input,.mt select{width:100%;height:41px;border:0;background:transparent;font:inherit;font-family:var(--mono);font-size:16px;color:var(--ink);padding:0 6px;border-radius:0;min-width:0;text-align:right}
.mt td.tx input{font-family:var(--sans);text-align:left}
.mt select{-webkit-appearance:none;appearance:none;cursor:pointer;text-align:center;font-family:var(--sans);padding:0 2px}
.mt input:focus,.mt select:focus{outline:2px solid var(--ink);outline-offset:-2px}
.mt .dsel select{border-right:1px solid var(--yel-2)}
.mt .dsel select:last-child{border-right:0}
.dt thead th:nth-child(2){width:30%}
.dt thead th:nth-child(4){width:17%}
.ft thead th:nth-child(2){width:28%}
.ft thead th:nth-child(5){width:31%}
.rt thead th:first-child{width:26%}
.rt tbody th{font-weight:650;padding:0 8px}
.rt tr.t td{font-weight:650;border-top:3px double var(--ink)}
.rt td.n{font-weight:600}
.ft+.why,.calc .ct+.ct{border-top:0}
.res{margin-top:14px}
.st th{font-weight:400;padding:0 8px}
.st thead th:first-child{width:40%}
.mt .w1{display:none}
@media (min-width:640px){.mt .w1{display:table-cell}.mt{font-size:16px}.mt th,.mt td{padding:0 10px}}
@media (max-width:420px){.dt td.in input,.ft td.in input{font-size:15px;padding:0 4px}.mt .rh{width:24px}}
.flags{list-style:none;margin:12px 0 0;padding:0;font-size:15px;max-width:46em}
.flags li{padding:6px 10px;margin-top:6px;border-left:3px solid var(--ref);background:color-mix(in srgb,var(--ref) 8%,var(--white));font-weight:600}
.flags:empty{display:none}
.ord{margin-top:10px;font-size:15px;max-width:46em}
.mm{margin-top:16px}
.mm summary{cursor:pointer;font-weight:650;padding:8px 0}
.mm .tw{max-height:420px;overflow:auto;margin-top:6px;border:1px solid var(--line-2)}
.mm .ledger{max-width:none;font-size:14px}
.mm .ledger thead th{position:sticky;top:0}
.mm .ledger td,.mm .ledger th{white-space:nowrap;padding:5px 8px}
.srclist{margin:18px 0 0;padding-left:22px;max-width:52em}
.srclist li{margin-top:12px;color:var(--ink-2)}
.srclist a{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.upd{margin-top:16px;font-size:14px;font-weight:650}
.bun{margin-top:14px;font-size:15px;max-width:46em}
.pbuy2 .pbuy{margin-top:18px}
.ref-budget{--ref:#1D5FC4}.ref-debt{--ref:#C0312B}.ref-savings{--ref:#167A46}.ref-subscription{--ref:#0A7480}.ref-expense{--ref:#A95500}.ref-holiday{--ref:#B02D68}.ref-wedding{--ref:#76611A}
@property --n{syntax:"<integer>";inherits:false;initial-value:4171}
@property --p{syntax:"<integer>";inherits:false;initial-value:24167}
@keyframes count{0%,68%{--n:3921}78%,100%{--n:4171}}
@keyframes pmc{0%,46%{--p:28333}56%,100%{--p:24167}}
.pw-dashboard img{max-width:1199px}.pw-goals img{max-width:1111px}.pw-log img{max-width:988px}.pw-challenge img{max-width:1087px}