@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('assets/fonts/NotoSansSC-full.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--gutter:clamp(24px,4vw,64px);--hero-height:780px;--ink:#19283f;--copy:#526784}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f8fbff;color:var(--ink);font-family:'Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #71a8ff;outline-offset:5px}button:disabled{cursor:default;opacity:.45}
.review{position:sticky;top:0;z-index:20;min-height:46px;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8fbfff5;border-bottom:1px solid #dfe8f2;color:#536984;font-size:13px}.review-label{display:flex;align-items:center;gap:14px;white-space:nowrap}.review-label em{font-style:normal;color:#8391a5}.review-label span{color:#467bc6}.transport{display:flex;align-items:center;gap:6px}.transport button{border:1px solid #d9e3ef;border-radius:5px;background:transparent;padding:4px 9px;color:#435c7e;font-size:13px}.transport button:hover{background:#eaf2ff}.transport a{padding:4px 6px}.transport input{width:100px;accent-color:#4a88ee;margin:0 7px}.transport #ripple[aria-pressed=true]{color:#2566bf;border-color:#b6cdec}
.shell{width:calc(100% - var(--gutter)*2);max-width:1360px;margin-inline:auto}
.scene{position:relative;isolation:isolate;overflow:hidden;width:100%;padding-bottom:100px;background:linear-gradient(180deg,transparent 0,transparent 500px,#e4eef91a 740px,#eef5fc 1040px,#f8fbff 1180px),radial-gradient(ellipse 65% 420px at 94% 660px,#274dffe8 0,#315eef68 48%,transparent 85%),radial-gradient(ellipse 90% 350px at 2% 880px,#b0d0ffc9 0,#8db6ef70 48%,transparent 84%),linear-gradient(163deg,#05070f 0,#07112b 420px,#284b91 660px,#91b4e5 890px,#e2eefb 1040px,#f8fbff 1200px)}
.arrival-light{position:absolute;top:620px;width:100%;height:470px;background:radial-gradient(ellipse at 50% 65%,#edf7ff60,transparent 66%);opacity:.3;pointer-events:none}.field-canvas{position:absolute;top:0;left:0;width:100%;height:900px;pointer-events:none;z-index:0}
.hero-stage{position:relative;min-height:var(--hero-height)}.brandbar{position:relative;z-index:3;height:100px;display:flex;align-items:center;justify-content:space-between;color:#c4d1e6;font-size:13px;letter-spacing:.03em}.brand{display:flex;align-items:center;gap:8px}.brand img:nth-child(1){width:30px;height:36px}.brand img:nth-child(2){width:49px;height:31px}.brand img:nth-child(3){width:100px;height:24px;margin-left:2px}.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:46px}.hero-copy{position:relative;z-index:3;color:#fff;padding-top:28px;min-width:0}.eyebrow{font:400 13px/1.6 Montserrat,sans-serif;letter-spacing:.085em;color:#c6d3ec;margin:0 0 36px}.hero-copy h1{font-weight:300;font-size:clamp(88px,7.3vw,112px);line-height:1.17;letter-spacing:-.06em;margin:0}.hero-copy h1 span{display:block;color:#a7abb9}.hero-explain{margin:28px 0 0;color:#c8d3e6;font-size:16px;line-height:1.95;max-width:500px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.ticket{display:flex;align-items:stretch;justify-content:space-between;border:0;border-radius:12px;padding:0;min-width:220px;height:54px;color:#fff;background:linear-gradient(100deg,#8ab7ff,#557df9 64%,#2e50e9);mask-image:radial-gradient(circle 5px at calc(100% - 59px) 0,transparent 4.9px,#000 5.1px),radial-gradient(circle 5px at calc(100% - 59px) 100%,transparent 4.9px,#000 5.1px);mask-composite:intersect}.ticket>span{align-self:center;flex:1;padding:0 24px;font-size:17px}.ticket>b{display:grid;place-items:center;width:59px;font-size:25px;font-weight:300;background:#2446df}.ticket:hover{filter:brightness(1.12)}.test-link{display:inline-flex;align-items:center;justify-content:center;min-width:127px;height:54px;padding:0 18px;border:1px solid #c8dcff80;border-radius:7px;background:#dceaff0b;color:#e9f0fd;font-size:17px;white-space:nowrap;transition:background .2s,border-color .2s}.test-link:hover{border-color:#d9e8ffb3;background:#dceaff18}.device-space{height:520px;width:100%}.world{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}#device-hit{cursor:default;touch-action:pan-y}
.sequence{position:relative;z-index:3;pointer-events:none}.flow-row{position:relative;display:grid;grid-template-columns:40% 20% 40%;min-height:410px;padding-block:80px 56px;align-items:start}.flow-copy{grid-column:1;grid-row:1;min-width:0;pointer-events:auto}.flow-copy h2{margin:0;color:#19253a;font-size:clamp(28px,2.4vw,34px);font-weight:400;line-height:1.45;letter-spacing:-.025em}.subtitle{margin:14px 0 0;font-size:clamp(18px,1.4vw,20px);line-height:1.75;color:#516783;max-width:28em}.detail{border-top:1px solid #cfdbecb3;margin-top:25px;padding-top:20px;color:var(--copy);font-size:16px;line-height:1.9;max-width:480px}.detail p{margin:0}.detail .caption{font-size:13px;font-weight:500;letter-spacing:.035em;color:#2f6bbd;margin-bottom:10px}.detail .flow-note{font-size:15px;line-height:1.85;color:#354d70;margin-top:15px;padding-left:13px;border-left:1px solid #86b1ec}.flow-number{grid-column:3;grid-row:1;justify-self:end;margin-top:-24px;padding-right:8px;font:200 clamp(160px,13.6vw,200px)/1 Montserrat,sans-serif;font-synthesis:none;letter-spacing:-.055em;color:transparent;background:linear-gradient(155deg,#81b6ff 2%,#4387f5 47%,#293fce 96%);background-clip:text;-webkit-background-clip:text;user-select:none}.flow-row--reverse .flow-copy{grid-column:3}.flow-row--reverse .flow-number{grid-column:1;justify-self:start;padding-left:0}.flow-row:last-child{padding-bottom:38px}
dialog{max-width:430px;width:calc(100% - 40px);border:1px solid #dae4f2;border-radius:12px;padding:32px;color:#263750;background:#fbfdff;box-shadow:0 24px 100px #071b4740}dialog::backdrop{background:#05112770;backdrop-filter:blur(5px)}dialog h2{font-size:24px;font-weight:400;margin:12px 0}dialog p{font-size:15px;line-height:1.9}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:25px;color:#748198}.close-secondary{font-size:15px;margin-top:12px;border:1px solid #c5d8f5;border-radius:6px;padding:9px 14px;background:#edf5ff;color:#345d96}
@media(min-width:1680px){:root{--hero-height:820px}.hero-layout{margin-top:66px}.scene{background:linear-gradient(180deg,transparent 0,transparent 540px,#e4eef91a 780px,#eef5fc 1080px,#f8fbff 1220px),radial-gradient(ellipse 65% 420px at 94% 700px,#274dffe8 0,#315eef68 48%,transparent 85%),radial-gradient(ellipse 90% 350px at 2% 920px,#b0d0ffc9 0,#8db6ef70 48%,transparent 84%),linear-gradient(163deg,#05070f 0,#07112b 460px,#284b91 700px,#91b4e5 930px,#e2eefb 1080px,#f8fbff 1240px)}}
@media(max-width:1100px) and (min-width:801px){.hero-copy h1{font-size:clamp(68px,8vw,88px)}.hero-explain{font-size:15px;max-width:410px}.eyebrow{letter-spacing:.04em}.hero-actions{gap:16px}.ticket{min-width:200px}.test-link{min-width:112px}.hero-stage{min-height:740px}.flow-row{grid-template-columns:43% 14% 43%;min-height:430px}.detail{font-size:15px}.subtitle{font-size:18px}.flow-number{font-size:160px}.brandbar{height:92px}}
@media(max-width:800px){:root{--gutter:24px;--hero-height:1000px}html{scroll-padding-top:106px}.review{padding:8px 14px;display:block}.review-label{gap:12px;margin-bottom:7px}.review-label em{margin-left:auto}.review-label span{display:none}.transport{justify-content:space-between;gap:4px}.transport button{padding:4px 7px}.transport input{width:48px;min-width:24px;margin:0 2px}.transport a{padding:4px 2px;font-size:13px}.brandbar{height:90px;font-size:13px}.brand{gap:6px}.brand img:nth-child(1){width:24px;height:29px}.brand img:nth-child(2){width:40px;height:25px}.brand img:nth-child(3){width:79px;height:19px}.brandbar>span{display:none}.hero-layout{display:flex;flex-direction:column;margin-top:24px}.hero-copy{padding-top:12px}.eyebrow{font-size:13px;letter-spacing:.03em;margin-bottom:26px}.hero-copy h1{font-size:clamp(52px,10.8vw,80px);line-height:1.17;letter-spacing:-.055em}.hero-explain{font-size:15px;line-height:1.95;margin-top:24px;max-width:440px}.hero-actions{gap:18px;margin-top:26px}.ticket{height:51px;min-width:188px}.ticket>span{font-size:16px;padding:0 19px}.ticket>b{width:59px}.test-link{height:51px;min-width:108px;font-size:16px}.device-space{width:100%;height:410px;margin-top:30px}.hero-stage{min-height:0;padding-bottom:100px}.scene{padding-bottom:76px;background:linear-gradient(180deg,transparent 0,transparent 620px,#dceaf820 850px,#eaf3fc 1120px,#f8fbff 1280px),radial-gradient(ellipse 150% 400px at 99% 760px,#274dffd9 0,#315eef65 48%,transparent 85%),linear-gradient(167deg,#05070f 0,#07112b 460px,#284b91 760px,#a8c6ed 1050px,#f8fbff 1260px)}.arrival-light{top:840px}.field-canvas{display:none}.sequence{width:calc(100% - 48px)}.flow-row,.flow-row--reverse{display:flex;flex-direction:column;min-height:0;padding:36px 0 65px 35px;gap:17px}.flow-number,.flow-row--reverse .flow-number{order:-1;font-size:112px;line-height:1;align-self:flex-start;margin:0;padding:0;letter-spacing:-.06em}.flow-copy h2{font-size:clamp(26px,5.5vw,32px);line-height:1.5}.subtitle{font-size:18px;line-height:1.8;margin-top:10px;max-width:none}.detail{font-size:15px;line-height:1.95;max-width:none;margin-top:23px;padding-top:19px}.detail .caption{font-size:13px}.detail .flow-note{font-size:15px}.flow-row:last-child{padding-bottom:55px}}
@media(max-width:359px){:root{--gutter:20px}.review{padding-inline:9px}.transport input{display:none}.hero-actions{gap:12px}.ticket{min-width:172px}.test-link{min-width:92px;padding-inline:12px}.eyebrow{letter-spacing:0;font-size:13px}.hero-copy h1{font-size:51px}.sequence{width:calc(100% - 40px)}.flow-row,.flow-row--reverse{padding-left:29px}.flow-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}