*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.65;--bg:#faf9f5;--ink:#17243a;--muted:#58657b;--accent:#1571ed;--surface:#fff;--line:#e1e5ec;--soft:#edf3ff;--radius:26px}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#fff}.wrap{max-width:1180px;margin:auto;padding:0 32px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:10px}.brandmark{width:31px;height:31px;border-radius:10px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font-size:19px}.top nav{display:flex;gap:28px;align-items:center}.top nav a{text-decoration:none;font-size:13px;font-weight:600}.top nav a:hover{color:var(--accent)}.nav-pill{border:1px solid var(--line);padding:8px 16px;border-radius:99px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:38px;padding:80px 0 68px;min-height:640px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.2px;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(40px,5.3vw,70px);line-height:1.06;letter-spacing:-3px;margin:25px 0;font-weight:750}h1 br{display:block}.intro{font-size:17px;color:var(--muted);max-width:475px;margin:0 0 30px}.btn{display:inline-flex;align-items:center;gap:28px;text-decoration:none;background:var(--accent);color:var(--button-ink,#fff);padding:14px 22px;border:0;border-radius:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0002}.hero-note{font-size:11px;color:var(--muted);margin-top:20px}.hero-note span{color:var(--accent);margin-right:7px}.visual{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:var(--soft);isolation:isolate}.visual:before{content:'';position:absolute;width:300px;height:300px;border:1px solid var(--line);border-radius:50%;z-index:-1}.visual:after{content:'';position:absolute;inset:35px;border:1px dashed var(--line);border-radius:50%;z-index:-1}.art{width:min(100%,450px);position:relative;z-index:1}.visual-label{position:absolute;left:22px;bottom:16px;font-size:10px;color:var(--muted);letter-spacing:1px}.floating{position:absolute;right:22px;top:22px;background:var(--surface);border:1px solid var(--line);padding:9px 14px;border-radius:99px;font-size:11px;z-index:2;box-shadow:0 5px 15px #0001}.ribbon{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-block:1px solid var(--line);padding:19px 0;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}section{padding:84px 0}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end;margin-bottom:35px}h2{font-size:clamp(29px,3.3vw,43px);line-height:1.15;letter-spacing:-1.6px;margin:0 0 12px}h3{font-size:20px;line-height:1.25;letter-spacing:-.5px;margin:15px 0 12px}p{margin:0 0 15px}.section-head p,.muted{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card p{font-size:14px;color:var(--muted);margin:0}.card .num{font-size:12px;letter-spacing:1px;color:var(--accent);display:inline-grid;place-items:center;min-width:35px;height:35px;background:var(--soft);border-radius:10px}.cards.four{grid-template-columns:repeat(4,1fr)}.feature{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:38px;margin-top:28px}.feature h3{margin-top:0}.feature p{max-width:650px;color:var(--muted);font-size:15px}.mini-label{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:12px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-item{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.mini-item svg{height:115px;width:100%}.mini-item b{display:block;font-size:14px}.mini-item small{color:var(--muted);font-size:11px}.faq{max-width:800px;margin:auto}.faq h2{margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:22px;font-weight:650;font-size:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;color:var(--accent);line-height:1}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;margin:17px 35px 0 0}.closing{text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:55px 25px;margin-bottom:45px}.closing p{max-width:580px;margin:17px auto 25px;color:var(--muted);font-size:15px}footer{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:11px;color:var(--muted)}footer p{max-width:450px}footer a{text-underline-offset:4px}footer .links{display:flex;gap:22px;flex-wrap:wrap}button.tab{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px 18px;font-size:13px;font-weight:650}button.tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--button-ink,#fff)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.panel{min-height:145px}.panel h3{font-size:27px}.search{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;color:var(--ink);margin-bottom:24px}.search-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.empty{color:var(--muted);padding:22px;border:1px dashed var(--line);border-radius:14px}.formula{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:19px;font-weight:700}.formula span{background:var(--surface);border:1px solid var(--line);padding:16px 20px;border-radius:12px}.formula em{font-style:normal;color:var(--accent)}.rail{display:flex;gap:14px;margin-top:25px}.rail span{flex:1;height:4px;background:var(--line);border-radius:4px}.rail span.active{background:var(--accent)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{padding:15px 16px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}td:last-child{color:var(--muted)}[hidden]{display:none!important}
.gallery{--bg:#f8faff;--soft:#eaf1ff;--accent:#3574ee;--ink:#172b50;--line:#dce5f5}.gallery .visual{background:radial-gradient(ellipse at center,#dce8ff,#eef4ff 70%)}.gallery h1{font-weight:750}.gallery .cards .card:nth-child(2){background:#edf2ff}.gallery .cards .card:nth-child(3){background:#fff5ea}
.guide{--bg:#fffefa;--soft:#f0f7ff;--accent:#148bc1;--line:#dce9ef;--radius:18px}.guide h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-2.8px}.guide .visual{border-radius:180px 180px 24px 24px;background:#dff3ff}.guide .cards{gap:0}.guide .card{border-radius:0;border:0;border-left:1px solid var(--line);background:transparent}.guide .card .num{border-radius:50%}.guide .hero{gap:65px}.guide .top .brandmark{border-radius:50%}
.spotlight{--bg:#11121c;--ink:#f6f2ff;--muted:#b1abc3;--surface:#1c1d2b;--soft:#242134;--line:#393346;--accent:#c3a4ff;--button-ink:#181123}.spotlight h1{font-size:clamp(58px,7.3vw,99px);letter-spacing:-5px}.spotlight .visual{background:radial-gradient(ellipse,#4b365d 0%,#201b32 65%);border:1px solid var(--line)}.spotlight .ribbon{color:#c3a4ff}.spotlight .card{border-top:3px solid var(--accent)}.spotlight .closing{background:linear-gradient(120deg,#2b2240,#161621)}
.basics{--bg:#f5f5ef;--soft:#e9edda;--accent:#426843;--ink:#202e24;--line:#d7dece;--radius:8px}.basics h1{font-family:Georgia,serif;font-weight:500}.basics .brandmark{border-radius:6px}.basics .hero{grid-template-columns:1.15fr 1fr}.basics .visual{background:#dce6cf}.basics .card .num{background:transparent;border:1px solid var(--line);border-radius:50%}.basics .closing{text-align:left;padding:50px}.basics .closing p{margin-left:0}
.wallet{--bg:#0d1926;--ink:#eff8fc;--muted:#9fb2c2;--surface:#142435;--soft:#182f41;--line:#2b4052;--accent:#67d8ce;--button-ink:#092327;--radius:18px}.wallet h1{font-size:clamp(48px,6.4vw,88px)}.wallet .visual{background:radial-gradient(ellipse,#1d5260,#142637 70%);border:1px solid var(--line)}.wallet .feature{border-left:3px solid var(--accent)}.wallet .btn{border-radius:6px}
.dictionary{--bg:#f9f6ff;--ink:#2b1946;--muted:#70627d;--surface:#fff;--soft:#eee5ff;--line:#e1d6ef;--accent:#7b40ce;--radius:20px}.dictionary .hero{grid-template-columns:1.1fr 1fr}.dictionary h1{letter-spacing:-3.5px}.dictionary .visual{background:#eee5ff;transform:rotate(2deg)}.dictionary .cards{grid-template-columns:repeat(3,1fr)}.dictionary .card .num{font-family:monospace;font-weight:700;width:auto;padding:0 10px}.dictionary .search{box-shadow:0 6px 25px #7138a409}
.board{--bg:#0c1418;--ink:#f0f6f1;--muted:#9baea7;--surface:#152026;--soft:#182a2a;--line:#2b3d3c;--accent:#b2f59d;--button-ink:#112116;--radius:12px}.board h1{letter-spacing:-3.6px}.board .visual{border:1px solid var(--line);background:linear-gradient(135deg,#142329,#1c3332)}.board .card .num{background:transparent;color:var(--accent);font-size:28px}.board .ribbon{font-family:monospace;font-size:12px}.board .top .brand{font-family:monospace}.board .feature{background:transparent}
.focus{--bg:#fff9f2;--ink:#2e2925;--muted:#736b65;--surface:#fffcf9;--soft:#f7eadc;--line:#e6d9ca;--accent:#bf602f;--radius:28px}.focus h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-2.6px}.focus .visual{background:#f0e0cf;border-radius:50% 50% 18px 18px}.focus .cards{gap:0}.focus .card{background:transparent;border-radius:0;border:0;border-top:1px solid var(--line)}.focus .tab{border-radius:99px}.focus .feature{background:#fffdf9}.focus .panel{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;align-items:center}.focus .panel h3{font-family:Georgia,serif;font-size:42px;font-weight:400}
.explained{--bg:#f5f8fc;--ink:#152e4d;--muted:#5f7085;--surface:#fff;--soft:#e8eff9;--line:#d7e1ef;--accent:#276ad0;--radius:16px}.explained .hero{grid-template-columns:1.15fr 1fr}.explained h1{font-size:clamp(40px,5.1vw,66px)}.explained .visual{background:#e9f0fa;border-radius:24px}.explained .card{box-shadow:0 4px 16px #203b5505}.explained .card .num{color:var(--muted);background:transparent;font-size:15px}
@media(min-width:900px){.spotlight .hero{padding-top:90px}.guide .visual{min-height:470px}.focus .visual{min-height:475px}.gallery .hero-copy{padding-right:10px}}
@media(max-width:800px){.wrap{padding:0 22px}.top{padding:20px 0}.top nav{gap:15px}.top nav a{font-size:11px}.nav-pill{display:none}.hero,.basics .hero,.dictionary .hero,.explained .hero{grid-template-columns:1fr;gap:35px;padding:50px 0 40px;min-height:auto}.hero-copy{max-width:600px}h1{font-size:clamp(41px,8.8vw,65px);letter-spacing:-2.5px}.spotlight h1{font-size:70px;letter-spacing:-4px}.wallet h1{font-size:62px}.visual,.guide .visual,.focus .visual{min-height:340px;max-width:550px;width:100%;justify-self:center}.art{max-width:380px}.intro{font-size:16px;max-width:580px}.ribbon{font-size:9px;gap:12px}.section-head{grid-template-columns:1fr;gap:7px}.cards,.cards.four,.dictionary .cards{grid-template-columns:repeat(2,1fr)}section{padding:55px 0}.feature{padding:25px}.mini-grid{gap:8px}.mini-item{padding:12px}.mini-item svg{height:90px}.focus .panel{grid-template-columns:1fr;gap:0}.closing{padding:40px 22px}footer{flex-direction:column;gap:6px}}
@media(max-width:460px){.wrap{padding:0 18px}.brand{font-size:17px}.top nav a{font-size:11px}.top nav{gap:14px}.eyebrow{font-size:9px;letter-spacing:1.7px}h1{font-size:43px;letter-spacing:-2.3px}.explained h1{font-size:40px}.spotlight h1{font-size:64px}.wallet h1{font-size:59px}.intro{font-size:15px}.visual,.guide .visual,.focus .visual{min-height:310px}.cards,.cards.four,.dictionary .cards{grid-template-columns:1fr}.card{padding:24px}.guide .card{border-left:0;border-top:1px solid var(--line)}.mini-grid{grid-template-columns:1fr}.mini-item{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:15px}.mini-item svg{height:100px}.mini-item small{grid-column:2}.mini-item b{font-size:15px}.ribbon span:last-child{display:none}.btn{min-height:48px}.feature{padding:22px}.formula{font-size:15px;gap:10px}.formula span{padding:11px}.tabs{gap:8px}button.tab{padding:10px 13px;font-size:12px}h2{font-size:31px}.basics .closing{padding:32px 24px}.floating{font-size:10px}.hero-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}