:root{--coral:#F15B5A;--violet:#7930B7;--brass:#B58D48;--ivory:#FAF7EF}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070508;color:var(--ivory);font-family:Inter,system-ui,Arial,sans-serif}
main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.5vh,17px);padding:calc(18px + env(safe-area-inset-top)) 12px calc(22px + env(safe-area-inset-bottom));overflow:hidden}
.scene{position:relative;width:min(97vw,1080px);aspect-ratio:1.92;isolation:isolate;perspective:1000px}
.scene::before{content:"";position:absolute;inset:8% 20%;background:radial-gradient(ellipse,#F15B5A30,transparent 65%);filter:blur(36px);pointer-events:none}
.orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.orbit-svg.back{z-index:5}.orbit-svg.front{z-index:35}
.orbit-wire{fill:none;stroke:#b98940;stroke-width:2.3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #d5984c88)}
.orbit-svg.back .orbit-wire{opacity:.85}.orbit-svg.front .orbit-wire{opacity:.97}
.brand{position:absolute;z-index:20;left:26%;top:26%;width:48%;display:flex;align-items:center;flex-direction:column;pointer-events:none}
.sunmark{display:block;width:65%;overflow:visible;filter:drop-shadow(0 0 20px #f15b5a44)}
.name{margin-top:-2%;font-size:clamp(36px,6vw,91px);font-weight:850;line-height:1;letter-spacing:.035em;white-space:nowrap;text-shadow:0 3px 13px #0008}
.name .du{color:#A764DC}.name .obl-ai{color:#FF665C}
#tiles{position:absolute;inset:0;pointer-events:none}
.tile{position:absolute;width:clamp(28px,5vw,61px);height:clamp(28px,5vw,61px);transform-style:preserve-3d;will-change:transform}
.tile-inner{position:absolute;inset:0;transform-style:preserve-3d;--thick:12px;--half:6px}
.tile-face{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(130deg,#fffdf7 8%,#f7e8d4 78%,#ddc3a1);border:2px solid #c39243;border-radius:16%;box-shadow:inset 0 0 0 1px #fef2d8,0 0 9px #ba843a66;backface-visibility:hidden}
.tile-face.front{transform:translateZ(var(--half))}.tile-face.back{transform:rotateY(180deg) translateZ(var(--half))}
.tile-face svg{width:66%;height:66%;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.edge{position:absolute;background:linear-gradient(90deg,#a96c23,#eed2a1 42%,#b87830);border:1px solid #885522}
.edge.left,.edge.right{top:2px;height:calc(100% - 4px);width:var(--thick)}
.edge.left{left:0;transform-origin:left center;transform:rotateY(-90deg) translateX(calc(var(--thick) * -0.5))}
.edge.right{right:0;transform-origin:right center;transform:rotateY(90deg) translateX(calc(var(--thick) * 0.5))}
.edge.top,.edge.bottom{left:2px;width:calc(100% - 4px);height:var(--thick)}
.edge.top{top:0;transform-origin:center top;transform:rotateX(90deg) translateY(calc(var(--thick) * -0.5))}
.edge.bottom{bottom:0;transform-origin:center bottom;transform:rotateX(-90deg) translateY(calc(var(--thick) * 0.5))}
.sub{color:#f5ded4;text-align:center;font-size:clamp(15px,1.6vw,21px);font-weight:600;letter-spacing:.01em}
.access-panel{display:grid;justify-items:center;gap:9px;width:min(96vw,880px);text-align:center}.access-panel h1{margin:0;font-size:clamp(19px,2.5vw,30px);letter-spacing:.01em}.access-intro{margin:0;color:#e3d5e2;font-size:clamp(13px,1.3vw,16px)}
.trial-link{display:inline-block;color:#FAF7EF;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b58d48;font-size:clamp(17px,2vw,24px);font-weight:750;min-height:44px;padding:7px 18px;text-align:center}
.trial-link:hover{color:#fff6e6;text-decoration-color:#F15B5A}
.buttons{display:flex;justify-content:center;width:100%;max-width:360px}
.buttons a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:var(--coral);border:1px solid var(--coral);color:#190c1c;text-decoration:none;padding:12px 18px;border-radius:15px;font-weight:740;min-height:62px;font-size:clamp(15px,1.5vw,19px);width:100%;transition:filter .2s ease}
.buttons a span{font-size:11px;font-weight:450;color:#351b25}
.buttons a:hover{filter:brightness(1.08)}
.create-account{font-size:clamp(12px,1.25vw,15px);margin:0;color:#d9c8da}
.create-account a{color:#FAF7EF;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
.protection{width:min(96vw,880px);border-top:1px solid #b58d4866;padding:13px 12px 0;text-align:center;display:grid;gap:4px}.protection h2{font-size:13px;letter-spacing:.045em;text-transform:uppercase;color:#efc89e;margin:0 0 3px}.protection p{font-size:11px;color:#d5c8d5;margin:0;line-height:1.45}.protection strong{color:#f7e4d4}.protection .protection-note{color:#baa9b7;font-size:10px;margin-top:3px}

.note{font-size:12px;color:#cab7c9;text-align:center}.motion{border:1px solid #b58d4880;color:#f8ebd5;background:#1d1221;border-radius:22px;padding:8px 14px;cursor:pointer;min-height:42px}
a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media(max-width:640px){main{justify-content:flex-start;gap:11px}.scene{width:100%;aspect-ratio:1.14}.brand{top:31%;left:21%;width:58%}.sunmark{width:81%}.name{font-size:clamp(31px,10vw,63px)}.tile{width:clamp(25px,7vw,41px);height:clamp(25px,7vw,41px)}.orbit-wire{stroke-width:1.75}.trial-link{font-size:19px;padding:6px 12px}.buttons{max-width:340px}.buttons a{min-height:54px;gap:2px;padding:8px}.access-panel{gap:5px}.protection{padding-top:10px}.protection p{font-size:10px}.note{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html.test-splash {
  --splash-bg:#faf7ef;--splash-text:#271831;--splash-muted:#574459;
  --splash-accent:#4b286d;--splash-link:#fffdf7
}
html.test-splash[data-workspace-theme="dark"] {
  color-scheme:dark;--splash-bg:#2f1749;--splash-text:#fbf2fc;--splash-muted:#e0cfe8;
  --splash-accent:#eedaff;--splash-link:#42245c
}
html.test-splash,.test-splash body{background:var(--splash-bg);color:var(--splash-text)}
.test-splash[data-workspace-theme="dark"] .name{background:#faf7ef;border-radius:12px;padding:3px 8px}
.test-splash[data-workspace-theme="dark"] .sunmark path:last-child{stroke:#faf7ef;stroke-width:2}
.test-splash .name{text-shadow:0 2px 12px #4b286d24}
.test-splash .name .du{color:#4b286d}
.test-splash .name .obl-ai{color:#f15b5a}
.test-splash .sub,.test-splash .access-intro,.test-splash .create-account,
.test-splash .protection p,.test-splash .note{color:var(--splash-muted)}
.test-splash .trial-link{background:var(--splash-link);color:var(--splash-accent);border:1px solid #b58d48;border-radius:15px}
.test-splash .trial-link:hover,.test-splash .create-account a{color:var(--splash-accent)}
.test-splash .protection h2,.test-splash .protection strong{color:var(--splash-accent)}
.test-splash .protection .protection-note{color:var(--splash-muted)}
.preview-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.preview-card{width:min(100%,640px);background:#1d1424;border:1px solid #b58d48;
border-radius:20px;padding:clamp(20px,4vw,40px);box-sizing:border-box}
.preview-card h1{color:#F15B5A;font-size:clamp(24px,4vw,36px)}
.preview-card p,.preview-card li{color:#FAF7EF;line-height:1.6}
.preview-label{font-size:12px;letter-spacing:.07em;color:#dfbba2!important}
.preview-back{display:inline-block;min-height:44px;color:#FAF7EF}