@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070b0f;--surface:#0e141a;--fg:#f2f5f5;--muted:#97a5ad;--line:#263038;--cyan:#a2efff;--font:'DM Sans','Noto Sans SC',sans-serif;--display:'Space Grotesk','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.65}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}h2{font-size:clamp(35px,4vw,60px);line-height:1.25;font-weight:500;letter-spacing:-1.5px}h2 em,h1 em{font-style:normal;color:var(--cyan)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:#070b0f}.skip{position:fixed;top:-100px;z-index:200;background:var(--cyan);color:#070b0f;padding:10px}.skip:focus{top:0}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;border-bottom:1px solid #ffffff16;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(#070b0fba,transparent)}.brand{display:flex;gap:12px;align-items:center;font-family:var(--display);font-size:25px;letter-spacing:1.6px;font-weight:700;line-height:1.1}.brand-sub{display:block;font-size:7px;letter-spacing:3.5px;margin-top:7px;font-weight:500}.logo-mark{width:32px;height:32px;overflow:hidden;position:relative;display:block}.logo-mark img{position:absolute;width:100px;max-width:none;left:-34px;top:-17px;mix-blend-mode:screen}.header nav{display:flex;gap:34px;font-size:12px;color:#c9d3d8;letter-spacing:.4px}.header nav a:hover{color:var(--cyan)}.nav-tools{display:flex;gap:26px;align-items:center}.language{font-size:12px;padding:8px 0}.language span{color:var(--muted);margin-left:7px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--cyan);color:#06131a;font-size:14px;line-height:1.4;padding:19px 24px;font-weight:600;border:1px solid var(--cyan);transition:.25s}.button:hover{background:#d8f8ff;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:12px}.button.secondary{background:transparent;color:var(--cyan)}#menu{display:none}.hero{position:relative;min-height:800px;height:min(950px,100svh);overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;background:url('assets/future-portal.png') center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05090ee0 0%,#05090e70 39%,transparent 75%),linear-gradient(0deg,#070b0f 0%,transparent 26%)}.hero-content{position:relative;padding:135px 6.5% 95px;width:100%;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;display:flex;align-items:center;gap:10px;color:#c5d4db}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;box-shadow:0 0 14px var(--cyan)}.hero-intro{margin:35px 0 12px;letter-spacing:4px;font-size:14px;color:#c8d6df}h1{font-size:clamp(66px,7.7vw,118px);font-weight:600;line-height:1.1;letter-spacing:-5px}h1 em{color:#d9f7ff}.hero-copy{font-size:14px;color:#b7c4cd;line-height:1.9;max-width:420px;margin-top:27px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;border-bottom:1px solid #6a747a;padding:9px 0;line-height:1.5}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.hero-foot{position:absolute;bottom:27px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#8f9ea8}.hero-foot a{color:#d6e0e4}.ticker{height:83px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:20px;overflow:hidden;white-space:nowrap;padding:0 20px;font-family:var(--display);font-size:18px;letter-spacing:1px}.ticker i{font-size:24px;color:var(--cyan);font-style:normal}.section{max-width:1600px;margin:auto;padding:110px 6.5%}.section-label{display:flex;justify-content:space-between;color:#8698a4;letter-spacing:1.8px;font-size:9px;border-top:1px solid var(--line);padding-top:21px;margin-bottom:56px}.vision{padding-top:90px}.vision .section-label{border:0;padding:0}.vision-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.vision-grid h2{font-size:clamp(44px,5vw,76px)}.vision-body .lead{font-size:22px;color:#e9eff2;margin-bottom:25px}.vision-body p{font-size:14px;color:var(--muted);margin-bottom:20px;max-width:490px;line-height:1.9}.vision-body .text-link{margin-top:12px}.process{padding-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:53px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:330px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:28px 25px 27px;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border-right:0;padding-right:0}.step-no{font-size:10px;color:#8795a0;font-family:monospace}.step-icon{font-family:sans-serif;font-size:40px;font-weight:300;color:var(--cyan);height:80px;display:flex;align-items:center}.steps h3{font-size:18px;font-weight:500;margin:12px 0}.steps p{font-size:12px;color:var(--muted);line-height:1.9;min-height:74px}.mono{font-family:monospace;font-size:9px;letter-spacing:1.4px}.steps .mono{display:block;color:#687d8a;margin-top:30px;font-size:8px}.work{padding-top:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px}.project:nth-child(even){margin-top:80px}.project-image{width:100%;aspect-ratio:1.35;position:relative;overflow:hidden;text-align:left;border:1px solid #263038;display:block;padding:0;background:#0c1118}.project-image:focus-visible{outline-offset:4px}.project-image:hover .round-arrow{transform:rotate(45deg);background:var(--cyan);color:#06131a}.project-status{position:absolute;z-index:3;left:24px;top:23px;color:#c4d4df;letter-spacing:1.3px;font-size:8px}.round-arrow{position:absolute;bottom:24px;right:24px;border:1px solid #74878e88;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px;transition:.3s;z-index:5}.project-info{display:flex;justify-content:space-between;gap:15px;margin:20px 0 0}.project-info h3{font-size:27px;letter-spacing:-.5px;font-weight:500}.project-info p{font-size:12px;color:var(--muted);margin:5px 0}.project-info>span{font-size:10px;font-family:monospace;color:#687d8a;margin-top:10px}.project-links{display:flex;gap:22px;font-size:10px;color:var(--cyan);margin-top:14px}.project-links button{font-size:inherit;padding:0}.project-links span{color:#70828f}.project-links a:hover,.project-links button:hover{text-decoration:underline}.jjfit .project-image{background:radial-gradient(ellipse at 40% 70%,#174b5860,transparent 65%),#091219}.health-orbit{position:absolute;width:470px;height:470px;border:1px solid #8be9ff20;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 40px #8be9ff06,0 0 0 100px #8be9ff04}.health-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:25px solid #c3d4dd;box-shadow:inset -5px -8px 8px #13242b,0 7px 10px #0007;left:9%;top:37%;transform:rotate(-25deg) scaleX(.7);background:#0b1721}.health-display{position:absolute;left:40%;top:18%;width:42%;height:70%;padding:23px 18px;border:1px solid #47575e;border-radius:24px;background:linear-gradient(145deg,#253841,#071117 70%);transform:rotate(7deg);box-shadow:20px 25px 45px #0006;display:flex;flex-direction:column;gap:11px}.health-display>span{font-family:var(--display);font-weight:600;font-size:24px;color:var(--cyan)}.health-display small{font-size:6px;letter-spacing:1px;color:#8ca6b7}.health-display strong{font-size:clamp(16px,2vw,26px);line-height:1.3;font-weight:400;letter-spacing:-.7px}.health-wave{margin:auto 0;color:var(--cyan);font-size:20px;white-space:nowrap;overflow:hidden}.wishcode .project-image{background:radial-gradient(circle at 50% 45%,#4a3f274a,transparent 60%),#12120f}.wish-orbit{width:63%;aspect-ratio:1;position:absolute;top:13%;left:18.5%;border:1px solid #9e8a5b55;border-radius:50%;display:grid;place-items:center}.trigram{font-family:serif;font-size:100px;color:#dbcbab;font-weight:400;line-height:1;transform:translateY(-10px)}.orbit-line{position:absolute;width:90%;height:90%;border:1px solid #9e8a5b44;border-radius:50%}.orbit-line.two{width:78%;height:78%}.orbit-line.three{width:110%;height:110%;border-style:dashed}.wish-small{position:absolute;bottom:20%;font-size:8px;letter-spacing:2px;color:#9e8a5b}.wish-title{position:absolute;bottom:24px;left:24px;letter-spacing:5px;font-size:15px;color:#dbcbab}.qcf .project-image{background:radial-gradient(circle at 50% 50%,#11365b,#02060d 70%)}.qcf-stars{position:absolute;inset:0;opacity:.3;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:49px 47px;transform:rotate(-10deg)}.qcf img{position:absolute;left:25%;top:12%;width:50%;height:61%;object-fit:contain;mix-blend-mode:screen}.qcf-caption{position:absolute;bottom:28px;left:24px;color:#e3d4ab;font-family:Georgia,serif;font-size:14px;letter-spacing:2px;line-height:1.6}.identity .project-image{background:radial-gradient(ellipse at 50% 100%,#35404d60,transparent),#0f151a}.id-circles{position:absolute;border:1px solid #799bab30;border-radius:50%;width:420px;height:420px;left:20%;top:40%;box-shadow:0 0 0 35px #799bab08,0 0 0 70px #799bab05}.id-symbol{position:absolute;font-size:180px;left:-15px;top:10%;color:#8197a418;font-family:serif}.id-card{position:absolute;left:25%;top:20%;width:52%;height:60%;border:1px solid #8799aa55;border-radius:8px;background:linear-gradient(130deg,#344651,#111e26);transform:rotate(-8deg);padding:18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 25px 55px #0006}.id-card .mono{font-size:8px;color:#d2c6a8}.id-card img{width:80px;height:105px;object-fit:cover;object-position:top;mix-blend-mode:screen;margin:auto}.id-card small{font-size:5px;letter-spacing:1px;color:#c8bc99}.lab{background:#0c1217;max-width:none;padding-top:75px;padding-bottom:90px;border-block:1px solid var(--line)}.lab .section-label{border:0;padding:0}.lab-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.lab-kicker{font-family:monospace;font-size:10px;letter-spacing:2px;color:var(--cyan)}.lab h2{font-size:43px;margin:23px 0}.lab p{color:#9baab4;font-size:13px;line-height:1.9;max-width:470px}.lab-facts{display:flex;justify-content:space-between;gap:15px;margin:30px 0 23px}.lab-facts>div{display:flex;flex-direction:column;gap:8px}.lab-facts strong{font-size:32px;font-family:var(--display);font-weight:400}.lab-facts sup{font-size:16px}.lab-facts span{font-size:9px;color:#8598a4;max-width:110px}.lab p.lab-note{font-size:10px;line-height:1.8;color:#6e808b}.binary-panel{border:1px solid #3b4c56;background:#070e13;padding:24px}.binary-top,.binary-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#829aa7}.binary-content{display:flex;align-items:center;gap:40px;padding:25px 0}.binary-content>div:last-child{display:flex;flex-direction:column;gap:6px}#binary-output{font-family:monospace;font-size:32px;color:#cbeaf2;font-weight:400;letter-spacing:3px}#decimal-output{font-family:monospace;font-size:10px;color:#607680}#hexagram{width:70px;display:flex;gap:6px;flex-direction:column-reverse}.hex-line{height:5px;display:flex;justify-content:space-between}.hex-line span{width:100%;height:5px;background:var(--cyan)}.hex-line.broken span{width:43%}#binary-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}#binary-grid button{height:30px;border:1px solid #263640;font-size:9px;font-family:monospace;color:#79919e;padding:0}#binary-grid button:hover{border-color:var(--cyan);color:var(--cyan)}#binary-grid button.selected{background:var(--cyan);color:#071018;border-color:var(--cyan)}.binary-bottom{margin-top:20px;letter-spacing:0}.binary-bottom button{font-size:10px;color:var(--cyan)}.journal{padding-bottom:100px}.journal-row{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.journal-row h2{font-size:45px}.journal-row p{font-size:14px;line-height:1.9;color:var(--muted);margin:8px 0 20px}.journal-date{display:block;font-size:9px;letter-spacing:2px;color:#607680;margin-top:20px}.cta{margin:0 3%;max-width:none;border:1px solid #40515b;background:radial-gradient(ellipse at 100% 10%,#25404a70,transparent 60%),#10181f;padding:65px 5%;position:relative;overflow:hidden}.cta:after{content:'✳';position:absolute;right:5%;top:0;font-size:260px;line-height:1;color:#9ac6d610;pointer-events:none}.cta h2{font-size:clamp(35px,5.8vw,85px);margin:25px 0 35px;line-height:1.15;letter-spacing:-2px}.cta h2 em{font-size:.86em;letter-spacing:-2px}.cta-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.cta-bottom p{font-size:13px;color:var(--muted);line-height:1.9}footer{padding:70px 6.5% 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:50px;gap:30px}.footer-main>div:nth-child(2){font-size:12px;color:#94a3ad}.footer-domain{display:block;font-size:9px;letter-spacing:2px;color:#657b88;margin-top:10px}.footer-links{display:flex;gap:30px;font-size:12px}.footer-links button{font-size:inherit;padding:0}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#667b88}dialog{color:var(--fg);background:#0d161e;border:1px solid #465760;padding:50px;width:min(680px,calc(100% - 30px));max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.close{position:absolute;top:14px;right:18px;font-size:29px;color:#93a6b2;width:34px;height:34px;line-height:1;z-index:2}.close:hover{color:white}dialog h2{font-size:38px;line-height:1.2;margin:18px 0 24px}dialog p{font-size:14px;color:#a9bac6;line-height:1.9;margin:15px 0}dialog h3{font-size:19px;margin:28px 0 12px}dialog ul{padding-left:20px;font-size:13px;line-height:2;color:#9eafb9}dialog a{color:var(--cyan)}.detail-status{color:var(--cyan);font-size:9px;letter-spacing:2px}.detail-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.detail-art{width:130px;height:130px;object-fit:cover;margin:20px 0}.brief-heading p{font-size:12px}.brief-heading h2{margin:18px 0}fieldset{border:0;padding:0;margin:30px 0}legend,.form-label{font-size:12px;margin-bottom:14px;color:#bacbd6;display:block}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid label{display:flex;gap:10px;align-items:center;padding:13px 10px;border:1px solid #3a4c56;font-size:12px;cursor:pointer}.choice-grid input{accent-color:var(--cyan)}textarea,select{border:1px solid #3a4c56;background:#091117;color:var(--fg);padding:15px;width:100%;font-size:13px;border-radius:0}textarea{resize:vertical;min-height:100px}textarea:focus,select:focus{outline:1px solid var(--cyan)}.form-label{margin-top:22px}select{margin-bottom:25px}#brief-form>.button{width:100%;justify-content:center}pre{white-space:pre-wrap;word-break:break-word;background:#081117;border:1px solid var(--line);padding:20px;font-size:13px;line-height:1.8;font-family:var(--font);max-height:300px;overflow:auto}.result-actions{display:flex;gap:12px;margin:20px 0}.result-actions .button{font-size:12px;padding:14px 18px}#brief-result .text-link{display:flex;margin-top:10px}#copy-status{font-size:12px;min-height:22px;color:var(--cyan)}
@media(min-width:1600px){.hero-content{max-width:1750px;margin:auto}.hero{max-height:1000px}}
@media(max-width:1050px){.header{padding-inline:4%}.header nav{gap:20px}.nav-tools{gap:15px}.brand{font-size:22px}.nav-tools .button{display:none}.hero{min-height:760px;height:90svh}.hero-art{background-position:58% center}.hero-content{padding-left:6%}.hero-foot{left:6%;right:6%}.section{padding-inline:6%}.section-heading h2{font-size:44px}.vision-grid{gap:7%}.steps article{padding-inline:18px}.lab-grid{gap:5%}.lab h2{font-size:36px}.lab-facts strong{font-size:27px}.binary-panel{padding:17px}.health-display{top:20%;height:67%;padding:17px 13px}.health-display strong{font-size:18px}.health-display small{font-size:5px}.health-ring{width:120px;height:120px;left:5%}.id-card{padding:12px}.id-card img{height:85px;width:65px}.id-card small{font-size:4px}.wish-small{font-size:6px}.trigram{font-size:80px}}
@media(max-width:700px){html{scroll-padding-top:30px}.header{height:75px;padding:0 6%}.brand{font-size:21px;gap:8px}.brand-sub{font-size:6px;letter-spacing:2.7px}.logo-mark{width:26px;height:28px}.logo-mark img{left:-36px;top:-19px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 6%;background:#0b151e;border-bottom:1px solid var(--line);gap:22px;flex-direction:column;font-size:14px}.header nav.open{display:flex}#menu{display:block;font-size:20px;padding:4px 0 4px 10px}.nav-tools{gap:15px}.language{font-size:11px}.hero{min-height:785px;height:96svh;max-height:900px;align-items:flex-start}.hero-content{padding:143px 7% 30px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-intro{font-size:11px;letter-spacing:2.3px;margin:31px 0 14px}h1{font-size:clamp(55px,12vw,84px);letter-spacing:-3px;line-height:1.15}.hero-art{background-position:66% 70%;background-size:auto 100%;opacity:.9}.hero-shade{background:linear-gradient(90deg,#03090ddd,#03090d44 100%),linear-gradient(0deg,#070b0f,transparent 42%)}.hero-copy{font-size:12px;max-width:310px;margin-top:25px}.hero-actions{gap:23px;flex-wrap:wrap;margin-top:28px}.hero-actions .button{font-size:12px;padding:17px 18px;gap:30px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-foot{left:7%;right:7%;bottom:27px;font-size:7px;letter-spacing:.7px}.hero-foot>span:nth-child(2){display:none}.ticker{height:64px;font-size:13px;justify-content:flex-start;gap:26px;padding-left:7%}.ticker i{font-size:19px}.section{padding:70px 7%}.section-label{font-size:7px;letter-spacing:1.1px;margin-bottom:34px;gap:12px}.section-label span:last-child{text-align:right}h2{font-size:36px;letter-spacing:-1px}.vision-grid,.journal-row{grid-template-columns:1fr;gap:30px}.vision-grid h2{font-size:46px}.vision-body .lead{font-size:20px}.vision-body p{font-size:13px}.process{padding-top:0}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:35px}.section-heading>p{font-size:12px;margin-top:23px}.steps{grid-template-columns:1fr 1fr}.steps article{padding:25px 16px!important;border-bottom:1px solid var(--line)}.steps article:nth-child(even){border-right:0}.steps article:nth-child(odd){padding-left:0!important}.steps article:nth-child(n+3){border-bottom:0}.steps h3{font-size:16px}.steps p{font-size:11px;min-height:83px}.steps .mono{font-size:6px;letter-spacing:.4px;margin-top:15px}.step-icon{font-size:34px;height:60px}.work{padding-top:0}.projects{grid-template-columns:1fr;gap:40px}.project:nth-child(even){margin-top:0}.project-image{aspect-ratio:1.25}.project-status{font-size:7px;left:18px;top:18px}.project-info h3{font-size:25px}.project-info p{font-size:11px}.health-display{height:72%;top:16%;width:43%;padding:19px 15px}.health-display strong{font-size:22px}.health-display small{font-size:5px}.health-ring{width:115px;height:115px;left:6%}.health-wave{font-size:19px}.project-links{font-size:10px;gap:20px}.trigram{font-size:95px}.wish-small{font-size:7px}.id-card img{width:75px;height:100px}.id-card .mono{font-size:7px}.id-card small{font-size:5px}.qcf-caption{font-size:12px}.lab-grid{grid-template-columns:1fr;gap:32px}.lab h2{font-size:35px}.lab p{font-size:12px}.lab .lab-note{font-size:10px}.binary-panel{padding:22px}.binary-content{padding:28px 0}#binary-grid button{height:31px}.lab-facts span{font-size:8px}.journal-row h2{font-size:34px}.journal-row p{font-size:12px}.cta{margin:0 5%;padding:40px 7%}.cta .eyebrow{font-size:8px;letter-spacing:1.3px}.cta h2{font-size:34px;letter-spacing:-1.2px}.cta h2 em{font-size:.78em;letter-spacing:-1px}.cta-bottom{display:block}.cta-bottom .button{margin-top:24px;width:100%;font-size:12px;padding:16px}.cta-bottom p{font-size:11px}.cta:after{font-size:150px;top:50px}footer{padding:50px 7% 25px}.footer-main{align-items:flex-start;flex-direction:column;gap:27px;padding-bottom:35px}.footer-main>div:nth-child(2){font-size:11px}.footer-links{font-size:11px}.footer-bottom{font-size:7px;gap:15px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}dialog{padding:35px 24px;width:calc(100% - 24px);max-height:94svh}dialog h2{font-size:31px}dialog p{font-size:12px}.choice-grid label{font-size:10px;padding:12px 8px}.brief-heading .eyebrow{font-size:8px}.result-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Multilingual cinematic landing page */
.language-picker{display:flex;gap:8px;align-items:center;color:#c8d4df}.language-picker>span{font-size:21px}.language-picker select{width:106px;padding:7px 14px 7px 4px;margin:0;border:0;font-size:11px;background:#0a1118c9;color:#e1edf3;cursor:pointer}.hero-art{background-image:url('assets/future-city.png');background-position:68% center;animation:cinematic-drift 20s ease-in-out infinite alternate;transform-origin:65% 65%;will-change:transform}.hero-shade{background:linear-gradient(90deg,#05090edb 0%,#05090e80 28%,#05090e12 64%),linear-gradient(0deg,#070b0f 0%,transparent 25%)}.hero-content{pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero-copy{max-width:390px}.hero h1{font-size:clamp(64px,7.2vw,108px)}.hero-actions{max-width:610px}.hero-content .eyebrow{max-width:600px}.cinema-sweep{position:absolute;inset:-20% -50%;background:linear-gradient(110deg,transparent 40%,#bdeaff08 50%,transparent 60%);animation:light-sweep 24s linear infinite;pointer-events:none}.scene-controls{position:absolute;z-index:3;right:6.5%;bottom:79px;display:flex;gap:8px}.scene-controls button{background:#0610188a;border:1px solid #9bbcc348;backdrop-filter:blur(12px);font-size:9px;letter-spacing:.5px;padding:11px 14px;display:flex;gap:8px;align-items:center}.scene-controls button:hover{border-color:var(--cyan)}.motion-symbol{font-size:13px;width:10px}.motion-paused .hero-art,.motion-paused .cinema-sweep,.motion-paused .scene-window img{animation-play-state:paused}.ecosystem{padding-bottom:80px}.ecosystem .section-label{border:0;padding:0}.eco-layout{display:grid;grid-template-columns:1.7fr 1fr;border:1px solid var(--line)}.eco-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.eco-node{position:relative;text-align:left;min-height:137px;padding:22px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.eco-node:nth-child(n+6){border-bottom:0}.eco-node strong{display:block;font-size:15px;font-weight:500;margin-top:28px;line-height:1.3;overflow-wrap:anywhere}.eco-no{font:10px monospace;color:#7c919f}.eco-arrow{position:absolute;top:18px;right:15px;color:#4b6675}.eco-node:hover{background:#14222b}.eco-node.active{background:#a2efff;color:#07141b}.eco-node.active .eco-no,.eco-node.active .eco-arrow{color:#335866}.eco-detail{background:linear-gradient(145deg,#16283370,#0b141b);padding:28px 32px;min-width:0}.eco-detail>span:first-child{font:10px monospace;letter-spacing:2px;color:var(--cyan)}.eco-detail h3{font-size:27px;font-weight:500;margin:17px 0 8px}.eco-detail p{font-size:12px;color:#a9bdc9;line-height:1.9}.eco-deliver-label{display:block;font-size:8px;letter-spacing:1.5px;color:#668a9d;margin:21px 0 5px}.eco-detail #eco-deliver{color:#d3eaf3;font-size:11px}.growth-line{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:38px}.growth-line>div{display:flex;align-items:center;gap:22px;white-space:nowrap}.growth-zero,.growth-line strong{font:400 52px var(--display);letter-spacing:-2px}.growth-path{font-size:39px;color:#66818f;font-weight:300}.growth-line strong{color:var(--cyan)}.growth-label{font-size:8px;letter-spacing:1.5px;max-width:90px;white-space:normal;line-height:1.7}.growth-line>p{font-size:10px;color:#718895;max-width:360px;line-height:1.9}.vision{padding-top:0}.vision .section-label{border-top:1px solid var(--line);padding-top:21px}#scene-modal{width:min(1350px,96vw);padding:0;background:#03080c;border-color:#314653}#scene-modal .close{background:#0008;border-radius:50%;color:#fff}.scene-window{overflow:hidden;aspect-ratio:16/9}.scene-window img{width:100%;height:100%;object-fit:cover;animation:cinematic-drift 20s ease-in-out infinite alternate;transform-origin:65% 65%}.scene-caption{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scene-caption>span{font:10px monospace;letter-spacing:2px;color:#bdd9e9}.scene-caption p{font-size:11px;margin:0}.scene-caption small{font-size:9px;color:#6c8799;max-width:190px}html:not([lang="zh-CN"]):not([lang="ja"]) .hero h1{font-size:clamp(54px,6.5vw,100px);max-width:740px;letter-spacing:-4px}html:not([lang="zh-CN"]):not([lang="ja"]) .hero-copy{max-width:420px}html[lang="ja"] .hero h1{font-size:clamp(49px,5.7vw,88px)}
@keyframes cinematic-drift{from{transform:scale(1)}to{transform:scale(1.055) translate(-.5%,-.2%)}}@keyframes light-sweep{from{transform:translateX(-25%)}to{transform:translateX(25%)}}
@media(max-width:1050px){.language-picker select{width:95px}.eco-layout{grid-template-columns:1fr}.eco-detail{min-height:230px;border-top:1px solid var(--line)}.eco-node:nth-child(5n){border-right:0}.eco-nodes{border-bottom:0}.eco-node{min-height:120px}.growth-line{gap:20px}.growth-line>div{gap:15px}.growth-line>p{max-width:280px}.growth-zero,.growth-line strong{font-size:44px}.scene-caption{flex-wrap:wrap}.hero h1{max-width:500px}}
@media(max-width:700px){.language-picker>span{display:none}.language-picker select{width:85px;font-size:10px;padding-right:0}.header .nav-tools{gap:9px}.hero{min-height:880px;height:110svh;max-height:1050px}.hero-art{background-position:69% 60%;background-size:auto 73%;background-repeat:no-repeat;opacity:1;background-color:#061018}.hero-shade{background:linear-gradient(180deg,#07111bd9 0%,#07111b75 37%,transparent 63%,#070b0f 95%),linear-gradient(90deg,#05101870,transparent 80%)}.hero-content{padding-top:137px}.hero h1{font-size:clamp(49px,11.5vw,76px);letter-spacing:-2px}.hero-copy{max-width:280px}.hero-content .eyebrow{font-size:7px}.hero-intro{margin-top:26px}.hero-actions{margin-top:25px}.hero .button{gap:18px}.hero-art{transform-origin:65% 70%}.scene-controls{left:7%;right:auto;bottom:72px}.scene-controls button{font-size:9px}.eco-layout{display:block}.eco-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-node{min-height:99px;padding:17px}.eco-node strong{font-size:14px;margin-top:15px}.eco-node:nth-child(n){border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.eco-node:nth-child(2n){border-right:0}.eco-node:nth-child(n+9){border-bottom:0}.eco-detail{padding:26px;min-height:235px}.eco-detail h3{font-size:25px}.eco-detail p{font-size:12px}.growth-line{display:block;padding-top:30px}.growth-line>div{gap:20px}.growth-line>p{margin-top:20px;max-width:100%;font-size:9px}.growth-line strong,.growth-zero{font-size:46px}.growth-label{font-size:7px}.ecosystem{padding-bottom:65px}.vision{padding-top:0}.scene-caption{padding:21px;gap:12px;display:block}.scene-caption p{margin:12px 0;font-size:10px}.scene-caption small{font-size:8px}.hero-foot{font-size:6px}html:not([lang="zh-CN"]):not([lang="ja"]) .hero h1{font-size:clamp(48px,10vw,68px);letter-spacing:-2px}html[lang="ja"] .hero h1{font-size:clamp(39px,8.6vw,58px)}.header .brand{font-size:18px}.header .brand-sub{font-size:5px;letter-spacing:2px}.header .logo-mark{width:23px}.hero .hero-actions{gap:15px}.hero .hero-actions .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-art,.cinema-sweep,.scene-window img{animation:none!important;will-change:auto}}
@media(max-width:700px){.hero-art{background-position:100% 70%;background-size:auto 68%}.hero-shade{background:linear-gradient(180deg,#07111bf0 0%,#07111baf 37%,transparent 65%,#070b0f 98%),linear-gradient(90deg,#05101865,transparent 80%)}}
@media(max-width:700px){.growth-line>div{flex-wrap:wrap;gap:14px}.growth-label{flex-basis:100%;max-width:none;letter-spacing:2px}}

/* Personal future-city film: keep the footage still when motion is paused. */
.hero-art{background-image:url('assets/jessica-future-city.jpg');background-position:center;animation:none;transform:none;will-change:auto}
#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cinema-sweep{display:none}
.scene-window video{display:block;width:100%;height:100%;object-fit:contain;background:#040a10}
@media(max-width:700px){
 .hero-art{background-image:none;background-color:#061018}
 #hero-video{top:auto;bottom:95px;height:51%;object-fit:cover;object-position:70% center}
 .hero-shade{background:linear-gradient(180deg,#07111bf5 0%,#07111be8 31%,#07111b44 53%,transparent 68%,#070b0f 98%)}
}
@media(max-width:700px){#hero-video{mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 100%)}}