@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10171c;--panel:#172127;--line:#2c393e;--text:#e5ece8;--muted:#9cacae;--lime:#d7f880;--amber:#e7bd78}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk','IBM Plex Sans Thai',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}header{height:86px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#10171cf5;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:1.5px;font-size:21px;font-weight:700}.logo{display:grid;place-items:center;background:var(--lime);color:var(--bg);height:35px;width:35px;border-radius:10px;font-size:29px}.brand small{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}nav a:hover{color:var(--lime)}.safe{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;color:var(--lime);border:1px solid #425535;padding:6px 12px;border-radius:20px}.safe i{width:5px;height:5px;background:var(--lime);border-radius:50%}main{max-width:1320px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:64px 0 56px;align-items:center}.eyebrow{color:var(--lime);font-size:11px;letter-spacing:2px;font-weight:600;margin:0 0 18px}h1{font-size:clamp(30px,3.7vw,52px);line-height:1.4;font-weight:500;margin:0 0 22px;letter-spacing:-1.5px}h1 em{font-style:normal;color:var(--lime)}.intro{color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.hero-actions>span{font-size:11px;color:var(--muted)}.button,button{border-radius:7px;padding:11px 17px;transition:.2s}button:hover,.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary{background:var(--lime);border:1px solid var(--lime);color:#192213;font-weight:600}.button span{margin-left:24px}.outline{background:transparent;border:1px solid #4c5e60;color:var(--text);font-size:12px}.hero-card{background:radial-gradient(ellipse at 50% 45%,#32422b50,transparent 65%),var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 25px;transform:rotate(1deg)}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.amber{color:var(--amber)}.orbit{width:224px;height:224px;border:1px dashed #62714b;border-radius:50%;display:grid;place-items:center;margin:18px auto;position:relative}.orbit:after{content:'';position:absolute;background:var(--lime);width:9px;height:9px;border-radius:50%;top:46px;right:13px;box-shadow:0 0 20px #d7f88080}.orbit-inner{width:192px;height:192px;border:1px solid #3e4d3a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-inner>span{font-size:23px;color:var(--lime);line-height:1}.orbit-inner b{font-size:42px;letter-spacing:6px;font-weight:500}.orbit-inner small{color:var(--muted);font-size:11px}.hero-note{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:10px;align-items:center}.hero-note p{margin:0;color:var(--muted);font-size:11px}.hero-note strong{font-weight:500;color:var(--text)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--amber)}.strip{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:17px 0;color:var(--muted);font-size:12px}.strip b{color:var(--lime);margin-right:12px;font-weight:400}section[id]{padding-top:57px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}.section-head .eyebrow{margin-bottom:8px}h2{font-size:24px;line-height:1.5;font-weight:500;margin:0}h3{font-weight:500;font-size:16px;margin:0}.source-line{display:flex;gap:18px;justify-content:space-between;font-size:12px;color:var(--lime)}.source-line a{color:var(--muted);text-decoration:underline}.tiny{font-size:11px;line-height:1.85}.muted{color:var(--muted)}.market-layout{display:grid;grid-template-columns:290px 1fr;gap:16px;margin-top:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.pool-panel{padding:20px}.pool-panel>label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.pool-panel select{margin-bottom:14px}.pool-panel>a{color:var(--lime);font-size:11px}select,input{width:100%;background:#10191e;border:1px solid #405053;border-radius:6px;color:var(--text);padding:10px 12px;min-width:0}select{font-size:12px}select:focus,input:focus{border-color:var(--lime)}.market-right{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics article{border:1px solid var(--line);border-radius:10px;padding:18px 13px;background:var(--panel)}.metrics article>span{font-size:11px;color:var(--muted)}.metrics strong{display:block;font-weight:500;font-size:24px;margin:12px 0 6px;color:var(--text)}.metrics small{font-size:9px;color:var(--muted)}.notice{background:#27312770;border:1px solid #3b4a35;border-radius:8px;color:#bbcba5;padding:13px 15px;font-size:11px;margin-top:13px}.missing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;font-size:11px;color:var(--muted)}.missing-grid b{display:block;font-weight:400;color:var(--amber);font-size:10px}.tag{font-size:9px;letter-spacing:1px;white-space:nowrap;color:var(--amber);padding:5px 9px;border:1px solid #665338;border-radius:5px}.lab-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:18px}.panel-title,.rule-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title>span:not(.tag){font-size:10px;color:var(--muted)}.panel-title>.amber{color:var(--amber)!important}.presets{display:flex;gap:8px;margin:20px 0}.presets button{border:1px solid #43534a;background:#26332b;color:#c7d7b7;font-size:11px;padding:7px 10px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inputs label{font-size:11px;color:var(--muted)}.inputs input{display:block;margin-top:6px;font-size:15px}details{margin:18px 0;color:var(--muted);font-size:12px}summary{cursor:pointer}.rule-title{border-top:1px solid var(--line);padding-top:20px;margin:20px 0 15px}.wide{width:100%;margin-top:22px}.error{color:#ffb3a8;font-size:12px;margin-bottom:0}.lab-results{display:flex;flex-direction:column;gap:18px}.result-row{display:flex;justify-content:space-between;align-items:center;margin:23px 0 10px}.result-row span{font-size:14px}.result-row small{display:block;font-size:10px;color:var(--muted)}.result-row strong{font-weight:500;font-size:25px}.bar-track{height:5px;border-radius:6px;background:#263137;overflow:hidden}.bar{background:var(--lime);height:100%;transition:width .4s}.muted-bar{background:#81938d}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0 18px}.mini-metrics span{display:block;font-size:10px;color:var(--muted)}.mini-metrics b{font-size:18px;font-weight:500}.actual{border-top:1px dashed var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.actual b{font-weight:400}.decision{background:#20271f;border-color:#424d35}.decision>p:first-of-type{font-size:19px;margin:16px 0 10px}.decision ul{list-style:none;padding:0;margin:0 0 20px;font-size:11px;color:#c5cdbd}.decision li{margin:7px 0}.decision li:before{content:'↳';color:var(--amber);padding-right:8px}.action-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action-options>span{border:1px solid #424c3d;padding:9px 5px;border-radius:7px;text-align:center;font-size:12px;color:#a4af9e}.action-options small{display:block;font-size:8px}.action-options .selected{border-color:var(--lime);background:#d7f8110a;color:var(--lime)}.receipt-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:18px}.receipt-icon{font-size:36px;color:var(--lime)}.receipt-copy h3{font-size:21px;margin:7px 0 17px}.receipt-copy p{color:var(--muted);font-size:13px}.receipt-copy .tiny{font-size:11px}pre{margin:0;border:1px solid var(--line);background:#0b1216;border-radius:12px;padding:25px;color:#aac89a;line-height:1.8;font-size:11px;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.roadmap article{padding:25px;background:var(--panel)}.roadmap article+article{border-left:1px solid var(--line)}.step{color:var(--muted);font-size:10px;letter-spacing:1px}.step.done{color:var(--lime)}.roadmap h3{margin-top:12px;font-size:18px}.roadmap p{font-size:12px;color:var(--muted);min-height:62px}.roadmap b{font-size:10px;font-weight:400;color:var(--amber)}.roadmap article:first-child b{color:var(--lime)}.architecture{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:17px;margin-top:18px}.architecture b{color:var(--lime)}.architecture strong{color:var(--amber);font-weight:400;margin-left:12px}footer{margin-top:65px;border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer .brand{font-size:16px;color:var(--text)}footer>span{font-style:italic}.negative{color:#eab79b!important}.positive{color:var(--lime)!important}
@media(min-width:1500px){main{padding:0 35px}header{padding-inline:calc((100% - 1250px)/2)}}
@media(max-width:1000px){.hero{gap:25px}.hero-actions{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr)}.market-layout{grid-template-columns:260px 1fr}.missing-grid{gap:5px;font-size:9px}.metrics strong{font-size:22px}.hero-card{padding:18px}.section-head h2{font-size:21px}.panel{padding:19px}.result-row strong{font-size:21px}nav{gap:17px}.brand small{display:none}}
@media(max-width:680px){header{height:68px;padding:0 5%}.brand{font-size:17px;gap:8px}.logo{height:29px;width:29px;font-size:23px}nav{gap:15px;font-size:11px}nav a:first-child,nav a:last-child{display:none}.safe{font-size:8px;padding:5px 7px;letter-spacing:.5px}.hero{grid-template-columns:1fr;padding:39px 0 28px;gap:28px}h1{font-size:34px;letter-spacing:-1px}.intro{font-size:13px}.eyebrow{font-size:9px}.hero-actions{gap:14px;margin-top:20px}.hero-card{transform:none;padding:17px 21px}.orbit{height:178px;width:178px;margin:12px auto}.orbit-inner{height:153px;width:153px}.orbit-inner b{font-size:33px}.orbit-inner small{font-size:9px}.orbit:after{top:35px;right:10px}.hero-note{justify-content:center}.strip{font-size:9px;gap:12px;align-items:start}.strip b{display:block;margin:0 0 3px;font-size:11px}section[id]{padding-top:37px}.section-head{align-items:start;flex-wrap:wrap;gap:12px}h2,.section-head h2{font-size:21px}.section-head button{padding:8px 12px}.source-line{font-size:10px;gap:10px;flex-wrap:wrap}.market-layout,.lab-layout,.receipt-layout{grid-template-columns:1fr}.pool-panel{padding:18px}.metrics{gap:9px}.metrics strong{font-size:25px;margin:7px 0}.missing-grid{font-size:9px;gap:8px}.missing-grid b{font-size:9px}.tag{font-size:8px}.panel{padding:20px}.presets button{font-size:10px;padding:7px 9px}.inputs{gap:13px}.inputs label{font-size:10px}.mini-metrics b{font-size:16px}.actual{font-size:10px}.receipt-copy p{font-size:12px}.roadmap{grid-template-columns:1fr}.roadmap article+article{border-left:0;border-top:1px solid var(--line)}.roadmap p{min-height:0}.architecture{gap:8px;justify-content:flex-start}.architecture strong{margin:0}footer{flex-wrap:wrap;margin-top:40px}footer>span{display:none}footer p{margin:0}pre{max-height:300px}.result-row strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}