*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a121b;color:white;font-family:Arial,'Segoe UI',sans-serif}.stage{height:100vh;height:100dvh;width:100%;position:relative;isolation:isolate;overflow:hidden}.art,.shade,.page-link{position:absolute;inset:0;width:100%;height:100%}.art{z-index:-3;object-fit:cover;object-position:65% center}.shade{z-index:-2;background:linear-gradient(90deg,#07131cf5,#07131ca8 35%,transparent 70%),linear-gradient(0deg,#07131caa,transparent 25%)}.page-link{z-index:1}header{position:absolute;top:3%;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}header img{width:clamp(135px,15vw,220px);height:65px;object-fit:contain}header span{font:10px Consolas,monospace;letter-spacing:3px}.copy{position:absolute;top:50%;transform:translateY(-45%);left:6%;width:38%;max-width:640px;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#a8eaf0;margin-bottom:2vh}h1{font-size:clamp(35px,min(4.5vw,8vh),85px);line-height:1.04;letter-spacing:-.05em;margin:0 0 2.4vh;overflow-wrap:anywhere;text-wrap:balance}h1 span{display:block}h1 span+span{color:#a8eaf0}.copy p{font-size:clamp(11px,1.05vw,16px);line-height:1.6;max-width:410px;color:#dbe5ee;margin:0 0 3vh}.cta{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:56px;padding:16px 24px;width:fit-content;max-width:100%;background:#a8eaf0;color:#10232b;text-decoration:none;font-weight:700;font-size:clamp(12px,1.1vw,17px);box-shadow:0 8px 40px #0004;transition:transform .2s}.cta b{font-size:25px}.cta:hover{transform:translateY(-2px);filter:brightness(1.1)}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}footer{position:absolute;bottom:2.2%;left:4.5%;right:4.5%;font-size:8px;line-height:1.5;color:#ddd9;pointer-events:none;z-index:2}.operator .copy{left:57%;width:36%}.operator .art{object-position:30% center}.operator .shade{background:linear-gradient(270deg,#15212bf5,#15212bb0 33%,transparent 70%),linear-gradient(0deg,#101822aa,transparent 25%)}.operator h1 span+span{color:#f8d7a3}.operator .cta{background:#f8d7a3}.industrial .copy{top:60%;width:38%}.industrial .shade{background:linear-gradient(90deg,#130f1bea,#130f1b80 40%,transparent 75%),linear-gradient(0deg,#130f1bcc,transparent 65%)}.industrial h1 span+span{color:#e8cc97}.industrial .cta{background:#e8cc97}.sunset .copy{width:34%}.sunset .shade{background:linear-gradient(90deg,#291813ed,#2918138a 34%,transparent 68%),linear-gradient(0deg,#291813aa,transparent 26%)}.sunset h1 span+span{color:#ffc997}.sunset .cta{background:#ffc997}.sunset .art{object-position:55% center}#notice{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:white;color:#142330;padding:16px;max-width:90%;width:max-content;z-index:20;font-size:13px}#notice[hidden]{display:none}dialog{padding:0;border:1px solid #ffffff40;width:min(820px,88vw);max-height:88dvh;overflow:hidden;background:#101c25;color:white;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#030911c9;backdrop-filter:blur(7px)}dialog>img{width:100%;height:clamp(130px,35vh,330px);object-fit:cover;object-position:center 30%;display:block}.exit-copy{padding:clamp(15px,3vh,32px)}h2{font-size:clamp(21px,3.2vw,38px);line-height:1.15;margin:0 0 20px;letter-spacing:-.03em}.exit-copy .cta{width:100%}#closeExit{position:absolute;top:10px;right:10px;width:40px;height:40px;border:1px solid #fff7;border-radius:50%;background:#101925d9;color:white;font-size:27px;cursor:pointer}html:lang(ja) h1,html:lang(zh) h1{font-size:clamp(30px,min(3.6vw,6.5vh),65px);line-height:1.2;letter-spacing:0}html:lang(ta) h1{font-size:clamp(26px,min(3vw,5.2vh),48px);line-height:1.3;letter-spacing:0}
@media(max-width:760px){header{top:2%}header img{width:140px;height:45px}.art{object-position:65% top}.operator .art{object-position:30% top}.industrial .art{object-position:50% top}.sunset .art{object-position:53% top}.shade,.operator .shade,.industrial .shade,.sunset .shade{background:linear-gradient(0deg,#0a141cf5 0%,#0a141cdb 30%,#0a141c44 65%,transparent 90%)}.copy,.operator .copy,.industrial .copy,.sunset .copy{left:7%;width:86%;max-width:none;top:auto;bottom:9%;transform:none}h1,.industrial h1{font-size:clamp(28px,min(8vw,5.5vh),50px);margin-bottom:1.7vh}.copy p{font-size:12px;margin-bottom:2vh;max-width:520px}.eyebrow{font-size:8px;margin-bottom:1.2vh}.cta{width:100%;min-height:50px;padding:12px 20px;font-size:14px}footer{left:7%;right:7%;font-size:7px;bottom:2%}html:lang(ja) h1,html:lang(zh) h1{font-size:clamp(28px,min(7vw,4.8vh),43px)}html:lang(ta) h1{font-size:clamp(22px,min(6vw,4vh),34px)}dialog>img{height:25dvh}h2{font-size:24px}}
@media(max-height:560px){.copy p,.eyebrow{display:none}.copy,.industrial .copy{top:52%;bottom:auto;transform:translateY(-40%)}h1{font-size:clamp(27px,6vh,43px)}.cta{min-height:42px;padding:9px 18px}header img{height:40px}dialog>img{height:25vh}.exit-copy{padding:14px}h2{font-size:22px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* V3: industrial cut-corner controls and restrained cinematic motion. */
body{--accent:#9ef4fa;--accent-rgb:158,244,250;--ink:#09202c}.operator{--accent:#ffe0a4;--accent-rgb:255,224,164}.industrial{--accent:#e8ca82;--accent-rgb:232,202,130}.sunset{--accent:#ffc08e;--accent-rgb:255,192,142}.cta,.operator .cta,.industrial .cta,.sunset .cta{position:relative;isolation:isolate;overflow:hidden;min-width:min(310px,100%);min-height:65px;padding:18px 24px 18px 30px;border:0;border-top:2px solid #ffffffb0;border-bottom:2px solid #0005;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px));background:linear-gradient(110deg,var(--accent),#fff2 52%,var(--accent)),var(--accent);color:var(--ink);box-shadow:none;filter:drop-shadow(0 5px 18px rgba(var(--accent-rgb),.25));font-size:clamp(13px,1.2vw,18px);letter-spacing:.045em;text-transform:uppercase;animation:cta-energy 3.4s ease-in-out infinite;transition:filter .2s,transform .2s}.cta:before{content:'';position:absolute;inset:-80% -40%;z-index:-1;background:linear-gradient(105deg,transparent 42%,#fff9 49%,transparent 56%);transform:translateX(-75%);animation:cta-sweep 4.8s ease-in-out infinite;pointer-events:none}.cta:after{content:'';position:absolute;left:8px;top:12px;bottom:12px;width:3px;background:var(--ink);opacity:.4;pointer-events:none}.cta>span{display:block;animation:cta-label 4.8s ease-in-out infinite}.cta b{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid #09202c44;background:#09202c0d;animation:cta-arrow 2.4s ease-in-out infinite}.cta:hover{filter:drop-shadow(0 6px 26px rgba(var(--accent-rgb),.5)) brightness(1.1);transform:translateY(-3px)}.cta:active{transform:translateY(1px)}.cta:focus-visible{outline:none;box-shadow:inset 0 0 0 4px white}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent)}.eyebrow:before{content:'';width:7px;height:7px;background:var(--accent);box-shadow:0 0 15px var(--accent);animation:signal 2.8s ease-in-out infinite}.eyebrow:after{content:'';height:1px;width:55px;background:linear-gradient(90deg,var(--accent),transparent)}h1 span{animation:title-arrive .85s both cubic-bezier(.2,.75,.2,1)}h1 span+span{color:var(--accent)!important;background:linear-gradient(100deg,var(--accent) 20%,#fff 44%,var(--accent) 65%);background-size:230% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-arrive 1s both .12s,title-light 7s ease-in-out 1.1s infinite,title-float 6s ease-in-out 1.1s infinite}.copy p{animation:title-arrive 1s both .22s}.art{animation:scene-breathe 22s ease-in-out infinite alternate;transform-origin:65% 40%}dialog{border:1px solid rgba(var(--accent-rgb),.45);border-top:3px solid var(--accent);box-shadow:0 25px 100px #000b,0 0 50px rgba(var(--accent-rgb),.12)}dialog[open]{animation:exit-arrive .38s cubic-bezier(.2,.8,.2,1)}dialog>img{height:clamp(130px,36vh,340px)}.exit-copy{background:radial-gradient(ellipse at right top,rgba(var(--accent-rgb),.12),transparent 70%),#0a1620}.exit-kicker{font:10px Consolas,monospace;letter-spacing:2px;color:var(--accent);display:flex;justify-content:space-between;margin-bottom:15px}.exit-copy h2{font-size:clamp(21px,2.7vw,34px);text-wrap:balance}.exit-copy .cta{animation-delay:.4s}#closeExit{z-index:3;transition:background .2s,transform .2s}#closeExit:hover{background:#253c49;transform:rotate(90deg)}
@keyframes cta-energy{0%,100%{filter:drop-shadow(0 4px 12px rgba(var(--accent-rgb),.18))}50%{filter:drop-shadow(0 5px 24px rgba(var(--accent-rgb),.4))}}
@keyframes cta-sweep{0%,35%{transform:translateX(-75%)}75%,100%{transform:translateX(75%)}}
@keyframes cta-label{0%,40%,70%,100%{transform:translateY(0)}53%{transform:translateY(-2px)}}
@keyframes cta-arrow{0%,70%,100%{transform:translate(0,0)}85%{transform:translate(3px,-3px)}}
@keyframes title-arrive{from{opacity:0;transform:translateY(16px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes title-light{0%,100%{background-position:100% center}50%{background-position:0% center}}
@keyframes title-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes signal{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes exit-arrive{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.cta{min-height:55px;padding:12px 22px;font-size:13px}.cta b{width:30px;height:30px}.exit-kicker{font-size:8px;margin-bottom:12px}dialog>img{height:26dvh}.exit-copy h2{font-size:23px}}
@media(max-height:560px){.cta{min-height:43px;padding:8px 20px}.cta b{width:25px;height:25px;font-size:20px}.exit-kicker{display:none}dialog>img{height:24vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}h1 span+span{-webkit-text-fill-color:var(--accent)}}

/* Daybreak variant: subject right, warm morning light, copy left. */
.daybreak{--accent:#ffd9a0;--accent-rgb:255,217,160}.daybreak .art{object-position:72% center}.daybreak .shade{background:linear-gradient(90deg,#120f0cf2,#120f0ca6 36%,transparent 70%),linear-gradient(0deg,#120f0caa,transparent 25%)}.daybreak h1 span+span{color:#ffd9a0}.daybreak .cta{background:#ffd9a0}
@media(max-width:760px){.daybreak .art{object-position:68% top}.daybreak .shade{background:linear-gradient(0deg,#0f0c09f5 0%,#0f0c09db 30%,#0f0c0944 65%,transparent 90%)}.daybreak .copy{left:7%;width:86%;max-width:none;top:auto;bottom:9%;transform:none}}