/* Trust Ledger /pricing — Section 9 (approved design 2026-10-07). Scoped to #tlp so the site's own
   classes (.b1, .card, .price ...) never leak in. Generated from the approved mock: build_prod.py */
#tlp :is(.hero,.cards,.card,.badge,.ic,.price,.tt,.tag,.b1,.b2,.fine,.shot,.st,.t,.bar,.dot,.pp,.a,.faq,.in,.c,.n,.who,.steps,.step,.tile,.plan,.unit,.meta,.h,.num,.glow,.tri,.row2,.split,.lead,.rule){all:revert}
#tlp{
  color-scheme:dark;
  --bg:#141413; --card:#1f1e1d; --card2:#262624; --line:#30302e; --line2:#45443f;
  --ink:#faf9f5; --mut:#c2c0b6; --faint:#8e8c84; --ok:#7fc8a9; --warn:#e5b567;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif; --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  
  --a-bg:#141413; --a-surface:#1a1918; --a-raised:#1f1e1d; --a-border:#30302e; --a-brand:#faf9f5; --a-accent:#faf9f5;
  --a-tx:#faf9f5; --a-muted:#c2c0b6; --a-dim:#8e8c84; --a-ok:#7fc8a9; --a-warn:#e5b567;
}
#tlp *{box-sizing:border-box}
#tlp [hidden]{display:none!important}
#tlp{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;margin:0;padding-inline:16px;padding-block:0 64px}
#tlp button{font:inherit;cursor:pointer;color:inherit}
#tlp button:focus-visible,#tlp input:focus-visible,#tlp select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#tlp .wrap{max-width:1240px;margin-inline:auto}
#tlp .switch{position:sticky;top:0;z-index:6;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:10px 16px;background:rgba(20,20,19,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-inline:-16px}
#tlp .switch button{font-size:12.5px;color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 14px}
#tlp .switch button[aria-pressed="true"]{color:var(--bg);background:var(--ink);border-color:var(--ink)}
#tlp .hero{padding-block:64px 0;text-align:center}
#tlp .hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,6vw,64px);line-height:1.1;margin:0}
#tlp .hero p{color:var(--mut);font-size:16.5px;max-width:58ch;margin:14px auto 0;text-wrap:pretty}
#tlp .portalbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:16px;padding:16px 22px;margin-top:32px;background:var(--card);font-size:14px}
#tlp .cur{display:inline-block;font-size:11px;font-weight:500;color:var(--bg);background:var(--ok);padding:2px 9px;border-radius:999px;margin-right:10px}
#tlp .geo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:28px}
#tlp .geo .gl{font-size:13px;color:var(--faint)}
#tlp .pills{display:inline-flex;gap:2px;background:#1a1918;border:1px solid var(--line);border-radius:14px;padding:4px}
#tlp .pills button{border:0;background:transparent;color:var(--faint);font-size:12.5px;padding:7px 14px;border-radius:11px}
#tlp .pills button[aria-pressed="true"]{background:var(--card2);color:var(--ink)}
#tlp .band{margin-top:64px}
#tlp .band .bh{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px}
#tlp .band .bh h2{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.15;margin:0}
#tlp .band .bh p{color:var(--mut);margin:0;font-size:15.5px}
#tlp .cards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));column-gap:20px;row-gap:20px;margin-top:22px}
#tlp .cards.few{max-width:calc(var(--cols)*420px);margin-inline:auto}
#tlp .card{display:grid;grid-row:span var(--rows);grid-template-rows:subgrid;row-gap:0;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px 28px 22px}
#tlp .card.pop{border-color:var(--line2)}
#tlp .card .ic{display:flex;justify-content:space-between;align-items:flex-start;height:44px}
#tlp .badge{font-size:11px;font-weight:500;color:var(--bg);background:var(--ink);border-radius:999px;padding:3px 10px;height:max-content}
#tlp .card .nm{margin-top:18px}
#tlp .card h3{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.15;margin:0}
#tlp .card .tag{color:var(--mut);font-size:14.5px;margin-top:2px}
#tlp .card .price{display:flex;align-items:baseline;gap:6px;margin-top:20px;font-variant-numeric:tabular-nums}
#tlp .card .price b{font-size:34px;font-weight:600;line-height:1.1}
#tlp .card .price span{color:var(--faint);font-size:14px}
#tlp .card .cap{color:var(--faint);font-size:13.5px;margin-top:4px;line-height:1.45}
#tlp .card .cap .sv{color:var(--ok)}
#tlp .tt{display:flex;margin-top:18px;min-height:46px}
#tlp .tt .pills{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:4px;border-radius:12px;background:var(--bg);border:1px solid var(--line2)}
#tlp .tt .pills button{padding:9px 10px;font-size:14px;font-weight:500;border-radius:9px;color:var(--mut)}
#tlp .tt .pills button[aria-pressed="true"]{background:var(--card2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ok)}
#tlp .tt .pills .sv{display:inline-block;color:var(--bg);background:var(--ok);font-size:11px;font-weight:600;border-radius:999px;padding:1px 7px;margin-left:7px;vertical-align:1px}
#tlp .b1,#tlp .b2{display:block;width:100%;font-size:15px;font-weight:500;padding:11px 16px;border-radius:9px;text-align:center;border:0}
#tlp .b1{background:var(--ink);color:var(--bg)}
#tlp .b2{background:var(--card2);color:var(--ink);border:1px solid var(--line2)}
#tlp .b1:disabled{background:var(--card2);color:var(--faint);cursor:default}
#tlp .card .bt{margin-top:18px;margin-bottom:18px}
#tlp .card ul{display:contents;list-style:none;margin:0;padding:0}
#tlp .card li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--ink)}
#tlp .card li svg{margin-top:3px;color:var(--faint)}
#tlp .card li.off{color:var(--faint)}
#tlp .card li.off .x{color:var(--faint);font-size:15px;line-height:1.3;text-align:center}
#tlp .jump{position:sticky;top:54px;z-index:5;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:28px -16px 0;padding:8px 16px;background:rgba(20,20,19,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
#tlp .jump a{color:var(--mut);text-decoration:none;font-size:13.5px;padding:6px 14px;border-radius:999px}
#tlp .jump a.on{background:var(--card2);color:var(--ink)}
#tlp .band{scroll-margin-top:118px}
#tlp .card .zone{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}
#tlp .oname{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}
#tlp .oname .on{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,44px);line-height:1;color:var(--ot)}
#tlp .oname .ol{color:var(--mut);font-size:15.5px;margin-top:8px}
#tlp .oname .ofull{display:inline-block;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ot);border:1px solid var(--oc);border-radius:999px;padding:3px 10px;margin-left:14px;vertical-align:middle}
#tlp .offer h3{font-size:clamp(30px,3.8vw,46px)!important}
#tlp .osub{font-size:17px!important}
#tlp .oname .cp{margin-left:auto}
#tlp .offer h3{margin-top:0!important}
#tlp .offer{margin-top:22px;border-radius:28px;padding:1px;background:linear-gradient(135deg,var(--oc) 0%,rgba(255,255,255,.06) 32%,rgba(255,255,255,.06) 68%,var(--oc) 100%)}
#tlp .offer.ent{--oc:rgba(127,200,169,.6);--ot:#7fc8a9}
#tlp .offer.icm{--oc:rgba(229,181,103,.6);--ot:#e5b567}
#tlp .oin{background:radial-gradient(110% 70% at 100% 0%,color-mix(in srgb,var(--ot) 10%,transparent),transparent 62%),var(--card);border-radius:27px;padding:40px 40px 30px}
#tlp .otop{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:44px;align-items:start}
#tlp .eye{display:flex;align-items:center;gap:14px;color:var(--ink)}
#tlp .cp{font-size:12.5px;font-weight:500;color:var(--ot);border:1px solid var(--oc);border-radius:999px;padding:4px 12px}
#tlp .offer h3{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,42px);line-height:1.12;margin:22px 0 0;text-wrap:balance}
#tlp .osub{color:var(--mut);font-size:16.5px;line-height:1.6;margin:16px 0 0;max-width:60ch;text-wrap:pretty}
#tlp .octa{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
#tlp .octa .b1,#tlp .octa .b2,#tlp .osess .b1{width:auto;padding:13px 22px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:15.5px}
#tlp .onote{font-size:13px;color:var(--faint);margin-top:10px}
#tlp .ostats{display:grid;gap:10px}
#tlp .st{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
#tlp .st b{display:block;font-size:28px;font-weight:600;color:var(--ot);line-height:1.15}
#tlp .st span{color:var(--mut);font-size:14px}
#tlp .ogrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
#tlp .ogrid h4{font-size:15.5px;font-weight:600;margin:0 0 8px}
#tlp .ogrid ul{list-style:none;margin:0;padding:0}
#tlp .ogrid li{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:6px 0;font-size:14.5px;line-height:1.45;color:var(--mut)}
#tlp .ogrid li svg{margin-top:3px;color:var(--ot)}
#tlp .osess{display:flex;justify-content:space-between;align-items:center;gap:20px 28px;flex-wrap:wrap;margin-top:34px;background:var(--card2);border:1px solid var(--line);border-radius:18px;padding:20px 24px}
#tlp .osess b{font-size:15.5px}
#tlp .osess ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:10px 0 0;padding:0;counter-reset:s}
#tlp .osess ol li{counter-increment:s;font-size:14px;color:var(--mut);display:flex;gap:9px;align-items:center}
#tlp .osess ol li::before{content:counter(s);display:inline-grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:var(--ot);color:var(--bg);font-size:11.5px;font-weight:600}
#tlp dialog#book{width:min(880px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:24px;padding:0;overflow:auto}
#tlp dialog#book::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
#tlp .bk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px;border-bottom:1px solid var(--line)}
#tlp .bk-h h3{font-family:var(--serif);font-weight:500;font-size:27px;margin:0;line-height:1.2}
#tlp .bk-h p{color:var(--faint);margin:6px 0 0;font-size:13.5px}
#tlp .bk-x{border:0;background:transparent;color:var(--mut);font-size:24px;line-height:1;padding:4px 8px}
#tlp .bk-b{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
#tlp .bk-l{padding:22px 28px;border-right:1px solid var(--line)}
#tlp .bk-r{padding:22px 28px}
#tlp .bk-lbl{font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}
#tlp .days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:22px}
#tlp .days button,#tlp .slots button{border:1px solid var(--line2);background:transparent;border-radius:10px;padding:9px 4px;color:var(--ink);font-size:13px;line-height:1.3}
#tlp .days button span{display:block;color:var(--faint);font-size:11.5px}
#tlp .days button[aria-pressed="true"],#tlp .slots button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#tlp .days button[aria-pressed="true"] span{color:var(--bg)}
#tlp .slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#tlp .bk-tz{font-size:12.5px;color:var(--faint);margin-top:10px}
#tlp .bk-f label{display:block;font-size:13px;color:var(--mut);margin-top:12px}
#tlp .bk-f label:first-of-type{margin-top:0}
#tlp .bk-f input,#tlp .bk-f textarea{width:100%;margin-top:5px;background:var(--bg);border:1px solid var(--line2);border-radius:9px;color:var(--ink);font:14px/1.4 var(--sans);padding:9px 11px}
#tlp .bk-sum{font-size:14px;color:var(--ink);margin-top:16px;min-height:21px}
#tlp .bk-err{color:#f0a3a3;font-size:13px;min-height:18px;margin-top:6px}
#tlp .bk-done{padding:52px 28px 40px;text-align:center}
#tlp .bk-done h3{font-family:var(--serif);font-weight:500;font-size:30px;margin:16px 0 0}
#tlp .bk-done p{color:var(--mut);margin:10px auto 0;max-width:50ch}
@media (max-width:1000px){#tlp .otop{grid-template-columns:1fr;gap:28px}
#tlp .ostats{grid-template-columns:repeat(3,minmax(0,1fr))}
#tlp .ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){#tlp .bk-b{grid-template-columns:1fr}
#tlp .bk-l{border-right:0;border-bottom:1px solid var(--line)}
#tlp .days,#tlp .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){#tlp .oname .cp{margin-left:0}
#tlp .jump{top:54px}
#tlp .jump a{padding:5px 10px;font-size:12.5px}
#tlp .oin{padding:26px 20px 22px}
#tlp .ostats,#tlp .ogrid{grid-template-columns:1fr}
#tlp .octa .b1,#tlp .octa .b2,#tlp .osess .b1{width:100%;justify-content:center}}
#tlp .fl textarea{width:100%;background:var(--a-bg);border:1px solid var(--a-border);border-radius:8px;color:var(--a-tx);font:13px/1.5 var(--sans);padding:7px 9px;resize:vertical}
#tlp .fl .pair{display:grid;grid-template-columns:120px 1fr;gap:8px}
#tlp .fl .pair input{width:100%}
#tlp .cpgrp{border:1px solid var(--a-border);border-radius:12px;padding:10px 12px;margin-top:10px}
#tlp .cmpt{min-width:820px;margin-top:22px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}
#tlp .cmpt .r{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(var(--n),minmax(0,1fr));border-top:1px solid var(--line)}
#tlp .cmpt .r:first-child{border-top:0}
#tlp .cmpt .r>div{padding:13px 14px;font-size:14px;color:var(--mut);text-align:center;line-height:1.4}
#tlp .cmpt .r>div:first-child{text-align:left;color:var(--ink)}
#tlp .cmpt .us{background:rgba(127,200,169,.07);color:var(--ink)!important;font-weight:500}
#tlp .cmpt .top>div{font-family:var(--serif);font-size:18px;color:var(--ink);padding-block:18px}
#tlp .cmpt .top .us{color:var(--ok)!important}
#tlp .cmpt .sec>div{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)!important;padding-block:9px;background:rgba(250,249,245,.02)}
#tlp .cmpt .sec .us{background:rgba(127,200,169,.07)}
#tlp #scr-review .rvtoc{padding-top:48px}
#tlp #scr-review .rvtoc h1{font-family:var(--serif);font-weight:500;font-size:44px;margin:0}
#tlp #scr-review .rvtoc p{color:var(--mut)}
#tlp #scr-review .rvtoc ol{columns:3;column-gap:28px;padding-left:20px;color:var(--mut);margin-top:18px}
#tlp #scr-review .rvtoc a{color:var(--ink)}
#tlp .rv{margin-top:56px;padding-top:28px;border-top:2px solid var(--line2)}
#tlp .rvh{display:flex;gap:16px;align-items:flex-start}
#tlp .rvh>span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--bg);font-weight:600}
#tlp .rvh h2{font-family:var(--serif);font-weight:500;font-size:32px;margin:0;line-height:1.2}
#tlp .rvh p{color:var(--mut);margin:4px 0 0}
#tlp .rv .jump{position:static}
#tlp .rv .adm{min-height:0}
@media (max-width:640px){#tlp #scr-review .rvtoc ol{columns:1}}
#tlp .card .val{font-size:13.5px;color:var(--mut);margin-top:8px;min-height:20px}
#tlp .card .val b{color:var(--ink);font-weight:600}
#tlp .proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center;margin-top:56px;padding:40px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(90% 90% at 100% 0%,rgba(127,200,169,.09),transparent 60%),var(--card)}
#tlp .proof .pk{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ok)}
#tlp .proof h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:12px 0 0;text-wrap:balance}
#tlp .proof p{color:var(--mut);font-size:16.5px;line-height:1.6;margin:14px 0 0}
#tlp .proof .pf{color:var(--ink);font-weight:500;font-size:15px}
#tlp .ev{background:var(--bg);border:1px solid var(--line2);border-radius:18px;padding:18px 20px;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
#tlp .evh{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#tlp .evh .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(127,200,169,.18)}
#tlp .evh .smp{margin-left:auto;font-size:11px;color:var(--faint);border:1px solid var(--line2);border-radius:999px;padding:1px 8px}
#tlp .ev ol{list-style:none;margin:0;padding:6px 0 0}
#tlp .ev li{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--d)*.55s)}
#tlp .ev time{font-family:var(--mono);font-size:12.5px;color:var(--faint);padding-top:1px}
#tlp .ev li b{display:block;font-weight:600}
#tlp .ev li span{color:var(--mut);font-size:13px}
#tlp .ev .ck{display:inline-block;color:var(--ok)!important;border:1px solid rgba(127,200,169,.4);border-radius:999px;padding:1px 8px;margin:4px 6px 0 0;font-size:12px!important}
#tlp .evf{display:flex;gap:8px;align-items:center;padding-top:12px;color:var(--ok);font-size:13px;opacity:0;transition:opacity .45s ease 2.9s}
#tlp .proof.play .ev li,#tlp .proof.done .ev li{opacity:1;transform:none}
#tlp .proof.play .evf,#tlp .proof.done .evf{opacity:1}
#tlp .proof.done .ev li,#tlp .proof.done .evf{transition:none}
#tlp .shot{margin-top:34px;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:var(--bg);box-shadow:0 24px 60px rgba(0,0,0,.4)}
#tlp .shot .bar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#1b1a19;border-bottom:1px solid var(--line)}
#tlp .shot .bar i{width:9px;height:9px;border-radius:50%;background:#3a3936}
#tlp .shot .bar span{margin-left:12px;font-size:12px;color:var(--faint);background:var(--bg);border-radius:6px;padding:3px 12px}
#tlp .sbody{padding:20px 22px;font-size:13.5px}
#tlp .phead{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
#tlp .phead .lg{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ot);color:var(--bg);font-weight:700}
#tlp .phead small{display:block;color:var(--faint)}
#tlp .pill2{margin-left:auto;font-size:11.5px;color:var(--ot);border:1px solid var(--oc);border-radius:999px;padding:2px 9px}
#tlp .pgrid,#tlp .dgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;margin-top:16px}
#tlp .ptitle{font-weight:600}
#tlp .ptitle small{color:var(--faint);font-weight:400;margin-left:6px}
#tlp .prog{height:6px;border-radius:99px;background:var(--card2);margin:10px 0 6px;overflow:hidden}
#tlp .prog span{display:block;height:100%;background:var(--ot);border-radius:99px}
#tlp .plist{list-style:none;margin:8px 0 0;padding:0}
#tlp .plist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin-top:6px;color:var(--mut)}
#tlp .plist li small{color:var(--faint)}
#tlp .plist li.d{color:var(--ink)}
#tlp .plist li.d small{color:var(--ok)}
#tlp .plist li.a{border-color:var(--oc);color:var(--ink)}
#tlp .plist button{border:0;border-radius:8px;background:var(--ot);color:var(--bg);font-weight:600;font-size:12.5px;padding:5px 12px}
#tlp .pside b{display:block;font-size:12.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
#tlp .pside p{color:var(--mut);margin:6px 0 14px;line-height:1.5}
#tlp .pside .mono{font-family:var(--mono);font-size:12px}
#tlp .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#tlp .kpis div{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
#tlp .kpis small,#tlp .vol small{display:block;color:var(--faint);font-size:12px}
#tlp .kpis b{font-size:22px;font-weight:600}
#tlp .hb{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;margin-top:10px;color:var(--mut);font-size:13px}
#tlp .hb div{height:10px;border-radius:99px;background:var(--card2);overflow:hidden}
#tlp .hb i{display:block;height:100%;background:var(--ot);border-radius:99px}
#tlp .vol{border:1px solid var(--oc);border-radius:12px;padding:14px 16px;align-self:start}
#tlp .vol b{display:block;font-size:20px;color:var(--ot);margin-top:2px}
#tlp .nx{font-size:12.5px;font-weight:500;color:var(--faint);margin-left:4px;padding-left:10px;border-left:1px solid #cfccc3}
#tlp .cpick{display:none;gap:6px;flex-wrap:wrap;margin-top:16px}
#tlp .cpick button{border:1px solid var(--line2);background:transparent;color:var(--mut);border-radius:999px;padding:7px 14px;font-size:13px}
#tlp .cpick button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (max-width:1000px){#tlp .proof{grid-template-columns:1fr;gap:26px;padding:28px}
#tlp .pgrid,#tlp .dgrid{grid-template-columns:1fr}
#tlp .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){#tlp .cpick{display:none!important}
#tlp .tally.tally{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#tlp .tally .t.us.us{grid-column:auto}
#tlp .tally .t{padding:10px 8px;border-radius:12px}
#tlp .tally b{font-size:22px}
#tlp .tally span{font-size:10.5px;line-height:1.3;display:block}
#tlp .cmpt.cmpt{min-width:0}
#tlp .cmpt.cmpt .r{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#tlp .cmpt.cmpt .r>div:first-child{grid-column:1/-1;padding:12px 12px 4px;color:var(--ink);font-weight:500;font-size:13.5px}
#tlp .cmpt.cmpt .r>div:not(:first-child){justify-content:center;align-items:center;padding:6px 2px 12px}
#tlp .cmpt.cmpt .r>div:not(:first-child)>span:not(.ci){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#tlp .cmpt.cmpt .r>div .ci svg{width:20px;height:20px}
#tlp .cmpt.cmpt .top>div:first-child{display:none}
#tlp .cmpt.cmpt .top>div:not(:first-child){writing-mode:vertical-rl;transform:rotate(180deg);justify-content:flex-start;align-items:center;height:132px;padding:12px 0;font-size:15px;white-space:nowrap}
#tlp .cmpt.cmpt .top small{display:none}
#tlp .cmpt.cmpt .sec>div:not(:first-child){display:none}
#tlp .cmpt .pc:not(.on){display:flex!important}
#tlp .legend{font-size:12px}

}
@media (max-width:640px){#tlp .proof{padding:22px 18px}
#tlp .ev li{grid-template-columns:62px 1fr;gap:8px}
#tlp .nx{display:block;border:0;padding:0;margin:2px 0 0}}
#tlp .finder{padding:30px 32px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
#tlp .finder .fh h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,34px);margin:8px 0 0;line-height:1.2}
#tlp .finder .pk,#tlp .fres .pk{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ok)}
#tlp .fq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:22px;margin-top:22px}
#tlp .fqi{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:12px}
#tlp .fqi p{margin:0;color:var(--ink);font-size:15px;line-height:1.45;display:flex;gap:10px;align-items:flex-start}
#tlp .fqi .fn{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);font-size:12px;color:var(--mut)}
#tlp .fopts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;gap:8px;align-content:start}
#tlp .fopts button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;border:1px solid var(--line2);background:transparent;color:var(--mut);border-radius:10px;padding:6px 10px;font-size:14px;line-height:1.25}
#tlp .fopts button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#tlp .fres{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding:18px 20px;border-radius:16px;background:var(--card2);border:1px solid var(--line);min-height:76px}
#tlp .fres b{display:block;font-size:20px;margin-top:2px}
#tlp .fres span:not(.pk){color:var(--mut);font-size:14.5px}
#tlp .fres .b1{width:auto;padding:12px 22px}
#tlp .fhint{color:var(--faint)!important}
#tlp .card.rec{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok),0 0 40px rgba(127,200,169,.18)}
#tlp .badge.recb{background:var(--ok);color:var(--bg)}
#tlp .pfaq{margin-top:18px;border-top:1px solid var(--line);max-width:860px}
#tlp .pfaq details{border-bottom:1px solid var(--line)}
#tlp .pfaq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-family:var(--serif);font-size:21px;color:var(--ink)}
#tlp .pfaq summary::-webkit-details-marker{display:none}
#tlp .pfaq summary::after{content:"+";color:var(--ok);font-size:20px}
#tlp .pfaq details[open] summary::after{content:"−"}
#tlp .pfaq p{margin:0 0 20px;color:var(--mut);font-size:16px;line-height:1.6;max-width:70ch}
#tlp .sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:rgba(31,30,29,.96);border:1px solid var(--line2);box-shadow:0 12px 40px rgba(0,0,0,.5);backdrop-filter:blur(8px)}
#tlp .sticky b{display:block;font-size:14px}
#tlp .sticky span{font-size:13px;color:var(--mut)}
#tlp .sticky .b1{width:auto;padding:10px 16px;font-size:14px;white-space:nowrap}
@media (max-width:900px){#tlp .fq{grid-template-columns:1fr;row-gap:22px}
#tlp .fqi{grid-row:auto;grid-template-rows:none;display:flex;flex-direction:column;gap:12px}}
@media (max-width:640px){#tlp .finder{padding:22px 18px}}
#tlp .card .pl{margin-top:4px}
#tlp .card .lh{font-size:14px;font-weight:600;color:var(--ink);padding:12px 0 8px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
#tlp .card .lh .nudge{font-weight:500;font-size:12.5px;color:var(--ok);background:rgba(127,200,169,.12);border-radius:999px;padding:2px 10px}
#tlp .card ul.plus{display:block}
#tlp .card ul.plus li{border-top:0;padding:6px 0}
#tlp .card ul.plus li.up span b{font-weight:600}
#tlp .card ul.plus .more{font-size:11px;padding:1px 8px}
#tlp .card.pop{box-shadow:none}
#tlp .fulltog{text-align:center;margin-top:18px}
#tlp .fulltog button{border:1px solid var(--line2);background:transparent;color:var(--mut);border-radius:999px;padding:8px 18px;font-size:13.5px}
#tlp .fulltog button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
#tlp .opair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--orows,9),auto);column-gap:20px;margin-top:22px}
#tlp .oc{display:grid;grid-row:span var(--orows,9);grid-template-rows:subgrid;row-gap:0;border:1px solid var(--oc);border-radius:24px;padding:28px 28px 26px;background:radial-gradient(110% 60% at 100% 0%,color-mix(in srgb,var(--ot) 10%,transparent),transparent 62%),var(--card)}
#tlp .oc.ent{--oc:rgba(127,200,169,.55);--ot:#7fc8a9}
#tlp .oc.icm{--oc:rgba(229,181,103,.55);--ot:#e5b567}
#tlp .oc .ohd{display:flex;gap:14px;align-items:flex-start}
#tlp .oc .on{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.6vw,34px);line-height:1.1;color:var(--ot)}
#tlp .oc .ol{color:var(--mut);font-size:14.5px;margin-top:6px}
#tlp .oc .ocp{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
#tlp .oc .cp{white-space:nowrap;font-size:12px;font-weight:500;color:var(--ot);border:1px solid var(--oc);border-radius:999px;padding:3px 11px}
#tlp .oc .cp.mc{color:var(--bg);background:var(--ot);border-color:var(--ot)}
#tlp .oc .ofull{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--ot);border:1px solid var(--oc);border-radius:999px;padding:2px 9px;vertical-align:middle}
#tlp .oc h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.2vw,27px);line-height:1.2;margin:18px 0 0;text-wrap:balance}
#tlp .oc .osub{color:var(--mut);font-size:15px;line-height:1.55;margin:10px 0 0}
#tlp .oc .ost3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
#tlp .oc .st{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 12px}
#tlp .oc .st b{display:block;font-size:19px;font-weight:600;color:var(--ot);line-height:1.2}
#tlp .oc .st span{color:var(--mut);font-size:12.5px;line-height:1.35}
#tlp .oc .obl{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr;align-content:start}
#tlp .oc .obl li{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:5px 0;font-size:14.5px;line-height:1.45;color:var(--mut)}
#tlp .oc .obl li svg{margin-top:3px;color:var(--ot)}
#tlp .oc .oprev{margin-top:14px}
#tlp .oc .oprev summary{cursor:pointer;color:var(--ot);font-size:14px;list-style:none}
#tlp .oc .oprev summary::before{content:"▸ ";}
#tlp .oc .oprev[open] summary::before{content:"▾ ";}
#tlp .oc .oprev .shot{margin-top:12px}
#tlp .oc .oprev .pgrid,#tlp .oc .oprev .dgrid{grid-template-columns:1fr}
#tlp .oc .oprev .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
#tlp .oc .osess2{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
#tlp .oc .osess2 b{font-size:14px}
#tlp .oc .osess2 ol{margin:8px 0 0;padding-left:20px;color:var(--mut);font-size:14px;line-height:1.6}
#tlp .oc>.b1{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;font-size:15px}
@media (max-width:680px){#tlp .opair{grid-template-columns:1fr;row-gap:20px}
#tlp .oc{grid-template-rows:none;grid-row:auto;display:flex;flex-direction:column}}
@media (max-width:680px){#tlp .card.pop{transform:none}}
@media (max-width:1000px){#tlp .cards{column-gap:12px}
#tlp .card{padding:24px 18px 20px}
#tlp .card .price b{font-size:30px}
#tlp .tt .pills button{font-size:12.5px;padding:7px 6px}
#tlp .opair{column-gap:12px}
#tlp .oc{padding:22px 18px}
#tlp .oc .ost3{grid-template-columns:1fr}}
@media (max-width:640px){#tlp .oc{padding:22px 18px}
#tlp .oc .ost3{grid-template-columns:1fr}}
#tlp .card li.best b{color:var(--ink)}
#tlp .bestv{display:inline-block;font-size:10.5px;font-weight:700;color:var(--bg);background:var(--ok);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px}
#tlp .ynudge{display:inline;border:0;background:none;padding:0;color:var(--ok);text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}
#tlp .oc .dhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:20px;padding:14px 0 10px;border-top:1px solid var(--line)}
#tlp .oc .dhead b{font-size:15px}
#tlp .oc .dcount{font-size:12.5px;color:var(--ot);font-weight:600}
#tlp .oc .drow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
#tlp .oc .drow .dl{color:var(--mut)}
#tlp .oc .drow .dv{display:flex;gap:8px;align-items:flex-start;line-height:1.35}
#tlp .oc .drow .di{flex:none;margin-top:1px}
#tlp .oc .d-yes .dv{color:var(--ink);font-weight:500}
#tlp .oc .d-yes .di{color:var(--ot)}
#tlp .oc .d-part .dv,#tlp .oc .d-no .dv{color:var(--faint)}
#tlp .oc .d-part .di,#tlp .oc .d-no .di{color:var(--faint)}
#tlp .oc.icm .drow{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ot) 5%,transparent))}
@media (max-width:1000px){#tlp .oc .drow{grid-template-columns:1fr;gap:2px}}
#tlp .reveal{opacity:0;transform:translateY(18px);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}
#tlp .reveal.is-visible{opacity:1;transform:none}
#tlp .reveal.instant{transition:none}
#tlp .reveal[data-delay="1"]{transition-delay:80ms}
#tlp .reveal[data-delay="2"]{transition-delay:160ms}
#tlp .reveal[data-delay="3"]{transition-delay:240ms}
#tlp .card.is-visible:hover,#tlp .oc.is-visible:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.35);border-color:var(--line2)}
#tlp .card.instant.is-visible,#tlp .oc.instant.is-visible{transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){#tlp .reveal{opacity:1;transform:none;transition:none}
#tlp .card:hover,#tlp .oc:hover{transform:none}}
#tlp .opair{grid-template-rows:none!important;align-items:start}
#tlp .oc{display:flex!important;flex-direction:column;grid-row:auto!important}
#tlp .oc .drow[data-eq],#tlp .oc [data-eq]{box-sizing:border-box}
#tlp .oc .only{margin-top:6px;padding:14px 0 4px;border-top:1px solid var(--oc)}
#tlp .oc .only .onh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:8px}
#tlp .oc .only .onh b{font-size:15px;color:var(--ot)}
#tlp .oc .only .drow{grid-template-columns:1fr}
#tlp .oc .intel{margin-top:14px;border:1px solid var(--oc);border-radius:18px;padding:20px 20px 16px;background:color-mix(in srgb,var(--ot) 6%,transparent)}
#tlp .oc .intel .ink{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ot)}
#tlp .oc .intel .inh b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.2vw,27px);line-height:1.2;margin-top:6px}
#tlp .oc .intel .inh p{color:var(--mut);font-size:14.5px;line-height:1.55;margin:8px 0 0}
#tlp .oc .ig{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
#tlp .oc .igt{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:600;color:var(--ink)}
#tlp .oc .igi{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--ot) 16%,transparent);color:var(--ot)}
#tlp .oc .ii{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:8px 0 0 2px}
#tlp .oc .ii .di{color:var(--ot);margin-top:2px}
#tlp .oc .ii b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.4}
#tlp .oc .ii span{display:block;font-size:13.5px;color:var(--mut);line-height:1.45;margin-top:1px}
#tlp .oc .infoot{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ot)}
#tlp .card .keep{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(127,200,169,.08);border:1px solid rgba(127,200,169,.25);font-size:13.5px;line-height:1.45;color:var(--mut)}
#tlp .card .keep b{color:var(--ink)}
#tlp .card .kic,#tlp .oc .kic{flex:none;color:var(--ok);margin-top:1px}
#tlp .oc .kept{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid var(--oc);background:color-mix(in srgb,var(--ot) 7%,transparent)}
#tlp .oc .kept .kh{display:flex;gap:10px;align-items:center}
#tlp .oc .kept .kh b{font-size:16px}
#tlp .oc .kept .kic{color:var(--ot)}
#tlp .oc .kept p{margin:8px 0 0;color:var(--mut);font-size:14px;line-height:1.55}
#tlp .oc .kept .kn{color:var(--ink)}
#tlp .csub{color:var(--mut);font-size:16px;line-height:1.55;max-width:70ch;margin:14px 0 0}
#tlp .tally{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}
#tlp .tally .t{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
#tlp .tally .t.us{border-color:rgba(127,200,169,.55);background:rgba(127,200,169,.08)}
#tlp .tally b{display:block;font-size:30px;font-weight:600;line-height:1.1}
#tlp .tally .us b{color:var(--ok)}
#tlp .tally span{color:var(--mut);font-size:13px}
#tlp .legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:13px;color:var(--mut)}
#tlp .legend span{display:inline-flex;align-items:center;gap:7px}
#tlp .cmpt{min-width:1060px}
#tlp .cmpt .r{grid-template-columns:minmax(250px,1.35fr) minmax(0,1.15fr) repeat(calc(var(--n) - 1),minmax(0,1fr))!important}
#tlp .cmpt .r>div{display:flex;gap:8px;align-items:flex-start;justify-content:flex-start;text-align:left!important;font-size:13.5px}
#tlp .cmpt .r>div .ci{flex:none;margin-top:1px}
#tlp .cmpt .top>div{flex-direction:column;gap:2px!important}
#tlp .cmpt .top small{font-family:var(--sans);font-size:11.5px;color:var(--faint);font-weight:400}
#tlp .cmpt .c-no,#tlp .cmpt .c-unk{color:var(--faint)!important}
#tlp .cmpt .us.c-yes{color:var(--ink)!important}
@media (max-width:900px){#tlp .tally{grid-template-columns:repeat(2,minmax(0,1fr))}
#tlp .tally .t.us{grid-column:1/-1}}
#tlp .tv{font-size:12px;color:var(--warn);border:1px dashed rgba(229,181,103,.5);border-radius:6px;padding:1px 7px}
#tlp .card li.same{color:var(--mut)}
#tlp .card li.up span b{font-weight:600}
#tlp .card li.up svg{color:var(--ok)}
#tlp .card li .more{display:inline-block;font-size:10.5px;font-weight:600;color:var(--ok);border:1px solid rgba(127,200,169,.45);border-radius:999px;padding:0 6px;margin-left:6px;vertical-align:1px}
#tlp .fine{color:var(--faint);font-size:13px;text-align:center;margin-top:40px;line-height:1.6}
#tlp .adm{color:var(--a-tx);background:var(--a-bg);border:1px solid var(--a-border);border-radius:20px;margin-top:24px;display:grid;grid-template-columns:232px minmax(0,1fr);overflow:hidden;min-height:780px}
#tlp .side{background:var(--a-surface);border-right:1px solid var(--a-border);padding:20px 12px;font-size:13.5px}
#tlp .side .brand{font-family:var(--serif);font-weight:500;font-size:19px;padding:2px 10px 8px}
#tlp .side .sh{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-dim);padding:18px 10px 6px}
#tlp .side button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--a-muted);padding:7px 10px;border-radius:9px;font-size:13.5px}
#tlp .side button[aria-pressed="true"]{background:var(--card2);color:var(--ink)}
#tlp .main{padding:28px 30px;min-width:0}
#tlp .ttl{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
#tlp .ttl .crumb{font-size:12px;color:var(--a-dim);margin-bottom:4px}
#tlp .ttl h2{font-family:var(--serif);font-size:30px;font-weight:500;margin:0;line-height:1.15}
#tlp .ttl .sub{font-size:13.5px;color:var(--a-muted);margin-top:6px;max-width:72ch;line-height:1.5}
#tlp .acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#tlp .abtn{font-size:13px;font-weight:500;padding:8px 14px;border-radius:9px;border:1px solid var(--line2);background:var(--card2);color:var(--a-tx)}
#tlp .abtn.pri{background:var(--ink);border-color:var(--ink);color:var(--bg)}
#tlp .abtn.sm{font-size:11.5px;padding:3px 9px;border-radius:7px}
#tlp .aseg{display:inline-flex;gap:2px;background:var(--a-surface);border:1px solid var(--a-border);border-radius:11px;padding:3px}
#tlp .aseg button{border:0;background:transparent;color:var(--a-dim);font-size:12.5px;padding:6px 12px;border-radius:8px}
#tlp .aseg button[aria-pressed="true"]{background:var(--card2);color:var(--ink)}
#tlp .box{background:var(--a-raised);border:1px solid var(--a-border);border-radius:18px;padding:20px 22px;margin-top:18px}
#tlp .box h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:0 0 4px}
#tlp .box .hint{font-size:12.5px;color:var(--a-dim);margin:0 0 12px;line-height:1.5}
#tlp .mx{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;min-width:780px}
#tlp .mx col.lab{width:260px}
#tlp .mx th{font-weight:500;text-align:left;padding:16px 10px 12px;border-bottom:1px solid var(--a-border);vertical-align:top}
#tlp .mx th .tn{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--a-tx)}
#tlp .mx th .tm{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
#tlp .mx td{padding:6px 10px;border-bottom:1px solid var(--a-border);color:var(--a-muted);vertical-align:middle}
#tlp .mx td:first-child{color:var(--a-tx);padding-left:18px}
#tlp .mx td .u{color:var(--a-dim);font-size:11px;display:block}
#tlp .mx tr.g td{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--a-tx);padding:20px 18px 8px;background:transparent}
#tlp .mx input{width:100%;background:var(--a-bg);border:1px solid var(--a-border);border-radius:8px;color:var(--a-tx);font-family:var(--mono);font-size:12.5px;padding:7px 9px;text-align:right}
#tlp .mx input.t{text-align:left;font-family:var(--sans)}
#tlp .mx input.chg{border-color:var(--a-warn)}
#tlp .mx .calc{font-family:var(--mono);color:var(--a-ok);text-align:right;display:block;padding-right:10px}
#tlp .mx .na{font-family:var(--mono);color:var(--a-dim);text-align:right;display:block;padding-right:10px}
#tlp .mx .built{color:var(--a-dim);font-size:12.5px;text-align:right;display:block;padding-right:10px}
#tlp .mx td.popc,#tlp .mx th.popc{background:rgba(250,249,245,.025)}
#tlp .pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;background:rgba(127,200,169,.13);color:var(--a-ok);white-space:nowrap}
#tlp .pill.off{background:rgba(194,192,182,.1);color:var(--a-muted)}
#tlp .pill.warn{background:rgba(229,181,103,.13);color:var(--a-warn)}
#tlp .pill.pur{background:rgba(250,249,245,.08);color:var(--a-muted)}
#tlp .radio{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--a-muted)}
#tlp .radio input{width:auto;accent-color:var(--ink)}
#tlp .at{width:100%;border-collapse:collapse;font-size:13px}
#tlp .at th{text-align:left;font-weight:500;color:var(--a-dim);padding:9px 8px;border-bottom:1px solid var(--a-border);white-space:nowrap}
#tlp .at td{padding:9px 8px;border-bottom:1px solid var(--a-border);color:var(--a-muted)}
#tlp .at td.n,#tlp .at th.n{text-align:right;font-family:var(--mono)}
#tlp .at td input,#tlp .fl input,#tlp .fl select{background:var(--a-bg);border:1px solid var(--a-border);border-radius:8px;color:var(--a-tx);font-family:var(--mono);font-size:12.5px;padding:6px 8px;text-align:right;width:96px}
#tlp .at td .tx,#tlp .at td.tx{color:var(--a-tx)}
#tlp .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
#tlp .fl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--a-border);font-size:13px;color:var(--a-muted)}
#tlp .fl input.t{text-align:left;font-family:var(--sans);width:100%}
#tlp .fl.w{grid-template-columns:1fr}
#tlp .drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100%);background:var(--a-surface);border-left:1px solid var(--a-border);z-index:20;padding:24px;overflow:auto;color:var(--a-tx);box-shadow:-20px 0 60px rgba(0,0,0,.5)}
#tlp .chips{display:flex;gap:4px;flex-wrap:wrap}
#tlp .qsum{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12.5px;padding:8px 0;border-top:1px solid var(--a-border);color:var(--a-muted)}
#tlp .qsum.big{font-size:15px;color:var(--a-tx)}
#tlp .note{font-size:12.5px;color:var(--a-warn);margin-top:10px}
@media (max-width:680px){#tlp .cards{grid-template-columns:1fr;row-gap:20px;max-width:560px;margin-inline:auto}
#tlp .card{grid-template-rows:none;grid-row:auto;display:block}
#tlp .card ul{display:block;margin-top:4px}
#tlp .wide{grid-template-columns:1fr}
#tlp .wide .l{border-right:0;border-bottom:1px solid var(--line)}

}
@media (max-width:900px){#tlp .adm{grid-template-columns:1fr}
#tlp .side{display:flex;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--a-border)}
#tlp .side .sh,#tlp .side .brand{width:100%;padding-block:6px 2px}
#tlp .side button{width:auto}
#tlp .two{grid-template-columns:1fr}

}
@media (max-width:640px){#tlp .wide ul{grid-template-columns:1fr;padding-inline:20px}
#tlp .wide .l,#tlp .card{padding-inline:20px}
#tlp .main{padding:20px 16px}
#tlp .band .bh h2{font-size:28px}

}


#tlp{
  --bg:#070a12; --card:rgba(13,19,38,.78); --card2:#111a33; --line:rgba(241,236,225,.13); --line2:rgba(241,236,225,.26);
  --ink:#f1ece1; --mut:#a7b2cc; --faint:#8b95b4; --ok:#34e0a1; --warn:#e5b567;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif; --sans:"Newsreader","Iowan Old Style",Georgia,serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;background:transparent;padding:0;margin:0}


#tlp .card h3,#tlp .oname .on,#tlp .offer h3,#tlp .proof h2,#tlp .bh h2,#tlp .finder .fh h2,#tlp .pfaq summary{font-family:var(--serif);font-weight:400}
#tlp .card .price b{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1}
#tlp .card .price span,#tlp .card .cap,#tlp .card .val{font-family:var(--sans)}
#tlp .card .zone,#tlp .pk,#tlp .proof .pk,#tlp .badge,#tlp .cp,#tlp .ofull,#tlp .legend,#tlp .tally span,#tlp .jump a,#tlp .geo .pills button,#tlp .fopts button,#tlp .tt .pills button,#tlp .evh .smp,#tlp .cmpt .sec>div:first-child,#tlp .cmpt .top small{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
#tlp .tt .pills button{font-size:11.5px}
#tlp .tt .pills .sv{font-family:var(--mono);letter-spacing:.06em}
#tlp .b1{background:linear-gradient(120deg,#5b8cff,#34e0a1)!important;color:#04101d!important;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border:0;border-radius:8px;min-height:48px}
#tlp .b1:disabled{background:rgba(241,236,225,.08)!important;color:var(--faint)!important}
#tlp .b2{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border-radius:8px;min-height:48px;background:rgba(241,236,225,.03);border:1px solid var(--line2);color:var(--ink)}
#tlp .card{background:linear-gradient(180deg,rgba(17,26,51,.82),rgba(10,15,28,.82));border-color:var(--line);border-radius:16px}
#tlp .card.pop{border-color:rgba(91,140,255,.6)}
#tlp .badge{background:linear-gradient(120deg,#5b8cff,#34e0a1);color:#04101d;font-weight:700;font-size:10px}
#tlp .card li .more{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
#tlp .offer.ent{--oc:rgba(91,140,255,.6);--ot:#8fb0ff}
#tlp .offer.icm{--oc:rgba(52,224,161,.55);--ot:#34e0a1}
#tlp .oin,#tlp .proof,#tlp .finder,#tlp .ecalc{background-color:rgba(10,15,28,.86)}
#tlp .cmpt{background:rgba(10,15,28,.86)}
#tlp .cmpt .us{background:rgba(52,224,161,.07)}
#tlp .tally .t{background:rgba(10,15,28,.86)}
#tlp .jump{position:sticky;top:0;background:rgba(7,10,18,.92);margin:0 -44px;padding:10px 44px;z-index:5}
#tlp .band{scroll-margin-top:70px}
@media (max-width:820px){#tlp .jump{margin:0 -20px;padding:10px 20px}}
#tlp .geo{margin-top:8px}
#tlp .oc .on,#tlp .oc h3{font-family:var(--serif);font-weight:400}
#tlp .oc .on{font-size:clamp(30px,3vw,38px)}
#tlp .oc.ent{--oc:rgba(91,140,255,.6);--ot:#8fb0ff}
#tlp .oc.icm{--oc:rgba(52,224,161,.55);--ot:#34e0a1}
#tlp .oc{background-color:rgba(10,15,28,.86)}
#tlp .oc .cp,#tlp .oc .ofull,#tlp .card .lh .nudge,#tlp .fulltog button,#tlp .oc .oprev summary{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}
#tlp .card.pop{box-shadow:none}
@media (max-width:680px){#tlp .card.pop{transform:none}}
@media (max-width:1000px){#tlp .card .price b{font-size:36px}#tlp .tt .pills button{font-size:10px;letter-spacing:.06em}#tlp .b1{letter-spacing:.1em;font-size:10.5px}}
#tlp .b1 .nx{color:rgba(4,16,29,.72);border-left-color:rgba(4,16,29,.3);letter-spacing:.08em}
#tlp .st,#tlp .kpis div,#tlp .ev,#tlp .shot{background:rgba(17,26,51,.7)}
#tlp#tlp{background:transparent!important;padding:0 44px 80px!important;margin:0 auto!important;max-width:1180px}
@media (max-width:820px){#tlp#tlp{padding:0 20px 80px!important}}

/* one-line page header (owner 2026-10-07): the tiles are on screen when the page opens */
.phead{padding:30px 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.phead .pline{margin:0;color:var(--mut,#9aa3b2);font-size:16px;line-height:1.5;text-wrap:pretty}
#tlp .geo{margin-top:14px}
#tlp #hero:empty{display:none!important}
#tlp #pubBody>.band:first-child{margin-top:8px;padding-top:28px;border-top:0}
@media(max-width:680px){.phead{padding-top:20px}}

/* owner 2026-10-07: a full-width button fits inside its box (the reset above made its padding add to the
   width, so it ran 32px past the right edge), its words sit in the middle, and it is not underlined */
#tlp .b1,#tlp .b2{box-sizing:border-box;text-decoration:none}
#tlp .card .bt .b1{display:flex;align-items:center;justify-content:center;width:100%}

/* page title like a plain "Pricing" heading, then country, then the promise line, all centred and kept short so the plans show on first view */
#tlp .ptop{text-align:center;padding:22px 0 0}
#tlp .ptitle{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.2vw,48px);line-height:1;letter-spacing:-.01em;margin:0;color:var(--ink)}
#tlp .geo{margin-top:14px;margin-bottom:16px;gap:6px}
#tlp .geo .pline{margin:0 auto;max-width:none;text-align:center;font-size:15px;line-height:1.45;color:var(--mut);white-space:nowrap}
@media(max-width:1000px){#tlp .geo .pline{white-space:normal;max-width:620px;text-wrap:balance}}
@media(max-width:680px){#tlp .ptop{padding-top:16px}#tlp .geo .pline{font-size:14px}}

/* plan finder: one line until opened, so the plans sit near the top */
#tlp details.finder{padding:0!important}
#tlp details.finder+.band{margin-top:30px;padding-top:0;border-top:0}
#tlp details.finder>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;padding:18px 28px}
#tlp details.finder>summary::-webkit-details-marker{display:none}
#tlp details.finder>summary h2{font-size:clamp(19px,2vw,22px)!important;margin:0!important;flex:1 1 auto}
#tlp details.finder>summary .fgo::after{content:"Help me choose  \25BE";font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok);white-space:nowrap}
#tlp details.finder[open]>summary .fgo::after{content:"Close  \25B4"}
#tlp details.finder[open]{padding-bottom:28px}
#tlp details.finder[open]>.fq,#tlp details.finder[open]>.fres{margin-left:28px;margin-right:28px}
@media (max-width:640px){#tlp details.finder>summary{padding:14px 18px}#tlp details.finder[open]>.fq,#tlp details.finder[open]>.fres{margin-left:18px;margin-right:18px}}
/* Enterprise: everything is available, priced per use, so it reads as a yes in its own colour */
#tlp .oc.ent .d-part .di{color:var(--ot)}
#tlp .oc.ent .d-part .dv{color:var(--mut)}
/* the two words drawn by CSS on the plan finder, in the page's language (fr / es pages; English is above) */
html:lang(fr) #tlp details.finder>summary .fgo::after{content:"Aidez-moi à choisir  \25BE"}
html:lang(fr) #tlp details.finder[open]>summary .fgo::after{content:"Fermer  \25B4"}
html:lang(es) #tlp details.finder>summary .fgo::after{content:"Ayúdeme a elegir  \25BE"}
html:lang(es) #tlp details.finder[open]>summary .fgo::after{content:"Cerrar  \25B4"}
html:lang(de) #tlp details.finder>summary .fgo::after{content:"Hilf mir bei der Auswahl  \25BE"}
html:lang(de) #tlp details.finder[open]>summary .fgo::after{content:"Schließen  \25B4"}
html:lang(zh-Hans) #tlp details.finder>summary .fgo::after{content:"帮我选择  \25BE"}
html:lang(zh-Hans) #tlp details.finder[open]>summary .fgo::after{content:"关闭  \25B4"}
html:lang(ja) #tlp details.finder>summary .fgo::after{content:"選び方を相談  \25BE"}
html:lang(ja) #tlp details.finder[open]>summary .fgo::after{content:"閉じる  \25B4"}
html:lang(ko) #tlp details.finder>summary .fgo::after{content:"선택 도움받기  \25BE"}
html:lang(ko) #tlp details.finder[open]>summary .fgo::after{content:"닫기  \25B4"}
/* light mode (the theme toggle): the plan cards and the comparison table had a fixed dark background, so their dark text could not be read on the paper page */
:root[data-theme="light"] #tlp .card,:root[data-theme="light"] #tlp .cmpt,:root[data-theme="light"] #tlp .tally .t{background:var(--card)}
:root[data-theme="light"] #tlp .badge{color:#fff}