:root{--bg:#080a0c;--bg2:#0e1013;--paper:#f6f7f5;--muted:#92979d;--hair:rgba(255,255,255,.12);--accent:#ff7d35;--accent2:#ffb16f;--content:1330px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}[hidden]{display:none!important}::selection{background:var(--accent);color:#080a0c}
.site-noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}
.announcement{height:31px;display:flex;align-items:center;justify-content:center;gap:12px;background:#d66c33;color:#140b08;font-size:9px;font-weight:800;letter-spacing:.18em}.announcement-dot,.status-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.announcement-slash{opacity:.4}
.header{position:relative;z-index:5;max-width:var(--content);height:79px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hair)}.brand-small{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;font-style:italic;letter-spacing:.04em}.brand-small img{width:42px;height:26px;object-fit:contain}.header nav{display:flex;align-items:center;gap:34px;font-size:10px;font-weight:700;letter-spacing:.13em}.header nav a{transition:color .2s}.header nav a:hover{color:var(--accent)}.nav-cta{border:1px solid rgba(255,125,53,.8);padding:13px 19px}.nav-cta span{color:var(--accent);margin-left:15px;font-size:17px;vertical-align:-2px}
.intro{text-align:center;position:relative;padding:58px 16px 15px;max-width:var(--content);margin:auto}.chapter{display:flex;justify-content:center;align-items:center;gap:16px;color:#83878a;font-size:10px;font-weight:800;letter-spacing:.29em}.chapter span{width:30px;height:1px;background:var(--accent)}.master-logo{margin:25px auto 0;display:flex;align-items:center;flex-direction:column}.master-emblem{width:clamp(180px,21vw,295px);height:auto;filter:drop-shadow(0 0 28px rgba(255,255,255,.07));animation:brandArrival .8s both}.master-word{margin-top:5px;font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;letter-spacing:.032em;line-height:1;font-size:clamp(25px,3.3vw,39px);transform:skew(-8deg);white-space:nowrap}.strapline{margin:23px auto 0;font-size:10px;font-weight:800;letter-spacing:.33em;color:#bfc3c7}.strapline i{color:#595d61;font-style:normal;margin:0 10px}.strapline strong{font-weight:800;color:var(--accent)}
.showcase{max-width:var(--content);margin:15px auto 0;padding:0 48px 36px;position:relative}.showcase-topline,.showcase-bottomline{border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;padding:18px 0 6px;font-size:9px;letter-spacing:.18em;color:#8e9398;font-weight:700}.topline-index{color:var(--accent)}.topline-live{display:flex;align-items:center;gap:10px}.topline-live span{width:7px;height:7px;background:#c3c9cb;box-shadow:0 0 12px rgba(255,255,255,.7);border-radius:50%;animation:pulse 3s infinite}
.showcase-main{height:685px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse 50% 62% at 52% 58%,rgba(255,255,255,.025),transparent 75%)}.showcase-aside{position:absolute;z-index:3;pointer-events:none}.showcase-aside-left{left:0;top:31%;width:min(280px,30%)}.eyebrow,.section-kicker{font-size:10px;font-weight:750;letter-spacing:.22em}.orange{color:var(--accent)}.showcase-aside-left h1{font-size:clamp(34px,3.6vw,52px);line-height:1.13;letter-spacing:-.055em;margin:20px 0}.showcase-aside-left h1 em{font-style:normal;color:var(--accent);font-weight:400}.showcase-aside-left p{font-size:14px;color:#9ba0a3;line-height:1.7;max-width:240px}.text-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid var(--accent);padding:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.13em;margin-top:30px;pointer-events:auto}.text-link span{font-size:18px;color:var(--accent)}.text-link:hover{color:var(--accent)}
.showcase-aside-right{right:0;top:22%;text-align:right;width:150px;display:flex;align-items:flex-end;flex-direction:column;gap:27px}.preview-index{color:#93989d;font-size:12px;letter-spacing:.1em}.preview-index b{font-size:23px;color:var(--accent);vertical-align:-2px;margin-left:8px}.preview-price{border-top:1px solid var(--hair);padding-top:18px;width:100%}.preview-price small{font-size:9px;color:#91979d;letter-spacing:.13em;font-weight:750;white-space:nowrap}.preview-price strong{display:block;font-size:65px;font-weight:500;line-height:1.14;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.preview-price strong span{font-size:26px;font-weight:400;color:var(--accent);letter-spacing:0;margin-left:4px}.price-note{font-size:9px;letter-spacing:.09em;color:var(--accent)}.caption-vertical{writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;color:#676c71;margin:30px 3px 0}
.product-stage{width:min(730px,65%);height:660px;position:relative;z-index:2;isolation:isolate;flex-shrink:0}.ambient-halo{position:absolute;z-index:-2;left:50%;top:47%;width:67%;height:69%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(240,247,255,.54) 0%,rgba(199,209,222,.25) 28%,rgba(142,146,153,.08) 52%,transparent 74%);filter:blur(40px);animation:breathe 5.7s ease-in-out infinite}.halo-orbit{position:absolute;z-index:-2;left:50%;top:55%;width:76%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg,transparent 0%,transparent 52%,rgba(255,125,53,.22) 64%,transparent 72%,transparent 100%);filter:blur(23px);opacity:.85;animation:orbital 20s linear infinite}.glint{position:absolute;z-index:0;pointer-events:none;border-radius:50%;background:#fff;box-shadow:0 0 20px 3px #fff,0 0 65px 10px rgba(226,232,244,.38);width:3px;height:3px;opacity:.4}.glint-a{top:27%;left:31%;animation:glint 6s infinite}.glint-b{top:59%;left:73%;animation:glint 8s 3s infinite}.stage-floor{position:absolute;z-index:-2;left:17%;right:17%;bottom:8%;height:26px;border-radius:50%;background:rgba(0,0,0,.9);box-shadow:0 0 40px 22px rgba(0,0,0,.65);filter:blur(9px)}.product-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline:none;filter:drop-shadow(0 27px 26px rgba(0,0,0,.45))}.product-stage canvas:active{cursor:grabbing}.product-fallback{position:absolute;inset:0 12%;background:url('/assets/product-poster.webp') center/contain no-repeat;opacity:0;pointer-events:none;transition:opacity .3s}.product-fallback.visible{opacity:1}.viewer-loading{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);color:#abb0b2;letter-spacing:.22em;font-size:10px;white-space:nowrap;pointer-events:none}
.viewer-toolbar{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;gap:28px;margin:-14px auto 30px;color:#a6aaae;font-size:10px;letter-spacing:.13em}.viewer-hint{display:flex;align-items:center;gap:9px;white-space:nowrap}.rotate-graphic{font-size:21px;color:var(--accent)}.hint-sep{color:#54565a}.views{display:inline-flex;border:1px solid var(--hair);padding:4px;gap:3px}.view-button{color:#82878c;border:0;background:transparent;padding:10px 13px;font-size:9px;letter-spacing:.1em;font-weight:750;transition:background .2s,color .2s}.view-button.active,.view-button:hover{background:#24272b;color:#fff}.view-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.showcase-bottomline{padding:16px 0 0;border-color:var(--hair)}
.statement{max-width:960px;margin:80px auto 110px;text-align:center;padding:0 24px}.section-kicker{color:#b6babc}.slash{color:var(--accent);margin-right:10px}.statement h2{font-size:clamp(36px,5vw,64px);line-height:1.12;letter-spacing:-.06em;font-weight:500;margin:28px auto 24px}.statement h2 em{font-weight:400;color:var(--accent);font-style:normal}.statement>p:not(.section-kicker){color:#a1a5a8;font-size:16px;line-height:1.75;max-width:560px;margin:0 auto}.statement-line{display:flex;gap:18px;align-items:center;margin-top:70px;color:#72777c;font-size:9px;letter-spacing:.16em}.line-run{height:1px;background:linear-gradient(90deg,#505154,var(--accent),#505154);flex:1}
.details{max-width:var(--content);padding:0 48px 150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-card{min-height:346px;border:1px solid rgba(255,255,255,.09);padding:27px 29px 25px;position:relative;background:linear-gradient(150deg,#111418,#0b0d0f);overflow:hidden;transition:border-color .3s,transform .3s}.detail-card::before{content:'';position:absolute;height:140px;width:140px;background:radial-gradient(circle,rgba(255,125,53,.10),transparent 70%);top:-45px;right:-45px;opacity:0;transition:opacity .3s}.detail-card:hover{border-color:rgba(255,125,53,.35);transform:translateY(-4px)}.detail-card:hover::before{opacity:1}.detail-number{color:#858b91;font-size:10px;letter-spacing:.15em}.detail-icon{font-size:40px;color:var(--accent);margin-top:24px;height:53px;font-weight:200}.shine-icon{animation:turnSlow 17s linear infinite}.detail-card h3{font-size:26px;line-height:1.13;letter-spacing:-.037em;font-weight:550;margin:11px 0 17px}.detail-card p{font-size:13px;line-height:1.7;color:#9a9fa3;max-width:280px}.detail-tag{display:block;font-size:9px;letter-spacing:.18em;color:var(--accent);margin-top:23px;font-weight:700}
.signup-section{position:relative;isolation:isolate;overflow:hidden;background:#111316;padding:120px 48px 138px;border-top:1px solid #2b2c2f}.signup-ambient{position:absolute;z-index:-1;inset:-20%;background:radial-gradient(circle at 15% 45%,rgba(255,125,53,.08),transparent 35%),radial-gradient(circle at 85% 74%,rgba(191,197,204,.04),transparent 42%);pointer-events:none}.signup-wrap{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.signup-copy h2{font-size:clamp(50px,5.5vw,80px);font-weight:550;letter-spacing:-.07em;line-height:1.03;margin:24px 0}.signup-copy h2 em{color:var(--accent);font-style:normal}.signup-copy>p:not(.section-kicker){color:#9da2a6;max-width:380px;line-height:1.75;font-size:15px}.cost{border-top:1px solid var(--hair);margin-top:55px;padding-top:27px;display:flex;flex-direction:column;align-items:flex-start}.cost>span{font-size:10px;color:#8e969b;letter-spacing:.17em;font-weight:700}.cost>strong{font-size:68px;letter-spacing:-.07em;font-weight:450;margin:7px 0 8px}.cost>strong small{font-size:30px;color:var(--accent);font-weight:400}.cost>span:last-child{color:var(--accent)}
.signup-form-col{background:#0b0e11;border:1px solid #3a3b3e;padding:34px 34px 29px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.signup-top{display:flex;justify-content:space-between;align-items:center;color:#999fa4;font-weight:700;font-size:10px;letter-spacing:.13em}.status-pill{color:var(--accent)}.status-pill i{vertical-align:1px;margin-right:7px}.signup-form-col h3{font-weight:550;font-size:34px;letter-spacing:-.035em;line-height:1.18;margin:34px 0 25px}.countdown-section{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:22px 0 20px;margin-bottom:29px}.countdown-caption{display:flex;justify-content:space-between;color:#8a9095;font-size:10px;letter-spacing:.12em;font-weight:700}.countdown-caption>span:last-child{font-size:18px;color:var(--accent)}.countdown-pending{font-size:24px;letter-spacing:-.02em;font-weight:600;color:#e8e9e8;margin:12px 0}.countdown-date{font-size:11px;color:#8a9095;line-height:1.5}.countdown{display:flex;gap:14px;justify-content:space-between;margin:20px 0 13px}.countdown>div{text-align:center;min-width:46px}.countdown b{display:block;font-size:33px;font-weight:550;font-variant-numeric:tabular-nums}.countdown small{font-size:9px;letter-spacing:.12em;color:#858a8e}.signup-form-col form>label:first-of-type{display:block;font-size:10px;letter-spacing:.13em;font-weight:700;color:#c2c5c7;margin-bottom:12px}.signup-form-col input[type=email]{width:100%;height:59px;border:1px solid #414447;background:#101317;color:#fff;padding:0 17px;font-size:16px;border-radius:0;outline:none;transition:border-color .2s}.signup-form-col input[type=email]:focus{border-color:var(--accent)}.signup-form-col input::placeholder{color:#6f767d}.honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}.checkbox-label{display:flex;align-items:flex-start;gap:13px;color:#a5abb0;font-size:12px;line-height:1.65;margin:19px 0;cursor:pointer}.checkbox-label input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.checkbox-label a{color:#fff;text-decoration:underline;text-underline-offset:3px}.submit-btn{width:100%;height:63px;background:var(--accent);color:#110b07;border:0;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12px;letter-spacing:.095em;font-weight:850;padding:0 22px;position:relative;overflow:hidden;transition:background .2s,transform .2s}.submit-btn:hover{background:#ff9958;transform:translateY(-2px)}.submit-btn::before{content:'';position:absolute;inset:0;transform:translateX(-145%) skewX(-24deg);width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:transform .6s}.submit-btn:hover::before{transform:translateX(300%) skewX(-24deg)}.submit-btn>span:last-child{font-size:21px;font-weight:400}.submit-btn:disabled{opacity:.55;cursor:wait}.form-message{min-height:20px;padding-top:11px;color:#d8dae0;font-size:12px;line-height:1.6}.form-message.error{color:#ffa69f}.form-message.success{color:#a6d8b6}.signup-footer{display:flex;justify-content:space-between;gap:10px;padding-top:21px;margin-top:9px;border-top:1px solid var(--hair);color:#747a80;font-size:9px;letter-spacing:.12em}
.footer{max-width:var(--content);padding:33px 48px 39px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{display:flex;align-items:center;gap:9px;font-size:12px;font-style:italic;font-weight:900;letter-spacing:.04em}.footer-logo img{width:47px}.footer>div{display:flex;gap:26px;font-size:10px;letter-spacing:.1em;color:#7e858a}.footer a:hover{color:var(--accent)}.back-top{font-size:10px;letter-spacing:.1em;color:#9ca1a5}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.inview{opacity:1;transform:none}
@keyframes pulse{50%{opacity:.45;transform:scale(.65)}}@keyframes breathe{50%{opacity:.7;transform:translate(-50%,-50%) scale(1.08)}}@keyframes orbital{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes glint{0%,24%,100%{opacity:0;transform:scale(.2)}12%{opacity:.8;transform:scale(1.3)}}@keyframes turnSlow{to{transform:rotate(360deg)}}@keyframes brandArrival{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1050px){.showcase{padding:0 25px 30px}.header{padding:0 25px}.showcase-main{height:620px}.product-stage{width:66%;height:610px}.showcase-aside-left{width:260px;top:33%}.showcase-aside-left h1{font-size:39px}.showcase-aside-right{right:0;top:17%;width:135px}.preview-price strong{font-size:55px}.signup-wrap{gap:48px}.details{padding:0 25px 115px}.detail-card{padding:24px 20px}.signup-section{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.announcement{height:27px;font-size:8px;letter-spacing:.09em;gap:8px}.header{height:62px;padding:0 19px}.brand-small{font-size:12px}.brand-small img{width:36px}.header nav{gap:12px;font-size:9px}.nav-secondary{display:none}.nav-cta{padding:10px 13px}.intro{padding:38px 15px 12px}.chapter{font-size:8px;letter-spacing:.16em;gap:10px}.chapter span{width:19px}.master-logo{margin-top:18px}.master-emblem{width:min(51vw,230px)}.master-word{font-size:27px;margin-top:3px;letter-spacing:.035em}.strapline{font-size:8px;letter-spacing:.16em;margin-top:16px}.strapline i{margin:0 6px}.showcase{margin:12px auto 0;padding:0 15px 26px}.showcase-topline,.showcase-bottomline{font-size:8px;padding:12px 0}.showcase-main{height:auto;display:flex;flex-direction:column}.showcase-aside-left{position:relative;order:2;left:auto;top:auto;width:100%;text-align:center;margin:4px auto 22px}.showcase-aside-left .eyebrow{font-size:9px}.showcase-aside-left h1{font-size:clamp(39px,9vw,55px);margin:13px 0}.showcase-aside-left p{margin:auto;max-width:340px;font-size:14px}.showcase-aside-left .text-link{margin-top:19px}.showcase-aside-right{order:3;position:relative;right:auto;top:auto;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--hair);padding:15px 2px;margin-top:4px}.preview-index{font-size:11px}.preview-price{padding:0;border:0;width:auto;text-align:right}.preview-price small{font-size:8px}.preview-price strong{font-size:34px;line-height:1.1}.preview-price strong span{font-size:17px}.price-note{font-size:8px}.caption-vertical{display:none}.product-stage{order:1;width:100%;height:clamp(395px,118vw,630px);margin:0 auto}.ambient-halo{width:80%;height:72%;filter:blur(30px)}.halo-orbit{width:85%}.viewer-toolbar{margin:3px auto 20px;flex-wrap:wrap;gap:12px}.viewer-hint{font-size:9px}.view-button{padding:9px 12px;font-size:9px}.statement{margin:80px auto 83px;padding:0 25px}.statement h2{font-size:clamp(34px,9vw,50px)}.statement>p:not(.section-kicker){font-size:14px}.statement-line{margin-top:52px}.details{grid-template-columns:1fr;padding:0 18px 100px;gap:9px}.detail-card{min-height:235px;padding:23px 25px}.detail-icon{float:right;margin:-9px 0 0;height:39px}.detail-card h3{font-size:24px;margin-top:33px}.detail-card p{max-width:380px}.signup-section{padding:78px 19px 87px}.signup-wrap{grid-template-columns:1fr;gap:50px}.signup-copy h2{font-size:clamp(48px,10vw,64px)}.signup-copy>p:not(.section-kicker){font-size:14px}.cost{margin-top:35px}.cost>strong{font-size:59px}.signup-form-col{padding:27px 23px 22px}.signup-form-col h3{font-size:31px}.footer{padding:30px 20px 40px;flex-wrap:wrap}.footer>div{order:3;justify-content:space-between;width:100%;font-size:9px}.back-top{font-size:9px}}
@media(max-width:400px){.topline-live{font-size:7px}.product-stage{height:420px}.master-word{font-size:24px}.viewer-toolbar{gap:4px}.viewer-hint{font-size:8px}.showcase-aside-left h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

@media(max-width:760px){.product-fallback{inset:0 -5%;mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,black 60%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,black 60%,transparent 96%)}}

/* SHINEDEX / NEBULA V6 — deliberate studio motion, not a neon texture overlay */
:root{--accent:#ff874a;--accent2:#ffb98b}
.intro{padding-top:45px;padding-bottom:35px;isolation:isolate;overflow:hidden}
.intro:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 53% at 50% 49%,rgba(255,255,255,.045),transparent 65%),radial-gradient(ellipse 34% 34% at 30% 55%,rgba(255,121,65,.035),transparent 78%)}
.master-logo{position:relative;z-index:2;margin:0 auto}
.master-emblem{width:clamp(385px,43vw,590px);filter:drop-shadow(0 0 45px rgba(255,255,255,.065));animation:logoRise 1.2s cubic-bezier(.16,1,.3,1) both;will-change:transform}
.master-word{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-size:clamp(33px,3.1vw,43px);font-weight:900;letter-spacing:.06em;transform:skew(-10deg);margin-top:-12px;text-shadow:0 0 20px rgba(255,255,255,.09)}
.strapline{position:relative;z-index:2;margin-top:27px;font-size:11px}
.starfield{position:absolute;z-index:1;inset:-10px 1% -20px;overflow:hidden;pointer-events:none}
.sky-star{display:block;position:absolute;width:2px;height:2px;border-radius:50%;background:#e7ecf5;opacity:0;box-shadow:0 0 7px rgba(229,237,255,.7);transform:scale(var(--scale));animation:twinkle var(--t) var(--delay) linear infinite}
.sky-star-cross{width:4px;height:4px;box-shadow:0 0 11px rgba(255,255,255,.8),0 0 20px rgba(255,154,97,.22)}
.sky-star-cross:before,.sky-star-cross:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#f8fbff,transparent)}
.sky-star-cross:before{width:1px;height:13px}.sky-star-cross:after{width:13px;height:1px}
@keyframes twinkle{0%,28%,36%,100%{opacity:0}32%{opacity:.8}33%{opacity:1}34%{opacity:.65}}
@keyframes logoRise{from{opacity:0;transform:translateY(24px) scale(.91);filter:blur(4px)}to{opacity:1;transform:none;filter:drop-shadow(0 0 45px rgba(255,255,255,.065))}}
/* The starfield intentionally remains behind the large logo. */
.showcase{margin-top:0}
.showcase-main{height:730px}
.product-stage{height:705px;width:min(780px,70%)}
.ambient-halo{width:72%;height:76%;background:radial-gradient(ellipse at 49% 52%,rgba(249,252,255,.36) 0%,rgba(220,226,248,.20) 25%,rgba(171,126,190,.15) 48%,rgba(255,137,75,.07) 57%,transparent 78%);filter:blur(49px);animation:breathe 7.5s ease-in-out infinite}
.light-rays{position:absolute;z-index:-1;inset:0;overflow:visible;pointer-events:none;isolation:isolate}
.prism-ray{position:absolute;display:block;left:50%;top:51%;width:var(--len);height:var(--thick);transform-origin:0 50%;transform:rotate(var(--angle)) scaleX(.6);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.17) 0%,var(--beam) 17%,var(--beam) 34%,rgba(255,255,255,.1) 70%,transparent 100%);filter:blur(.7px);box-shadow:0 0 9px var(--beam),0 0 21px rgba(239,219,255,.06);opacity:0;transition:opacity .15s ease-out,transform .7s ease-out;mix-blend-mode:screen}
.prism-ray.prism-active{opacity:.48;transform:rotate(var(--angle)) scaleX(1)}
.showcase-aside-left{top:29%}.showcase-aside-right{top:24%}
/* Replaces the former generic feature-board with three restrained format selectors. */
.formats{max-width:var(--content);margin:0 auto;padding:0 48px 145px}
.formats-heading{text-align:left;margin:0 0 46px}
.formats-heading h2{font-size:clamp(37px,4.6vw,62px);font-weight:550;letter-spacing:-.065em;line-height:1.08;margin:25px 0 18px}
.formats-heading h2 em{color:var(--accent);font-style:normal;font-weight:450}
.formats-heading>p:last-child{font-size:14px;line-height:1.8;color:#9ca2aa;max-width:590px}
.format-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.format-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:246px;padding:30px 30px 26px;background:linear-gradient(155deg,rgba(26,29,34,.82),rgba(10,11,13,.94));border:1px solid rgba(255,255,255,.12);color:#f3f4f5;isolation:isolate;overflow:hidden}
.format-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 98% 4%,rgba(255,127,71,.095),transparent 55%);opacity:0;transition:opacity .2s}
.format-card:hover,.format-card.active{border-color:rgba(255,137,75,.76)}.format-card:hover:before,.format-card.active:before{opacity:1}
.format-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.format-num{color:#8c939e;font-size:10px;font-weight:750;letter-spacing:.17em}
.format-name{display:flex;align-items:center;justify-content:space-between;width:100%;margin:39px 0 9px;font-size:clamp(29px,3.1vw,42px);font-weight:750;letter-spacing:-.045em}
.format-name>span{font-weight:400;font-size:18px;color:var(--accent);transform:translateY(-4px);transition:transform .25s}
.format-card:hover .format-name>span{transform:translate(3px,-7px)}
.format-desc{font-size:13px;color:#9ba2aa;line-height:1.5}
.format-foot{width:100%;border-top:1px solid rgba(255,255,255,.12);padding-top:19px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#a0a5ae;font-size:9px;letter-spacing:.17em}
.format-foot i{font-size:13px;font-style:normal;color:#636971}.format-card.active .format-foot i{color:var(--accent);text-shadow:0 0 13px var(--accent)}
.formats-note{font-size:11px;line-height:1.7;color:#878d96;max-width:730px;margin:21px auto 0;text-align:center}
.viewer-loading{z-index:3}
@media(max-width:1050px){.master-emblem{width:min(57vw,575px)}.product-stage{width:70%;height:640px}.showcase-main{height:640px}.formats{padding:0 25px 115px}}
@media(max-width:760px){
 .intro{padding:23px 12px 30px}
 .master-emblem{width:min(92vw,420px)}
 .master-word{font-size:clamp(27px,8.4vw,39px);margin-top:-5px}
 .strapline{margin-top:21px;font-size:9px;letter-spacing:.16em}
 .starfield{inset:0 -15px 0}
 .showcase-main{height:auto}
 .product-stage{width:100%;height:clamp(400px,119vw,650px)}
 .light-rays{overflow:hidden}
 .prism-ray{max-width:53vw}
 .ambient-halo{width:80%;height:76%;filter:blur(38px)}
 .formats{padding:0 19px 90px}
 .formats-heading{text-align:center;margin-bottom:29px}
 .formats-heading h2{font-size:clamp(35px,8.8vw,51px)}
 .formats-heading>p:last-child{margin:0 auto;font-size:13px}
 .format-choices{grid-template-columns:1fr;gap:9px}
 .format-card{min-height:160px;padding:19px 23px 17px}
 .format-name{margin:17px 0 7px;font-size:32px}
 .format-foot{margin-top:17px;padding-top:12px}
 .formats-note{font-size:10px}
}
@media(max-width:400px){.master-emblem{width:94vw}.product-stage{height:420px}}
@media(prefers-reduced-motion:reduce){.sky-star{animation:none;opacity:.08}.prism-ray{opacity:0!important}.master-emblem{animation:none;filter:none}}
/* Prevent the atmospheric layers from creating sideways scrolling on phones. */
.signup-section{overflow:hidden}
@media(max-width:760px){.starfield{inset:0}.product-stage{overflow:hidden}.product-fallback{inset:0}}
.product-fallback{-webkit-mask-image:radial-gradient(ellipse 69% 73% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 69% 73% at 50% 50%,#000 58%,transparent 100%)}

/* V7 / Collector gallery — deliberately minimal, keyboard/touch accessible. */
.gallery-console{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;max-width:880px;margin:12px auto 2px;padding:19px 23px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(24,27,31,.88),rgba(12,14,18,.86));z-index:5}
.gallery-id{display:flex;gap:14px;align-items:center;min-width:0}
.gallery-live-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#ff8b4b;box-shadow:0 0 0 5px rgba(255,139,75,.12),0 0 16px rgba(255,139,75,.4)}
.gallery-id>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.gallery-id small{color:#898f98;font-size:9px;letter-spacing:.18em;font-weight:750}
.gallery-id small span{color:#cb7d54}
.gallery-id strong{font-size:clamp(18px,2.1vw,26px);font-weight:670;letter-spacing:-.025em;color:#f6f6f6;line-height:1.1}
.gallery-id #current-card-grade{font-size:10px;letter-spacing:.08em;color:#b3bac2}
.gallery-shuffle{flex:none;display:flex;align-items:center;gap:22px;border:1px solid rgba(255,144,83,.6);background:transparent;color:#f0f0f0;font-size:10px;letter-spacing:.13em;font-weight:750;padding:15px 17px;cursor:pointer;transition:border-color .2s,background .2s}
.gallery-shuffle span{font-size:20px;font-weight:400;color:#ff9352;transition:transform .4s}
.gallery-shuffle:hover{background:rgba(255,133,65,.09);border-color:#ff9259}.gallery-shuffle:hover span{transform:rotate(90deg)}
.gallery-shuffle:focus-visible{outline:2px solid #ff9259;outline-offset:4px}.gallery-shuffle:disabled{opacity:.55;cursor:progress}
.gallery-disclaimer{max-width:850px;margin:11px auto 30px;text-align:center;color:#868d95;font-size:10px;line-height:1.7}
.gallery-disclaimer b{font-weight:600;color:#b5bbc2}
@media(max-width:760px){.gallery-console{margin:6px 7px;padding:17px 15px;gap:9px}.gallery-id{gap:11px}.gallery-id small{font-size:8px}.gallery-id strong{font-size:18px}.gallery-id #current-card-grade{font-size:9px}.gallery-shuffle{font-size:9px;padding:13px 11px;gap:8px}.gallery-shuffle span{font-size:18px}.gallery-disclaimer{margin:12px 10px 26px;font-size:10px}}
@media(max-width:370px){.gallery-console{flex-wrap:wrap}.gallery-shuffle{margin:7px 0 0 auto}}

/* V8 – crisp traced vector mark, automatic non-interactive gallery */
.master-emblem{image-rendering:auto;filter:none!important;transform:translateZ(0);}
.brand-small img,.footer-logo img{image-rendering:auto;filter:none}
.gallery-auto{font-size:10px;letter-spacing:.13em;color:#aeb3ba;font-weight:700;white-space:nowrap;flex:none}
@media(max-width:760px){.gallery-auto{font-size:8px;max-width:130px;line-height:1.6;white-space:normal;text-align:right}}
@media(max-width:370px){.gallery-auto{margin-left:auto}}

/* V9 | dense but restrained sky; behind product and behind DXF vector emblem. */
.master-wordmark{display:block;width:clamp(216px,23vw,350px);height:auto;margin:2px auto 0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.07));}
.master-word{display:none}
.brand-small .small-wordmark{width:92px;height:auto;object-fit:contain}
.stage-stars{position:absolute;pointer-events:none;inset:2% 1% 12%;z-index:-1;overflow:hidden}
.stage-star{background:rgba(232,242,255,.93);box-shadow:0 0 6px rgba(250,245,241,.55)}
.stage-star:nth-child(7n+2){background:rgba(255,176,132,.8);box-shadow:0 0 8px rgba(255,139,75,.55)}
.stage-star:nth-child(9n+1){width:3px;height:3px;}
.starfield .sky-star:nth-child(13n+4){background:rgba(255,187,146,.9)}
.starfield .sky-star:nth-child(9n+5){width:3px;height:3px}
@media (max-width:760px){.master-wordmark{width:clamp(185px,55vw,285px)}.brand-small .small-wordmark{width:82px}.stage-stars{inset:0 2% 10%}}
@media (prefers-reduced-motion:reduce){.sky-star{opacity:.32;animation:none!important}.stage-star{opacity:.24}}


/* SHINEDEX V10 / MOTION EDITION
   Motion is background-only: the 3D viewer and its interactions remain untouched.
   The signature SVG stays sharp at any size. */
.master-logo{
  gap:clamp(20px,2vw,28px);
}
.master-wordmark{
  margin:0 auto;
  position:relative;
  z-index:1;
  animation:wordmarkReveal 1.1s cubic-bezier(.22,.75,.25,1) .18s both;
}
.master-emblem{position:relative;z-index:1}
.strapline{margin-top:26px}
/* Soft ambient reflection: deliberately behind the logo, never over its edges. */
.master-logo::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  left:50%;top:36%;width:min(84vw,760px);height:75%;
  transform:translate(-50%,-50%) rotate(-7deg);
  background:radial-gradient(ellipse at 48% 46%,rgba(246,250,255,.055) 0%,rgba(202,217,235,.024) 34%,transparent 72%);
  filter:blur(26px);
  animation:logoAtmosphere 11s ease-in-out infinite alternate;
}
/* The star layer reacts only to a mouse; no change to touch scrolling. */
.starfield{
  transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);
  transition:transform .55s cubic-bezier(.2,.6,.3,1);
  will-change:transform;
}
/* Shooting stars cross the empty sky occasionally, with a fine fading tail. */
.sky-comet{
  display:block;position:absolute;pointer-events:none;left:var(--comet-x);top:var(--comet-y);
  width:clamp(65px,13vw,165px);height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(197,214,237,.05) 12%,rgba(236,244,255,.57) 76%,rgba(255,255,255,.96));
  transform-origin:right center;
  transform:translate3d(95px,-65px,0) rotate(-26deg) scaleX(.25);
  opacity:0;
  animation:cometPass var(--comet-speed,14s) linear var(--comet-delay,0s) infinite;
  box-shadow:0 0 9px rgba(244,247,255,.15);
}
.sky-comet::after{
  content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;
  border-radius:50%;background:#fff;
  box-shadow:0 0 11px rgba(255,255,255,.9),0 0 25px rgba(255,153,97,.25);
}
.sky-comet.warm{
  background:linear-gradient(90deg,transparent,rgba(255,143,90,.09) 20%,rgba(255,174,130,.7) 80%,#fff0df 100%);
}
/* Small orbiting specks, behind the product and away from foreground controls. */
.orbit-dust{
  display:block;position:absolute;left:50%;top:52%;width:3px;height:3px;
  border-radius:50%;background:rgba(236,244,255,.8);
  box-shadow:0 0 10px 2px rgba(220,232,246,.23);
  opacity:.0;transform-origin:center;
  animation:dustOrbit var(--orbit-duration,21s) linear var(--orbit-delay,0s) infinite;
}
.orbit-dust.warm{background:rgba(255,175,125,.82);box-shadow:0 0 9px 2px rgba(255,125,53,.22)}
/* A single roaming highlight along the editorial divider. */
.statement-line .line-run{position:relative;overflow:hidden}
.statement-line .line-run::after{
 content:"";position:absolute;top:0;bottom:0;width:22%;left:-25%;
 background:linear-gradient(90deg,transparent,rgba(255,224,196,.85),transparent);
 animation:lineTravel 9s ease-in-out 1s infinite;
}
/* CTA lighting is subtle, never obscures the label. */
.nav-cta{position:relative;overflow:hidden}
.nav-cta::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(110deg,transparent 12%,rgba(255,180,130,.12) 49%,transparent 73%);
 transform:translateX(-165%);
 animation:ctaShimmer 12s ease-in-out 3s infinite;
}
@keyframes wordmarkReveal{
 from{opacity:0;transform:translateY(9px);filter:blur(2px)}
 to{opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes logoAtmosphere{
 0%{opacity:.55;transform:translate(-50%,-50%) rotate(-7deg) scale(.92)}
 100%{opacity:1;transform:translate(-50%,-50%) rotate(7deg) scale(1.08)}
}
@keyframes cometPass{
 0%,61%{opacity:0;transform:translate3d(95px,-65px,0) rotate(-26deg) scaleX(.25)}
 62%{opacity:.85}
 66%{opacity:.95}
 71%{opacity:0;transform:translate3d(-230px,96px,0) rotate(-26deg) scaleX(1.08)}
 100%{opacity:0}
}
@keyframes dustOrbit{
 0%{opacity:0;transform:rotate(0deg) translateX(var(--orbit-radius,215px)) scale(.6)}
 18%,42%{opacity:.65}
 50%{opacity:.14}
 71%,86%{opacity:.5}
 100%{opacity:0;transform:rotate(360deg) translateX(var(--orbit-radius,215px)) scale(.6)}
}
@keyframes lineTravel{
 0%,17%{transform:translateX(0)}
 35%{transform:translateX(620%)}
 36%,100%{transform:translateX(620%)}
}
@keyframes ctaShimmer{
 0%,43%{transform:translateX(-165%)}
 52%{transform:translateX(165%)}
 53%,100%{transform:translateX(165%)}
}
@media(max-width:760px){
 .master-logo{gap:clamp(15px,4.4vw,21px)}
 .master-wordmark{margin:0 auto}
 .strapline{margin-top:22px}
 .sky-comet{width:clamp(55px,20vw,105px)}
 .orbit-dust{opacity:.2;--orbit-radius:125px}
}
@media(prefers-reduced-motion:reduce){
 .master-logo::before,.master-wordmark,.sky-comet,.orbit-dust,
 .statement-line .line-run::after,.nav-cta::after{animation:none!important}
 .starfield{transition:none!important;transform:none!important;will-change:auto}
 .sky-comet,.orbit-dust{display:none!important}
 .master-wordmark{opacity:1;transform:none;filter:none}
}