@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#080d1a;--paper:#edf2fa;--ink:#10141c;--primary:#2563ff;--line:#20293a;--muted:#808da7;--pad:clamp(24px,5.7vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--paper);font-family:"DM Sans","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:6px}::selection{background:var(--primary);color:var(--bg)}.skip{position:fixed;top:-80px;left:20px;background:var(--primary);color:#111;padding:15px;z-index:100}.skip:focus{top:12px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;background:#080d1aed;backdrop-filter:blur(20px);z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1.1px}.brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;background:var(--primary);color:var(--bg);font-size:28px;font-weight:900;line-height:1;overflow:hidden;padding-right:4px}.brand-mark>span{position:absolute;right:4px;top:6px;width:6px;height:6px;background:var(--bg)}.brand-dot{font-size:11px;align-self:flex-start;margin-top:5px;margin-left:-5px}.header nav{display:flex;gap:36px;font-size:13px;font-weight:500}.header nav a{transition:color .2s}.header nav a:hover{color:var(--primary)}.header nav span{margin-left:8px}.header-link{border-bottom:1px solid #5f697b;padding:7px 0;font-size:12px}.header-link span{margin-left:20px;color:var(--primary)}.menu-button{display:none}.hero{min-height:740px;height:calc(100svh - 88px);max-height:1000px;position:relative;overflow:hidden;padding:33px var(--pad) 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:inline-flex;align-items:center;gap:12px}.eyebrow i,.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--primary)}.hero-edition{font-size:9px;color:#a7aebd;letter-spacing:1.3px}.hero-copy{position:relative;z-index:2;pointer-events:none;padding-top:clamp(88px,11vh,160px);max-width:840px}.hero-copy a{pointer-events:auto}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(44px,5.2vw,85px);line-height:1.33;letter-spacing:-.065em;font-weight:700;word-break:keep-all}.serif{font-weight:400}.accent{color:var(--primary)}.hero-copy p{margin:30px 0 36px;color:#b0b7c6;font-size:14px;line-height:1.95;letter-spacing:-.3px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 25px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:19px;line-height:1}.primary{background:var(--primary);color:#10141c}.primary:hover{background:#447cff}.dark{background:#0e1119;color:var(--paper)}.hero-bottom{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);padding-top:20px;border-top:1px solid #2833494a;gap:20px}.scroll-link{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:18px}.scroll-link>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #2d3a52;border-radius:50%;font-size:16px}.hero-caption{font-size:10px;color:#a4abb8;display:flex;align-items:center;gap:9px}.motion-toggle{background:none;border:0;color:#a4abb8;font-size:10px;padding:10px}.motion-toggle span{margin-left:6px}.orb-scene{position:absolute;right:-3%;top:6%;width:57%;height:85%;z-index:1;isolation:isolate}.orb-scene:before{content:"";position:absolute;inset:8%;background:radial-gradient(ellipse,#2563ff20,transparent 64%);z-index:-1}canvas{width:100%;height:100%;display:block}.orb-label{position:absolute;right:11%;bottom:17%;display:flex;flex-direction:column;gap:7px;border-left:1px solid var(--primary);padding-left:12px}.orb-label span{font-size:8px;letter-spacing:2px;color:var(--primary)}.orb-label b{font-size:10px;font-weight:400;color:#abb2c1}.orbit-word{position:absolute;top:12%;left:39%;font-size:8px;letter-spacing:2px;color:#758198;transform:rotate(-14deg)}.axis{position:absolute;background:#565f7022;z-index:-1}.axis-x{height:1px;top:50%;left:0;right:0}.axis-y{width:1px;top:8%;bottom:8%;left:50%}.ticker{background:var(--primary);color:var(--bg);padding:17px 0;overflow:hidden;display:flex}.ticker>div{font-size:16px;font-weight:600;letter-spacing:1px;white-space:nowrap;animation:marquee 35s linear infinite;min-width:max-content}.ticker span{font-size:21px;padding:0 38px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}.section-light{background:var(--paper);color:var(--ink)}.about,.services,.next{padding:75px var(--pad) 90px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid #8694ae55;gap:20px}.small-tag{font-size:10px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:7px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:70px 0 76px}h2{font-size:clamp(35px,4.2vw,64px);line-height:1.3;letter-spacing:-.055em;font-weight:600}.muted{color:#727e95}.about-text{padding-top:4px;max-width:460px}.lead{font-size:24px;line-height:1.55;letter-spacing:-1px;margin-bottom:24px}.about-text>p:not(.lead){font-size:13px;line-height:2;color:#576071;margin-top:18px;word-break:keep-all}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.principles article{border-top:1px solid #b0b7c6;padding-top:22px}.principles article>span{font-size:9px;color:#5d6679;letter-spacing:1px}.principles h3{font-size:17px;letter-spacing:-.5px;margin:24px 0 13px}.principles p{font-size:12px;line-height:1.9;color:#5b6577}.services{padding-top:75px;padding-bottom:65px}.services .section-heading{border-color:var(--line)}.service-title{display:flex;justify-content:space-between;align-items:center;margin:55px 0 65px}.service-title h2{font-size:clamp(28px,3.7vw,58px);letter-spacing:-2.5px;line-height:1.2}.service-title .muted{color:#667185}.large-arrow{font-size:95px;font-weight:400;color:var(--primary);line-height:1}.service-grid{display:grid;grid-template-columns: .8fr 1.2fr;gap:8%;align-items:center}.product-icon{position:relative;display:flex;align-items:center;justify-content:center;border-radius:11px;width:52px;height:52px;background:var(--primary);color:#0e1219;font-size:29px;margin-bottom:23px}.product-icon span{font-size:18px;position:absolute;top:2px;right:4px}.service-copy h3{font-size:clamp(42px,4.6vw,66px);font-weight:500;line-height:1.04;letter-spacing:-3px}.service-intro{font-size:20px;line-height:1.65;letter-spacing:-.7px;margin-top:24px}.secondary{font-size:12px;line-height:1.95;color:#9ca3b0;margin-top:17px;max-width:350px;word-break:keep-all}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 29px}.product-tags span{border:1px solid #2a364d;border-radius:30px;padding:7px 12px;font-size:9px;color:#adb5c4}.service-copy small{display:block;margin-top:14px;font-size:9px;color:#758199}.demo-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;margin-bottom:16px;color:#9aa1ae;gap:15px}.demo-caption span:last-child{color:var(--primary)}.demo{border:1px solid #2c3850;background:linear-gradient(125deg,#161d29,#10141d);border-radius:9px;overflow:hidden;box-shadow:0 30px 90px #0004}.window-bar{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#181e2b;border-bottom:1px solid #252f44;color:#aeb6c5;font-size:9px;letter-spacing:1px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#525b6b;border-radius:100%}.window-dots i:first-child{background:#5a8fff}.demo-badge{border:1px solid #4e5665;border-radius:3px;padding:4px 6px;letter-spacing:0;font-size:8px}.demo-body{padding:27px}.device-line{display:flex;align-items:center;gap:12px;padding-bottom:27px}.device-symbol{width:36px;height:36px;display:grid;place-items:center;color:#cdd6e7;background:#253044;border-radius:8px;font-size:24px}.device-line>div{display:flex;flex-direction:column;gap:5px}.device-line b{font-size:12px;font-weight:500}.device-line>div>span{font-size:9px;color:#989fab}.connected{font-size:8px;color:#bec6d7;margin-left:auto;display:flex;align-items:center;gap:5px}.connected i{width:5px;height:5px;background:#b5bdcd;border-radius:50%}.demo-tabs{display:flex;border-bottom:1px solid #29344b;gap:24px}.demo-tabs button{background:none;border:0;color:#989fac;padding:0 0 12px;font-size:10px;position:relative}.demo-tabs button[aria-selected=true]{color:#e6f0ff}.demo-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;background:var(--primary);height:2px}#demo-panel{min-height:226px;font-family:Consolas,monospace;font-size:11px;line-height:2.1;padding-top:22px;overflow-wrap:anywhere}.terminal-comment{color:#7c89a2;font-family:"Noto Sans KR",sans-serif;font-size:10px;margin-bottom:15px}.prompt{color:var(--primary);padding-right:7px}.terminal-result{color:#b1b8c7;margin-top:12px;white-space:pre-wrap}.terminal-result .success{color:#cdd5e7}.demo-controls{border-top:1px solid #263146;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-controls button{border:1px solid #535b6c;background:#252f43;color:#e1ebfe;padding:8px 11px;font-size:9px;min-width:83px;white-space:nowrap}.demo-controls button:hover{background:#344360}.demo-controls button:disabled{opacity:.6;cursor:wait}.demo-controls>span{font-size:8px;color:#979daa;line-height:1.6}.connection-flow{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:30px 8px;font-size:7px;letter-spacing:1px;color:#8a98b3}.connection-flow b{font-weight:400;color:var(--primary)}.connection-flow i{flex:1;height:1px;background:#2b374e;position:relative}.connection-flow i:after{content:"";position:absolute;width:4px;height:4px;background:var(--primary);top:-1.5px;left:0;animation:flow 3s ease-in-out infinite}@keyframes flow{to{left:100%}}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-top:1px solid var(--line);padding-top:31px;gap:30px}.feature-row article>span{color:var(--primary);font-size:24px}.feature-row h4{font-size:13px;font-weight:500;margin:18px 0 12px}.feature-row p{font-size:11px;line-height:1.8;color:#8593ad}.next-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;padding:60px 0}.next-heading>p{font-size:12px;line-height:2;color:#5d6779;max-width:400px;padding-right:6%}.roadmap-row{display:grid;grid-template-columns:55px 1fr auto 45px;gap:24px;align-items:center;padding:30px 0;border-top:1px solid #b5bccc;transition:padding .25s,background .25s}.roadmap-row:last-child{border-bottom:1px solid #b5bccc}.roadmap-row[href]:hover{padding-left:15px;padding-right:15px;background:#d6dff1}.row-number{font-size:10px;color:#636d81;align-self:start;padding-top:7px}.roadmap-row h3{font-size:25px;font-weight:500;letter-spacing:-.7px}.roadmap-row p{font-size:11px;color:#667084;margin-top:9px;line-height:1.7}.pill{font-size:9px;padding:7px 13px;border:1px solid #a7afbd;border-radius:20px;white-space:nowrap;color:#697489}.pill.live{background:#cfd8e9;color:#394968;border-color:#b5bdcc}.row-arrow{font-size:31px;text-align:right}.future h3{color:#7a879f}.future .row-arrow{color:#8492ac}.closing{background:var(--primary);color:#0c1017;padding:73px var(--pad) 80px;overflow:hidden}.closing-inner{position:relative}.closing h2{font-size:clamp(35px,4.5vw,64px);margin:27px 0 35px;line-height:1.38;position:relative;z-index:1}.closing h2>span{color:#9bc5ff}.closing .button{position:relative;z-index:1}.closing-asterisk{position:absolute;right:3%;top:-10px;font-size:310px;line-height:1;color:#1544d5;font-family:Arial,sans-serif;animation:rotate 45s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}footer{padding:43px var(--pad) 27px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}footer>p{text-align:right;font-size:11px;color:#9da3b1}footer>div{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:9px;color:#7b88a0}footer>div>a{letter-spacing:1px}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}.motion-paused .ticker>div,.motion-paused .connection-flow i:after,.motion-paused .closing-asterisk{animation-play-state:paused}
@media(min-width:1600px){.hero-copy{padding-top:140px}.hero{min-height:850px}}@media(max-width:1000px){.header nav{gap:20px}.header-link{display:none}.hero{min-height:700px}.hero-copy{padding-top:125px}.orb-scene{right:-20%;width:80%;opacity:.65}.hero-copy h1{font-size:60px}.about-grid{gap:40px}.service-grid{gap:40px}.demo-body{padding:20px}.connection-flow{gap:7px;font-size:6px}.service-title h2{letter-spacing:-1.6px}.closing-asterisk{right:-7%;opacity:.65}.hero-caption{display:none}}
@media(max-width:700px){:root{--pad:24px}html{scroll-padding-top:70px}.header{height:70px}.brand{font-size:21px}.brand-mark{height:28px;width:27px;font-size:26px}.menu-button{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:13px 0 13px 16px;color:inherit}.menu-button span{height:1px;width:22px;background:#d9e2f5;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#10151e;padding:25px var(--pad);border-bottom:1px solid #283349;flex-direction:column;gap:25px}.header nav.open{display:flex}.hero{height:auto;min-height:810px;padding-top:25px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-edition{display:none}.hero-copy{padding-top:64px}.hero-copy h1{font-size:clamp(33px,8.7vw,58px);letter-spacing:-.065em;line-height:1.4}.hero-copy p{font-size:12px;margin:24px 0 29px;line-height:2}.button{padding:17px 20px;font-size:11px;gap:30px}.orb-scene{top:338px;right:-6%;width:97%;height:390px;opacity:1;pointer-events:none}.orb-label{bottom:9%;right:12%}.orbit-word{top:14%;font-size:7px}.hero-bottom{bottom:22px}.scroll-link{font-size:7px;letter-spacing:1px;gap:10px}.motion-toggle{font-size:9px}.ticker{padding:13px 0}.ticker>div{font-size:12px}.ticker span{font-size:17px;padding:0 24px}.about,.services,.next{padding:49px var(--pad) 56px}.section-heading{padding-bottom:23px;gap:10px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.small-tag{font-size:8px}.about .small-tag,.next .small-tag{display:none}.about-grid{grid-template-columns:1fr;gap:33px;padding:41px 0 43px}h2{font-size:38px}.about-text{max-width:none}.lead{font-size:21px;margin-bottom:17px}.about-text>p:not(.lead){font-size:12px}.principles{grid-template-columns:1fr;gap:25px}.principles article{display:grid;grid-template-columns:1fr 1.5fr;column-gap:20px;padding-top:23px}.principles article>span{grid-column:1/-1;font-size:8px;margin-bottom:12px}.principles h3{font-size:14px;margin:0;line-height:1.8}.principles p{font-size:10px}.service-title{margin:40px 0 45px}.service-title h2{font-size:clamp(22px,5vw,35px);letter-spacing:-1px;line-height:1.35}.large-arrow{font-size:43px;padding-left:10px}.service-grid{grid-template-columns:1fr;gap:44px}.service-copy h3{font-size:55px}.service-intro{font-size:20px}.secondary{max-width:450px}.demo-caption{font-size:6px;letter-spacing:1px}.demo-body{padding:20px 16px}.window-bar{padding:0 16px}.demo-tabs{gap:25px}#demo-panel{font-size:10px;min-height:220px}.terminal-comment{font-size:9px}.connection-flow{font-size:6px;gap:9px}.feature-row{grid-template-columns:1fr;gap:22px;margin-top:20px;padding-top:28px}.feature-row article{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.feature-row article>span{grid-row:1/3}.feature-row h4{margin:0 0 7px;font-size:13px}.feature-row p{font-size:10px}.next-heading{display:block;padding:40px 0}.next-heading>p{margin-top:25px;font-size:11px;line-height:1.9}.roadmap-row{grid-template-columns:25px 1fr 25px;gap:12px;padding:26px 0}.roadmap-row h3{font-size:20px;letter-spacing:-.6px}.roadmap-row p{font-size:10px}.roadmap-row .pill{grid-column:2;justify-self:start;grid-row:2;padding:5px 10px;font-size:8px}.row-arrow{grid-column:3;grid-row:1;font-size:26px}.closing{padding:51px var(--pad) 56px}.closing .eyebrow{font-size:7px;letter-spacing:1.3px}.closing h2{font-size:37px;margin:25px 0 30px}.closing-asterisk{font-size:240px;right:-120px;top:46px;opacity:.22}footer{padding:34px var(--pad) 25px;gap:23px}footer>p{font-size:8px;line-height:1.8;max-width:125px;justify-self:end}footer>div{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Blue identity and interaction layer */
:root{--primary:#2563ff;--glow:#70bbff}
.primary,.ticker,.closing{color:#fff}.primary:hover{background:#427cff}.brand-mark,.product-icon{color:white}.brand-mark>span{background:#fff}.accent{color:#6197ff}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#2563ff,#7bcfff);transform:scaleX(0);transform-origin:left;z-index:40;box-shadow:0 0 15px #387aff;pointer-events:none}.hero{background:radial-gradient(ellipse at 79% 44%,#10265555,transparent 58%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#4074c00a 1px,transparent 1px),linear-gradient(90deg,#4074c00a 1px,transparent 1px);background-size:65px 65px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{z-index:3}.hero-copy h1{animation:hero-enter 1s cubic-bezier(.16,1,.3,1) both}.hero-copy>p{animation:hero-enter 1s .13s both}.hero-copy>.button{animation:hero-enter 1s .25s both}.kinetic-word{display:inline-block;min-width:0;width:2.7em;color:#80b4ff;vertical-align:bottom;overflow:hidden}.kinetic-word>span{display:block;background:linear-gradient(115deg,#d6efff,#6fafff 50%,#4475ff);background-clip:text;-webkit-background-clip:text;color:transparent}.kinetic-word.changing>span{animation:word-change .65s cubic-bezier(.2,.8,.2,1)}@keyframes word-change{0%{transform:translateY(105%) rotate(6deg);filter:blur(7px);opacity:0}100%{transform:none;filter:blur(0);opacity:1}}@keyframes hero-enter{from{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.hero-modes{display:flex;gap:0;pointer-events:auto;margin-top:28px;width:max-content;border-bottom:1px solid #2a3a55}.hero-modes button{padding:11px 19px 11px 0;margin-right:20px;background:none;border:0;color:#8d9db7;font-size:11px;position:relative}.hero-modes button:last-child{margin-right:0;padding-right:0}.hero-modes button>span{font-size:8px;color:#5d7399;margin-right:7px}.hero-modes button:after{content:"";position:absolute;height:2px;background:#73afff;left:0;right:18px;bottom:-1px;transform:scaleX(0);transform-origin:left;transition:transform .4s}.hero-modes button[aria-pressed=true]{color:#eaf4ff}.hero-modes button[aria-pressed=true]:after{transform:scaleX(1)}.hero-modes button[aria-pressed=true]>span{color:#73afff}.orb-scene{right:-2%;width:58%;top:5%;height:87%;transform:translate3d(var(--orb-x,0px),var(--orb-y,0px),0);transition:transform .15s linear}.orb-scene:before{inset:0;background:radial-gradient(ellipse,#165bff20,transparent 65%)}.orb-core{position:absolute;left:51%;top:49%;transform:translate(-50%,-50%);font-size:clamp(50px,7vw,100px);font-weight:800;letter-spacing:-8px;color:#c7e7ff;line-height:1;text-shadow:0 0 30px #2d7dff77;mix-blend-mode:screen;opacity:.8}.orb-core>span{font-weight:400;color:#629aff}.orb-core small{display:block;letter-spacing:2px;text-align:center;font-size:6px;color:#80b5ff;margin-top:15px}.float-chip{position:absolute;border:1px solid #548cfb66;border-radius:7px;background:#0b193acc;backdrop-filter:blur(10px);box-shadow:0 0 25px #1a5df322;display:flex;gap:10px;align-items:center;padding:13px 17px;color:#94ceff;font-size:20px;animation:levitate 4s ease-in-out infinite}.float-chip span{font-size:8px;letter-spacing:1.6px;color:#d7eaff}.chip-ai{left:12%;top:24%}.chip-code{right:10%;bottom:26%;animation-delay:-2s}.orb-label{bottom:12%;right:12%}.orbit-word{top:7%}@keyframes levitate{0%,100%{transform:translateY(-9px)}50%{transform:translateY(9px)}}.ticker>div{animation-duration:21s}.scroll-link>span{animation:scroll-nudge 1.8s ease-in-out infinite}@keyframes scroll-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}.status-dot,.eyebrow i{box-shadow:0 0 14px #3f82ff77;animation:led 2s ease-in-out infinite}@keyframes led{50%{box-shadow:0 0 0 5px #3f82ff19}}.principles article,.feature-row article{position:relative;transition:transform .35s,border-color .35s}.principles article:hover,.feature-row article:hover{transform:translateY(-7px);border-color:#2563ff}.principles article>span{color:#2453a6}.demo{position:relative;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease,box-shadow .3s;box-shadow:0 30px 90px #0004,0 0 70px #2563ff0c;border-color:#32528b}.demo:hover{box-shadow:0 30px 90px #0004,0 0 70px #2563ff25}.demo:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px at var(--light-x,50%) var(--light-y,30%),#538dff10,transparent);border-radius:inherit}.window-bar{background:#15223d}.demo-badge{border-color:#385a94;color:#afceff}.device-symbol{background:#1c3761;color:#8fc3ff}.connected{color:#8dbfff}.connected i{background:#74b5ff}.demo-tabs{border-color:#263957}.demo-controls button{background:#214e9e;color:#fff;border-color:#3a72ca}.demo-controls button:hover{background:#2563ff}.terminal-result{color:#a9d1ff;min-height:150px}.terminal-result.typing:after{content:"▌";color:#74b5ff;animation:cursor-blink .6s steps(1) infinite}@keyframes cursor-blink{50%{opacity:0}}.demo-controls>span{color:#a5b4d0}.connection-flow i:after{box-shadow:0 0 12px #4d8fff;animation-duration:1.6s}.roadmap-row[href]:hover{background:#dce7ff}.pill.live{background:#dce7ff;border-color:#b2c8f2;color:#2453a6}.closing{background:radial-gradient(ellipse at 90% 100%,#5089ff,transparent 55%),#2563ff}.closing h2>span{color:#9dd3ff}.closing-asterisk{color:#ffffff20}.dark{background:#081733}.button{will-change:transform}.button>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}.js .reveal{transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.principles .reveal:nth-child(2),.feature-row .reveal:nth-child(2){transition-delay:.09s}.principles .reveal:nth-child(3),.feature-row .reveal:nth-child(3){transition-delay:.18s}
.signal-journey{height:190vh;position:relative;margin:0 0 85px}.journey-stage{position:sticky;top:118px;height:min(590px,calc(100svh - 155px));min-height:430px;border:1px solid #243758;border-radius:18px;background:radial-gradient(ellipse at 75% 50%,#12295688,transparent 60%),#0b1324;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:50px;overflow:hidden}.journey-copy{position:relative;z-index:2}.journey-copy .eyebrow{font-size:8px;color:#7f9cc5;letter-spacing:1.6px}.journey-count{font-size:70px;font-weight:500;letter-spacing:-4px;margin-top:29px;color:#87b9ff}.journey-count>span:last-child{font-size:15px;letter-spacing:0;color:#587193}.journey-copy h3{font-size:28px;letter-spacing:-1.4px;margin:14px 0}.journey-copy>p{font-size:12px;color:#abbdd8;max-width:280px;line-height:1.9;min-height:46px;word-break:keep-all}.journey-steps{display:flex;gap:7px;margin-top:29px}.journey-steps button{font-size:9px;border:1px solid #2e466d;color:#9cbbeb;padding:9px 12px;border-radius:30px;background:transparent}.journey-steps button[aria-pressed=true]{background:#2563ff;border-color:#2563ff;color:#fff}.journey-hint{display:block;font-size:8px;letter-spacing:.6px;color:#8498b9;margin-top:24px}.signal-visual{position:relative;display:grid;grid-template-columns:1fr .45fr 1.4fr .45fr 1fr;align-items:center;height:360px}.signal-grid{position:absolute;inset:-50px;background-image:linear-gradient(#588fee12 1px,transparent 1px),linear-gradient(90deg,#588fee12 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.signal-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;color:#7292c4;transition:color .7s,transform .7s;transform:scale(.9)}.signal-node>span{display:grid;place-items:center;width:65px;height:65px;border:1px solid #365078;border-radius:18px;background:#0e1c33;font-size:31px;transition:all .7s}.signal-node>b{font-size:7px;letter-spacing:1px;font-weight:500;white-space:nowrap}.node-rc>span{width:88px;height:88px;border-radius:24px;font-size:46px}.signal-wire{height:1px;background:#345080;position:relative;margin-top:-26px;overflow:hidden}.signal-wire>i{width:15px;height:2px;background:#87caff;position:absolute;top:0;left:-15px;box-shadow:0 0 9px #69aaff;animation:packet 1.7s linear infinite}.signal-wire>i:nth-child(2){animation-delay:.55s}.signal-wire>i:nth-child(3){animation-delay:1.1s}@keyframes packet{to{left:110%}}.signal-ring{position:absolute;left:50%;top:46%;width:200px;height:200px;border:1px solid #447eff33;border-radius:50%;transform:translate(-50%,-50%);animation:signal-pulse 3s linear infinite;pointer-events:none}.ring-two{animation-delay:1.5s}@keyframes signal-pulse{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}15%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.65);opacity:0}}.journey-stage[data-step="0"] .node-ai,.journey-stage[data-step="1"] .node-rc,.journey-stage[data-step="2"] .node-pc{transform:scale(1.08);color:#d9ebff}.journey-stage[data-step="0"] .node-ai>span,.journey-stage[data-step="1"] .node-rc>span,.journey-stage[data-step="2"] .node-pc>span{background:#205cf0;border-color:#7ab5ff;box-shadow:0 0 50px #2563ff66;color:white}.journey-stage[data-step="0"] .wire-two{opacity:.2}.journey-stage[data-step="2"] .signal-node>span{border-color:#548deb}.signal-message{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;color:#b5d4ff;white-space:nowrap;background:#142749;border:1px solid #2e5286;padding:13px 17px;border-radius:7px;display:flex;align-items:center;gap:10px}.signal-led{width:5px;height:5px;background:#83bbff;border-radius:50%;box-shadow:0 0 12px #83bbff}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#142443}.journey-progress>i{height:100%;width:100%;display:block;transform:scaleX(var(--journey-progress,.05));transform-origin:left;background:linear-gradient(90deg,#2563ff,#7dc7ff)}.journey-stage.is-changing h3,.journey-stage.is-changing .journey-copy>p,.journey-stage.is-changing .signal-message{animation:content-in .5s both}@keyframes content-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .orb-scene{transform:none!important}.no-sticky .signal-journey{height:auto}.no-sticky .journey-stage{position:relative;top:auto}.motion-paused .js .reveal{transition:none}
@media(max-width:1000px){.journey-stage{padding:30px;grid-template-columns:1fr 1.2fr}.signal-node>span{width:48px;height:48px;font-size:24px;border-radius:12px}.node-rc>span{width:70px;height:70px;font-size:35px;border-radius:19px}.signal-node>b{font-size:6px;letter-spacing:.5px}.journey-copy h3{font-size:24px}.hero-copy{max-width:710px}.orb-scene{right:-21%;width:82%;opacity:.9}.float-chip{padding:10px}.chip-ai{left:17%}}
@media(max-width:700px){.hero{min-height:860px}.hero-copy{padding-top:54px}.hero-copy h1{font-size:clamp(26px,8.2vw,58px)}.kinetic-word{min-width:0;width:2.7em}.hero-modes{margin-top:20px}.hero-modes button{font-size:10px;padding-top:10px;padding-bottom:10px}.orb-scene{top:394px;right:-3%;width:102%;height:355px;opacity:1;transform:none}.orb-core{font-size:56px;letter-spacing:-4px}.orb-core small{font-size:4px;letter-spacing:1px;margin-top:9px}.float-chip{font-size:16px;padding:9px 10px;gap:7px}.float-chip span{font-size:6px;letter-spacing:1px}.chip-ai{left:8%;top:20%}.chip-code{right:8%;bottom:25%}.orb-label{bottom:3%;right:8%}.orbit-word{top:5%;left:35%;font-size:6px}.signal-journey{height:175svh;margin:0 0 50px}.journey-stage{top:87px;height:calc(100svh - 115px);min-height:460px;max-height:650px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:25px 20px;border-radius:12px}.journey-count{font-size:43px;margin-top:16px}.journey-copy h3{font-size:24px;margin:9px 0}.journey-copy>p{font-size:11px;min-height:42px;max-width:100%}.journey-steps{margin-top:16px}.journey-steps button{font-size:9px;padding:8px 12px}.journey-hint{font-size:7px;margin-top:15px}.signal-visual{height:210px;min-height:180px;margin-top:8px}.signal-node>span{width:43px;height:43px;font-size:23px;border-radius:11px}.node-rc>span{width:62px;height:62px;font-size:32px;border-radius:15px}.signal-node>b{font-size:5px;letter-spacing:.3px}.signal-node{gap:12px}.signal-wire{margin-top:-18px}.signal-ring{width:135px;height:135px}.signal-message{bottom:0;font-size:8px;padding:10px 12px;gap:7px}.journey-copy .eyebrow{font-size:6px;letter-spacing:1px}.journey-stage.is-changing .journey-copy>p{animation-duration:.3s}.demo{transform:none!important}.terminal-result{min-height:150px}.service-title h2{font-size:clamp(21px,5vw,35px)}}
@media(prefers-reduced-motion:reduce){.signal-journey{height:auto}.journey-stage{position:relative;top:auto}.hero-copy h1,.hero-copy>p,.hero-copy>.button{opacity:1;transform:none;filter:none}.js .reveal{opacity:1;transform:none}.orb-scene,.demo{transform:none!important}}

.hero-copy p{word-break:keep-all}.motion-paused .hero-copy h1,.motion-paused .hero-copy>p,.motion-paused .hero-copy>.button,.motion-paused .kinetic-word>span,.motion-paused .journey-stage.is-changing h3,.motion-paused .journey-stage.is-changing .journey-copy>p,.motion-paused .journey-stage.is-changing .signal-message{animation:none!important;opacity:1;filter:none;translate:none}

/* Explicit color themes. The primary blue and motion stay consistent. */
.header-actions{display:flex;align-items:center;gap:22px}
.theme-picker{display:flex;align-items:center;gap:2px;background:#101c31;border:1px solid #2b3c59;border-radius:30px;padding:3px}
.theme-picker button{border:0;background:transparent;border-radius:50%;color:#9eb0cf;display:grid;place-items:center;width:30px;height:30px;padding:7px}
.theme-picker button:hover{color:#fff;background:#233654}
.theme-picker button[aria-pressed=true]{color:#fff;background:#2563ff;box-shadow:0 2px 7px #0002}
.theme-picker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-picker button:focus-visible{outline-offset:3px}
html[data-theme="dark"]{color-scheme:dark;--bg:#080d1a;--paper:#edf2fa;--ink:#edf2fa;--line:#283954}
html[data-theme="dark"] .section-light{background:#0e182b;color:#edf2fa}
html[data-theme="dark"] .section-light .muted{color:#9bacc7}
html[data-theme="dark"] .about-text>p:not(.lead),html[data-theme="dark"] .principles p,html[data-theme="dark"] .next-heading>p,html[data-theme="dark"] .roadmap-row p{color:#aabbd4}
html[data-theme="dark"] .principles article,html[data-theme="dark"] .roadmap-row,html[data-theme="dark"] .section-light .section-heading{border-color:#2d3e59}
html[data-theme="dark"] .principles article>span,html[data-theme="dark"] .row-number{color:#87b7ff}
html[data-theme="dark"] .roadmap-row[href]:hover{background:#182a48}
html[data-theme="dark"] .future h3,html[data-theme="dark"] .future .row-arrow{color:#a3b5d2}
html[data-theme="dark"] .pill{border-color:#526584;color:#b3c3dc}
html[data-theme="dark"] .pill.live{background:#163666;border-color:#315e9e;color:#b3d3ff}
html[data-theme="dark"] .header{background:#080d1aed}
html[data-theme="light"]{color-scheme:light;--bg:#f5f8ff;--paper:#14213c;--ink:#14213c;--line:#d2def0;--muted:#627693}
html[data-theme="light"] body{background:#f5f8ff;color:#14213c}
html[data-theme="light"] .header{background:#f5f8fff0;border-color:#d2def0}
html[data-theme="light"] .header-link{border-color:#9bafd0}
html[data-theme="light"] .hero{background:radial-gradient(ellipse at 79% 44%,#c5d9ff88,transparent 58%),#f5f8ff}
html[data-theme="light"] .hero:after{background-image:linear-gradient(#477ccb0d 1px,transparent 1px),linear-gradient(90deg,#477ccb0d 1px,transparent 1px)}
html[data-theme="light"] .hero-edition,html[data-theme="light"] .hero-copy p,html[data-theme="light"] .hero-caption,html[data-theme="light"] .motion-toggle{color:#536786}
html[data-theme="light"] .kinetic-word>span{background-image:linear-gradient(115deg,#1543a8,#2563ff 65%,#447cff)}
html[data-theme="light"] .accent,html[data-theme="light"] .large-arrow{color:#2563ff}
html[data-theme="light"] .hero-bottom{border-color:#c9d8ee}
html[data-theme="light"] .scroll-link>span{border-color:#a3b8d7}
html[data-theme="light"] .hero-modes{border-color:#bbcde8}
html[data-theme="light"] .hero-modes button{color:#536887}
html[data-theme="light"] .hero-modes button>span{color:#526786}
html[data-theme="light"] .hero-modes button[aria-pressed=true],html[data-theme="light"] .hero-modes button[aria-pressed=true]>span{color:#164ac2}
html[data-theme="light"] .hero-modes button:after{background:#2563ff}
html[data-theme="light"] .orb-scene:before{background:radial-gradient(ellipse,#367cff12,transparent 65%)}
html[data-theme="light"] .orb-core{mix-blend-mode:normal;color:#214b9f;text-shadow:0 0 30px #387bff33}
html[data-theme="light"] .orb-core>span{color:#2563ff}
html[data-theme="light"] .orb-core small,html[data-theme="light"] .orbit-word{color:#486998}
html[data-theme="light"] .orb-label>b{color:#4b648b}
html[data-theme="light"] .orb-label>span{color:#164bc2}
html[data-theme="light"] .float-chip{background:#f5f9ffeb;border-color:#92b1e6;color:#2563ff;box-shadow:0 12px 25px #1a5df314}
html[data-theme="light"] .float-chip span{color:#23467b}
html[data-theme="light"] .section-light{background:#eaf0fa;color:#14213c}
html[data-theme="light"] .muted,html[data-theme="light"] .service-title .muted{color:#647895}
html[data-theme="light"] .about-text>p:not(.lead),html[data-theme="light"] .principles p,html[data-theme="light"] .next-heading>p,html[data-theme="light"] .roadmap-row p{color:#526580}
html[data-theme="light"] .principles article,html[data-theme="light"] .roadmap-row,html[data-theme="light"] .section-heading{border-color:#bfcee3}
html[data-theme="light"] .secondary,html[data-theme="light"] .service-copy small,html[data-theme="light"] .feature-row p{color:#536a88}
html[data-theme="light"] .product-tags span{border-color:#bbcee9;color:#49658e}
html[data-theme="light"] .demo-caption{color:#536e96}
html[data-theme="light"] .connection-flow{color:#567094}
html[data-theme="light"] .connection-flow i{background:#adc3e5}
html[data-theme="light"] .row-number{color:#526d92}
html[data-theme="light"] .future h3,html[data-theme="light"] .future .row-arrow{color:#657b9c}
html[data-theme="light"] .pill{color:#536b8d;border-color:#aec2de}
html[data-theme="light"] .pill.live{background:#dce7ff;border-color:#b2c8f2;color:#2453a6}
html[data-theme="light"] .journey-stage{background:radial-gradient(ellipse at 75% 50%,#d9e7ff,transparent 60%),#edf3ff;border-color:#bbcfef}
html[data-theme="light"] .journey-copy .eyebrow,html[data-theme="light"] .journey-hint{color:#526e98}
html[data-theme="light"] .journey-count{color:#2563ff}
html[data-theme="light"] .journey-count>span:last-child{color:#5f789f}
html[data-theme="light"] .journey-copy>p{color:#536e94}
html[data-theme="light"] .journey-steps button{border-color:#9bb8e7;color:#2c579b}
html[data-theme="light"] .journey-steps button[aria-pressed=true]{border-color:#2563ff;color:#fff}
html[data-theme="light"] .signal-node{color:#426491}
html[data-theme="light"] .signal-node>span{background:#f5f9ff;border-color:#9eb9e0;color:#3a66ac}
html[data-theme="light"] .signal-node>b{color:#3b5883}
html[data-theme="light"] .journey-stage[data-step="0"] .node-ai>span,html[data-theme="light"] .journey-stage[data-step="1"] .node-rc>span,html[data-theme="light"] .journey-stage[data-step="2"] .node-pc>span{background:#2563ff;color:white;border-color:#6897f1}
html[data-theme="light"] .signal-wire{background:#99b7e7}
html[data-theme="light"] .signal-wire>i{background:#2563ff;box-shadow:0 0 9px #2563ff}
html[data-theme="light"] .signal-message{color:#284f88;background:#f5f9ff;border-color:#b1c8ed}
html[data-theme="light"] .signal-led{background:#2563ff}
html[data-theme="light"] .journey-progress{background:#d5e2f7}
html[data-theme="light"] .demo{color:#edf2fa}
html[data-theme="light"] .demo .terminal-comment{color:#8fa4c4}
html[data-theme="light"] .demo .prompt{color:#78aaff}
html[data-theme="light"] .demo .device-line>div>span{color:#9cb4d6}
html[data-theme="light"] .demo .demo-tabs button{color:#b0c1dc}
html[data-theme="light"] .demo .demo-tabs button[aria-selected=true]{color:#fff}
html[data-theme="light"] .dark{color:#edf2fa}
html[data-theme="light"] footer>p,html[data-theme="light"] footer>div{color:#536b8d}
html[data-theme="light"] .theme-picker{background:#e7effb;border-color:#bbcce6}
html[data-theme="light"] .theme-picker button{color:#466189}
html[data-theme="light"] .theme-picker button:hover{background:#d3e0f5;color:#174799}
html[data-theme="light"] .theme-picker button[aria-pressed=true]{background:#2563ff;color:white}
html[data-theme="light"] .header nav{color:#14213c}
@media(max-width:1100px){.header-actions{gap:12px}.header-link{display:none}.header nav{gap:22px}}
@media(max-width:700px){
 .header{gap:12px}.header-actions{gap:12px;margin-left:auto}.header nav{gap:25px}
 .theme-picker{padding:2px;gap:1px}.theme-picker button{width:28px;height:28px;padding:6px}.theme-picker svg{width:15px;height:15px}
 .menu-button{padding:10px 0 10px 5px}.header>.brand{font-size:19px;gap:8px}
 html[data-theme="light"] .header nav{background:#f5f8ff;border-color:#c4d3e9}
 html[data-theme="light"] .menu-button span{background:#1c355b}
}
@media(max-width:350px){.header{gap:8px}.header-actions{gap:8px}.header>.brand{font-size:17px;gap:6px}.header>.brand .brand-mark{width:24px;height:26px;font-size:23px}.theme-picker button{width:25px;height:27px;padding:5px}.theme-picker svg{width:14px;height:14px}}

/* Responsive header wordmark: switch with the existing theme state */
.header .brand-wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;gap:0}
.header .brand-logo{display:block;width:clamp(125px,15vw,180px);height:auto;aspect-ratio:680/87}
html[data-theme="light"] .brand-logo-dark,html[data-theme="dark"] .brand-logo-light{display:none}
@media(max-width:700px){.header .brand-logo{width:clamp(112px,28vw,155px)}}
@media(max-width:350px){.header .brand-logo{width:112px}}

/* 22-language selector, including mobile and RTL layouts. */
.header-actions .language-picker{display:inline-flex;align-items:center;gap:5px;min-width:0;color:inherit;flex-shrink:0}
.header-actions .language-picker select{max-width:145px;min-width:80px;padding:8px 7px;border-radius:10px;border:1px solid #394a67;background:#15213a;color:#edf2fa;font:inherit;font-size:12px;cursor:pointer}
.header-actions .language-picker select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.header-actions .language-picker option{color:#111;background:#fff}
html[data-theme="light"] .header-actions .language-picker select{background:#e7effb;color:#14213c;border-color:#bbcce6}
html[dir="rtl"] .language-picker{direction:ltr}
@media(max-width:700px){.header-actions .language-picker{gap:1px}.header-actions .language-picker select{min-width:62px;max-width:94px;padding:7px 2px;font-size:10px}.header-actions .language-picker>span{display:none}}
@media(max-width:380px){.header-actions .language-picker select{max-width:68px;min-width:54px}}