@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0b0d12;--panel:#11151d;--panel2:#151b24;--line:#27303c;--text:#f2f4f8;--muted:#929cab;--accent:#c7ff3d;--orange:#ff6b45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.topbar,footer{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line);position:relative;z-index:1}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.04em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--accent);color:#111;font-family:'Barlow Condensed';font-size:22px;font-weight:900;transform:skew(-7deg)}.muted{color:var(--muted);font-weight:500}.status,.top-link,.eyebrow,.hero-meta,.panel-kicker,.form-head,.result-label,footer>span{font-size:10px;font-weight:700;letter-spacing:.13em}.status{color:#a8b1bf;display:flex;align-items:center;gap:8px}.status-dot,.live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c7ff3d66}.top-link{color:var(--text);text-decoration:none}.top-link span{color:var(--accent);margin-left:8px}
main{max-width:1200px;margin:auto;padding:0 28px}.hero{min-height:400px;position:relative;padding:74px 0 45px;overflow:hidden;border-bottom:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent)}.eyebrow-line{width:25px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(54px,7vw,90px);line-height:.91;letter-spacing:-.025em;margin:22px 0 22px;font-weight:900;position:relative;z-index:1}h1 span{color:var(--accent)}.intro{color:#a6afbd;max-width:480px;font-size:14px;line-height:1.8;position:relative;z-index:1}.hero-meta{display:flex;align-items:center;gap:17px;margin-top:30px;color:#798493}.hero-meta b{color:var(--text);font-size:13px;margin-right:5px}.hero-meta i{height:14px;width:1px;background:var(--line)}.hero-art{position:absolute;right:4%;top:42px;width:330px;height:310px;opacity:.8}.art-grid{position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,#c7ff3d12 49%,transparent 50%),linear-gradient(45deg,transparent 48%,#c7ff3d12 49%,transparent 50%);background-size:42px 42px;transform:perspective(400px) rotateY(-18deg) rotateX(8deg);border:1px solid #c7ff3d20}.reticle{position:absolute;z-index:1;left:50%;top:48%;width:120px;height:120px;border:1px solid #c7ff3d77;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 45px #c7ff3d0d,inset 0 0 30px #c7ff3d0d}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--accent)}.reticle:before{width:1px;height:150px;left:50%;top:-15px}.reticle:after{height:1px;width:150px;top:50%;left:-15px}.reticle span{position:absolute;inset:18px;border:1px dashed #c7ff3d88;border-radius:50%}.reticle i{position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%)}.art-label{position:absolute;z-index:2;background:#0b0d12d9;border:1px solid var(--line);padding:9px 12px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.art-label strong{font-size:12px;color:var(--accent);display:inline-block;margin-top:3px}.label-a{top:32px;right:3px}.label-b{bottom:20px;left:0}
.tool-section{padding:55px 0 48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2{font-family:'Barlow Condensed';font-size:38px;line-height:1;margin:8px 0 0}.accent{color:var(--accent)}.section-count{font-size:10px;letter-spacing:.12em;color:#737f8f}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px;overflow:auto}.tab{background:transparent;color:#8f9aa9;border:1px solid transparent;padding:12px 15px;font:600 12px Inter;white-space:nowrap;cursor:pointer;transition:.2s}.tab span{font-size:10px;color:#5e6978;margin-right:10px}.tab:hover{color:white}.tab.active{color:var(--text);background:var(--panel2);border-color:#303a47}.tab.active span{color:var(--accent)}.calculator-panel{display:grid;grid-template-columns:.88fr 1.12fr;background:var(--panel);border:1px solid var(--line);min-height:420px}.panel-copy{padding:36px;border-right:1px solid var(--line);position:relative;overflow:hidden}.panel-copy:after{content:"";position:absolute;width:200px;height:200px;border:1px solid #c7ff3d0e;border-radius:50%;right:-100px;bottom:-100px;box-shadow:0 0 0 22px #c7ff3d05,0 0 0 44px #c7ff3d04}.panel-kicker{color:var(--accent);font-size:9px}.panel-copy h3{font-family:'Barlow Condensed';font-size:38px;line-height:1.02;margin:22px 0 16px}.panel-copy>p{color:#9aa5b4;line-height:1.8;font-size:12px;max-width:330px}.panel-note{display:flex;gap:10px;align-items:flex-start;color:#778392;font-size:10px;line-height:1.7;margin-top:28px;max-width:320px}.note-icon{border:1px solid #3b4653;color:var(--accent);width:18px;height:18px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-weight:700}.panel-form{padding:30px 32px}.form-head{display:flex;justify-content:space-between;color:#737f8e;font-size:9px;margin-bottom:23px}.live{color:var(--accent);display:flex;align-items:center;gap:7px}.live i{display:inline-block}.calc-view{display:none}.calc-view.active{display:block}label{display:block;color:#a4aebb;font-size:10px;letter-spacing:.04em;margin-bottom:15px}input,select{width:100%;display:block;margin-top:7px;background:#0b0e14;border:1px solid #2c3542;border-radius:0;padding:12px 13px;color:var(--text);font:500 13px Inter;outline:none;min-width:0}input:focus,select:focus{border-color:var(--accent)}input::-webkit-inner-spin-button{opacity:.5}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--accent);border:0;color:#12160a;padding:14px 16px;font-size:10px;letter-spacing:.12em;font-weight:800;cursor:pointer;margin:4px 0 16px;transition:background .2s}.primary:hover{background:#dcff8b}.primary span{font-size:16px}.result{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;background:#0b0e14;border:1px solid #2c3542;border-left:2px solid var(--accent)}.result-label{display:block;color:#798493;font-size:8px;margin-bottom:4px}.result strong{font-family:'Barlow Condensed';font-size:35px;line-height:1;color:var(--accent)}.result-side{text-align:right;color:#7e8997;font-size:9px}.result-side b{display:block;color:#dbe1e9;font-size:11px;margin-top:4px}.micro{font-size:9px;color:#737f8d;line-height:1.7;margin:10px 0 0}.meter{height:4px;background:#2b3440;margin-top:15px}.meter div{height:100%;width:60%;background:var(--accent);transition:width .2s}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:55px}.mini-card{min-height:205px;padding:27px 30px;border:1px solid var(--line);background:linear-gradient(135deg,#141a22,#10141b);position:relative;overflow:hidden}.mini-icon{font-size:25px;color:var(--accent);display:block;margin-bottom:16px}.mini-card .eyebrow{font-size:9px}.mini-card h3{font-family:'Barlow Condensed';font-size:29px;line-height:1.03;margin:12px 0}.mini-card p{color:#929cab;font-size:11px;max-width:300px;line-height:1.7;margin:0}.mini-card-alt{background:linear-gradient(120deg,#161b23,#101319)}.big-number{position:absolute;right:25px;top:22px;font-family:'Barlow Condensed';font-size:54px;color:#c7ff3d22;font-weight:900}.big-number span{font-size:20px}footer{border-top:1px solid var(--line);border-bottom:0;color:#697584;font-size:9px;letter-spacing:.1em;padding-top:22px;padding-bottom:28px}.footer-brand{font-size:12px;letter-spacing:.04em}footer>span:last-child b{color:var(--accent);font-size:14px;margin-left:5px}
@media(max-width:800px){.hero-art{right:-110px;opacity:.35}.calculator-panel{grid-template-columns:1fr}.panel-copy{border-right:0;border-bottom:1px solid var(--line);padding:28px}.panel-copy h3 br{display:none}.panel-form{padding:25px}.bottom-grid{grid-template-columns:1fr}.hero{padding-top:55px}.status{display:none}}@media(max-width:480px){main{padding:0 16px}.topbar,footer{padding-left:16px;padding-right:16px}.topbar{padding-top:18px;padding-bottom:18px}.hero{min-height:360px;padding-top:48px}.hero-art{right:-180px}.hero-meta{gap:9px;font-size:8px}.section-heading h2{font-size:32px}.panel-copy{padding:24px}.panel-form{padding:20px 16px}.input-grid{gap:8px}.tab{padding:10px 11px}.tab span{margin-right:5px}footer>span:nth-child(2){display:none}}