*{box-sizing:border-box}body{margin:0;color:#111827;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:116px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:flex;align-items:center;font-size:34px;font-weight:550;letter-spacing:-1.2px}.brand img{width:66px;height:66px;object-fit:contain;margin-left:-10px}nav{display:flex;gap:35px;margin-left:auto;margin-right:48px}nav button{border:0;background:none;color:#475268;font-size:14px;padding:10px 0}.primary{border:1px solid #4382ff;background:linear-gradient(155deg,#6ba6ff 0%,#2868ef 48%,#0735bf 100%);color:white;border-radius:20px;padding:20px 27px;box-shadow:0 12px 30px #397cfa20;font-size:17px;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);box-shadow:0 16px 32px #397cfa35}header .primary{padding:17px 24px;font-size:15px;border-radius:17px}.hero{max-width:1440px;margin:auto;min-height:calc(100svh - 116px);display:grid;grid-template-columns:1.04fr 1fr;align-items:center;padding:35px 5% 85px;gap:0;overflow:hidden}.copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:600;letter-spacing:4px;color:#4778ce;margin:0 0 23px}h1{font-size:clamp(48px,5.35vw,78px);line-height:1.08;letter-spacing:-4px;font-weight:700;margin:0 0 28px;white-space:nowrap}h1 span{display:block;background:linear-gradient(100deg,#052498,#3069e2 60%,#8dbbff);background-clip:text;color:transparent}.intro{font-size:21px;line-height:1.6;color:#606e85;max-width:505px;margin:0 0 32px}.actions{display:flex;align-items:center;gap:22px}.primary span{margin-left:14px}.voice{background:none;border:0;padding:12px 0;color:#24334f;font-size:15px;display:flex;align-items:center;gap:10px}.voice:before{content:'';display:grid;place-items:center;width:44px;height:44px;border:1px solid #adcaff;border-radius:50%;background:#f6f9ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232869e6'%3E%3Cpath d='M8 5.14v13.72a1 1 0 0 0 1.5.86l11-6.86a1 1 0 0 0 0-1.72l-11-6.86a1 1 0 0 0-1.5.86z'/%3E%3C/svg%3E") no-repeat 54% center / 14px 14px;flex-shrink:0}.voice[aria-pressed="true"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232869e6'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3C/svg%3E");background-position:center;background-size:12px 12px}.credit{font-size:12px;color:#7a88a0;margin:20px 0 0}.credit span{color:#5d87c7;margin-right:8px}.benefits{display:flex;gap:30px;margin-top:58px;color:#667995;font-size:12px;line-height:1.5}.benefits div{padding-left:17px;border-left:1px solid #c9d9f0}.scene{position:relative;width:115%;margin-left:-7%;aspect-ratio:1;isolation:isolate}.scene:before{content:'';position:absolute;inset:8%;background:radial-gradient(ellipse,#d9ecff 0%,#f0f7ff 48%,transparent 70%);filter:blur(22px);z-index:-1}.orb{position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none}.orb canvas,.orb img{width:100%;height:100%;display:block}.orbit{position:absolute;left:6%;top:28%;width:90%;height:45%;border:1px solid #dbeaff99;border-radius:50%;transform:rotate(-27deg);pointer-events:none}.orbit.two{transform:rotate(22deg);top:25%;height:50%;border-color:#e6f0ff}.card{position:absolute;display:flex;align-items:center;gap:12px;padding:17px 19px;border:1px solid #fff;border-radius:17px;background:#ffffffdf;box-shadow:0 14px 40px #2461b810;backdrop-filter:blur(12px);width:207px;animation:float 7s ease-in-out infinite;z-index:2}.card strong{display:block;font-size:14px;font-weight:550;letter-spacing:-.3px}.card small{display:block;font-size:11px;color:#8393b0;line-height:1.5;margin-top:5px}.icon{color:#397cfa;background:linear-gradient(140deg,#f3f9ff,#e1eeff);border-radius:50%;height:40px;min-width:40px;display:grid;place-items:center}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.c1{top:4%;left:8%;--r:-5deg}.c2{top:12%;right:0;animation-delay:-2s;--r:4deg}.c3{top:49%;right:-1%;animation-delay:-4s;--r:4deg}.c4{bottom:12%;left:0;animation-delay:-1s;--r:-2deg}.c5{bottom:1%;right:7%;animation-delay:-3s;--r:3deg}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-14px) rotate(calc(var(--r) + 1deg))}}.status{font-size:12px;color:#758bad;min-height:17px;margin-top:15px}dialog{border:1px solid #e1eafa;border-radius:24px;padding:30px;max-width:420px;color:#253754;box-shadow:0 24px 80px #18356426}dialog::backdrop{background:#142f5830;backdrop-filter:blur(5px)}dialog p{line-height:1.65;color:#697b95}dialog button{background:#edf4ff;border:0;border-radius:12px;padding:12px 20px;color:#265cbe}button:focus-visible,a:focus-visible{outline:2px solid #3678f9;outline-offset:5px}@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:1100px){nav{gap:20px;margin-right:10px}h1{font-size:5.5vw;letter-spacing:-2.5px}.intro{font-size:18px}.actions{gap:13px}.primary{font-size:14px;padding:18px}.voice{font-size:13px}.card{width:170px;padding:13px;gap:8px}.card strong{font-size:12px}.card small{font-size:10px}.icon{min-width:32px;height:32px}.benefits{gap:15px}}@media(max-width:760px){header{height:90px;padding:0 6%}.brand{font-size:28px}.brand img{width:54px;height:54px}nav{display:none}header .primary{font-size:12px;padding:13px;border-radius:13px}.hero{display:flex;flex-direction:column;padding:38px 6% 38px;gap:32px;min-height:auto}.copy{width:100%}.eyebrow{font-size:9px;letter-spacing:2.8px}h1{font-size:clamp(39px,8.4vw,62px);letter-spacing:-2px}.intro{font-size:17px;max-width:480px}.actions{gap:18px}.benefits{margin-top:28px;font-size:11px;justify-content:space-between}.scene{width:105%;margin:0;max-width:540px}.card{width:155px;padding:12px}.c1{left:1%;top:0}.c2{right:0;top:12%}.c3{right:0;top:47%}.c4{left:0;bottom:9%}.c5{bottom:-2%;right:0}.credit{font-size:11px}.status{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.card{animation:none}.primary{transition:none}}
/* First-screen layout and dimensional orbit. */
:root{--ora-blue:#0869f5}
header{height:92px}
.brand{gap:0}.brand img{mix-blend-mode:multiply}.brand .brand-ora{color:var(--ora-blue)}
.primary{background:linear-gradient(145deg,#62a5ff,#0874fa 55%,#0855df);border-color:#3888ff;box-shadow:none;transition:filter .2s}
.primary:hover{transform:none;box-shadow:none;filter:brightness(1.04)}
h1 span{background-image:linear-gradient(100deg,#0755de,#087afa 65%,#79b6ff)}
.hero{height:calc(100svh - 92px);min-height:0;padding-top:12px;padding-bottom:30px;grid-template-columns:1.05fr 1fr;overflow:hidden}
.scene{width:100%;max-height:calc(100svh - 142px);height:auto;margin:0;perspective:1000px}
.copy{align-self:center}h1{font-size:clamp(42px,4.9vw,72px);letter-spacing:-3px;margin-bottom:22px}
.intro{font-size:clamp(16px,1.5vw,21px);line-height:1.5;margin-bottom:25px}
.benefits{margin-top:28px}.eyebrow{margin-bottom:20px}.status{margin-top:10px}
.orb{inset:7%;z-index:2;mix-blend-mode:normal}.orbit{z-index:0;left:10%;top:29.5%;width:80%;height:41%;transform:rotate(-20deg)}.orbit.two{display:none}
.card{animation:none;left:50%;top:50%;right:auto;bottom:auto;width:190px;padding:14px 16px;will-change:transform;box-shadow:0 15px 30px #1c67c51c,0 2px 3px #ffffff inset;background:linear-gradient(135deg,#fffffffa,#edf5fff2);border:1px solid #fff;backdrop-filter:none;transform:translate(-50%,-50%)}
@media(min-width:761px) and (max-height:760px){header{height:78px}.hero{height:calc(100svh - 78px);padding-bottom:18px}.scene{max-height:calc(100svh - 110px)}h1{font-size:clamp(40px,4.7vw,64px)}.eyebrow{margin-bottom:14px}.intro{margin-bottom:20px}.benefits{margin-top:20px}.primary{padding:16px 23px}.card{width:170px;padding:12px}.credit{margin-top:15px}}
@media(max-width:760px){header{height:82px}.hero{height:auto;min-height:calc(100svh - 82px);padding:25px 6% 35px}.scene{width:100%;height:auto;max-height:none;aspect-ratio:1;margin:0}.card{width:145px;padding:10px;gap:8px}h1{font-size:clamp(39px,8.4vw,62px);letter-spacing:-2px}.intro{font-size:17px}.benefits{margin-top:25px}}
.ora-intro{position:absolute;z-index:4;top:3%;left:50%;transform:translateX(-50%);min-width:160px;padding:10px 15px;border:1px solid #fff;border-radius:15px;background:#ffffffdf;box-shadow:0 12px 34px #2461b812;backdrop-filter:blur(12px);text-align:center}.ora-intro strong{display:block;font-size:14px;font-weight:600;color:#172740}.ora-intro strong b{color:#0869f5;font-weight:700}.ora-intro span{display:block;margin-top:2px;font-size:10px;color:#7b8da7}@media(max-width:760px){.ora-intro{top:2%;min-width:150px;padding:8px 12px}.ora-intro strong{font-size:13px}.ora-intro span{font-size:9px}}
