:root{--bg:#09090f;--blue:#1a8fff;--text:#fff;--muted:#7a7a9a;--div:#222235}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.bg-scene{pointer-events:none;z-index:0;inset:0;overflow:hidden}.bg-scene:before{content:"";background:radial-gradient(at 50% 0,#0e50c821 0%,#0000 70%);height:55%;position:absolute;top:-15%;left:25%;right:25%}.glare-bloom{transform-origin:top;filter:blur(24px);background:linear-gradient(#0000 0%,#0e50c80a 10%,#1a8fff21 30%,#1a8fff12 55%,#0000 100%);width:180px;height:70vh;animation:7s ease-in-out infinite beamPulse;position:absolute;top:-5%;left:54%;transform:rotate(-30deg)translate(-50%)}.glare-beam{transform-origin:top;background:linear-gradient(#0000 0%,#1a8fff14 8%,#1a8fff9e 28%,#6ebefff2 42%,#1a8fff9e 58%,#1a8fff1a 78%,#0000 100%);width:2px;height:70vh;animation:7s ease-in-out infinite beamPulse;position:absolute;top:-5%;left:54%;transform:rotate(-30deg)translate(-50%)}.glare-core{transform-origin:top;background:linear-gradient(#0000,#c8e8fff2 38%,#ffffffe0 48%,#c8e8ffb3 58%,#0000);width:1px;height:64vh;animation:7s ease-in-out infinite beamPulse;position:absolute;top:-5%;left:54%;transform:rotate(-30deg)translate(-50%)}@keyframes beamPulse{0%,to{opacity:.8}50%{opacity:1}}.star{animation:twinkle var(--d,4s)ease-in-out infinite;animation-delay:var(--dl,0s);background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--lo,.25);transform:scale(1)}50%{opacity:var(--hi,.9);transform:scale(1.4)}}.star.sp:before,.star.sp:after{content:"";background:#ffffffbf;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star.sp:before{width:1px;height:14px}.star.sp:after{width:14px;height:1px}.star.sp-lg:before{width:1px;height:22px}.star.sp-lg:after{width:22px;height:1px}.hero{z-index:5;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;min-height:100vh;margin:0 auto;padding:80px 64px;display:grid;position:relative}.left{flex-direction:column;gap:32px;animation:.65s both fadeUp;display:flex}.heading h1{letter-spacing:-.8px;color:var(--text);font-size:clamp(30px,3.8vw,50px);font-weight:700;line-height:1.8}.heading .sub{color:var(--blue);margin-top:4px;font-family:Playfair Display,serif;font-size:clamp(26px,3.4vw,44px);font-style:italic;font-weight:600;line-height:1;display:block}.features{flex-direction:column;display:flex}.hb-feature{border-bottom:1px solid var(--div);align-items:flex-start;gap:14px;padding:20px 0;display:flex}.hb-feature:last-child{border-bottom:none}.feature-icon{width:24px}.feature:last-child{border-bottom:none}.feature-icon{flex-shrink:0;margin-top:2px}.feature-body{flex-direction:column;gap:4px;display:flex}.feature-title{color:var(--text);font-size:18px;font-weight:600}.feature-desc{color:var(--muted);font-size:15px;line-height:1.5}.ctas{flex-wrap:wrap;gap:14px;display:flex}.btn{cursor:pointer;border-radius:8px;padding:13px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;border:none;box-shadow:0 4px 22px #1a8cff61}.btn-primary:hover{background:#0e70d8;box-shadow:0 6px 32px #1a8cff8c}.btn-outline{color:var(--text);border:1px solid var(--div);background:0 0}.btn-outline:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.right{animation:.65s .15s both fadeUp}.visual-card{aspect-ratio:1;border:1px solid #1c2245;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 32px 90px #000000a6}.visual-card:before{content:"";background:radial-gradient(58% 68% at 30% 58%,#1a2a6ecc 0%,#0000 60%),radial-gradient(52% 62% at 68% 38%,#0d1a55bb 0%,#0000 60%),radial-gradient(44% 54% at 50% 78%,#112060aa 0%,#0000 55%),radial-gradient(38% 48% at 18% 22%,#1b3080aa 0%,#0000 55%),radial-gradient(48% 58% at 82% 72%,#0a1640bb 0%,#0000 60%),linear-gradient(160deg,#111d50 0%,#0a1235 50%,#060d28 100%);animation:10s ease-in-out infinite alternate darkBlobs;position:absolute;inset:-50%}.visual-card:after{content:"";mix-blend-mode:screen;background:radial-gradient(40% 50% at 40%,#2a5cbbaa 0%,#0000 55%),radial-gradient(34% 44% at 64% 28%,#1e4a9988 0%,#0000 50%),radial-gradient(28% 38% at 24% 74%,#3060cc66 0%,#0000 50%);animation:13s ease-in-out infinite alternate darkBlobs2;position:absolute;inset:-40%}@keyframes darkBlobs{0%{transform:scale(1)rotate(0)translate(0%)}35%{transform:scale(1.06)rotate(5deg)translate(3%,-3%)}70%{transform:scale(.96)rotate(-4deg)translate(-2%,4%)}to{transform:scale(1.04)rotate(2deg)translate(1%,-2%)}}@keyframes darkBlobs2{0%{transform:scale(1)rotate(0)translate(0%)}40%{transform:scale(1.09)rotate(-6deg)translate(-4%,3%)}80%{transform:scale(.94)rotate(7deg)translate(4%,-4%)}to{transform:scale(1.05)rotate(-3deg)translate(-2%,2%)}}.ribbons{z-index:1;position:absolute;inset:0;overflow:hidden}.ribbon{opacity:.5;filter:blur(2px);position:absolute}.r1{background:linear-gradient(135deg,#2855bb44,#1a3d9944);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;width:130%;height:80%;animation:8s ease-in-out infinite alternate rSway;top:22%;left:-18%}.r2{background:linear-gradient(135deg,#1e4aaa33,#0d2d8833);border-radius:40% 60% 45% 55%/60% 40%;width:115%;height:68%;animation:11s ease-in-out infinite alternate-reverse rSway;top:32%;left:-4%}.r3{background:linear-gradient(160deg,#162f8822,#0a1e6622);border-radius:55% 45% 50% 50%/45% 55%;width:88%;height:88%;animation:14s ease-in-out infinite alternate rSway;top:6%;left:8%}@keyframes rSway{0%{transform:rotate(-15deg)scale(1)skewY(0)}50%{transform:rotate(-10deg)scale(1.04)skewY(3deg)}to{transform:rotate(-18deg)scale(.97)skewY(-2deg)}}.logo-wrap{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.logo-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;animation:4.5s ease-in-out infinite logoFloat;display:flex;box-shadow:0 12px 55px #0000008c,0 0 0 1px #ffffff1a}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding:56px 32px 80px}.right{order:-1}.visual-card{aspect-ratio:4/3}}@media (max-width:540px){.hero{padding:40px 20px 60px}}