:root{--bg:#070d18;--bg2:#0b1424;--panel:#0f1a2d;--panel2:#111f35;--line:#213452;--text:#f4f7ff;--muted:#9ab0d5;--blue:#718cff;--blue2:#7a62ff;--mint:#52e3b1;--danger:#ff8797;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#102d5f55,transparent 27%),linear-gradient(180deg,#070d18,#08111f 72%,#060c16);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:76px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2a43;background:#07101ddd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7795ff,#7359f5);box-shadow:0 12px 34px #546cff44;font-weight:900;font-size:22px}.brand strong{display:block;font-size:19px;letter-spacing:-.4px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:-2px}.nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#c8d5eb}.nav a:hover{color:white}.nav-cta{padding:11px 18px;border-radius:10px;background:linear-gradient(135deg,#7190ff,#725cff);color:white!important;font-weight:700;box-shadow:0 8px 26px #526aff32}.menu-button{display:none;border:0;background:transparent;color:white;font-size:25px}.hero{max-width:var(--max);margin:auto;padding:86px 24px 72px;display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;color:#83a2ff;font-weight:800}.hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.03;letter-spacing:-.045em;margin:15px 0 22px}.hero h1 span{background:linear-gradient(90deg,#8ba8ff,#7d65ff);-webkit-background-clip:text;color:transparent}.hero-text{font-size:18px;color:#b9c7dd;max-width:610px}.hero-actions{display:flex;gap:12px;margin:31px 0}.button{min-height:51px;padding:0 20px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800}.button.primary{background:linear-gradient(135deg,#6289ff,#765bff);box-shadow:0 15px 40px #516cff35}.button.secondary{border:1px solid #30486b;background:#101b2e;color:#d7e2f4}.windows{font-size:23px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.trust-row span{border-left:2px solid #304c76;padding-left:12px}.trust-row b,.trust-row small{display:block}.trust-row b{font-size:13px}.trust-row small{font-size:11px;color:var(--muted);margin-top:3px}.hero-visual{position:relative}.app-shot{border:1px solid #2a4062;border-radius:17px;overflow:hidden;background:#090f1b;box-shadow:0 30px 90px #0009,0 0 80px #3569ff19}.hero-shot{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.floating-stat{position:absolute;background:#0e1b2eef;border:1px solid #2d4568;backdrop-filter:blur(18px);border-radius:12px;padding:12px 15px;box-shadow:0 14px 40px #0008}.floating-stat small,.floating-stat span{display:block;color:var(--muted);font-size:10px}.floating-stat strong{display:block;font-size:22px;margin:2px 0}.stat-one{left:-26px;bottom:-28px}.stat-two{right:-18px;top:-25px}.tools,.features,.screenshots,.workflow,.faq,.cta{max-width:var(--max);margin:auto;padding:86px 24px}.tools{text-align:center}.tools h2,.features h2,.screenshots h2,.workflow h2,.faq h2,.cta h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-.03em;margin:10px 0 10px}.tools>p,.section-heading>p{color:var(--muted)}.tool-grid{margin-top:34px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.tool-grid div{padding:20px 10px;border-radius:13px;border:1px solid #213654;background:linear-gradient(180deg,#101c2f,#0b1524);font-weight:800;color:#dae5f8}.features{border-top:1px solid #172841}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.feature-grid article{border:1px solid #233957;border-radius:15px;padding:23px;background:linear-gradient(150deg,#111e31,#0c1727)}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#708aff,#714fff);font-size:22px;font-weight:900}.feature-grid h3{margin:17px 0 7px}.feature-grid p{color:var(--muted);font-size:14px;margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading>p{max-width:420px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.gallery-main{grid-column:1/-1}.gallery figure{margin:0;border:1px solid #233957;border-radius:16px;overflow:hidden;background:#0b1424}.gallery img{width:100%}.gallery figcaption{padding:14px 17px;color:#9fb2cf;font-size:13px;border-top:1px solid #1e314d}.workflow{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.steps article{padding:28px;border-top:1px solid #2b4264}.steps span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:linear-gradient(145deg,#728eff,#7257ff);font-weight:900}.steps h3{font-size:21px;margin:13px 0 5px}.steps p,.faq p{color:var(--muted)}.faq{max-width:950px}.faq details{border-top:1px solid #273b59;padding:18px 0}.faq summary{cursor:pointer;font-weight:800;font-size:18px}.cta{margin-top:25px;margin-bottom:70px;border:1px solid #29446c;border-radius:22px;background:radial-gradient(circle at 84% 35%,#385bff33,transparent 30%),linear-gradient(135deg,#0e1b30,#0a1322);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px}.cta h2{font-size:34px}.cta p{color:var(--muted);margin-bottom:0}footer{border-top:1px solid #17263d;padding:33px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center;color:#93a8c9}footer>div{display:flex;gap:20px;font-size:13px}footer>small{font-size:11px}.footer-brand .brand-mark{width:34px;height:34px;border-radius:9px;font-size:18px}
.page-shell{max-width:900px;margin:auto;padding:78px 24px 100px}.page-shell h1{font-size:48px;letter-spacing:-.04em}.page-shell h2{margin-top:36px}.page-shell p,.page-shell li{color:#aabbd5}.page-shell .note{padding:18px;border:1px solid #294262;background:#0e1a2c;border-radius:12px}.page-back{color:#8aa4ff;font-weight:700}.support-cards{display:grid;gap:12px;margin-top:28px}.support-cards article{border:1px solid #253b5c;background:#0d192a;border-radius:13px;padding:20px}.support-cards h3{margin:0 0 7px}
@media (max-width:960px){.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.trust-row{text-align:left}.feature-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:repeat(3,1fr)}.section-heading{align-items:start;flex-direction:column}.stat-one{left:12px}.stat-two{right:12px}.nav{display:none;position:absolute;left:16px;right:16px;top:68px;padding:18px;flex-direction:column;align-items:stretch;background:#0b1424;border:1px solid #263b5a;border-radius:14px}.nav.open{display:flex}.menu-button{display:block}.gallery{grid-template-columns:1fr}.gallery-main{grid-column:auto}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media (max-width:620px){.hero{padding:46px 18px}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.trust-row{grid-template-columns:1fr}.floating-stat{display:none}.tools,.features,.screenshots,.workflow,.faq{padding:65px 18px}.feature-grid,.steps{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.cta{margin:20px 18px 60px;padding:30px 22px;flex-direction:column;align-items:flex-start}.section-heading>p{margin-top:0}}

.guides{max-width:var(--max);margin:auto;padding:86px 24px;border-top:1px solid #172841}.guides h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-.03em;margin:10px 0}.guides-intro{color:var(--muted);max-width:760px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.guide-link{display:flex;flex-direction:column;gap:8px;border:1px solid #233957;border-radius:15px;padding:22px;background:linear-gradient(150deg,#111e31,#0c1727);transition:transform .18s ease,border-color .18s ease}.guide-link:hover{transform:translateY(-2px);border-color:#536fa6}.guide-link strong{font-size:18px}.guide-link span{color:#91aaff;font-size:13px}.article-shell{max-width:980px;margin:auto;padding:60px 24px 100px}.article-shell article{margin-top:36px}.article-shell h1{font-size:clamp(42px,5vw,64px);letter-spacing:-.045em;line-height:1.04;margin:14px 0 20px}.article-shell h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.025em;margin:48px 0 13px}.article-shell p,.article-shell li{color:#aebed7;font-size:17px}.article-shell li{margin:8px 0}.article-lead{font-size:20px!important;line-height:1.65;max-width:850px}.article-cta{display:flex;align-items:center;gap:18px;margin:30px 0 46px;padding:18px;border:1px solid #243b5d;border-radius:15px;background:#0d192a}.article-cta>span{color:var(--muted);font-size:13px}.article-note{margin:26px 0;padding:18px 20px;border:1px solid #2c466d;border-left:3px solid #728cff;background:#0f1c30;border-radius:12px;color:#bdcbe0}.article-faq{margin-top:58px}.article-faq details{border-top:1px solid #273b59;padding:18px 0}.article-faq summary{cursor:pointer;font-weight:800;font-size:18px}.related-guides{margin-top:70px;padding-top:44px;border-top:1px solid #203551}.related-guides h2{margin-top:10px}.related-guides .guide-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.guide-grid,.related-guides .guide-grid{grid-template-columns:1fr}.article-cta{align-items:flex-start;flex-direction:column}.guides{padding:65px 18px}.article-shell{padding:45px 18px 80px}}