:root{--ink:#132534;--muted:#4a606e;--cyan:#26b9d8;--line:#cadbe1}*{box-sizing:border-box}body{margin:0;background:#f6fafb;color:var(--ink);font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1150px,92%);margin:auto}.bar,footer>.wrap,.entry,.related{display:flex;align-items:center;justify-content:space-between;gap:18px}header,.cover{background:#0d1c29;color:#edf9ff}.bar{min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}nav{display:flex;gap:24px}nav a{font-size:14px;padding:9px 0}nav a[aria-current]{color:#4dd8ef;border-bottom:2px solid}.cover{border-top:1px solid #263b48;background:radial-gradient(ellipse at 78% 30%,#15384a,#0d1c29 65%)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:42px 0}.eyeline,.kicker,.instructions small,.section-head span{font:700 12px/1.6 monospace;letter-spacing:.12em}.eyeline{color:#70dfef}.hero h1{font-size:clamp(45px,6vw,82px);line-height:1.15;letter-spacing:-.045em;margin:14px 0}.hero p{color:#c1d2dd;max-width:30em}.portrait{width:100%;height:auto}.primary,.secondary{display:inline-flex;align-items:center;min-height:46px;padding:10px 21px;border-radius:8px;margin:10px 10px 0 0;font-weight:700}.primary{background:var(--leaf,#48ddff);color:#09222e}.secondary{border:1px solid #527081;color:white}.launch,.support{padding:36px 0}.section-head{display:flex;align-items:baseline;gap:18px}.section-head span,.kicker,.instructions small{color:#327586}.section-head h2,.inside h2{font-size:29px;margin:0 0 18px}.platforms{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.platforms a{padding:19px 22px;border-right:1px solid var(--line)}.platforms small,.platforms b{display:block}.platforms small,.entry p{color:var(--muted)}.platforms b{font-size:19px}.pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pathways a{border-top:3px solid #e99752;padding:15px;background:#fff}.pathways b{font-size:20px}.pathways i{font-size:14px;font-style:normal;color:#24667a}.intro{padding:30px 0;border-bottom:1px solid var(--line)}.intro h1{font-size:clamp(32px,4vw,48px);line-height:1.18;margin:12px 0}.intro p,.inside p{max-width:75ch}.kicker{margin-top:20px}.inside{padding:30px 0 64px}.entry{padding:17px 0;border-bottom:1px solid var(--line)}.entry p{margin:4px 0}.tablebox{overflow:auto}table{width:100%;background:#fff;border-collapse:collapse;text-align:left}caption{text-align:left;font-size:24px;font-weight:750;padding:12px 0}td,th{padding:15px;border-bottom:1px solid var(--line)}thead{background:#dff4f7}td a,.related a{color:#216378;text-decoration:underline}.instructions section{max-width:800px;padding:20px 0;border-bottom:1px solid var(--line)}.instructions h2{margin:4px 0}.related{justify-content:start;flex-wrap:wrap;margin-top:25px}input{padding:14px;width:min(100%,660px);font:inherit;border:1px solid #809ca8;border-radius:8px}label{display:block;font-weight:bold}footer{border-top:1px solid var(--line);padding:24px 0}.skip{position:absolute;left:-1000px}.skip:focus{left:0;background:white;color:#102333}a:focus-visible,input:focus-visible{outline:3px solid #da883c;outline-offset:3px}@media(max-width:760px){.bar{align-items:start;flex-direction:column;gap:0;padding:10px 0 0}.bar nav{gap:14px;overflow-x:auto;max-width:100%;white-space:nowrap}.bar nav a{font-size:13px}.hero{grid-template-columns:1fr;padding:25px 0;gap:20px}.portrait{max-height:230px;object-fit:contain}.platforms{grid-template-columns:1fr 1fr}.pathways{grid-template-columns:1fr}.launch,.support{padding:24px 0}.section-head h2{font-size:24px}.tablebox table{min-width:490px}footer>.wrap{flex-direction:column;align-items:start}}
:root{--ink:#252341;--muted:#595972;--line:#e0ddf0}body{background:#faf9ff}header{background:white;color:#252341;border-bottom:1px solid var(--line)}nav a[aria-current]{color:#4f46e5}.showcase{isolation:isolate;overflow:hidden;position:relative;background:#e8e0f6;min-height:480px;display:flex;align-items:center}.showcase picture{position:absolute;inset:0 0 0 29%;z-index:-2}.hero-image{width:100%;height:100%;object-fit:cover;object-position:60% 45%;animation:camera 12s ease-in-out infinite alternate}.showcase:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f0fc 15%,#f4f0fcf0 35%,#f4f0fc00 64%)}.cover-copy{padding:55px 0}.cover-copy small,.device-show small,.journey>small{color:#504797;font:700 12px/1.6 monospace;letter-spacing:.12em}.cover-copy h1{font-size:clamp(42px,5.8vw,78px);line-height:1.12;margin:17px 0 4px;letter-spacing:-.05em}.cover-copy h2{color:#5945aa;font-size:clamp(30px,4vw,57px);margin:0;line-height:1.2}.cover-copy p{max-width:360px}.primary{background:#4f46e5;color:white}.secondary{border-color:#887aa6;color:#453665;background:#ffffffa8}.motion{position:absolute;right:3%;bottom:18px;background:#fff;color:#423958;border:1px solid #cec6df;border-radius:20px;padding:8px 15px;cursor:pointer}.paused .hero-image{animation-play-state:paused}@keyframes camera{from{transform:scale(1)}to{transform:scale(1.045) translateX(-.6%)}}.device-show{padding:65px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.device-show h2,.journey h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:12px 0}.choices{display:flex;flex-wrap:wrap;gap:7px}.choices a{padding:8px 12px;background:white;border:1px solid var(--line);border-radius:24px}.choices small{display:none}.choices b{font-size:13px}.choices [aria-current]{background:#4f46e5;color:white}.screen{border-radius:25px;padding:32px;background:linear-gradient(145deg,#ece6ff,#fff);box-shadow:0 14px 35px #53458714;border:1px solid #cfc6e5}.screen span{font-size:13px;color:#5a5375}.screen-line{height:1px;background:#d9d2e8;margin:14px 0}.screen strong{font-size:35px}.screen a{color:#493f9c;font-weight:700}.journey{padding:20px 0 60px}.pathways a{border-color:#a89cdf;border-radius:10px}.subhero,.intro,.inside{color:#292640}.inside .platforms,.platforms a{border-color:#dcd7e8}.kicker,.instructions small,.related a,td a,.pathways i{color:#5143a2}thead{background:#ece7fa}.bar nav a[aria-current]{color:#493bac}@media(max-width:760px){.showcase{display:block;min-height:0;padding-bottom:0}.showcase picture{position:relative;display:block;inset:auto;height:250px}.hero-image{object-position:50% 46%}.showcase:before{display:none}.cover-copy{padding:22px 0 52px}.cover-copy p{max-width:100%}.motion{bottom:12px}.device-show{grid-template-columns:1fr;padding:38px 0;gap:22px}.screen{padding:22px}}@media(prefers-reduced-motion:reduce){.hero-image{animation:none}.motion{display:none}}

/* Shared light indigo surfaces and motion. */
body{background:#f8f7fe;color:#282342}
header{background:#fffeff;border-bottom:1px solid #ddd9ef}
.bar{min-height:72px}.brand img{filter:drop-shadow(0 3px 5px #533aa523)}
.showcase{min-height:clamp(470px,40vw,590px)}
.showcase picture{left:24%}.hero-image{object-position:65% 48%;animation:camera 14s ease-in-out infinite alternate}
.showcase:before{background:linear-gradient(90deg,#f6f2ff 5%,#f5f0ff 23%,#f3edffe8 33%,#f4f0fc00 58%)}
.cover-copy{position:relative;pointer-events:none}.cover-copy a{pointer-events:auto}.cover-copy p{max-width:min(35vw,355px)}
.primary,.secondary{border-radius:12px;transition:transform .2s,box-shadow .2s}.primary{box-shadow:0 8px 24px #5545bb35}.primary:hover,.secondary:hover{transform:translateY(-2px)}
.signal-trails{position:absolute;inset:0;pointer-events:none;overflow:hidden}.signal-trails i{position:absolute;left:55%;top:73%;width:14%;height:2px;transform:rotate(-22deg);background:linear-gradient(90deg,transparent,#fff);animation:trail 4.5s infinite ease-out}.signal-trails i:nth-child(2){top:80%;left:65%;animation-delay:-1.6s}.signal-trails i:nth-child(3){top:84%;left:48%;animation-delay:-3s}
@keyframes trail{0%,65%,100%{opacity:0;transform:translate(-22px,12px) rotate(-22deg)}24%{opacity:.85}55%{opacity:0;transform:translate(80px,-36px) rotate(-22deg)}}
.device-show{padding:60px 0}.screen{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f0eaff,#fff 85%);border:1px solid #d4ccef;border-radius:23px;box-shadow:0 14px 35px #49359712}.device-art{float:right;width:45%;margin:6px -10px 0 6px}.device-art svg{width:100%;height:auto}.flow{stroke-dasharray:9 145;animation:route 3s linear infinite}@keyframes route{to{stroke-dashoffset:-154}}
.pathways a,.entry{border:1px solid #e2dbf1;border-radius:14px;background:white;padding:18px;transition:transform .22s,box-shadow .22s}.pathways a:hover,.entry:hover{transform:translateY(-3px);box-shadow:0 9px 24px #43337a12}.entry{margin:10px 0}.intro{padding:36px 0 26px;border-bottom:2px solid #dad0f4}.kicker{color:#584ab3}.tablebox{border:1px solid #e0daf0;border-radius:16px;background:white;padding:10px}.instructions section{padding:22px 24px;border-left:3px solid #b5a7ef;background:#fff;border-radius:0 14px 14px 0;margin:12px 0}.intro h1{max-width:850px}.paused *{animation-play-state:paused!important}
@media(max-width:760px){.showcase picture{left:auto;height:clamp(220px,56vw,330px)}.showcase{min-height:0}.hero-image{object-position:60% 45%}.cover-copy p{max-width:100%}.device-show{padding:32px 0}.signal-trails{display:none}.device-art{width:40%}.instructions section{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}