@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050c17;--panel:#0b1828;--panel2:#102239;--line:#263b54;--txt:#f4f7fb;--muted:#9eacbd;--green:#39e48b;--blue:#2e72ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer;font-family:inherit}.nav{height:68px;border-bottom:1px solid #192b40;background:#050b14ee;backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 6%;gap:35px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:6px;font:700 19px 'Space Grotesk'}.brand-icon{font-size:27px;color:var(--green)}.brand span,footer span,.mini-brand span{color:var(--green)}.brand small{font:400 8px 'DM Sans';color:#8190a2;margin-left:7px}.nav nav{display:flex;gap:28px;margin:auto;color:#b9c4d1;font-size:13px}.nav-actions{display:flex;align-items:center;gap:20px;font-size:13px}.nav-actions button{background:var(--green);border:0;border-radius:8px;padding:10px 16px;font-weight:700}.hero{padding:70px 6.5% 40px;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;background:radial-gradient(circle at 78% 24%,#0d3040 0,#071425 30%,#050c17 68%)}.hero-copy>label,.how>label,.opps label,.final label{font-size:10px;letter-spacing:1.7px;color:var(--green);font-weight:700}.hero h1{font:700 57px/1.01 'Space Grotesk';letter-spacing:-3px;margin:17px 0}.hero h1 span,h2 span{color:var(--green)}.hero-copy>p{font-size:17px;line-height:1.6;color:#c0cad7;max-width:650px}.search-box{margin-top:28px;background:#0b192a;border:1px solid #233a53;border-radius:15px;padding:10px;max-width:690px}.modes{display:flex;gap:28px;padding:0 10px}.modes button{border:0;background:none;color:#b7c3d0;padding:10px 0;font-size:12px}.modes .active{color:var(--green);border-bottom:2px solid var(--green)}.search-row{display:flex;gap:7px;background:white;border-radius:9px;padding:5px}.search-row input{min-width:0;flex:1;border:0;outline:0;padding:13px;font-size:13px}.search-row button{background:var(--green);border:0;border-radius:7px;padding:0 19px;font-weight:700}.search-box>small{display:block;color:#718197;padding:10px;font-size:10px}.hero-card{background:linear-gradient(145deg,#13253a,#081523);border:1px solid #2b4663;border-radius:18px;padding:20px;box-shadow:0 25px 80px #0008}.card-head{display:flex;justify-content:space-between;color:#8292a6;font-size:9px;letter-spacing:1px}.card-head i{color:var(--green);font-style:normal}.item{display:grid;grid-template-columns:150px 1fr;gap:15px;margin-top:17px}.item-photo,.large-photo{background:linear-gradient(145deg,#d5d7d6,#858b8d);border-radius:10px;display:grid;place-items:center;color:#192127}.item-photo{height:125px;font-size:62px}.item h2{font-size:18px;margin:7px 0}.item p{color:#8c9aab;font-size:11px}.item small,.scores small{color:#8493a6;font-size:8px}.scores{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.scores>div{border:1px solid #2c425c;border-radius:10px;padding:12px}.scores strong{display:block;font:700 25px 'Space Grotesk';margin:4px 0}.scores strong span{font-size:12px;color:#a4b0bf}.scores em{font-style:normal;color:#ffd52b;letter-spacing:2px}.scores b{display:block;color:var(--green);font-size:10px;margin-top:3px}.scores p{font-size:9px;color:#9aa8b8}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.numbers span{font-size:9px;color:#8291a3}.numbers b{display:block;color:#fff;font-size:12px;margin-top:4px}.green{color:var(--green)!important}.buy{width:100%;border:0;border-radius:8px;background:var(--green);color:#04120b;padding:11px;font-weight:700}.buy small{display:block;font-weight:400;font-size:9px}.trust{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #1a2b3e;border-bottom:1px solid #1a2b3e;padding:18px 6%;gap:13px}.trust div{display:grid;grid-template-columns:25px 1fr;color:var(--green);font-size:19px}.trust b,.trust small{grid-column:2}.trust b{font-size:10px;color:#e0e6ed}.trust small{font-size:9px;color:#8291a3}.dashboard{margin:45px 4%;border:1px solid #1e344c;border-radius:17px;display:grid;grid-template-columns:185px 1fr;overflow:hidden;background:#071423;box-shadow:0 30px 90px #0009}.side{background:#06101c;border-right:1px solid #20344c;padding:18px 12px}.mini-brand{font:700 15px 'Space Grotesk';margin:0 5px 20px}.side a{display:block;padding:10px;color:#91a0b2;font-size:10px;border-radius:7px;margin:3px 0}.side .sel{background:#10352d;color:#fff}.dash{padding:22px}.dash-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px}.dash-top span{color:#708096}.analysis{display:grid;grid-template-columns:160px 1fr 160px;gap:17px}.large-photo{height:130px;font-size:60px}.analysis h2{font:600 16px 'Space Grotesk';margin:5px 0 8px}.analysis>div:nth-child(2)>small{font-size:8px;color:#8492a4}.analysis p{font-size:10px;color:#93a0b1;line-height:1.5}.analysis mark{background:#164f3c;color:var(--green);font-size:8px;padding:4px 7px;border-radius:10px;margin-left:5px}.score-line{border:1px solid #2b4059;border-radius:9px;padding:7px;max-width:250px}.score-line b{font:700 20px 'Space Grotesk'}.score-line span{color:#ffd52b;margin-left:10px}.score-line em{display:block;color:var(--green);font-style:normal;font-size:8px}.radar{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#123b37,#0a1a28 60%);color:var(--green);font-size:55px;text-align:center}.radar small{font-size:7px;line-height:1.7;color:#8392a5}.cost,.panel{border:1px solid #263b55;border-radius:10px;padding:13px}.cost{margin-top:15px}.title{display:flex;justify-content:space-between;font-size:11px}.title a{font-size:9px;color:#6ee7a9}.costs{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:17px;overflow:auto}.costs span{font-size:8px;color:#8c9bad;min-width:65px}.costs b{display:block;color:#fff;font-size:11px;margin-top:4px}.costs i{color:#5d7085}.costs .total b{color:var(--green);font:700 17px 'Space Grotesk'}.bar{height:5px;background:#2a4058;border-radius:5px;margin-top:16px;position:relative}.bar i{display:block;width:55%;height:100%;background:var(--green);border-radius:5px}.bar b{position:absolute;left:53%;top:-17px;background:var(--green);color:#03120b;border-radius:8px;padding:3px 7px;font-size:8px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.panel p{border-top:1px solid #182c42;padding:9px 0;margin:0;font-size:9px}.panel p span{color:#ffd52b;margin-left:10px}.panel p b{float:right}.panel p small{float:right;color:#8391a3;margin-left:12px}.how,.opps,.final{padding:85px 7%}.how h2,.opps h2,.final h2{font:700 42px/1.1 'Space Grotesk';letter-spacing:-2px;margin:13px 0 35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.steps article{background:#091727;border:1px solid #20364e;border-radius:14px;padding:23px}.steps b{color:var(--green)}.steps h3{font:600 20px 'Space Grotesk'}.steps p{font-size:12px;color:#91a0b2;line-height:1.55}.opps{background:#081321}.opp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.opp-grid article{background:#0c1b2c;border:1px solid #253c55;border-radius:14px;padding:14px}.opp-grid article>div{height:160px;border-radius:9px;background:linear-gradient(135deg,#263d55,#102238);display:grid;place-items:center;font-size:65px;color:#a7bfce}.opp-grid article:nth-child(2)>div{background:linear-gradient(135deg,#0d3d45,#102337)}.opp-grid article:nth-child(3)>div{background:linear-gradient(135deg,#3b362e,#152237)}.opp-grid article>b{display:inline-block;color:var(--green);background:#143a30;border-radius:10px;padding:4px 8px;font-size:8px;margin-top:12px}.opp-grid h3{margin:8px 0 4px}.opp-grid p{color:#93a1b2;font-size:11px}.opp-grid strong{color:#fff}.final{text-align:center;background:radial-gradient(circle at 50% 50%,#0d3540,#07121f 50%)}.final button{background:var(--green);color:#03120b;border:0;border-radius:8px;padding:14px 22px;font-weight:700}.final h2{margin-bottom:25px}.final label{display:block}.final span{color:var(--green)}footer{border-top:1px solid #18293b;padding:35px 7%;display:flex;align-items:center;gap:22px;color:#8e9cad;font-size:12px}footer b{font:700 18px 'Space Grotesk'}footer small{margin-left:auto}.support{position:fixed;right:18px;bottom:18px;z-index:30;background:#0d1d2e;color:#fff;border:1px solid #2e4b67;border-radius:14px;padding:11px 16px;box-shadow:0 15px 50px #000b;display:flex;align-items:center;gap:10px}.support b{font-size:11px}.support small{display:block;color:var(--green);font-size:8px}.modal{display:none;position:fixed;inset:0;background:#020711dd;z-index:50;place-items:center;padding:20px}.modal>div{max-width:500px;width:100%;background:#0c1c2d;border:1px solid #31506d;border-radius:18px;padding:30px;position:relative;box-shadow:0 30px 100px #000}.modal h2{font:700 30px 'Space Grotesk'}.modal p{color:#9caabd;line-height:1.6;font-size:13px}.modal .close{position:absolute;right:12px;top:8px;background:none;border:0;color:#b9c4d1;font-size:28px}.modal .cta{background:var(--green);color:#03120b;border:0;border-radius:8px;padding:12px 18px;font-weight:700}
@media(max-width:950px){.nav nav{display:none}.hero{grid-template-columns:1fr}.trust{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:1fr}.side{display:none}.steps{grid-template-columns:repeat(2,1fr)}.opp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav{padding:0 15px}.brand small,.nav-actions>a{display:none}.hero{padding:45px 18px 30px;gap:35px}.hero h1{font-size:45px}.item{grid-template-columns:100px 1fr}.item-photo{height:105px}.numbers{grid-template-columns:1fr 1fr}.scores{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr;padding:15px}.dashboard{margin:25px 3%}.dash{padding:12px}.analysis{grid-template-columns:95px 1fr}.radar{display:none}.columns{grid-template-columns:1fr}.how,.opps,.final{padding:65px 18px}.steps,.opp-grid{grid-template-columns:1fr}.how h2,.opps h2,.final h2{font-size:34px}.search-row{flex-direction:column}.search-row button{padding:13px}.support{right:10px;bottom:10px}.support small{display:none}footer{flex-wrap:wrap}footer small{margin-left:0;width:100%}}
