:root{--blue:#006bb6;--navy:#103962;--pale:#edf6ff;--line:#d5e5f3}*{box-sizing:border-box}body{margin:0;background:#f7faff;color:var(--navy);font:15px system-ui,sans-serif}header{padding:22px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;background:white;border-top:5px solid var(--blue);border-bottom:1px solid var(--line)}a{color:var(--blue)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px;color:#577791}.mark{background:var(--blue);color:white;border-radius:10px;padding:13px 10px;font-size:18px}.header-tag{font-size:12px;color:#6b8399}main{max-width:1328px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:55px 0 42px}.eyebrow{font-size:10px;font-weight:750;color:var(--blue);letter-spacing:1.9px}h1{font-size:49px;line-height:1.12;letter-spacing:-2px;margin:14px 0 20px}h1 span{color:var(--blue)}h2{font-size:27px;letter-spacing:-.5px;margin:12px 0 20px}h3{font-size:18px;margin:10px 0 15px}p{line-height:1.7;color:#536e86}.byline,.hint{font-size:12px;color:#617e96}.hero-demo{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 14px 40px #205b8c0b}.hero-demo small{letter-spacing:1px;font-size:9px;color:#658198}.flow-text{font-size:24px;text-align:center;margin-top:22px}.arrow{text-align:center;font-size:30px;color:var(--blue);margin:6px}.mini,.tokens{display:flex;flex-wrap:wrap;gap:6px}.mini{justify-content:center}.mini span{background:var(--pale);border:1px solid #c6def3;border-radius:7px;padding:10px}.hero-demo p{font-size:11px;margin-bottom:0}nav{display:flex;overflow:auto;border-bottom:1px solid #c8dcec;gap:5px;margin-bottom:25px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #bdd5e9;border-radius:8px;padding:10px 15px;background:white;color:var(--navy)}button:hover{background:#e8f4ff}button:disabled{opacity:.45;cursor:default}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#005896;color:white}nav button{border:0;background:transparent;border-radius:0;white-space:nowrap;padding:16px 13px;color:#698196;font-size:13px}nav button[aria-selected=true]{color:var(--blue);box-shadow:inset 0 -3px var(--blue);font-weight:700}.tab[hidden]{display:none}.tab{padding-bottom:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel,.result{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;margin:15px 0}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.row{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:12px 0}label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:12px;margin:12px 0}input,select,textarea{border:1px solid #b9cfe2;border-radius:8px;padding:12px;background:white;color:var(--navy);max-width:100%}textarea{width:100%;resize:vertical;line-height:1.6}input[type=number]{width:145px}.metrics{display:flex;gap:24px;flex-wrap:wrap;margin:22px 0}.metric{border-left:3px solid var(--blue);padding-left:12px;font-size:12px;color:#6b8197}.metric b{display:block;color:var(--navy);font-size:25px;margin-bottom:4px}.token{padding:9px;border:1px solid #bdd8ef;background:#eff7ff;border-radius:7px;min-width:36px;display:flex;flex-direction:column;align-items:center;gap:6px;animation:appear .3s both;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.token small{color:#527793;font-size:10px;font-weight:400}.token:nth-child(3n+2){background:#e1f0ff}.token:nth-child(3n){background:#d1e8fc}.result .tokens{margin:20px 0;max-height:300px;overflow:auto}.result p{font-size:12px}.result b.count{font-size:25px;color:var(--blue)}.badge{font-size:10px;padding:4px 7px;background:#edf5fd;border-radius:20px;display:inline-block}.note{background:#eaf4ff;border-left:3px solid var(--blue);padding:16px;line-height:1.7;font-size:12px;margin:20px 0;color:#426580}.mono{font:12px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.vector{display:flex;gap:5px;margin:10px 0}.vector span{background:#d4e9fb;padding:12px;font:13px ui-monospace,monospace;border-radius:5px}.table-wrap{overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;background:white;font-size:13px}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--line)}th{background:#edf6ff}.merge-row{display:flex;align-items:center;gap:14px;margin:14px 0;flex-wrap:wrap}.merge-row>b{min-width:90px}.padded{opacity:.55;background:#f1f4f8!important}.bar-track{display:flex;height:30px;background:#dce9f4;border-radius:7px;overflow:hidden;margin:20px 0}.bar-fill{background:var(--blue)}.bar-reserve{background:#73b9e9}.budget-fail{color:#963647}.docs{max-width:960px}.docs details{background:white;border:1px solid var(--line);border-radius:10px;padding:19px;margin:13px 0}.docs summary{cursor:pointer;font-weight:650}.docs li{line-height:1.8;color:#536e86}.docs p{font-size:14px}#status{min-height:22px;font-size:13px;color:var(--blue)}#status.error{color:#a23247}footer{border-top:1px solid var(--line);padding:30px 0;text-align:center;font-size:12px;line-height:1.9;color:#6b8399}footer b{color:var(--blue);font-size:16px}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #82bceb;outline-offset:3px}@keyframes appear{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:20px;padding:30px 0}.hero-demo{display:none}.three,.two{grid-template-columns:1fr}h1{font-size:39px}.header-tag{display:none}.section-title{align-items:start;flex-direction:column}main{padding:0 16px}.panel,.result{padding:18px}.row{gap:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.auth-page{max-width:760px;padding-top:42px}.auth-page input{width:100%}.auth-page p{line-height:1.7}.auth-check{flex-direction:row;align-items:start;font-weight:400;line-height:1.6}.auth-check input{width:18px;flex:none;accent-color:#006bb6}.auth-error{padding:12px;border-left:3px solid #a23247;background:#fff0f3;color:#a23247}.learner-menu{display:flex;align-items:center;gap:13px;font-size:12px}.learner-menu form{margin:0}.learner-menu button{font-size:12px}@media(max-width:650px){.learner-menu>span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}