*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b16;color:#f5f7ff;font:15px system-ui,sans-serif}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #202638;position:sticky;top:0;background:#080b16eF;backdrop-filter:blur(15px);z-index:5}.logo{font-size:21px;font-weight:800}.logo b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:white;color:#080b16;margin-right:6px}nav{display:flex;gap:28px;color:#aeb6cb}header button{background:#151b2b;border:1px solid #303951;color:white;border-radius:9px;padding:8px 11px}.hero{max-width:1180px;margin:auto;padding:90px 25px 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.hero small,section small{letter-spacing:.14em;color:#8993ad}.hero h1{font-size:clamp(55px,8vw,94px);line-height:.94;margin:18px 0}.hero h1 i{font-style:normal;background:linear-gradient(90deg,#fff,#8e9cff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:#abb3c8;max-width:650px}.search{display:flex;gap:4px;background:#111727;border:1px solid #303950;border-radius:14px;padding:6px;margin-top:25px;max-width:700px}.search span{font-size:27px;padding:5px 8px}.search input{flex:1;background:none;border:0;outline:0;color:white;font-size:16px}.search button,.pick button{background:white;color:#080b16;border:0;border-radius:9px;padding:12px 17px;font-weight:800}.chips{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.chips button{background:#111727;border:1px solid #293149;color:#c3cad9;border-radius:999px;padding:8px 12px}.hero aside{min-height:300px;background:linear-gradient(145deg,#12192b,#0c1020);border:1px solid #2a334b;border-radius:24px;padding:28px;box-shadow:0 30px 80px #0006}.hero aside p{font-size:13px}.orb{font-size:60px;margin:45px 0 10px}.stats{text-align:center;border-block:1px solid #202638;padding:25px;color:#8e97ae}.stats b{color:white}.section,#ai,#compare,#tools{max-width:1180px;margin:auto;padding:80px 25px}.title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.title h2{font-size:40px;margin:5px 0}.title p{color:#8e97ae;max-width:430px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#0e1322;border:1px solid #252e45;border-radius:18px;padding:23px;min-height:205px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#4b5778}.card strong{font-size:25px}.card h3{margin:22px 0 7px}.card p{color:#8e97ae;min-height:43px}.open{background:none;color:#e5e8f2;padding:0;margin-top:10px}.compare{background:#0e1322;border:1px solid #2a334b;border-radius:22px;padding:20px}.bar,.pick{display:flex;gap:10px}.bar input,.bar select,.pick select{background:#080d19;color:white;border:1px solid #303950;border-radius:10px;padding:12px;outline:0}.bar input{flex:1}.bar select{min-width:180px}.pick{align-items:center;margin-top:18px}.pick select{flex:1}.pick b{color:#7f89a4}.matches{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.match{background:#171e30;border:1px solid #303a54;color:#dce2ef;border-radius:8px;padding:7px 10px}.table{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px;border:1px solid #2a334b;border-radius:13px;overflow:hidden}.table div{padding:11px;border-bottom:1px solid #293249}.table .head{font-weight:800;background:#151b2c}.note{display:flex;gap:15px;margin-top:14px;padding:17px;border:1px dashed #39445f;border-radius:14px;color:#9ea7bd}.note b{color:white;white-space:nowrap}footer{text-align:center;padding:50px;color:#69738d;border-top:1px solid #202638}.modal{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,92vw);background:#0e1322;border:1px solid #303950;border-radius:20px;padding:28px;box-shadow:0 30px 100px #000}.backdrop{position:fixed;inset:0;background:#000b;z-index:-1}.modal>button{position:absolute;right:14px;top:8px;background:none;color:white;font-size:29px}.toolinput,.tooltextarea,.toolselect{width:100%;background:#080d19;color:white;border:1px solid #303950;border-radius:10px;padding:12px;margin:8px 0}.toolactions{display:flex;gap:8px;margin-top:8px}.primary{background:white;color:#080b16;border:0;border-radius:9px;padding:11px 16px;font-weight:800}.secondary{background:#171e30;color:white;border:1px solid #303950;border-radius:9px;padding:11px 16px}.output{white-space:pre-wrap;background:#080d19;border:1px solid #252e45;border-radius:10px;padding:15px;margin-top:12px;min-height:60px}.output img{max-width:260px;display:block;margin:auto}.toast{position:fixed;bottom:25px;right:25px;background:white;color:#080b16;padding:12px 16px;border-radius:10px}#toast{display:none}.light{background:#f4f6fb;color:#101522}.light header,.light .hero aside,.light .card,.light .compare{background:#fff}.light .search,.light .bar input,.light .bar select,.light .pick select,.light .output{background:#f0f2f7;color:#111}.light p,.light .title p,.light .card p{color:#596278}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero aside{display:none}.grid{grid-template-columns:1fr 1fr}.title{display:block}.pick,.bar{flex-direction:column}.pick b{text-align:center}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:55px}.stats{line-height:2}.search button{display:none}}