*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f6f7fb;color:#0b0d1a;font:16px/1.65 'Segoe UI',system-ui,sans-serif}a{color:#3350ff;text-underline-offset:4px}button,a{touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3350ff;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:#f6f7fbeb;border-bottom:1px solid #e2e5ef}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand img{display:block;width:156px;height:48px;object-fit:contain;object-position:left}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{text-decoration:none;font-size:14px;font-weight:650;color:#50566d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border:0;border-radius:999px;text-decoration:none;font-weight:700;background:#3350ff;color:white;min-height:48px;cursor:pointer;box-shadow:0 8px 22px #3350ff22}.btn.secondary{background:#fff;color:#101425;border:1px solid #dce1f2;box-shadow:none}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#3350ff)}.crumb{font-size:13px;margin-top:28px;color:#656b80}.crumb a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center;padding:62px 0 58px}h1{font-size:clamp(2.3rem,4.2vw,4.4rem);line-height:1.05;letter-spacing:-.055em;margin:16px 0 22px;font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.035em;margin:8px 0 18px}h3{line-height:1.25;font-size:1.15rem;margin:0 0 10px}.lead{color:#555e75;font-size:18px;line-height:1.65}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 16px}.small{font-size:12px;color:#697087}.browser{background:#fff;border:1px solid #dce2ef;border-radius:18px;box-shadow:0 25px 75px -30px #2039b940;overflow:hidden;min-width:0}.browserbar{height:35px;background:#f0f2f9;display:flex;gap:6px;align-items:center;padding:0 14px;border-bottom:1px solid #e4e7f1}.dot{width:7px;height:7px;border-radius:50%;background:#b7c0d8}.browserbar span{margin:auto;font-size:11px;color:#6b7288}.screenbtn{display:block;border:0;background:#fff;padding:0;width:100%;cursor:zoom-in;text-align:left}.screenbtn img{width:100%;height:auto;display:block}.hero .browser{transform:rotate(-1deg)}.note{padding:11px 16px;font-size:12px;background:white;color:#626b80;border-top:1px solid #e7eaf3}.jump{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #dce1ed;border-bottom:1px solid #dce1ed}.jump a{font-size:13px;text-decoration:none;color:#4e586f;background:#fff;padding:8px 14px;border-radius:99px}.block{padding:65px 0 12px}.intro{max-width:720px;color:#5c657b}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.feature{background:#fff;border:1px solid #e1e5f0;border-radius:20px;padding:26px}.num{font-size:12px;color:#3350ff;margin-bottom:20px;display:block;font-weight:800}.feature p{font-size:15px;color:#5b657b;margin:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.gallery figure{margin:0;background:#fff;border:1px solid #dfe4f1;border-radius:18px;overflow:hidden}.gallery .screenbtn{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#eef1f8;padding:14px}.gallery img{max-height:100%;object-fit:contain;box-shadow:0 7px 25px #10204a12}.gallery figcaption{padding:21px}.gallery h3{margin-bottom:7px}.gallery p{font-size:14px;color:#626c82;margin:0}.official{background:#10152a;color:white;padding:32px;border-radius:24px;margin-top:24px}.official p{color:#b8c3da}.official .actions{margin:15px 0}.official .btn.secondary{background:#ffffff12;color:white;border-color:#ffffff28}.embed-wrap{margin-top:22px}.embed-wrap iframe{width:100%;height:720px;border:1px solid #313951;border-radius:14px;background:#fff}.box{background:#fff;border:1px solid #e1e5ef;border-radius:20px;padding:28px;margin:20px 0}.box h2{font-size:1.5rem;letter-spacing:-.02em}.box p{color:#5a6379}.box h3{margin-top:22px}.related{display:flex;flex-wrap:wrap;gap:10px}.related a{background:#edf0ff;padding:9px 13px;border-radius:10px;font-size:14px;text-decoration:none}.closing{margin:55px 0 30px;border-radius:25px;background:linear-gradient(115deg,#3350ff,#7956e9);color:#fff;padding:38px}.closing h2{max-width:650px}.closing p{color:#e4e8ff}.closing .btn{background:white;color:#3350ff}footer{border-top:1px solid #dce1ef;margin-top:65px;padding:30px 0;color:#687086;font-size:13px}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.lightbox{border:0;padding:0;background:#0c1224;color:#fff;border-radius:16px;width:min(1300px,96vw);max-width:96vw;max-height:94vh;box-shadow:0 30px 100px #0008}.lightbox::backdrop{background:#060a18d9;backdrop-filter:blur(7px)}.lb-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px}.lb-head button{border:1px solid #ffffff40;color:#fff;background:#ffffff10;border-radius:99px;padding:8px 15px;cursor:pointer;min-height:44px}.lightbox img{display:block;width:100%;max-height:75vh;object-fit:contain;background:#e8ecf5}.lb-foot{display:flex;align-items:center;justify-content:center;gap:20px;padding:13px}.lb-foot button{min-width:48px;min-height:44px;background:#ffffff12;color:white;border:1px solid #ffffff30;border-radius:10px;font-size:22px;cursor:pointer}[hidden]{display:none!important}.gallery figure:hover{border-color:#91a1ff}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.hero .browser{transform:none}.features{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}.gallery{grid-template-columns:1fr}.wrap{width:calc(100% - 32px)}h1{font-size:2.7rem}.nav{min-height:72px}.brand img{width:132px}.block{padding-top:45px}.official{padding:23px}.embed-wrap iframe{height:580px}.closing{padding:26px}.box{padding:23px}.lead{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.navlinks a.btn{color:#fff}.eyebrow{color:#3350ff}