*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:80px}body{margin:0;background:#050a12;color:#f4f7fc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #91caff;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;letter-spacing:-.055em}p{word-break:keep-all;line-height:1.7}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:14px}.skip:focus{top:12px}.site-header{height:72px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#050a12d9;border-bottom:1px solid #b3d1ff12;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:108px;height:auto}.brand>span{font-size:18px;font-weight:300;color:#b8cbe1}.site-header nav,footer nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#d1dbe8}.site-header nav a:hover,footer a:hover{color:#80baff}.header-action{font-size:12px;border:1px solid #71849e;border-radius:40px;padding:8px 18px}.button{display:inline-flex;align-items:center;gap:28px;background:#2976ee;border:1px solid #4d90f5;border-radius:30px;padding:12px 23px;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#438cff;transform:translateY(-2px)}.button span{font-size:19px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;color:#81b9ff;margin-bottom:20px}.sequence{position:relative}.pin{position:relative;min-height:760px;overflow:clip}.hero{background:radial-gradient(ellipse at 50% 60%,#0b20383b,transparent 60%)}.hero-title{text-align:center;padding:125px 20px 0;position:relative;z-index:3}.hero h1{font-size:clamp(42px,6.6vw,92px);line-height:1.12;font-weight:700}.hero-subtitle{color:#a7b7cc;font-size:18px;margin:20px 0 23px}.hero-title .eyebrow{margin-bottom:14px}.hero-art{position:relative;width:min(100%,1200px);margin:0 auto;z-index:1}.hero-art picture img{width:100%;height:100%;object-fit:contain}.hero-art picture{display:block;width:100%;height:100%}.hero-intro{position:relative;padding:70px 7vw;z-index:4}.hero-intro h2{font-size:clamp(36px,4.7vw,64px);line-height:1.15;margin-bottom:23px}.hero-intro p:not(.eyebrow){font-size:18px;color:#a9bbd1;margin-bottom:28px}.scroll-hint{display:none}.progress{display:none}.constellation{position:relative;height:480px;max-width:1000px;margin:auto;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 65%,#246ce438,transparent 60%)}.constellation .symbol{height:80%;width:auto;filter:drop-shadow(0 0 38px #458cdb77);position:relative;z-index:3}.orbit{position:absolute;width:75%;height:70%;border:1px solid #6aabf132;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(25deg);height:55%}.satellite{position:absolute;border:1px solid #6da7eb33;background:linear-gradient(120deg,#152941eb,#0b1424e8);box-shadow:0 12px 40px #0008;border-radius:18px;padding:16px 25px;z-index:4;font-size:20px;font-weight:600;letter-spacing:-.03em}.satellite small{display:block;font-size:11px;font-weight:400;color:#a1b4cd;margin-top:6px}.sat-drive{left:12%;top:25%}.sat-blog{right:10%;top:50%}.sat-info{left:22%;bottom:8%}.showcase{background:linear-gradient(#050a12,#081221 50%,#050a12)}.showcase-title{text-align:center;padding:80px 20px 35px}.showcase-title h2{font-size:clamp(34px,4.4vw,62px);line-height:1.15}.showcase-title>p:last-child{color:#9eafc6;font-size:17px;margin-top:20px}.showcase-device{width:min(900px,85%);margin:auto;perspective:1600px}.product-window{background:#f3f6fc;border:1px solid #6c839e;border-radius:16px;overflow:hidden;box-shadow:0 35px 90px #0009;color:#192c48;font-size:14px;transform-origin:50% 50%}.window-bar{height:38px;background:#152034;color:#c0d0e5;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;border-bottom:1px solid #304159}.dots{font-size:8px;letter-spacing:4px;color:#7b8ca3}.drive-layout{display:grid;grid-template-columns:190px 1fr;min-height:410px}.drive-layout aside{background:#101c31;color:#a9bbd3;display:flex;flex-direction:column;gap:6px;padding:26px 16px;font-size:12px}.drive-layout aside strong{font-size:25px;letter-spacing:-.04em;color:#fff;margin:0 4px 24px}.drive-layout aside strong small{font-size:14px;font-weight:400;color:#a9caff}.drive-layout aside>span{padding:11px;border-radius:6px}.drive-layout aside .chosen{background:#2257ad;color:#fff}.storage{margin-top:auto;padding:25px 8px 0;font-size:10px}.storage i{display:block;width:85%;height:4px;background:linear-gradient(90deg,#4a97ff 60%,#293950 60%);border-radius:8px;margin-bottom:10px}.file-main{padding:24px 27px}.search-line{font-size:12px;background:#e6ecf6;border:1px solid #d6dfed;border-radius:8px;padding:11px;color:#7a8ba5}.file-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 22px}.file-heading h3{font-size:22px;letter-spacing:-.03em}.file-heading>span{font-size:11px;color:#2f72cc}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.folder-grid>div{background:#fff;border:1px solid #e3e9f2;border-radius:9px;padding:15px}.folder-icon{display:block;position:relative;width:39px;height:29px;border-radius:3px 5px 5px 5px;background:linear-gradient(#7cbaff,#3279dc);box-shadow:0 5px 10px #1f6bdc26;margin:7px 0 14px}.folder-icon:before{content:'';position:absolute;top:-5px;left:0;width:18px;height:9px;border-radius:4px 4px 0 0;background:#71adf5}.folder-icon.pale{filter:hue-rotate(-18deg)}.folder-icon.violet{filter:hue-rotate(30deg)}.folder-grid b,.folder-grid small{display:block}.folder-grid b{font-size:12px;margin-bottom:5px}.folder-grid small{font-size:9px;color:#8290a5}.file-table{margin-top:20px;font-size:11px}.file-table>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f1;padding:10px 8px}.file-table>div>span{display:flex;align-items:center;gap:10px}.file-table .table-label{font-size:9px;color:#8d9bb0;padding:6px 8px}.file-table .selected{background:#dceaff;border-radius:5px;color:#2466c4}.file-type{display:inline-flex;align-items:center;justify-content:center;color:white;width:23px;height:28px;border-radius:4px;font-size:10px;flex-shrink:0}.blue{background:#3e83e5}.red{background:#e66864}.green{background:#5a9b85}.showcase-caption{padding:45px 7vw 30px;max-width:1100px;margin:auto}.showcase-caption h3{font-size:34px;line-height:1.18}.showcase-caption p{font-size:17px;color:#9db0ca;margin:18px 0 24px}.caption-second{margin-top:35px}.detail-visual{position:relative;max-width:400px;margin:40px auto}.floating-detail{background:linear-gradient(125deg,#1c2e48ee,#0a1527f5);border:1px solid #7998c077;border-radius:16px;box-shadow:0 25px 90px #000b;padding:26px;color:#d7e5fa;font-size:13px}.detail-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.detail-heading>span:last-child{margin-left:auto}.detail-heading small{font-size:10px;color:#8ca3c2;display:block;margin-top:7px}.permission-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 0;border-top:1px solid #a9c5e51b;font-size:12px}.permission-row b{font-size:11px;color:#8bc1ff;font-weight:500}.detail-foot{font-size:10px;color:#7e94b1;padding-top:22px}.toggle{width:30px;height:18px;border-radius:12px;background:#287af5;position:relative}.toggle:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:3px;right:3px}.preview-label{display:block;text-align:center;color:#52657f;font-size:10px;padding:15px}.editor-toolbar{padding:15px 28px;border-bottom:1px solid #e0e6f0;display:flex;gap:24px;align-items:center;color:#74839a;font-size:13px}.publish-label{margin-left:auto;background:#377bd9;color:#fff;padding:7px 14px;border-radius:5px;font-size:11px}.paper{max-width:590px;margin:auto;padding:40px 45px;position:relative;min-height:450px}.paper-meta{color:#8f9db0;font-size:10px;margin-bottom:23px}.paper h3{font-size:38px;line-height:1.3;letter-spacing:-.055em;font-weight:600}.paper-rule{height:1px;width:28px;background:#a4b3c9;margin:24px 0}.paper>p:not(.paper-meta){font-size:13px;line-height:1.9;color:#697d98;margin:10px 0}.caret{height:20px;width:1px;background:#326bc5;display:block;margin-top:16px}.tags{position:absolute;right:20px;bottom:25px;display:flex;gap:7px;font-size:10px;color:#8b9bb1}.tags span{border-radius:16px;background:#e4eaf3;padding:6px 11px}.reading-card{background:#e9eef5;color:#273954;padding:36px}.reading-card .eyebrow{font-size:9px;color:#5782b0}.reading-card h3{font-size:34px;line-height:1.35;margin-bottom:24px}.reading-card p:not(.eyebrow){font-size:13px;color:#78889c}.reading-rule{height:1px;background:#c2cedd;margin:30px 0 18px}.reading-card small{font-size:11px;color:#8392a8}.remote-desktop{height:430px;position:relative;background:radial-gradient(ellipse at 80% 70%,#5dbeff 0,transparent 35%),radial-gradient(ellipse at 40% 20%,#1c5eb0,transparent 70%),linear-gradient(145deg,#0c1b40,#236be1 55%,#050e26);overflow:hidden}.desktop-glow{position:absolute;width:90%;height:140%;border:45px solid #76b7fd77;border-radius:48%;transform:rotate(-35deg);left:35%;top:30%;box-shadow:0 0 30px #75c2ff88,inset 0 0 30px #4e90e6}.remote-toolbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:16px auto;width:65%;border:1px solid #8caed866;border-radius:9px;padding:12px 14px;background:#0e1b32ee;color:#b0c7e6;font-size:10px;box-shadow:0 10px 25px #0004}.remote-toolbar strong{background:#aa3d47;padding:7px;border-radius:4px;color:#fff;font-weight:500}.connection-status{color:#79d2bd;font-size:11px}.remote-file{width:65%;margin:32px auto;background:#f4f7fc;border:1px solid #a2b8d2;border-radius:7px;position:relative;box-shadow:0 18px 40px #07162b88;min-height:235px;font-size:11px}.remote-file>div{padding:13px;background:#e4eaf3;border-radius:7px 7px 0 0;font-size:10px}.remote-file>div>span{float:right;color:#8a9bb1}.remote-file>p{font-size:10px;margin:16px 25px;background:#e9eef7;padding:8px}.remote-file section{display:flex;gap:40px;padding:12px 28px;font-size:10px}.desktop-taskbar{position:absolute;bottom:0;left:0;right:0;height:30px;text-align:center;background:#eaf3ffc4;color:#2474cf;line-height:30px}.editorial{max-width:1140px;margin:auto;padding:140px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.editorial h2{font-size:clamp(35px,4.1vw,57px);line-height:1.18;margin-bottom:25px}.editorial-heading>p:not(.eyebrow){font-size:17px;color:#91a6c1;margin-bottom:28px}.editorial-items>div{position:relative;padding:27px 0 28px 43px;border-bottom:1px solid #7f9dc02c}.editorial-items>div:first-child{padding-top:0}.editorial-items>div>span{position:absolute;left:0;font-size:11px;color:#5892ce;line-height:24px}.editorial-items h3{font-size:19px;letter-spacing:-.025em;margin-bottom:12px}.editorial-items p{font-size:13px;color:#92a7c3}.closing{text-align:center;padding:90px 24px 120px;background:radial-gradient(ellipse at 50% 100%,#132b493b,transparent 70%)}.closing .symbol{width:35px;height:auto;margin:0 auto 30px}.closing h2{font-size:clamp(30px,4vw,52px);margin-bottom:30px}footer{padding:40px 5vw;border-top:1px solid #89a9d01a;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#8ca1bc}footer small{font-size:10px}.journey-slide{position:relative;min-height:680px;display:grid;align-items:center;grid-template-columns:1fr 1.3fr;padding:80px 7vw}.journey-copy{z-index:3}.journey-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.14;margin-bottom:25px}.journey-copy>p:not(.eyebrow){font-size:18px;color:#a4b6cf;margin-bottom:28px}.journey-art img{width:100%;height:100%;object-fit:contain}.journey-tabs{display:none}
/* Scroll distance is the timeline. No wheel interception, snap points or timed catch-up. */
.motion .sequence{--p:0}.motion .hero{height:220svh;min-height:1200px}.motion .pin{position:sticky;top:0;height:100svh;min-height:600px}.motion .hero-title{position:absolute;inset:0 0 auto;padding-top:max(112px,15svh);transform:translateY(var(--title-y,0px));opacity:var(--title-opacity,1);will-change:transform,opacity}.motion .hero-art{position:absolute;bottom:-3svh;left:50%;margin:0;width:min(1100px,100vw);height:65svh;transform:translateX(calc(-50% + var(--art-x,0%))) translateY(var(--art-y,0px)) scale(var(--art-scale,1));transform-origin:50% 60%;will-change:transform}.motion .hero-art .constellation{height:100%;width:100%}.motion .hero-title h1{position:relative}.motion .hero-intro{position:absolute;left:7vw;top:50%;width:39%;padding:0;opacity:var(--intro-opacity,0);transform:translateY(calc(-40% + var(--intro-y,40px)));will-change:transform,opacity}.motion .scroll-hint{position:absolute;display:flex;align-items:center;gap:18px;bottom:25px;left:50%;transform:translateX(-50%);color:#a4b4ca;font-size:10px;letter-spacing:.04em;z-index:5;opacity:var(--hint-opacity,1)}.motion .scroll-hint b{font-size:18px;font-weight:400}.motion .progress{display:block;position:absolute;left:7vw;right:7vw;bottom:0;height:1px;background:#b6d3ff16;z-index:8}.motion .progress i{display:block;height:1px;background:#6b9eda;transform-origin:left;transform:scaleX(var(--p));width:100%}.motion .constellation .satellite{opacity:var(--sat-opacity,0);transform:translateY(var(--sat-y,30px))}.motion .constellation .orbit{opacity:var(--sat-opacity,0)}.motion .showcase{height:280svh;min-height:1700px}.motion .showcase-title{position:absolute;top:0;left:0;right:0;padding-top:105px;z-index:4;opacity:var(--heading-opacity,1);transform:translateY(var(--heading-y,0px));will-change:transform,opacity}.motion .showcase-device{position:absolute;width:min(900px,83vw);left:50%;top:50%;margin:0;transform:translate(-50%,calc(-32% + var(--device-y,40px))) translateX(var(--device-x,0%)) scale(var(--device-scale,.91));will-change:transform;transform-origin:center}.motion .showcase-device .product-window{transform:perspective(1600px) rotateX(var(--device-tilt,10deg));will-change:transform}.motion .detail-visual{position:absolute;top:48%;left:48%;width:min(355px,29vw);max-width:none;margin:0;z-index:5;opacity:var(--detail-opacity,0);transform:translate(-50%,var(--detail-y,35px));will-change:transform,opacity}.motion .showcase-caption{position:absolute;top:40%;right:7vw;width:28%;padding:0;margin:0;z-index:4}.motion .caption-first,.motion .caption-second{position:absolute;top:0;left:0;width:100%;margin:0;opacity:var(--first-opacity,0);transform:translateY(var(--first-y,24px));will-change:transform,opacity}.motion .caption-second{opacity:var(--second-opacity,0);transform:translateY(var(--second-y,24px))}.motion .preview-label{position:absolute;bottom:18px;left:7vw;text-align:left;padding:0}.motion .journey{height:360svh;min-height:2150px}.motion .journey-slide{position:absolute;inset:0;min-height:0;height:100%;display:block;padding:0;opacity:var(--slide-opacity,0);transform:translateY(var(--slide-y,35px));will-change:transform,opacity}.motion .journey-slide:first-child{--slide-opacity:1;--slide-y:0px}.motion .journey-copy{position:absolute;left:8vw;top:50%;transform:translateY(-40%);width:35%}.motion .journey-art{position:absolute;left:35%;right:-3%;top:20%;bottom:5%;transform:scale(var(--slide-scale,1));will-change:transform}.motion .journey-art picture{display:block;width:100%;height:100%}.motion .journey-tabs{display:flex;gap:25px;position:absolute;bottom:38px;left:8vw;z-index:5}.journey-tabs button{border:0;background:transparent;color:#7c90ac;font-size:12px;padding:8px 0;cursor:pointer;border-bottom:1px solid transparent}.journey-tabs button[aria-pressed=true]{color:#c5e4ff;border-bottom-color:#8ec8ff}
@media(min-width:1600px){.motion .hero-art{width:1250px}.motion .journey-art{right:2%}.motion .showcase-device{width:1050px}.hero h1{font-size:98px}}
@media(max-width:900px){.site-header nav{gap:20px}.motion .showcase-caption{right:5vw;width:29%}.showcase-caption h3{font-size:27px}.showcase-caption p{font-size:14px}.floating-detail{padding:18px}.permission-row{font-size:11px}.permission-row b{font-size:10px}.editorial{gap:55px}.motion .hero-intro{left:6vw;width:43%}.hero-intro h2{font-size:40px}.hero-intro p:not(.eyebrow){font-size:15px}.motion .journey-copy{left:6vw;width:39%}.journey-copy h2{font-size:45px}.journey-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:700px){.site-header{height:60px;padding:0 20px}.brand img{width:86px}.brand>span{font-size:15px}.site-header nav{display:none}.header-action{font-size:10px;padding:7px 13px}.hero-title{padding-top:105px}.hero h1{font-size:clamp(35px,8vw,54px);letter-spacing:-.065em;line-height:1.22}.hero-subtitle{font-size:13px;margin:16px 0 20px}.eyebrow{font-size:9px;margin-bottom:16px}.button{font-size:12px;padding:11px 20px;gap:22px}.hero-intro{padding:50px 25px}.hero-intro h2{font-size:36px}.hero-intro p:not(.eyebrow){font-size:14px}.hero-art{width:100%}.constellation{height:350px}.satellite{padding:11px 15px;font-size:15px;border-radius:12px}.satellite small{font-size:9px}.sat-drive{left:4%}.sat-blog{right:3%}.sat-info{left:13%;bottom:6%}.showcase-title{padding:65px 25px 30px}.showcase-title h2{font-size:32px}.showcase-title>p:last-child{font-size:13px;margin-top:16px}.product-window{font-size:11px;border-radius:10px}.showcase-device{width:94%}.window-bar{height:28px;padding:0 10px;font-size:8px}.dots{font-size:5px;letter-spacing:2px}.drive-layout{grid-template-columns:74px 1fr;min-height:265px}.drive-layout aside{padding:17px 6px;font-size:8px;gap:6px}.drive-layout aside strong{font-size:17px;margin:0 1px 15px}.drive-layout aside strong small{display:none}.drive-layout aside>span{padding:7px 4px;white-space:nowrap}.storage{display:none}.file-main{padding:14px 12px}.search-line{font-size:8px;padding:8px}.file-heading{margin:15px 0}.file-heading h3{font-size:15px}.file-heading>span{font-size:7px}.folder-grid{gap:6px}.folder-grid>div{padding:7px}.folder-icon{width:26px;height:19px;margin:6px 0 9px}.folder-icon:before{width:13px;height:7px;top:-4px}.folder-grid b{font-size:9px}.folder-grid small{display:none}.file-table{margin-top:10px;font-size:8px}.file-table>div{padding:7px 3px}.file-table>div>span{gap:5px}.file-table small{font-size:7px}.file-type{width:15px;height:19px;font-size:7px}.showcase-caption{padding:35px 25px}.showcase-caption h3{font-size:29px}.showcase-caption p{font-size:14px}.detail-visual{width:75%;margin:25px auto}.floating-detail{padding:18px}.detail-heading{margin-bottom:17px;font-size:11px}.detail-heading small{font-size:8px}.permission-row{padding:13px 0;font-size:10px}.detail-foot{font-size:8px;padding-top:16px}.editor-toolbar{padding:10px 15px;gap:18px;font-size:9px}.publish-label{font-size:8px;padding:5px 8px}.paper{padding:24px 28px;min-height:300px}.paper-meta{font-size:8px;margin-bottom:15px}.paper h3{font-size:27px}.paper-rule{margin:15px 0}.paper>p:not(.paper-meta){font-size:9px}.tags{font-size:7px;gap:4px;bottom:15px}.tags span{padding:4px 8px}.reading-card h3{font-size:26px}.reading-card p:not(.eyebrow){font-size:11px}.remote-desktop{height:280px}.remote-toolbar{width:87%;margin:12px auto;padding:8px;font-size:7px}.remote-toolbar strong{padding:5px}.remote-file{width:77%;margin:15px auto;min-height:160px}.remote-file>div{font-size:7px;padding:9px}.remote-file>p{font-size:7px;margin:10px 12px;padding:5px}.remote-file section{padding:7px 15px;gap:25px;font-size:8px}.desktop-taskbar{height:22px;line-height:22px;font-size:10px}.connection-status{font-size:8px}.editorial{padding:80px 26px;display:block}.editorial h2{font-size:36px}.editorial-heading>p:not(.eyebrow){font-size:14px}.editorial-items{margin-top:50px}.editorial-items h3{font-size:18px}.editorial-items p{font-size:12px}.closing{padding:70px 25px 80px}.closing h2{font-size:29px;line-height:1.4}footer{padding:30px 25px;flex-wrap:wrap}footer nav{gap:19px;font-size:10px;order:3;width:100%;flex-wrap:wrap}footer small{font-size:8px}.journey-slide{display:block;padding:70px 25px;min-height:0}.journey-copy h2{font-size:38px}.journey-copy>p:not(.eyebrow){font-size:15px}.journey-art{margin:20px -25px 0}.motion .pin{min-height:540px}.motion .hero{height:205svh;min-height:1100px}.motion .hero-title{padding:110px 20px 0}.motion .hero-art{width:110vw;height:52svh;bottom:7svh;transform:translateX(-50%) translateY(var(--mobile-art-y,0px)) scale(var(--mobile-art-scale,1))}.motion .hero-intro{top:100px;left:25px;width:calc(100% - 50px);transform:translateY(var(--intro-y,25px))}.motion .hero-intro h2{font-size:36px}.motion .hero-intro p:not(.eyebrow){font-size:14px;margin-bottom:20px}.motion .hero-intro .button{display:none}.motion .scroll-hint{font-size:9px;bottom:27px}.motion .showcase{height:255svh;min-height:1400px}.motion .showcase-title{padding:90px 25px 0}.motion .showcase-device{width:94vw;top:38%;transform:translate(-50%,var(--mobile-device-y,30px)) scale(var(--mobile-device-scale,1))}.motion .showcase-caption{left:25px;right:25px;width:auto;top:95px}.motion .caption-first h3,.motion .caption-second h3{font-size:31px}.motion .caption-first p,.motion .caption-second p{font-size:14px;max-width:330px;margin:15px 0 18px}.motion .caption-second .button{display:none}.motion .detail-visual{left:auto;right:6vw;width:66vw;top:58%;transform:translateY(var(--detail-y,25px));margin:0}.motion .preview-label{bottom:16px;font-size:8px}.motion .journey{height:335svh;min-height:1850px}.motion .journey-copy{top:100px;left:25px;right:25px;width:auto;transform:none}.motion .journey-copy h2{font-size:39px;line-height:1.17;margin-bottom:20px}.motion .journey-copy>p:not(.eyebrow){font-size:14px;margin-bottom:18px}.motion .journey-art{left:-8%;right:-8%;top:40%;bottom:6%;margin:0}.motion .journey-tabs{left:25px;bottom:27px;gap:25px}.journey-tabs button{font-size:11px}.motion .journey-copy .eyebrow{margin-bottom:14px}}
@media(max-height:650px) and (min-width:701px){.motion .hero-title{padding-top:95px}.hero h1{font-size:62px}.hero-subtitle{font-size:14px;margin:12px 0 16px}.motion .hero-art{height:62svh}.motion .showcase-title{padding-top:90px}.showcase-title h2{font-size:38px}.motion .showcase-device{width:min(780px,76vw)}.motion .hero-intro h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-art{max-width:1000px}.pin{min-height:0}.hero-title{padding-top:120px}.hero-intro{max-width:1000px;margin:auto}.showcase-caption>div{position:relative;opacity:1}.journey-slide{scroll-margin-top:70px}}
/* Keep the complete vector silhouette and blend photographic edges into the stage. */
.constellation .symbol{position:absolute;left:50%;top:10%;height:80%;width:auto;max-height:80%;transform:translateX(-50%)}
.hero-art picture,.journey-art picture{mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent),linear-gradient(transparent,#000 12% 79%,transparent);mask-composite:intersect}
.motion .hero-art{height:61svh}
.motion .scroll-hint{left:7vw;transform:none}
@media(max-width:700px){.motion .hero-art{height:52svh}.motion .scroll-hint{left:25px}.constellation .symbol{top:9%;height:78%;max-height:78%}}
@media(max-width:700px){body:not([data-site="platform"]) .hero-art{width:150vw;top:max(300px,35svh);bottom:6svh;height:auto}.motion .hero-art picture{height:100%}}
.hero-art picture,.motion .journey-art picture{display:flex;align-items:center;justify-content:center;mask-image:none}
.hero-art picture img,.journey-art picture img{width:auto;height:auto;max-width:100%;max-height:100%;mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent),linear-gradient(transparent,#000 12% 79%,transparent);mask-composite:intersect}
@media(max-width:700px){html:not(.motion) body .hero-art{top:auto;bottom:auto;width:100%;height:auto}}
.motion-toggle{border:0;background:none;padding:8px 0;color:#8ca1bc;font-size:10px;cursor:pointer}.motion-toggle:hover{color:#b8d8ff}
h1{text-wrap:balance}
.motion .journey-slide{opacity:1;transform:none}
.motion .journey-copy{opacity:var(--copy-opacity,0);transform:translateY(calc(-40% + var(--slide-y,0px)))}
.motion .journey-art{opacity:var(--slide-opacity,0);transform:translateY(var(--slide-y,0px)) scale(var(--slide-scale,1))}
@media(max-width:700px){.motion .journey-copy{transform:translateY(var(--slide-y,0px))}}
/* v3: timing only; the existing spatial paths, scales and endpoints stay intact. */
.motion .hero{height:170svh;min-height:0}
.motion .showcase{height:205svh;min-height:0}
.motion .journey{height:255svh;min-height:0}
@media(max-width:700px){.motion .hero{height:160svh}.motion .showcase{height:190svh}.motion .journey{height:240svh}}
/* Supply a real backdrop to the blend group, so nearly-black image backgrounds
   merge with the page instead of forming a darker rectangular tile. */
.hero>.pin,.journey>.pin{background:#050a12;isolation:isolate}
.hero-art,.journey-art{mix-blend-mode:screen}
.motion .journey-slide{will-change:auto}
.hero-art picture img,.journey-art picture img{
 mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.18) 1%,rgba(0,0,0,.62) 3%,rgba(0,0,0,.93) 5%,#000 7% 93%,rgba(0,0,0,.93) 95%,rgba(0,0,0,.62) 97%,rgba(0,0,0,.18) 99%,transparent),linear-gradient(transparent,rgba(0,0,0,.15) 3%,rgba(0,0,0,.55) 7%,rgba(0,0,0,.9) 11%,#000 15% 76%,rgba(0,0,0,.95) 80%,rgba(0,0,0,.76) 85%,rgba(0,0,0,.4) 91%,rgba(0,0,0,.1) 97%,transparent);
 mask-composite:intersect;
}

/* Text navigation: the line grows outwards from the centre. */
.site-header nav a,.site-header .header-action{position:relative;padding:9px 0;border:0;border-radius:0;background:transparent;box-shadow:none;white-space:nowrap}
.site-header nav a::after,.site-header .header-action::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.16,1,.3,1)}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after,.site-header .header-action:hover::after,.site-header .header-action:focus-visible::after{transform:scaleX(1)}
.site-header .header-action:hover{background:transparent;border-color:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.site-header nav a::after,.site-header .header-action::after{transition:none}}