*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#070b19;color:#eef3ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#80edff}a:focus-visible,summary:focus-visible{outline:3px solid #7ce8ff;outline-offset:6px} .wrap{width:min(1180px,90%);margin:auto}header{position:sticky;top:0;z-index:10;background:#070b19ed;border-bottom:1px solid #ffffff15;backdrop-filter:blur(18px)}nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:19px;font-weight:750;letter-spacing:-.5px}.brand b{display:inline-grid;place-items:center;background:#2467ff;border-radius:12px;width:38px;height:38px;margin-right:10px;color:white}.links{display:flex;gap:28px;align-items:center;font-size:14px;color:#aebad4}.language{border:1px solid #ffffff30;padding:7px 14px;border-radius:30px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 35%,#253a884f,transparent 55%),linear-gradient(120deg,#070b19,#101a37)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8aaaff07 1px,transparent 1px),linear-gradient(90deg,#8aaaff07 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:72px 0 80px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:3px;color:#73d8ff;text-transform:uppercase}h1{font-size:clamp(42px,5.1vw,70px);letter-spacing:-2.4px;line-height:1.16;margin:24px 0}h1 span{color:#80dcff}p{color:#aab7d2}.lead{font-size:18px;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 24px;background:#3674ff;color:white;font-weight:650;border:1px solid #548aff}.button.secondary{background:#ffffff05;border-color:#ffffff25}.platform{font-size:13px;color:#8292b2}.hero-art{height:auto;width:min(100%,320px);justify-self:center;transform:rotate(4deg);border-radius:25px;box-shadow:0 25px 100px #2265ff40;display:block}.strip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0;border-bottom:1px solid #ffffff14;color:#acbcd9;font-size:14px}.strip span:before{content:"✦";color:#74dcff;margin-right:12px}section.content{padding:90px 0}.section-head{max-width:700px;margin-bottom:36px}h2{font-size:clamp(28px,3.5vw,44px);line-height:1.25;letter-spacing:-1px;margin:12px 0 18px}h3{font-size:21px;line-height:1.4;margin:16px 0 12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;border:1px solid #ffffff16;border-radius:18px;background:linear-gradient(145deg,#14213b90,#0e1423)}.number{font:14px ui-monospace,monospace;color:#79dfff}.card p{margin-bottom:0;font-size:15px}.spotlight{background:#0c1223;border-block:1px solid #ffffff10}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.feature-image{height:auto;width:100%;max-width:300px;border-radius:20px;justify-self:center}.details{display:grid;gap:18px}.details div{border-bottom:1px solid #ffffff14;padding-bottom:16px}.details h3{margin:0 0 7px}.details p{margin:0}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:235px;gap:20px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;scrollbar-color:#3b66ab #10182b}.gallery figure{margin:0;scroll-snap-align:start}.gallery img{width:100%;height:auto;border-radius:15px;display:block}.gallery figcaption{font-size:14px;color:#aebbd4;padding-top:12px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff15;border:1px solid #ffffff15;border-radius:18px;overflow:hidden}.tool{padding:24px;background:#0b1222}.tool h3{font-size:17px;margin:0 0 8px}.tool p{font-size:14px;margin:0}.note{font-size:13px;color:#8998b5;margin-top:18px}.download{padding:60px;border:1px solid #456cc561;border-radius:24px;background:radial-gradient(ellipse at right top,#274ba764,transparent 70%),#101a30;display:flex;align-items:center;justify-content:space-between;gap:40px}.download h2{max-width:650px}.contact{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:50px 0}footer{border-top:1px solid #ffffff18;text-align:center;padding:30px 10px 40px;font-size:13px;color:#939fb6}footer p{color:inherit}footer img{width:20px;height:20px}footer .container{width:100%}@media(max-width:800px){.links{gap:14px}.links .optional{display:none}.hero-grid{gap:35px;padding:50px 0;grid-template-columns:1fr 1fr}h1{font-size:42px}.cards{grid-template-columns:1fr}.split{gap:35px}.tools{grid-template-columns:repeat(2,1fr)}.download{padding:30px;display:block}}@media(max-width:560px){nav{min-height:70px;gap:10px}.brand{font-size:15px}.brand b{width:30px;height:30px;margin-right:5px}.links{font-size:12px;gap:12px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-art{height:auto;width:230px;transform:rotate(3deg)}h1{font-size:43px}.lead{font-size:16px}.strip{font-size:12px;gap:12px}section.content{padding:58px 0}.split{grid-template-columns:1fr}.feature-image{height:auto;max-width:235px}.gallery{grid-auto-columns:205px}.tool{padding:18px}.download{padding:24px}.contact{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-logo{width:38px;height:38px;object-fit:contain;vertical-align:middle;border-radius:10px;margin-right:10px}@media(max-width:560px){.brand-logo{width:30px;height:30px;margin-right:5px}}
