/* Cinematic Aurora environment based on the approved brand board. */
.header{max-width:none;height:100px;border:0;background:#040813;padding:0 6%}.header .brand img{width:49px;height:49px}.brand span{font-size:28px;letter-spacing:-1.5px}.header .nav-cta{border-radius:30px}
.hero{max-width:none;height:calc(100svh - 100px);min-height:700px;max-height:1050px;padding:40px 6% 100px;grid-template-columns:1fr 1.1fr;background:#030814;isolation:isolate}.hero-copy{z-index:4;transform:translateY(var(--copy-shift,0px));padding-bottom:25px}.hero .eyebrow{font-size:9px;color:#c4b9da;letter-spacing:2px;margin-bottom:32px}.hero h1{font-size:clamp(60px,6.1vw,100px);line-height:1;letter-spacing:-4px;color:#fff;margin-bottom:27px;text-shadow:0 5px 30px #030714}.hero-description{font-size:14px;line-height:1.9;color:#c7c5d8;margin-bottom:32px}.hero .primary{border-radius:40px;background:#d9c3ff;color:#1a1033;padding:15px 25px;gap:45px;box-shadow:0 0 35px #a783ff35}.hero-actions{flex-wrap:wrap;gap:25px}.hero .text-link{font-size:10px}.hero-art{z-index:3;perspective:1300px;height:530px;margin-left:-12px;transform:translateY(var(--travel,0px));pointer-events:none}.hero-bottom{z-index:5;color:#bbb3ce}.motion-toggle{color:#cac0dd}.aurora,.hero-grid,.dimension-scene,.light-ribbon,.hero-watermark{display:none}
.cinema-world{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 81% 32%,#6220c77a,transparent 45%),radial-gradient(ellipse at 59% 59%,#197c8170,transparent 42%);transform:translateY(var(--world-shift,0px)) scale(1.08);pointer-events:none}.cinema-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030813e8 0%,#030813b8 28%,transparent 62%),linear-gradient(0deg,transparent 65%,#03081388)}
.world-plane{position:absolute;filter:drop-shadow(0 0 16px #b589ff);transform:translateY(var(--plane-shift,0px));will-change:transform}.plane-one{width:76%;height:95%;left:29%;top:-36%;clip-path:polygon(0 40%,100% 0,75% 100%,40% 64%);background:linear-gradient(148deg,#050a20 28%,#6120be 48%,#b88aff 49%,#e3caff 49.3%,#4c13a3 50%,#080922 75%)}.plane-two{left:48%;top:0;width:43%;height:94%;clip-path:polygon(0 0,100% 39%,68% 100%,14% 65%);background:linear-gradient(145deg,#afffe8 0%,#53fbc0 1%,#102f40 3%,#070b20 40%,#422393 76%,#be77ff 77%,#281149 79%)}.plane-three{right:-22%;top:13%;width:70%;height:85%;clip-path:polygon(70% 0,100% 65%,0 100%);background:linear-gradient(149deg,#0a0d27 40%,#51219e 65%,#d29aff 66%,#892eff 67%,#111438 71%)}
.world-horizon{position:absolute;left:0;right:0;bottom:19%;height:3px;background:linear-gradient(90deg,#4efac0,#bdffec 35%,#7b51ff 70%,#cf8aff);box-shadow:0 0 14px 4px #55f6ce77,0 0 70px 20px #864eff88;transform:rotate(-4deg)}.world-floor{position:absolute;left:-10%;right:-10%;bottom:-18%;height:45%;transform:perspective(500px) rotateX(40deg) rotateZ(-4deg);background:repeating-linear-gradient(0deg,transparent 0 5px,#9ad8fd0a 6px,transparent 7px 15px),linear-gradient(90deg,#030a1b 4%,#36d4bb50 25%,#8bfff063 39%,#232652 48%,#7134f488 69%,#d294ff77 78%,#071524);box-shadow:inset 0 45px 55px #7dfbdb16;filter:blur(.5px)}
.hero-device{position:absolute;left:4%;top:10%;width:96%;height:75%;border-radius:23px;display:flex;padding:16px;background:linear-gradient(135deg,#666aa6,#161a41 4%,#090c23 94%,#63498f);border:1px solid #a49be7;box-shadow:8px 10px 0 #10132d,10px 12px 0 #594381,25px 35px 55px #000b,0 -6px 22px #8e63ff88;transform:rotateX(var(--device-x,7deg)) rotateY(var(--device-y,-18deg)) rotateZ(-5deg);transform-style:preserve-3d;transition:transform .18s ease-out;animation:device-float 8s ease-in-out infinite}.device-sidebar{width:42px;display:flex;align-items:center;flex-direction:column;gap:21px;color:#777eac;padding:5px 13px 0 0;font-size:18px}.device-sidebar img{width:23px;height:27px;margin-bottom:12px}.device-sidebar span:first-of-type{color:#e0bdff}.device-content{flex:1;min-width:0;display:flex;flex-direction:column}.device-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.3px;color:#bab5d7;margin:3px 4px 15px}.device-topline i{width:5px;height:5px;background:#87ffdc;border-radius:50%;box-shadow:0 0 10px #87ffdc}.device-tiles{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:10px;flex:1;min-height:0}.device-tile{border-radius:10px;background:linear-gradient(135deg,#1d224d,#10142f);border:1px solid #7074b528;overflow:hidden;position:relative;padding:16px}.device-tile>span{font-size:6px;letter-spacing:1.1px;color:#bcb6d9}.sculpture-bars{display:flex;align-items:end;justify-content:center;gap:6px;height:83%;padding-top:17px}.sculpture-bars i{width:9%;height:var(--bar,40%);border-radius:4px 4px 1px 1px;background:linear-gradient(0deg,#254f83,#85ffe3);box-shadow:3px -2px 0 #89e9eb33,0 0 15px #6dffdf22;transform-origin:bottom;animation:bar-breathe 5s ease-in-out infinite alternate}.sculpture-bars i:nth-child(2){--bar:51%}.sculpture-bars i:nth-child(3){--bar:68%}.sculpture-bars i:nth-child(4){--bar:57%}.sculpture-bars i:nth-child(n+5){background:linear-gradient(0deg,#642dd2,#cf89ff)}.sculpture-bars i:nth-child(5){--bar:77%}.sculpture-bars i:nth-child(6){--bar:88%}.sculpture-bars i:nth-child(7){--bar:72%}.sculpture-bars i:nth-child(8){--bar:100%}.ring-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.progress-orb{width:84px;height:84px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 10deg,#8e54ff,#c495ff 38%,#6d45ee 50%,#66fce2 82%,#8e54ff);position:relative;box-shadow:4px 7px 0 #222759,0 0 30px #7c4cff20}.progress-orb:after{content:'';position:absolute;inset:18px;background:#161a3b;border-radius:50%;box-shadow:inset 2px 4px 7px #05071b}.list-tile>div{display:flex;align-items:center;gap:12px;margin-top:15px}.list-tile b{width:10px;height:10px;border-radius:50%;background:#8e7cf1;box-shadow:0 0 10px #7d5adf44}.list-tile i{height:7px;width:70%;background:#373763;border-radius:10px}.list-tile>div:nth-child(3) i{width:51%}.list-tile>div:nth-child(4) i{width:62%}.landscape-tile{background:radial-gradient(ellipse at 60% 15%,#8345d5,#161d41 65%);padding:0}.mini-aurora{position:absolute;inset:-60% -30% 10%;background:conic-gradient(from 140deg at 55% 25%,transparent,#82ffd7,transparent 18%,#7b45e9 28%,#bb83ff 35%,transparent 45%);filter:blur(8px);transform:rotate(15deg)}.mountain{position:absolute;bottom:0;width:115%;height:65%;clip-path:polygon(0 68%,15% 45%,31% 70%,53% 0,72% 58%,85% 42%,100% 75%,100% 100%,0 100%);background:linear-gradient(130deg,#513386,#c193e9 52%,#211c49 53%)}.mountain-front{height:45%;left:-20%;background:linear-gradient(145deg,#625398,#171830 50%)}.landscape-tile>span{position:absolute;bottom:10px;left:12px;color:#efdeff;font-size:5px;z-index:2}.device-caption{font-size:6px;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:12px;color:#8b85b0}.device-caption span{font-size:5px}.device-halo{position:absolute;inset:10% -15% 0;background:radial-gradient(ellipse,#7134de77,transparent 65%);filter:blur(30px)}.device-reflection{position:absolute;top:88%;left:8%;width:90%;height:120px;background:linear-gradient(90deg,#56e6dc20,#9561fa65,#33386a30);filter:blur(15px);transform:perspective(200px) rotateX(65deg) rotateZ(-5deg);border-radius:15px;opacity:.6}.device-caption-out{position:absolute;bottom:0;right:5%;font-size:7px;letter-spacing:2px;color:#c5b5e1}.brand-line{background:#080d1a;border-color:#af89ff33;position:relative;z-index:2}.brand-line b{color:#c29aff}.motion-off .hero-copy,.motion-off .hero-art,.motion-off .cinema-world,.motion-off .world-plane{transform:none}.motion-off .hero-device{transform:rotateX(7deg) rotateY(-18deg) rotateZ(-5deg)}
@keyframes device-float{50%{translate:0 -12px}}@keyframes bar-breathe{to{scale:1 .84}}
@media(min-width:1700px){.hero{padding-left:10%;padding-right:10%}}
@media(max-width:1100px){.hero{min-height:660px;grid-template-columns:1fr 1fr}.hero h1{font-size:65px}.hero-art{height:440px}.hero-device{left:0;width:108%;padding:12px}.device-sidebar{width:31px;gap:17px;font-size:14px}.device-tile{padding:11px}.progress-orb{width:66px;height:66px}.progress-orb:after{inset:14px}.device-tile>span{font-size:5px}.device-topline{font-size:7px}.list-tile>div{margin-top:12px}.hero-actions{gap:20px}.hero .primary{padding:14px 22px;gap:26px}}
@media(max-width:760px){.header{height:80px;padding:0 6%}.header .brand img{width:36px;height:40px}.brand span{font-size:23px}.header nav{gap:18px}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;padding:55px 6% 70px;gap:0}.hero-copy{padding:0;width:100%;transform:none}.hero .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:22px}.hero h1{font-size:clamp(48px,11vw,76px);line-height:1.02;letter-spacing:-2.6px;margin-bottom:20px}.hero-description{font-size:12px;margin-bottom:24px}.hero-actions{gap:18px}.hero .primary{font-size:11px;gap:24px;padding:13px 22px}.hero .text-link{font-size:8px}.hero-art{height:350px;width:100%;max-width:500px;margin:25px 0 0;align-self:center}.hero-device{left:4%;width:93%;height:78%;top:7%;padding:11px;border-radius:17px;transform:rotateX(var(--device-x,7deg)) rotateY(var(--device-y,-13deg)) rotateZ(-6deg)}.device-sidebar{gap:14px;width:30px;font-size:13px}.device-sidebar img{width:20px;margin-bottom:4px}.device-topline{margin-bottom:10px;font-size:6px}.device-tiles{gap:7px}.device-tile{padding:10px;border-radius:7px}.device-tile>span{font-size:4px;letter-spacing:.7px}.sculpture-bars{gap:4px;padding-top:10px}.progress-orb{width:60px;height:60px}.progress-orb:after{inset:13px}.ring-tile{gap:10px}.list-tile>div{margin-top:12px;gap:8px}.list-tile b{width:7px;height:7px}.list-tile i{height:5px}.landscape-tile{padding:0}.landscape-tile>span{font-size:4px;bottom:8px;left:8px}.device-caption{font-size:4px;margin-top:8px}.device-caption span{font-size:4px}.device-caption-out{font-size:6px;bottom:2%}.device-reflection{top:87%;height:70px}.cinema-world:after{background:linear-gradient(180deg,#030813c9,transparent 52%),linear-gradient(90deg,#03081355,transparent 60%)}.plane-one{width:155%;left:0;top:-12%;height:90%}.plane-two{left:13%;top:33%;width:74%;height:60%}.plane-three{top:32%;width:130%;right:-65%;height:65%}.world-horizon{bottom:16%}.world-floor{height:32%;bottom:-10%}.hero-bottom{font-size:6px;bottom:20px}.hero-bottom .motion-toggle{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-art,.cinema-world,.world-plane{transform:none}}