:root{
--bg:#07070a;
--panel:#111119;
--text:#f5f5f7;
--muted:#9999a8;
--line:#292932;
--green:#b7ff3c;
--purple:#9b75ff;
--red:#ff6688
}
*{box-sizing:border-box}
body{
margin:0;background:radial-gradient(circle at 75% 5%,#211a3d,transparent 35%),var(--bg);
color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6
}
a{text-decoration:none;color:inherit}
header{
height:76px;padding:0 6%;display:flex;align-items:center;
justify-content:space-between;border-bottom:1px solid var(--line);
position:sticky;top:0;background:#07070add;backdrop-filter:blur(14px);z-index:5
}
.logo{font-weight:900;letter-spacing:-1px}.logo span{color:var(--green)}
nav{display:flex;gap:24px}nav a{color:var(--muted);font-size:14px}
main{max-width:1200px;margin:auto;padding:0 6%}
.hero{min-height:650px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.eyebrow{color:var(--green);font-size:12px;font-weight:900;letter-spacing:3px;margin-bottom:18px}
h1{font-size:clamp(55px,9vw,115px);line-height:.92;letter-spacing:-6px;margin:0 0 30px}
h1 span{color:var(--green)}
h2{line-height:1.05;letter-spacing:-2px}
.hero p{max-width:700px;color:var(--muted);font-size:20px}
.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.btn{
display:inline-block;border:0;border-radius:8px;padding:14px 22px;
font-weight:900;cursor:pointer;font-size:15px
}
.primary{background:var(--green);color:#080a05}
.secondary{border:1px solid var(--line);background:transparent;color:var(--text)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0 100px}
.grid article{
background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;min-height:230px
}
.grid article p,.statement p{color:var(--muted)}
.pos{color:var(--green)}.neg{color:var(--red)}.ctrl{color:var(--purple)}
.statement,.cta{border-top:1px solid var(--line);padding:100px 0}
.statement h2,.cta h2{font-size:clamp(40px,6vw,72px);max-width:800px}
.statement p{max-width:650px;font-size:19px}
.cta{text-align:center}.cta h2{margin-left:auto;margin-right:auto}
textarea{
width:100%;max-width:800px;min-height:170px;margin:20px 0;
display:block;background:var(--panel);color:var(--text);
border:1px solid var(--line);border-radius:12px;padding:20px;
font:inherit;font-size:17px
}
.result{margin-top:30px;max-width:800px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.hidden{display:none}
footer{border-top:1px solid var(--line);padding:30px 6%;color:var(--muted);font-size:13px}
@media(max-width:700px){
nav{gap:12px}nav a:first-child{display:none}
.grid{grid-template-columns:1fr}
h1{letter-spacing:-4px}
}