@import url('../home-future.css');
:root{color-scheme:dark;--bg:#040e1c;--ink:#e7f6ff;--muted:#95afc6;--line:#24415a;--accent:#71d3ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #7addff;outline-offset:5px}body>header.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:22px 5%;border-bottom:1px solid #24415a80;background:transparent}.brand{display:flex;gap:12px;align-items:center;font-size:28px;color:#8ddaff;font-weight:700}.brand>span{font-size:23px;color:white}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#9ebdd2}.site-header nav{display:flex;gap:28px;font-size:13px;color:#a9c5d8}#motion-toggle{background:#10273d;border:1px solid #31536c;color:#abcce3;border-radius:25px;padding:6px 12px;font-size:11px}main,footer{position:relative;z-index:1}section{max-width:1320px;margin:auto;padding:110px 48px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.8vw,82px);line-height:1.18;letter-spacing:-3px;margin-bottom:28px;font-weight:650}h1 span,h2 span{color:#80d9ff}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.35;font-weight:550;letter-spacing:-1px}h3{font-weight:600}.lead{font-size:17px;color:#a7c0d7;line-height:1.9}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#64bee7;font-weight:600;margin-bottom:22px}.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:visible}.hero-copy{position:relative;z-index:2;max-width:760px}.hero-bg{position:absolute;inset:-100px -10vw -40px 20%;background:linear-gradient(90deg,#040e1c,transparent 70%),linear-gradient(0deg,#040e1c,transparent 50%),url('../assets/deepwhale/all-media.png') center/cover;opacity:.28;pointer-events:none}.hero-orbit{width:370px;height:370px;position:absolute;right:5%;top:210px;perspective:900px;transform-style:preserve-3d;animation:levitate 8s ease-in-out infinite;pointer-events:none}.ring{position:absolute;inset:0;border:1px solid #51caff66;border-radius:50%;box-shadow:0 0 45px #18acff22,inset 0 0 35px #19b6ff11;transform:rotateX(65deg) rotateZ(20deg)}.r2{inset:25px;transform:rotateY(60deg) rotateZ(-20deg);border-color:#b7d6ff44}.orb{position:absolute;inset:70px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,#66d4ff55,#103e6a66 45%,#081629);border:1px solid #6acaff88;box-shadow:0 0 80px #0c9eff33,inset -20px -20px 60px #020c1e;font-size:100px;line-height:1;border-radius:50%;color:#8de3ff}.orb small{font-size:10px;letter-spacing:4px;margin-top:15px}.orbit-tag{position:absolute;font-size:9px;letter-spacing:2px;background:#0c253bcc;border:1px solid #38617d;padding:9px 14px;border-radius:5px;box-shadow:0 10px 35px #0008}.t1{top:10px;left:-30px}.t2{right:-60px;top:160px}.t3{bottom:0;left:25px}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.chips span{border:1px solid #31536c99;padding:6px 12px;border-radius:20px;font-size:10px;color:#a9c9df;background:#0b223688}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 24px;border:1px solid #365c77;border-radius:6px;background:#0e253d;color:#d8efff;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #119de222}.button.primary{background:linear-gradient(120deg,#8ce4ff,#47b7ef);border-color:#8edfff;color:#032035;font-weight:700}.scroll-hint{position:absolute;bottom:25px;font-size:9px;letter-spacing:3px;color:#6497b6}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-head h2{margin:0}.section-head>p{color:#91b1ca;font-size:13px}.actual-screen{width:100%;padding:0;text-align:left;background:#091a2c;border:1px solid #456883;border-radius:13px;overflow:hidden;box-shadow:0 30px 100px #0008,0 0 70px #0d8aff14;transform:perspective(1700px) rotateX(4deg)}.actual-screen img{display:block;width:100%;height:auto}.window-bar{padding:12px 18px;display:flex;gap:7px;align-items:center;background:#0d2034}.window-bar i{width:6px;height:6px;border-radius:50%;background:#39647d}.window-bar i:first-child{background:#73ceef}.window-bar span{font-size:10px;color:#8eafc8;margin:auto}.note{color:#7899b2;font-size:11px;line-height:1.8;margin-top:20px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:50px}.workflow article{padding:25px 22px;background:linear-gradient(135deg,#102b43cc,#07192bbb);border:1px solid #2a4c68;border-radius:10px;position:relative}.workflow article:not(:last-child):after{content:'→';position:absolute;right:-13px;top:50%;z-index:1;color:#69ccf4}.workflow b{font-size:12px;color:#4ba2ce;letter-spacing:3px}.workflow h3{margin:20px 0 8px;font-size:23px}.workflow p{font-size:11px;color:#91adc4;margin:0}.spotlight{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:25px;border:1px solid #294a63;border-radius:15px;background:#0a1e33aa}.spotlight img{width:100%;border-radius:8px}.spotlight h3{font-size:28px;line-height:1.4}.spotlight p:not(.eyebrow){font-size:13px;color:#9db8ce}.gallery-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{padding:7px 13px;border:1px solid #294a65;border-radius:25px;background:#0a2035;color:#9fbcd2;font-size:11px}.filters button[aria-pressed=true]{background:#83d9ff;color:#042139;border-color:#83d9ff}.search{font-size:10px;color:#7da4bf;display:flex;align-items:center;gap:10px}.search input{background:#0c2135;border:1px solid #31526c;border-radius:6px;color:#cfe9ff;padding:8px 12px;width:215px;font-size:12px}#feature-count{font-size:11px;color:#7da4bf}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{border:1px solid #284861;border-radius:12px;overflow:hidden;background:#0a1e33b5;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card[hidden]{display:none}.feature-card:hover{transform:translateY(-6px);border-color:#6cc8f2;box-shadow:0 20px 50px #0006}.feature-card>button{display:block;padding:0;width:100%;text-align:left;background:none;border:0;color:inherit}.feature-image{position:relative;aspect-ratio:16/10;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image>span{position:absolute;bottom:9px;right:10px;font-size:9px;padding:3px 8px;border:1px solid #41617c;background:#061629d9;border-radius:4px;color:#b3d2e8}.feature-copy{padding:20px}.feature-copy small{font-size:9px;color:#66bbdf;letter-spacing:2px}.feature-copy h3{font-size:19px;margin:8px 0}.feature-copy p{font-size:12px;color:#92adc4;margin:0;min-height:42px}.wide-promo{display:block;width:100%;border-radius:14px;border:1px solid #355875}.sound-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.sound-grid article,.value-grid article{padding:25px 28px;border-left:1px solid #3b6b89;background:linear-gradient(120deg,#10283bcc,transparent)}.sound-grid span{font-size:9px;letter-spacing:2px;color:#62b6de}.sound-grid h3,.value-grid h3{font-size:21px;margin:15px 0}.sound-grid p,.value-grid p{font-size:12px;color:#92afc6;margin:0}.local-section{text-align:center;border-block:1px solid #214260;background:radial-gradient(ellipse at center,#0a3b5e44,transparent 70%)}.local-section .value-grid{text-align:left}.cta{text-align:center;padding-bottom:140px}.cta h2{font-size:clamp(44px,5vw,70px)}.cta>p{color:#a4c7de}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:28px 5%;border-top:1px solid #25435c;color:#769eb9;font-size:11px}dialog{background:#081c2f;color:#e7f6ff;border:1px solid #476984;border-radius:12px;padding:42px 20px 20px;max-width:1440px;width:calc(100% - 28px);max-height:95vh;overflow:auto}dialog::backdrop{background:#020a15e8;backdrop-filter:blur(8px)}dialog>img{display:block;max-height:68vh;width:100%;object-fit:contain}dialog .close{position:absolute;top:7px;right:16px;background:none;border:0;font-size:26px;color:#b8daef}.dialog-copy{padding:20px}.dialog-copy>small{font-size:10px;color:#74cef6;letter-spacing:2px}.dialog-copy h2{font-size:26px;margin:8px 0}.dialog-copy>p{font-size:13px;color:#a6c2d7}.dialog-copy .actions{margin:20px 0 0}.reveal{transition:opacity .8s,transform .8s}.motion-active .reveal:not(.in-view){opacity:.2;transform:translateY(28px)}@keyframes levitate{50%{transform:translateY(-18px) rotateY(-7deg)}}@media(max-width:1000px){.hero-orbit{right:0;opacity:.35;transform:scale(.8)}.hero-copy{max-width:680px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:15px}.workflow{gap:10px}.workflow article{padding:20px 14px}}@media(max-width:700px){body>header.site-header{flex-wrap:wrap;padding:18px 22px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px;font-size:10px}.brand>span{font-size:20px}section{padding:70px 22px}.hero{min-height:710px;padding-top:80px;align-items:flex-start}.hero h1{font-size:52px}.hero-copy .lead{font-size:14px}.hero-orbit{width:230px;height:230px;top:460px;right:15px;opacity:.4}.orb{inset:45px;font-size:60px}.orb small{font-size:7px}.orbit-tag{display:none}.hero-bg{inset:0 -10px 0 0}.chips{gap:6px}.chips span{font-size:9px;padding:5px 9px}.section-head{display:block}.section-head>p{margin-top:20px}.section-head h2{font-size:33px}.workflow{grid-template-columns:1fr 1fr}.workflow article:last-child{grid-column:1/-1}.workflow article:after{display:none}.spotlight{grid-template-columns:1fr;padding:15px;gap:20px}.spotlight>div{padding:8px}.feature-grid{grid-template-columns:1fr}.sound-grid,.value-grid{grid-template-columns:1fr;gap:12px}.actual-screen{transform:none}.feature-image{aspect-ratio:16/10}.feature-copy p{min-height:0}.search{width:100%}.search input{flex:1;width:auto}.dialog-copy{padding:15px 0}.dialog-copy .button{padding:9px 12px;font-size:11px}.actions{gap:9px}.button{padding:12px 16px;font-size:12px}.local-section h2{font-size:34px}.scroll-hint{bottom:15px}.note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-active .reveal:not(.in-view){opacity:1;transform:none}}
/* Keep decorative light planes inside the page on narrow screens. */
body{overflow-x:clip}main{overflow:hidden}
.operation-steps{padding:18px 20px 18px 40px;background:#0d2a41;border:1px solid #2c506c;border-radius:8px;color:#afd0e4;font-size:13px}.operation-steps:empty{display:none}.operation-steps li{padding:5px 0}