@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070b14;--panel:#101726;--muted:#a1abc0;--line:rgba(255,255,255,.11);--gold:#f9c66d;--white:#f7f8fc;--green:#70dbac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080d17;color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1180px;margin:0 auto;padding-left:26px;padding-right:26px}.topbar{height:35px;display:flex;align-items:center;justify-content:center;gap:9px;background:#171e2c;color:#c4cde0;font-size:11px;font-weight:700;letter-spacing:.08em;position:relative}.topbar-right{position:absolute;right:34px;color:#f8ca7b}.live-dot,.pulse,.panel-status i{width:7px;height:7px;border-radius:50%;background:#7bddb6;display:inline-block;box-shadow:0 0 12px #4bd99b}.header{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.065em;line-height:1}.brand small{font-size:8px;letter-spacing:.33em;display:block;color:#9aa6b9;font-weight:700;margin-top:7px}.brand-icon{height:43px;width:43px;display:grid;place-items:center;border:1px solid #e2aa58;border-radius:12px;background:linear-gradient(135deg,#49351f,#1a1b23);color:#f8c76d;font-size:24px;font-style:italic}.brand-icon span{font-style:normal;font-size:15px;color:white}.brand-gold{color:var(--gold)}nav{display:flex;align-items:center;gap:27px;font-size:13px;color:#bdc6d5}nav a:hover{color:var(--gold)}.nav-login{border:1px solid #a77e48;padding:12px 18px;border-radius:9px;color:#ffdd9f;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 68% 75% at 75% 20%,rgba(38,53,92,.35),transparent),linear-gradient(#0a111e,#090e18);border-bottom:1px solid var(--line)}.hero-glow{position:absolute;inset:-20% 0 auto 48%;height:700px;background:radial-gradient(circle,rgba(216,157,62,.11),transparent 65%);pointer-events:none}.hero-grid{min-height:630px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:65px;padding-bottom:94px;position:relative}.eyebrow,.section-label{color:#f0ba62;font-weight:800;font-size:11px;letter-spacing:.16em;display:flex;gap:10px;align-items:center}.hero h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(44px,4.45vw,65px);letter-spacing:-.065em;line-height:1.12;margin:28px 0 22px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#fff5cb,#f4b75d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:530px;color:#aeb8c9;font-size:16px;line-height:1.85;margin-bottom:33px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:10px;padding:15px 22px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#242016;background:linear-gradient(100deg,#f5be68,#ffe09a);box-shadow:0 10px 35px rgba(226,162,65,.17)}.btn-secondary{background:#171e2c;border:1px solid var(--line);color:#edf1f6}.hero-points{display:flex;gap:19px;flex-wrap:wrap;margin-top:41px;color:#8e9aae;font-size:11px}.hero-points span::first-letter{color:#70d3a5}.hero-panel{transform:perspective(1100px) rotateY(-5deg) rotateX(1deg);border:1px solid #45516a;background:#101725;border-radius:17px;box-shadow:0 33px 90px #0008,0 0 80px #f5ad4210;overflow:hidden;max-width:530px}.panel-top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 18px;background:#182030;border-bottom:1px solid #35405a;color:#909eb4;font-size:8px;letter-spacing:.11em;font-weight:800}.three-dots{display:flex;gap:4px}.three-dots b{width:6px;height:6px;background:#535e70;border-radius:50%}.panel-status{color:#81e7ba;display:flex;align-items:center;gap:7px}.panel-inner{padding:30px}.panel-kicker{font-size:9px;font-weight:800;letter-spacing:.2em;color:#d4a65f}.panel-heading{font-size:25px;font-family:Manrope;font-weight:800;letter-spacing:-.05em;margin-top:11px}.panel-heading span{color:#eab968;float:right}.panel-sub{font-size:12px;color:#8491a6;margin-top:5px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.mock-stats>div{min-width:0;padding:16px;background:#192234;border:1px solid #303b52;border-radius:10px;display:flex;flex-direction:column;gap:7px}.mock-stats small{font-size:8px;color:#8e9db4;letter-spacing:.13em;font-weight:800}.mock-stats strong{font-family:Manrope;font-size:25px}.mock-stats span{font-size:10px;color:#8c9aaf}.text-green{color:#70dbaa}.mock-task{display:flex;align-items:center;gap:13px;border:1px solid #364156;background:#172031;border-radius:10px;margin-top:10px;padding:14px}.task-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;background:#4d3d28;color:#ffcc6b;font-size:22px}.task-icon.purple{background:#38314f;color:#c8b4ff}.mock-task>div{flex:1}.mock-task b,.mock-task small{display:block}.mock-task b{font-size:12px}.mock-task small{font-size:10px;color:#8593a9;margin-top:6px}.task-tag{color:#a2b2c8;background:#263148;border:1px solid #364158;border-radius:5px;padding:6px;font-size:8px;font-weight:800}.mock-footer{display:flex;justify-content:space-between;margin-top:23px;color:#7f8da5;font-size:9px}.mock-footer span{display:flex;align-items:center;gap:8px}.trust{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.trust>span{color:#808ba0;font-size:10px;font-weight:800;letter-spacing:.12em}.trust>div{display:flex;gap:22px;align-items:center;font-size:13px;color:#bfc6d3}.trust>div span{color:#bc8d4e;font-size:8px}.section{padding-top:108px;padding-bottom:116px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:38px}.section h2{font-size:clamp(35px,3.3vw,49px);line-height:1.2;letter-spacing:-.065em;margin:19px 0}.section h2 span{color:#929db1}.section-head p{max-width:360px;color:#a3aec1;line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:357px;border-radius:16px;background:#111927;border:1px solid #30394a;padding:29px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);border-color:#9e805c}.feature-number{font-size:10px;letter-spacing:.12em;font-weight:800;color:#8191a8}.feature-icon{font-size:40px;background:#393020;color:#f5c76f;width:65px;height:65px;border-radius:13px;display:grid;place-items:center;margin:35px 0 17px}.feature-purple .feature-icon{background:#2e2846;color:#cbb8ff}.feature-slate .feature-icon{background:#23334a;color:#a2d1ff}.feature-card h3{font-size:20px;letter-spacing:-.04em;margin:0 0 12px}.feature-card p{font-size:13px;line-height:1.75;color:#9daac0;margin:0 0 25px}.feature-bottom{margin-top:auto;border-top:1px solid #343d4e;padding-top:18px;display:flex;justify-content:space-between;color:#dcb77a;font-size:12px;font-weight:700}.section-dark{background:linear-gradient(155deg,#141e30,#0b111e);border-block:1px solid #26334a}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps>div{border-top:1px solid #526079;padding-top:20px}.steps>div>span{font-size:12px;color:#f5c47c;font-weight:800}.steps h3{margin-top:32px;font-size:18px}.steps p{color:#a4afc0;font-size:14px;line-height:1.75}.version-box{border:1px solid #62503a;background:radial-gradient(circle at 85% 50%,#332b22,#141924 57%);border-radius:18px;padding:55px;display:grid;grid-template-columns:1fr 250px;gap:30px;align-items:center}.version-box p{color:#acb5c4;line-height:1.8;font-size:14px;max-width:570px}.version-box small{display:block;color:#8795a9;font-size:11px;max-width:600px;line-height:1.6;margin-top:16px}.version-action{display:flex;flex-direction:column;align-items:center;gap:14px}.version-symbol{font-size:49px;color:#f4c170;border:1px solid #896b48;background:#2d2925;height:90px;width:90px;border-radius:25px;display:grid;place-items:center}.version-action>span{font-size:10px;color:#94a0af}.faq-section{padding-top:20px}.faqs{max-width:830px;margin-top:35px}.faqs details{border-bottom:1px solid #344052;padding:21px 0}.faqs summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;font-size:15px;font-weight:700}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:#f0c17f;font-size:24px}.faqs p{color:#a7b2c5;line-height:1.8;font-size:14px;max-width:730px}footer{background:#0b111d;border-top:1px solid #2a3547}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-top:45px;padding-bottom:45px}.footer-top>div:last-child{display:flex;gap:25px;font-size:12px;color:#a5b0c3}.footer-bottom{padding-top:22px;padding-bottom:28px;border-top:1px solid #263044;display:flex;justify-content:space-between;color:#74829a;font-size:11px}@media(max-width:1050px){nav{gap:15px}.hero-grid{gap:20px}.hero h1{font-size:46px}.trust{display:block;padding-top:28px;padding-bottom:28px}.trust>div{margin-top:20px}.feature-card{padding:22px}}@media(max-width:760px){.topbar-right{display:none}.header{height:73px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:12px;right:12px;flex-direction:column;align-items:stretch;background:#182130;border:1px solid #3a475b;border-radius:12px;padding:18px;box-shadow:0 14px 40px #0009}nav.open{display:flex}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:44px;padding-bottom:65px}.hero h1{font-size:clamp(38px,9vw,54px)}.hero-panel{transform:none;max-width:none;margin-top:27px}.trust>div{flex-wrap:wrap;gap:10px}.section{padding-top:75px;padding-bottom:80px}.section-head{display:block}.feature-grid,.steps{grid-template-columns:1fr}.feature-card{min-height:300px}.steps{gap:25px}.version-box{grid-template-columns:1fr;padding:28px}.version-action{align-items:flex-start}.footer-top,.footer-bottom{gap:23px;align-items:flex-start;flex-direction:column}.footer-top>div:last-child{flex-wrap:wrap}}@media(max-width:390px){.container{padding-left:18px;padding-right:18px}.hero-points{gap:12px}.mock-stats{gap:6px}.panel-inner{padding:15px}.mock-task{padding:10px}.task-tag{display:none}.brand{font-size:17px}.brand-icon{width:37px;height:37px}}
