.arcade-hero{position:relative;overflow:hidden;padding:84px 0 108px;background:radial-gradient(circle at 82% 25%,rgba(255,79,216,.34),transparent 26%),radial-gradient(circle at 18% 78%,rgba(82,247,212,.13),transparent 24%),#0d0718}
.arcade-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(82,247,212,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(82,247,212,.055) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(58deg) scale(1.45);transform-origin:center bottom;animation:arcade-grid 14s linear infinite;pointer-events:none}
.arcade-hero .wrap{position:relative}.arcade-hero h1{max-width:980px;font-size:clamp(58px,8vw,112px)}.arcade-hero h1 span{color:var(--mint);text-shadow:0 0 28px rgba(82,247,212,.38)}.arcade-lead{max-width:800px;font-size:20px;color:#ded4e6}.arcade-status{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.arcade-status span{padding:8px 11px;border:1px solid rgba(82,247,212,.45);background:rgba(82,247,212,.07);font:800 10px 'Space Grotesk';letter-spacing:.12em;color:var(--mint)}
.arcade-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.arcade-card{position:relative;display:flex;min-height:470px;flex-direction:column;padding:30px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(154,0,255,.18),rgba(82,247,212,.035));overflow:hidden;transition:.25s;clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.arcade-card:before{content:attr(data-code);position:absolute;right:-4px;top:6px;font:800 94px 'Space Grotesk';color:rgba(255,255,255,.055)}.arcade-card:hover{transform:translateY(-8px);border-color:var(--mint);box-shadow:10px 10px 0 var(--pink)}.arcade-card-icon{font:800 56px 'Space Grotesk';color:var(--mint);text-shadow:0 0 18px rgba(82,247,212,.45)}.arcade-card h2{font-size:36px;margin-top:22px}.arcade-card p{color:#d2c8db}.arcade-card ul{padding-left:20px;color:#d2c8db}.arcade-card .btn{align-self:flex-start;margin-top:auto}.arcade-lock{opacity:.56;filter:saturate(.3)}
.tool-zone{background:linear-gradient(145deg,#eee4fa,#fff 62%);color:var(--ink);padding:90px 0}.tool-shell{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:start}.tool-panel,.result-panel{min-width:0;border:2px solid var(--ink);background:#fff;box-shadow:9px 9px 0 var(--purple)}.tool-panel{padding:30px}.result-panel{position:sticky;top:120px;padding:30px;box-shadow:9px 9px 0 var(--pink)}.tool-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #ded5e8;font:800 10px 'Space Grotesk';letter-spacing:.13em;color:var(--purple)}.tool-kicker b{padding:5px 8px;background:var(--mint);color:var(--ink)}.tool-form{display:grid;gap:18px}.tool-field{display:grid;gap:7px}.tool-field>span{font-weight:800}.tool-field small{color:#6a6070}.tool-field input,.tool-field select{width:100%;padding:13px 14px;border:2px solid #cfc4d8;border-radius:10px;background:#fff;color:var(--ink)}.tool-field input:focus,.tool-field select:focus{outline:3px solid rgba(82,247,212,.45);border-color:var(--purple)}.tool-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.tool-actions .tool-reset{border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:none}.result-intro{color:#5b5062}.result-grade{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;margin:24px 0}.result-orb{--score:65;display:grid;place-items:center;width:120px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--mint) calc(var(--score)*1%),#e9e1ef 0);box-shadow:0 0 24px rgba(82,247,212,.35)}.result-orb:before{content:'';grid-area:1/1;width:88px;aspect-ratio:1;border-radius:50%;background:var(--ink)}.result-orb strong{grid-area:1/1;position:relative;color:#fff;font:800 27px 'Space Grotesk'}.result-grade h2{font-size:34px;margin-bottom:8px}.result-grade p{margin:0;color:#5b5062}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.metric{padding:16px;border:1px solid #ded5e8;background:#faf7fd}.metric span{display:block;font-size:12px;color:#6a6070}.metric strong{display:block;font:800 25px 'Space Grotesk';color:var(--purple);overflow-wrap:anywhere}.signal-list{display:grid;gap:10px;margin-top:22px}.signal-row{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center}.signal-row>span{font-weight:800;font-size:13px}.signal-track{height:12px;background:#e7dfea;overflow:hidden}.signal-track i{display:block;height:100%;width:var(--value);background:linear-gradient(90deg,var(--purple),var(--mint));box-shadow:0 0 10px var(--mint);transition:width .45s}.signal-row b{font-size:12px}.recommendation{margin-top:22px;padding:20px;border-left:5px solid var(--mint);background:#171020;color:#fff}.recommendation h3{font-size:23px;margin-bottom:10px}.recommendation p{color:#d7cddd;margin-bottom:0}.recommendation ol{padding-left:20px;color:#d7cddd}.result-disclaimer{font-size:12px;color:#6a6070;margin-top:20px}
.budget-stack{display:grid;gap:12px;margin-top:22px}.budget-row{display:grid;grid-template-columns:145px 1fr 85px;gap:12px;align-items:center}.budget-row>span{font-weight:800;font-size:13px}.budget-bar{height:18px;background:#e7dfea}.budget-bar i{display:block;width:var(--value);height:100%;background:var(--bar);transition:width .45s}.budget-row b{text-align:right;color:var(--purple)}
.tool-explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-explainer-grid article{padding:27px;border:2px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--mint)}.tool-explainer-grid article:nth-child(2){box-shadow-color:var(--pink)}.tool-explainer-grid article:nth-child(3){box-shadow-color:var(--purple)}.tool-explainer-grid span{font:800 11px 'Space Grotesk';color:var(--purple);letter-spacing:.13em}.tool-explainer-grid h3{margin-top:15px}.arcade-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.arcade-nav a{padding:10px 14px;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:800}.arcade-nav a:hover,.arcade-nav a[aria-current="page"]{background:var(--mint);color:var(--ink);border-color:var(--mint)}.copy-feedback{font-size:12px;font-weight:800;color:var(--purple)}
@keyframes arcade-grid{to{background-position:0 44px,44px 0}}
@media(max-width:1000px){.arcade-tools-grid,.tool-explainer-grid{grid-template-columns:1fr 1fr}.tool-shell{grid-template-columns:1fr}.result-panel{position:static}}
@media(max-width:700px){.arcade-hero{padding:58px 0 78px}.arcade-hero h1{font-size:49px}.arcade-lead{font-size:17px}.arcade-tools-grid,.tool-explainer-grid{grid-template-columns:1fr}.arcade-card{min-height:390px}.tool-zone{padding:65px 0}.tool-panel,.result-panel{padding:22px}.tool-field-row,.metric-grid{grid-template-columns:1fr}.result-grade{grid-template-columns:90px 1fr;gap:18px}.result-orb{width:90px}.result-orb:before{width:66px}.result-orb strong{font-size:20px}.result-grade h2{font-size:28px}.signal-row{grid-template-columns:92px 1fr 38px}.budget-row{grid-template-columns:105px 1fr 70px}.budget-row>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.arcade-hero:before{animation:none}.signal-track i,.budget-bar i{transition:none}}