:root{--bg:#05090d;--cyan:#27e4eb;--red:#fc343f;--panel:#0b141c}.header{height:96px;background:#05090d;position:relative;z-index:5}.brand>span{font-size:17px;font-weight:800;letter-spacing:.12em}.brand small{color:var(--cyan);letter-spacing:.52em;font-size:10px}.header nav>a{font-size:13px}.admin-link{border-color:#fc343f55;background:#fc343f08}.admin-link>span:first-child{color:var(--red)}.immersive{height:740px;min-height:680px;perspective:1100px;background:#05090d;--rx:0deg;--ry:0deg;--px:0px;--py:0px}.hero-image{opacity:.48;object-position:60% 50%;transform:scale(1.06) translate(var(--px),var(--py));transition:transform .6s ease;filter:saturate(1.2)}.hero-shade{background:linear-gradient(90deg,#05090df5 0%,#05090dba 34%,#05090d33 70%,#05090d66),linear-gradient(0deg,#05090d 0%,transparent 40%,#05090d99 100%)}#ocean{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;z-index:-1;opacity:.85;mask-image:linear-gradient(0deg,transparent,black 15%,black 80%,transparent)}.hero-copy{padding:67px 5.5% 95px;position:relative;z-index:2;max-width:740px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{font-size:11px;letter-spacing:.21em;margin-bottom:21px;color:#c5dade}.hero .eyebrow>span{background:var(--red);box-shadow:0 0 15px #fc343f77;width:26px}.hero h1{font-size:clamp(78px,7.5vw,112px);font-weight:800;line-height:.88;letter-spacing:-.015em;margin-bottom:25px;text-shadow:0 4px 30px #0005}.hero h1 em{display:inline-block;color:var(--cyan);text-shadow:3px 3px 0 #0b5056,0 0 60px #27e4eb25}.hero-description{font-size:14px;line-height:1.8;color:#a8b9c4}.hero-actions{margin-top:27px}.primary{background:var(--red);color:white;box-shadow:0 7px 30px #fc343f24}.primary:hover{background:#ff535d}.glass{border-color:#ffffff29;background:#06121a88}.button{border-radius:3px;font-size:13px;padding:14px 21px}.brand-stage{position:absolute;width:min(47vw,650px);height:610px;right:3%;top:10px;display:flex;align-items:center;justify-content:center;pointer-events:none;perspective:1100px;z-index:1}.brand-halo{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 65% 70%,#12e5f116,transparent 65%),radial-gradient(ellipse at 25% 25%,#f7323512,transparent 65%);box-shadow:0 0 100px #16cbd609}.logo-float{width:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .55s cubic-bezier(.2,.7,.3,1);animation:float-logo 7s ease-in-out infinite}.logo-float>img{width:100%;height:auto;mask-image:radial-gradient(ellipse 49% 47% at 50% 47%,black 42%,#000e 59%,transparent 84%);filter:drop-shadow(0 15px 28px #0008);transform:translateZ(35px)}.studio-plaque{position:absolute;bottom:10%;left:12%;right:12%;text-align:center;transform:translateZ(65px);padding:18px 12px;background:linear-gradient(90deg,transparent,#07121bd9 20%,#07121bf0 80%,transparent);border-top:1px solid #27e4eb29}.studio-plaque>span{display:block;font-size:9px;letter-spacing:.4em;color:#809fac}.studio-plaque strong{font-size:21px;letter-spacing:.17em;display:block;margin-top:5px;font-weight:800}.studio-plaque b{color:var(--cyan);font-weight:400}.stage-caption{position:absolute;bottom:16px;font-size:9px;color:#93bac6;letter-spacing:.22em}.hero-foot{bottom:25px;padding-top:20px;border-top:1px solid #ffffff16;align-items:center;font-size:10px;color:#8a9ea9}.hero-foot button{border:0;background:transparent;padding:8px 12px;font-size:10px;letter-spacing:.1em;color:#acc3cd}.hero-foot button>span{color:var(--cyan);margin-left:9px}.world{padding-top:58px;padding-bottom:80px}.section-heading h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:42px;letter-spacing:0;font-weight:600}.section-heading .eyebrow{color:var(--red);font-size:10px}.entry-grid{gap:20px;perspective:1100px}.entry-card{border-radius:3px;padding:28px 30px 25px;background:linear-gradient(145deg,#10212a88,#0a1018);border-top:2px solid var(--cyan);overflow:hidden;transform-style:preserve-3d;box-shadow:0 18px 30px #0002}.entry-card:nth-child(2){border-top-color:var(--red)}.entry-card:nth-child(3){border-top-color:#e5edf4}.entry-card:hover{transform:translateY(-7px) rotateX(3deg);box-shadow:0 24px 60px #0005}.entry-card h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:30px;font-weight:600;letter-spacing:.01em}.entry-symbol{color:var(--cyan);text-shadow:0 0 25px #27e4eb44}.code-symbol{color:var(--red);text-shadow:0 0 25px #fc343f33}.entry-card:nth-child(3) .entry-symbol{color:#dce9ed}.card-number{font-size:10px;letter-spacing:.17em}.entry-card p{font-size:14px;max-width:280px}.entry-card .text-link{font-size:13px}.brand-banner h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:51px;letter-spacing:0;font-weight:600}.brand-banner .eyebrow{color:var(--red);font-size:10px}.page-top{background:radial-gradient(ellipse at 85% 5%,#13353f55,transparent 60%),radial-gradient(ellipse at 0 0,#531a1c22,transparent 60%)}.page-top h1,.portal h1,.community h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase}.product,.portal-panel{border-radius:4px}.product h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:32px;letter-spacing:.04em}.product-art{border-bottom:1px solid #ffffff0a}.benefits-art{background:radial-gradient(ellipse at center,#73212666,transparent 72%),#211015}.benefits-art>span{color:#ff5a65}.benefits-art small{color:#e78a94}.scripts-art{background:radial-gradient(ellipse at center,#16495366,transparent 72%),#0f1c25}.scripts-art>span{color:#a9f6f8}.scripts-art small{color:#88b9bf}.footer{background:#03070a}.footer>.brand>span{font-size:13px}.copyright{font-size:11px}body.motion-paused .logo-float,body.scene-offscreen .logo-float{animation-play-state:paused}body.motion-paused .logo-float{transform:none}body.motion-paused .hero-image{transform:scale(1.06)}@keyframes float-logo{0%,100%{translate:0 0}50%{translate:0 -13px}}@media(min-width:1600px){.hero-copy{padding-left:max(5.5%,calc((100vw - 1282px)/2));max-width:950px}.brand-stage{right:max(3%,calc((100vw - 1400px)/2))}.immersive{height:800px}.hero-copy{padding-top:90px}.brand-stage{top:45px}.hero h1{font-size:120px}}@media(max-width:1050px){.immersive{height:680px;min-height:0}.hero h1{font-size:91px}.brand-stage{width:51vw;right:-2%;top:30px;height:550px}.hero-copy{padding-top:65px;max-width:600px}.studio-plaque strong{font-size:17px}.stage-caption{font-size:8px}.hero-description{font-size:13px;max-width:330px}}@media(max-width:760px){.header{height:76px}.header .brand>span{font-size:12px}.header .brand small{font-size:9px}.header nav{top:76px}.immersive{height:auto;min-height:920px;display:flex;flex-direction:column}.hero-copy{padding:50px 6% 0;max-width:100%}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}.hero h1{font-size:83px;line-height:.89;margin-bottom:22px}.hero-description{font-size:13px;max-width:360px}.hero-actions{gap:10px;margin-top:23px}.hero-actions .button{font-size:12px;padding:13px 15px;gap:14px}.hero-shade{background:linear-gradient(90deg,#05090dde,#05090d66),linear-gradient(0deg,#05090d,transparent 55%,#05090dbb)}.hero-image{object-position:72% 70%;opacity:.55}.brand-stage{position:relative;top:auto;right:auto;width:340px;max-width:92%;height:345px;margin:-2px auto 70px;flex-shrink:0}.studio-plaque{bottom:5%;left:5%;right:5%;padding:12px}.studio-plaque strong{font-size:17px}.stage-caption{bottom:-16px;font-size:8px}.hero-foot{bottom:15px;font-size:8px;left:6%;right:6%;gap:6px;padding-top:10px}.hero-foot>span{display:none}.hero-foot button{font-size:9px;padding:9px 0}.hero-foot a{font-size:9px}#ocean{opacity:.6}.world{padding-top:35px;padding-bottom:45px}.section-heading h2{font-size:35px}.section-heading>p{font-size:13px}.entry-card{padding:23px 25px}.entry-card h3{font-size:29px}.brand-banner h2{font-size:35px}.brand-banner>img{width:27%;margin-top:40px}.brand-banner>div{width:73%}.brand-banner .button{font-size:12px}.footer>div{gap:12px}.footer p{font-size:12px}}@media(max-width:380px){.hero h1{font-size:72px}.immersive{min-height:875px}.brand-stage{width:300px;height:300px}.hero-actions .button{font-size:11px;padding:12px}.header .admin-link{font-size:11px;padding:8px}.header .brand{gap:6px}.header{gap:4px}}@media(prefers-reduced-motion:reduce){.logo-float{animation:none!important;transform:none!important}.hero-image{transform:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(60px,17.5vw,83px)}.hero-description{font-size:15px}.entry-card p,.product-body p,.portal-panel>p,.community-status p{font-size:16px}.brand-stage{margin-top:8px}.immersive{min-height:930px}}