:root{--bg:#07111f;--card:#0d1b2c;--ink:#eef5ff;--muted:#9fb0c5;--a:#1769aa;--b:#13a6a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fc;color:#102033;font-family:Inter,system-ui,Arial,sans-serif}header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:30px;justify-content:space-between;background:#07111ff5;color:white;position:sticky;top:0;z-index:9}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:1px}.brand span{color:var(--a)}nav{display:flex;gap:28px}nav a{color:#c9d5e5;text-decoration:none;font-size:14px}.btn{display:inline-block;background:linear-gradient(135deg,var(--a),var(--b));color:#04111d;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:800}.btn.small{padding:10px 15px;font-size:13px}.btn.ghost{background:transparent;color:inherit;border:1px solid #8da2b755}.hero{min-height:720px;background:radial-gradient(circle at 75% 40%,#12395d 0,#07111f 40%,#050b14 75%);color:var(--ink);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:90px max(7vw,30px);gap:50px}.eyebrow{color:#31b9ff;font-weight:800;letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.98;margin:18px 0 26px;max-width:850px}.hero em{font-style:normal;color:#6ee7c7}.lead{font-size:20px;line-height:1.6;color:#b9c8d8;max-width:720px}.actions{display:flex;gap:12px;margin:32px 0}.stats{display:flex;gap:35px;color:#91a7bd;font-size:13px;margin-top:55px}.visual{display:flex;justify-content:center}.orb{width:310px;height:310px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:72px;font-weight:900;color:white;border:1px solid #50caff66;box-shadow:0 0 100px #1aa7ff33,inset 0 0 80px #20c9ff20}.orb small{font-size:17px;letter-spacing:5px;color:#6ee7c7}section:not(.hero){padding:90px max(7vw,30px)}h2{font-size:clamp(36px,4vw,58px);margin:10px 0 20px}.intro{max-width:700px;color:#617186;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.grid article{background:white;border:1px solid #e1e8f0;border-radius:16px;padding:28px;min-height:245px;box-shadow:0 12px 30px #17324d0b}.grid i{font-style:normal;color:#5d7893}.grid h3{font-size:22px;margin:34px 0 12px}.grid p{color:#66778a;line-height:1.6}.grid span{font-size:12px;font-weight:800;color:#238bc6}.grid .accent{background:#0a2034;color:white}.grid .accent p{color:#adc0d1}.grid .accent a{color:#6ee7c7;text-decoration:none;font-weight:700}.dark{background:#07111f;color:white}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#26374a;margin-top:50px}.services div{background:#0b1726;padding:30px}.services b{color:#39b8ff}.services p{color:#9eb0c2;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>p{font-size:20px;line-height:1.8;color:#617186}.contact{background:#e8f5ff;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact .ghost{color:#102033;border-color:#8398aa}footer{padding:30px max(7vw,30px);background:#040a11;color:#8192a5;display:flex;justify-content:space-between;font-size:13px}footer b{color:white}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.visual{display:none}.grid{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:10px}.contact{align-items:flex-start;flex-direction:column}.stats{flex-wrap:wrap}.hero h1{font-size:52px}}@media(max-width:520px){header .small{display:none}.services{grid-template-columns:1fr}.hero{padding-top:65px}.hero h1{font-size:43px}.actions{flex-direction:column}.btn{text-align:center}footer{flex-direction:column;gap:10px}}
.card-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #e7edf3}.card-actions a{font-size:13px;font-weight:800;color:#167eb8;text-decoration:none}.accent .card-actions{border-color:#ffffff1c}.accent .card-actions a{color:#6ee7c7}.project-hero{min-height:610px;background:radial-gradient(circle at 80% 40%,#12395d 0,#07111f 42%,#050b14 78%);color:var(--ink);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:90px max(7vw,30px);gap:60px}.project-hero h1{font-size:clamp(48px,6vw,82px);line-height:1;margin:15px 0 25px}.project-mark{width:300px;height:300px;border-radius:28px;border:1px solid #50caff55;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;font-weight:900;box-shadow:0 0 90px #1aa7ff25}.project-mark small{font-size:13px;letter-spacing:2px;color:#6ee7c7;margin-top:8px;text-align:center;padding:0 20px}.status{color:#91a7bd;font-size:13px;margin-top:25px}.project-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.feature-list{display:grid;gap:10px}.feature-list div{display:flex;align-items:center;gap:20px;background:white;border:1px solid #e1e8f0;border-radius:12px;padding:20px}.feature-list b{color:#2a9edc}.feature-list span{font-weight:700}.project-cta{background:#e8f5ff;display:flex;align-items:center;justify-content:space-between;gap:40px}.project-cta p{color:#617186;max-width:700px;line-height:1.7}.project-cta .ghost{color:#102033;border-color:#8398aa}@media(max-width:850px){.project-hero,.project-body{grid-template-columns:1fr}.project-mark{display:none}.project-cta{flex-direction:column;align-items:flex-start}}
.doc-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.doc-intro>p{font-size:19px;line-height:1.8;color:#617186}.modules{background:#edf4fa}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.module-grid article{background:#fff;border:1px solid #dfe8f1;border-radius:16px;padding:26px}.module-grid b{color:#2a9edc}.module-grid h3{font-size:21px;margin:24px 0 10px}.module-grid p{color:#66778a;line-height:1.65;min-height:78px}.module-grid a{font-size:13px;font-weight:800;color:#167eb8;text-decoration:none}.tutorials{background:#fff}.tutorial{padding:34px 0 50px;border-bottom:1px solid #dfe7ef;scroll-margin-top:90px}.tutorial-head{display:flex;gap:22px;align-items:flex-start}.tutorial-head>span{font-size:13px;font-weight:900;background:#07111f;color:#6ee7c7;border-radius:8px;padding:10px}.tutorial-head h3{font-size:30px;margin:0 0 8px}.tutorial-head p{margin:0;color:#66778a;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.steps div{background:#f5f8fc;border-radius:12px;padding:18px}.steps b{font-size:12px;color:#238bc6;text-transform:uppercase}.steps p{font-size:14px;line-height:1.55;color:#536579;margin-bottom:0}.media-inline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-inline div{min-height:125px;border:1px dashed #9bb2c8;border-radius:14px;display:flex;flex-direction:column;justify-content:center;padding:22px;background:#fbfdff}.media-inline strong{font-size:12px;letter-spacing:2px;color:#238bc6}.media-inline span{color:#73869a;margin-top:8px}.media-center{background:#07111f;color:#fff}.media-center .intro{color:#a9bacb}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.media-grid>div{background:#0d1b2c;border:1px solid #263b50;border-radius:16px;padding:30px}.media-grid span{font-size:30px;color:#6ee7c7}.media-grid p{color:#9fb0c5;line-height:1.6}@media(max-width:900px){.doc-intro,.module-grid,.media-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.media-inline{grid-template-columns:1fr}}@media(max-width:520px){.steps{grid-template-columns:1fr}.tutorial-head h3{font-size:24px}}