@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap");
:root{color-scheme:dark;--bg:#06101c;--bg2:#0b1f33;--panel:#10263b;--panel2:#12344b;--soft:#9cb0c5;--line:#234560;--primary:#36d9c8;--primary2:#1997d7;--white:#eef6ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--white);background:radial-gradient(circle at 82% 0%,#123958 0,transparent 28%),radial-gradient(circle at 0% 10%,#0f2740 0,transparent 25%),linear-gradient(180deg,#06101c 0%,#081627 50%,#06101c 100%)}a{text-decoration:none;color:inherit}p{line-height:1.7}.top{height:88px;max-width:1520px;margin:auto;padding:0 max(4vw,18px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:.4px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#4ff0df,#168bd1);color:#062134;font-size:30px;box-shadow:0 14px 32px #22bee33f}.accent{color:var(--primary)}nav{display:flex;gap:30px;color:#b8c7d8;font-size:14px}nav a:hover,footer a:hover,.feature a:hover{color:var(--primary)}.headbtn{display:flex;align-items:center;gap:18px;font-size:13px}.quiet{color:#b8c7d8}.btn,.outline{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;border-radius:14px;font-weight:800;transition:.2s transform,.2s box-shadow}.btn{background:linear-gradient(135deg,#46ead6,#1b8cda);color:#042335;box-shadow:0 18px 34px #1ca8d03a}.btn:hover,.outline:hover{transform:translateY(-2px)}.btn.small{padding:12px 18px}.outline{border:1px solid #3c5875;color:#d7e7f4;background:#0d1d2d80}.hero{max-width:1520px;margin:auto;padding:92px max(4vw,18px) 80px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#72e8d8}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42e3cc;box-shadow:0 0 15px #42e3cc;margin-right:8px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.8vw,72px);line-height:1.05;letter-spacing:-3px;margin:20px 0 18px}.hero h1 em{font-style:normal;color:#5ae6e0}.hero-copy>p{font-size:18px;max-width:680px;color:#afc0d3}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.trust{display:flex;gap:14px 20px;flex-wrap:wrap;margin-top:34px;color:#95acc3;font-size:12px}.dashboard{background:linear-gradient(145deg,#102942,#0a1828 65%);border:1px solid #2a5774;border-radius:28px;padding:28px;box-shadow:0 38px 90px #0008,0 0 80px #1d73d624;transform:perspective(1300px) rotateY(-4deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dash-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.dash-brand .mark{width:30px;height:30px;font-size:20px;border-radius:10px}.live{padding:7px 12px;border-radius:40px;background:#133c4f;color:#95f1e5;font-size:10px}.dash-info{margin-top:20px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#18466a,#0b2236)}.dash-info small{letter-spacing:2px;color:#87decc;font-size:10px}.dash-info h2{margin:11px 0 10px;font-size:30px;line-height:1.14}.dash-info p{font-size:13px;color:#b8cbdb;margin:0}.dash-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:14px}.dash-tiles>div{background:#0b2337;border:1px solid #2e5369;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}.tile-ic{font-size:27px;color:#61e2e1}.dash-tiles strong{font-size:15px}.dash-tiles small{color:#9cb1c7}.notice{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;margin-top:16px;background:#0a2032;border:1px solid #264a60;border-radius:16px;padding:16px}.check{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#173f55;color:#78f0de;font-weight:800}.notice p{margin:4px 0 0;color:#a9bfd0;font-size:12px}.sectiontitle{max-width:900px;margin:0 auto 26px;text-align:center;padding:0 18px}.sectiontitle h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3vw,44px);letter-spacing:-1.8px;margin:10px 0 12px}.sectiontitle p{margin:0;color:#9fb2c7}.stats,.features,.benefits,.faq{padding:90px 0}.steps,.featuregrid,.benefitgrid,.faqgrid{max-width:1520px;margin:auto;padding:0 max(4vw,18px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article,.feature,.benefitgrid article,.faqgrid details{background:linear-gradient(180deg,#0f2235,#0b1a2a);border:1px solid #203a52;border-radius:22px;padding:24px;box-shadow:0 12px 26px #00000022}.steps .n{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,#40dfcf,#1a8fd7);color:#042435;font-weight:800;margin-bottom:18px}.steps h3,.feature h3,.benefitgrid h3{margin:0 0 10px;font-size:20px}.steps p,.feature p,.benefitgrid p,.faqgrid p{margin:0;color:#9eb3c8;font-size:14px}.featuregrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px}.feature{display:flex;flex-direction:column;gap:12px}.feature span{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#70e4d9}.feature.big{background:linear-gradient(135deg,#12324a,#0c1e2d)}.feature a{margin-top:auto;color:#73ece0;font-weight:700}.benefitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.faqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faqgrid summary{cursor:pointer;font-weight:700;font-size:17px}.faqgrid p{margin-top:12px}.cta{max-width:1520px;margin:0 auto 88px;padding:44px max(4vw,18px);background:linear-gradient(90deg,#15545b,#0f314d 55%,#10263b 100%);border:1px solid #2f7e88;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3vw,50px);letter-spacing:-1.8px;margin:10px 0 12px}footer{max-width:1520px;margin:auto;padding:0 max(4vw,18px) 40px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;color:#97aec4}footer small{grid-column:1/-1;color:#6f8ea7}footer>div:last-of-type{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:1180px){.hero{grid-template-columns:1fr}.dashboard{transform:none}.steps,.featuregrid,.benefitgrid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}}
@media(max-width:760px){nav,.quiet{display:none}.top{height:78px}.hero{padding-top:54px}.hero h1{font-size:46px;letter-spacing:-2px}.steps,.featuregrid,.benefitgrid,.faqgrid{grid-template-columns:1fr}.dash-tiles{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr}}

.task-tutorial{margin-top:16px;padding:18px;border-radius:16px;background:#0b2235;border:1px solid #2a526c}.task-tutorial strong{display:block;color:#72e8d8;margin-bottom:10px}.task-tutorial p{margin:5px 0;color:#c2d4e5;font-size:14px}