:root{--bg:#0f0f0f;--text:#f5f5f3;--dim:#858581;--red:#e42c42;--ease:cubic-bezier(.16,1,.3,1);font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}body.menu-open,body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:#e42c42;color:white}button{border:0}em{font-family:"Times New Roman","Songti SC",serif;font-weight:400}a,button{touch-action:manipulation}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:200;background:white;color:black;padding:15px}.skip-link:focus{transform:none}.site-nav{position:fixed;z-index:40;left:20px;right:20px;top:16px;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-radius:50px;transition:transform .6s var(--ease),opacity .45s,background .6s,backdrop-filter .6s,color .4s}.site-nav.scrolled{background:#222222c9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.identity{display:flex;gap:9px;align-items:center;font-size:14px;line-height:1.3;font-weight:500}.identity img{width:29px;height:29px}.identity-sub{display:block;font-size:11px;font-weight:400;color:#737370;margin-top:2px}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;background:#242424;border-radius:40px;padding:3px;height:44px;width:312px}.nav-item{position:relative;z-index:1;display:grid;place-items:center;flex:1;border-radius:30px;font-size:13px;color:#888885;transition:color .3s}.nav-item.active{color:#141414}.nav-item:not(.active):hover{color:#eee}.nav-pill{position:absolute;inset:3px auto 3px 3px;width:calc((100% - 6px)/3);background:#f5f5f3;border-radius:30px;transform:translateX(calc(var(--nav-index,0)*100%));transition:transform .6s var(--ease)}.roll{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;line-height:1.3}.roll>span{display:block;transition:transform .5s var(--ease)}.roll>span+span{position:absolute;top:100%;left:0;white-space:nowrap}.nav-item:hover .roll>span,.text-link:hover .roll>span{transform:translateY(-100%)}.dot-link{display:inline-flex;gap:9px;align-items:center}.dot-link:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;transition:transform .4s var(--ease)}.dot-link:hover:before{transform:scale(.65)}.contact-link{font-size:13px}.contact-link>span{transition:transform .3s}.contact-link:hover>span{transform:translate(3px,-3px)}.menu-toggle{display:none}.mobile-menu{display:none}.hero{height:100svh;min-height:690px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate}.hero-visual{position:absolute;width:min(80vw,1050px);height:min(80vw,1050px);top:50%;left:50%;transform:translate(-50%,-59%);z-index:-1;pointer-events:none}#hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.video-play{position:absolute;z-index:3;left:50%;top:35%;transform:translate(-50%,-50%);background:#242424c9;color:#e5e5df;border:1px solid #55554a;border-radius:30px;padding:12px 18px;font-size:11px;display:flex;gap:15px;align-items:center}.video-play[hidden]{display:none}.hero-type{position:absolute;left:3%;right:3%;bottom:72px;will-change:transform,opacity}.hero h1{font-size:35vw;line-height:.78;font-weight:300;letter-spacing:-.07em;margin:0;white-space:nowrap;display:flex;align-items:flex-start;animation:hero-enter 1.7s var(--ease) both}.hero-meta{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;color:#7d7d79;font-size:10px;animation:fade-in 2s both}.hero-meta a{font-size:8px;letter-spacing:1px}.hero-meta a span{margin-left:20px}.intro{padding:180px 0 190px;max-width:960px;margin:auto}.section-index{font-size:10px;letter-spacing:1.5px;color:#777772;margin:0 0 45px}.intro-statement{font-family:"Times New Roman","Songti SC",serif;font-size:clamp(50px,6.2vw,86px);font-weight:400;line-height:1.06;letter-spacing:-3px;margin:0;color:#474745}.intro-statement .word{transition:color .3s}.intro-statement .word.lit{color:#ededE7}.intro-sans{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400;letter-spacing:-4px}.intro-statement em{font-style:italic}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:50px;gap:35px}.intro-bottom p{color:#989891;font-size:14px;line-height:1.9;margin:0}.text-link{font-size:18px;color:#aaa9a1}.experiences{padding:0 40px 130px;max-width:1520px;margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-head h2{font-size:clamp(40px,5.5vw,76px);font-weight:400;letter-spacing:-3px;margin:0;color:#e1e1dc}.section-head>span{font-size:10px;color:#74746d;line-height:1.8;padding-bottom:8px}.section-head em{font-style:normal;color:#aaa9a0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 12px}.project{min-width:0}.project-button{display:block;width:100%;padding:0;background:none;text-align:left}.project-cover{width:100%;aspect-ratio:1.2;overflow:hidden;border-radius:30px;position:relative;isolation:isolate;transition:border-radius .6s var(--ease)}.project-button:hover .project-cover{border-radius:40px}.cover-kicker{position:absolute;left:32px;top:29px;font-size:8px;letter-spacing:1.6px;color:#ffffff9c;z-index:1}.cover-arrow{position:absolute;right:23px;bottom:23px;background:#ffffffdf;color:#171717;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:22px;opacity:0;transform:translateY(12px) rotate(-35deg);transition:opacity .4s,transform .6s var(--ease);z-index:4}.project-button:hover .cover-arrow,.project-button:focus-visible .cover-arrow{opacity:1;transform:none}.project-caption{padding:20px 0 0}.project-caption h3{font-size:23px;letter-spacing:-.8px;font-weight:400;margin:0 0 8px}.project-caption>span{font-family:"Times New Roman",serif;color:#74746e;font-size:15px}.cover-connect{background:#c62931}.desktop-mock{position:absolute;width:92%;height:86%;left:10%;top:18%;background:#f7f7f5;border:1px solid #3b15172e;border-radius:10px 0 0 0;color:#15191c;box-shadow:0 20px 60px #5c121c33;transform:rotate(-4deg);transition:transform 1s var(--ease)}.project:hover .desktop-mock{transform:rotate(0) translate(-2%,-4%)}.window-dots{height:25px;display:flex;align-items:center;padding:0 10px;gap:4px;background:#ededea;border-bottom:1px solid #ddd;border-radius:10px 0 0 0}.window-dots i{width:5px;height:5px;background:#bbb;border-radius:50%}.window-dots i:first-child{background:#ed625b}.window-dots i:nth-child(2){background:#e7bf4e}.window-dots i:nth-child(3){background:#61b96e}.window-dots>span{position:absolute;left:50%;font-size:7px;color:#777}.mock-layout{display:flex;height:calc(100% - 25px)}.mock-layout aside{width:25%;border-right:1px solid #e8e8e5;padding:25px 9px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:9px}.mock-layout aside img{width:25px;height:25px}.mock-layout aside b{margin-bottom:13px;font-size:12px}.mock-layout aside span{padding:9px;width:100%;white-space:nowrap;color:#83837e}.mock-layout aside .aside-active{background:#ed233e;border-radius:9px;color:white}.mock-main{flex:1;display:flex;align-items:center;flex-direction:column;padding:25px 12px;gap:15px}.mini-modes{display:flex;gap:20px;padding:5px;background:#eee;border-radius:7px;align-items:center;font-size:8px}.mini-modes b{font-weight:500;background:#e42c42;color:white;padding:7px 12px;border-radius:5px}.mini-modes span{padding-right:7px;color:#8a8a85}.mini-power{height:100px;width:100px;border:10px solid #fce6e8;border-radius:50%;background:#ed233e;display:grid;place-items:center;box-shadow:0 0 0 8px #fce6e850}.mini-power svg{height:40px;width:40px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round}.mini-status{font-size:9px;color:#e42c42}.mini-node{width:92%;border:1px solid #e4e4e0;border-radius:11px;padding:14px}.mini-node small{display:block;font-size:7px;color:#92928b;margin-bottom:6px}.mini-node strong{font-size:11px;font-weight:500;display:flex;justify-content:space-between}.cover-nodes{background:linear-gradient(130deg,#c1b7a8,#e1d7c7)}.cover-nodes .cover-kicker{color:#6c6558}.node-window{position:absolute;top:19%;left:14%;width:86%;padding:30px 23px;background:#f7f6f1;color:#242a25;border-radius:15px;box-shadow:0 30px 60px #51463730;transform:rotate(5deg);transition:transform 1s var(--ease)}.project:hover .node-window{transform:rotate(0) translate(-4%,-3%)}.node-window-top{display:flex;justify-content:space-between;font-size:17px;margin-bottom:20px}.mock-search{border:1px solid #deded6;border-radius:8px;padding:12px;font-size:17px;display:flex;gap:8px;margin-bottom:15px}.mock-search span{font-size:10px;color:#9c9c8e}.mock-node{border:1px solid #e0e0d6;border-radius:10px;padding:18px 12px;display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px}.mock-node>i{font-style:normal;width:30px;height:30px;background:#e6e8df;display:grid;place-items:center;border-radius:50%;font-size:17px}.mock-node small{display:block;color:#9a9c90;font-size:8px;margin-top:6px}.mock-node>span{margin-left:auto}.mock-node.chosen{border-color:#8a9f7e}.node-check{border-radius:50%;background:#8a9f7e;color:white;padding:3px 5px;font-size:9px}.node-wave{display:flex;gap:2px;align-items:center;height:15px}.node-wave b{width:2px;height:9px;background:#92a782;animation:wave 1.4s ease-in-out infinite}.node-wave b:nth-child(2){animation-delay:-.4s;height:15px}.node-wave b:nth-child(3){animation-delay:-.8s;height:6px}.node-wave b:nth-child(4){animation-delay:-.2s;height:12px}.cover-mobile{background:#bcc9d9}.cover-mobile .cover-kicker{color:#626f81}.phone{position:absolute;width:35%;height:96%;background:#f9f9f8;color:#191c20;border:7px solid #22252a;border-radius:34px;box-shadow:12px 24px 35px #53627839;transition:transform 1s var(--ease);padding:35px 11px 15px}.phone-left{left:15%;top:19%;transform:rotate(-12deg)}.phone-right{right:9%;top:31%;transform:rotate(11deg)}.project:hover .phone-left{transform:rotate(-5deg) translateY(-6%)}.project:hover .phone-right{transform:rotate(5deg) translateY(-10%)}.phone-camera{position:absolute;top:6px;left:50%;transform:translateX(-50%);background:#22252a;width:43%;height:12px;border-radius:20px}.phone-top{font-size:12px;font-weight:600;display:flex;justify-content:space-between}.phone-top>span{color:#8b8e91}.phone-status{text-align:center;font-size:7px;margin:20px auto;color:#8b8f8b;background:#efefed;width:47px;border-radius:20px;padding:5px 0}.phone-power{width:73px;height:73px;border-radius:50%;background:#e42c42;color:white;font-size:41px;margin:25px auto 18px;display:grid;place-items:center;border:5px solid #fbe4e8;box-shadow:0 0 0 7px #f0efed}.phone-time{text-align:center;font-size:22px;font-weight:600;letter-spacing:-1px}.phone-node{margin-top:29px;background:white;border-radius:15px;font-size:9px;padding:15px 9px;box-shadow:0 4px 18px #00000003}.phone-node>span{float:right}.phone-node small{display:block;font-size:7px;background:#f5f5f3;border-radius:10px;margin-top:12px;padding:10px 4px;color:#82867f}.phone-tabs{text-align:center;margin-top:25px;color:#777;font-size:17px;white-space:nowrap}.phone-avatar{height:45px;width:45px;border-radius:50%;background:#e42c42;color:white;font-size:20px;display:grid;place-items:center;margin-top:25px}.phone>p{font-size:17px;line-height:1.4}.phone-plan{background:white;padding:15px 10px;border-radius:12px;margin-top:20px}.phone-plan small{color:#aaa;font-size:7px}.phone-plan strong{font-size:11px;display:block;margin-top:10px;font-weight:500}.plan-track{height:4px;background:#eee;border-radius:4px;margin-top:15px}.plan-track i{display:block;width:36%;height:100%;background:#e42c42;border-radius:4px}.phone-settings{margin-top:17px;font-size:9px;line-height:3;background:white;padding:7px 9px;border-radius:10px}.cover-tools{background:#e7bf51}.cover-tools .cover-kicker{color:#87712d}.tools-composition{position:absolute;inset:19% -9% -12% 13%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;transform:rotate(-9deg);transition:transform 1s var(--ease)}.project:hover .tools-composition{transform:rotate(-2deg) translateY(-4%)}.tool-tile{background:#f9f7f0;border-radius:20px;color:#2a2b24;padding:23px;position:relative;box-shadow:0 10px 30px #81631110}.tool-tile>span{font-size:27px;display:block;margin-bottom:20px}.tool-tile strong{font-weight:500;display:block;font-size:17px}.tool-tile small{font-size:9px;color:#a0a092;display:block;margin-top:8px}.tile-tun{background:#282d26;color:#f8f6ed}.mock-switch{position:absolute;width:33px;height:20px;background:#859876;border-radius:20px;right:19px;top:28px}.mock-switch:after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:white;position:absolute;right:3px;top:2.5px}.cover-brand{background:#232124;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.brand-emblem{width:38%;height:auto;transition:transform 1s var(--ease)}.project:hover .brand-emblem{transform:scale(1.08) rotate(-5deg)}.brand-cover-word{font-size:45px;letter-spacing:-3px;font-weight:400;color:#d8d4da}.cover-account{background:#b7c2aa}.cover-account .cover-kicker{color:#627050}.account-window{position:absolute;background:#f7f8f3;top:18%;left:13%;width:82%;padding:27px;border-radius:18px;color:#2c3328;transform:rotate(5deg);box-shadow:0 25px 60px #4355382b;transition:transform 1s var(--ease)}.project:hover .account-window{transform:rotate(0) translateY(-3%)}.account-profile{display:flex;align-items:center;gap:12px;font-size:14px}.account-profile>div{display:grid;place-items:center;background:#e42c42;color:white;border-radius:50%;width:40px;height:40px;font-size:17px}.account-profile small{display:block;color:#99a18f;font-size:8px;margin-top:6px}.account-summary{margin-top:23px;border:1px solid #e0e5d7;padding:21px;border-radius:15px}.account-summary>small{color:#929d83;font-size:8px}.account-summary>strong{display:block;margin-top:10px;font-weight:500;font-size:25px}.usage-graphic{height:80px;display:flex;align-items:flex-end;gap:7px;margin:20px 0}.usage-graphic i{flex:1;background:#9ba98b;border-radius:3px 3px 0 0;height:var(--bar,35%);transform-origin:bottom;animation:bars 4s ease-in-out infinite alternate}.usage-graphic i:nth-child(3n){height:70%;animation-delay:-1s}.usage-graphic i:nth-child(3n+1){height:45%;animation-delay:-2s}.usage-graphic i:nth-child(4n){height:95%;background:#d64551;animation-delay:-3s}.account-summary>span{display:flex;justify-content:space-between;font-size:9px;color:#879477}.account-order{padding:18px 4px 0;font-size:11px}.account-order span{float:right;font-size:8px;color:#96a18a}.preview-note{font-size:10px;color:#63635c;margin-top:30px}.platforms{max-width:1120px;margin:0 auto;padding:40px 0 160px}.platform-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:60px}.platform-heading h2{font-size:clamp(50px,6vw,82px);font-weight:400;letter-spacing:-3px;line-height:1.04;margin:0}.platform-heading h2 em{color:#a7a69d}.platform-heading p{font-size:13px;color:#85857d;line-height:1.8}.platform-rows>div{display:flex;align-items:center;gap:35px;padding:27px 0;border-top:1px solid #30302c;transition:padding .5s var(--ease)}.platform-rows>div:hover{padding-left:15px}.platform-rows>div>span:first-child{font-size:10px;color:#6a6a62;min-width:20px}.platform-rows h3{font-size:38px;letter-spacing:-1.5px;font-weight:400;margin:0}.platform-rows p{margin-left:auto;font-size:12px;color:#77776e}.platform-rows>div>span:last-child{font-size:30px;color:#65655d;margin-left:25px}.platform-rows>div:last-child{border-bottom:1px solid #30302c}footer{background:#f5f5f3;color:#141414;position:relative;padding:45px 40px 35px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#65655f}.footer-top>a{color:#252521}.marquee{margin:75px -40px 65px;overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite}.marquee-track>span{font-family:"Times New Roman",serif;font-size:clamp(120px,20vw,350px);line-height:1.1;font-weight:400;letter-spacing:-8px;white-space:nowrap;padding-right:50px}.marquee-track em{font-weight:400}.footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;font-size:12px}.footer-bottom>div:last-child{text-align:right}.footer-bottom p{font-size:11px;color:#91918b;margin-top:26px}.back-top{border:1px solid #cccac5;border-radius:30px;padding:14px 23px;display:inline-flex;gap:18px;align-items:center;font-size:17px}.back-top:hover{background:#e7e7e2}.back-top span{transition:transform .3s}.back-top:hover span{transform:translateY(-4px)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(65px);transition:opacity 1s,transform 1.35s var(--ease);transition-delay:var(--delay,0s)}.motion-ready .reveal.visible{opacity:1;transform:none}.project:nth-child(even){--delay:.08s}dialog{border:1px solid #3d3d37;background:#171717;color:#efefe7;padding:0;width:min(1080px,92vw);max-height:90svh;border-radius:22px;overflow:hidden;box-shadow:0 40px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(12px)}dialog[open]{animation:dialog-enter .5s var(--ease)}.dialog-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #30302d}.dialog-top>span{font-size:9px;letter-spacing:1.5px;color:#85857c}.dialog-close{width:35px;height:35px;border-radius:50%;background:#30302c;font-size:16px;transition:background .3s,transform .3s}.dialog-close:hover{background:#45453e;transform:rotate(90deg)}.dialog-scroll{overflow:auto;max-height:calc(90svh - 70px);display:grid;grid-template-columns:1.2fr 1fr}.dialog-preview .project-cover{border-radius:0;aspect-ratio:1;min-height:100%}.dialog-preview .cover-arrow{display:none}.dialog-copy{padding:50px 35px;align-self:center}.dialog-index{font-size:9px;color:#77776e;letter-spacing:1px}.dialog-copy h2{font-size:34px;line-height:1.3;font-weight:400;letter-spacing:-1px;margin:22px 0}.dialog-description{font-size:14px;line-height:2;color:#a3a398;margin-bottom:30px}.dialog-copy>a{font-size:12px}.cover-connect,.cover-nodes,.cover-mobile,.cover-tools,.cover-brand,.cover-account{contain:paint}.project:not(.in-view) .node-wave b,.project:not(.in-view) .usage-graphic i{animation-play-state:paused}
@keyframes hero-enter{from{opacity:.001;transform:translateY(80px)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes bars{from{transform:scaleY(.65)}to{transform:scaleY(1)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero h1{font-size:560px}.hero-type{left:calc(50% - 740px);right:auto}.hero{height:100svh}.intro{max-width:1050px}.platforms{max-width:1300px}}
@media(max-width:1199px){.intro{padding:150px 12% 160px;max-width:none}.intro-statement{font-size:7vw}.platforms{margin:0 8%;padding-bottom:130px}.project-cover{aspect-ratio:1.07}.mock-main{gap:10px;padding-top:17px}.mini-power{width:85px;height:85px}.phone{width:39%;border-width:6px}.phone-left{left:11%}.phone-right{right:4%}.phone-power{margin-top:20px}.phone-time{font-size:19px}.tool-tile{padding:20px}.tool-tile strong{font-size:15px}.cover-kicker{font-size:7px;left:25px}.node-window{padding:25px 18px}.mock-node{padding:15px 10px}.account-window{padding:22px}.account-summary{padding:16px}.usage-graphic{height:65px}}
@media(max-width:767px){html{scroll-padding-top:95px}.site-nav{top:10px;left:8px;right:8px;height:63px;padding:0 16px}.identity{font-size:13px}.identity-sub{font-size:10px}.identity img{width:27px;height:27px}.desktop-nav,.contact-link{display:none}.menu-toggle{background:none;border:0;display:flex;gap:8px;align-items:center;font-size:12px;padding:12px;color:#deded9}.menu-toggle i{height:7px;width:7px;border-radius:50%;background:currentColor}.site-nav.menu-active{color:#181818;background:transparent;backdrop-filter:none}.site-nav.menu-active .identity img{filter:invert(1) grayscale(1)}.site-nav.menu-active .menu-toggle{color:#1b1b19}.mobile-menu{position:fixed;inset:0 0 auto;height:min(680px,88svh);z-index:35;background:#e9e9e2;color:#151515;display:flex;flex-direction:column;justify-content:space-between;padding:100px 25px 30px;clip-path:inset(0 0 100% 0);transition:clip-path .85s var(--ease);pointer-events:none}.mobile-menu.open{clip-path:inset(0 0 0 0);pointer-events:auto}.mobile-menu nav{display:flex;flex-direction:column;text-align:center;gap:12px}.mobile-menu nav>a{font-family:"Times New Roman",serif;font-size:clamp(40px,12vw,65px);letter-spacing:-2px;line-height:1.2;opacity:0;transform:translateY(25px);transition:opacity .5s,transform .7s var(--ease);transition-delay:0s}.mobile-menu.open nav>a{opacity:1;transform:none;transition-delay:calc(.12s + var(--menu-i)*.07s)}.mobile-menu nav>a>span{display:block;font-family:Arial,"PingFang SC",sans-serif;font-size:9px;letter-spacing:1px;color:#8b8b82;margin-top:6px}.mobile-menu>p{font-size:10px;color:#8b8b82;text-align:center;margin-top:25px}.hero{height:100svh;min-height:650px;max-height:1000px}.hero-visual{width:145vw;height:145vw;top:43%;transform:translate(-50%,-50%)}.hero-type{bottom:125px;left:4%;right:4%}.hero h1{font-size:35vw;line-height:.9;letter-spacing:-.075em}.hero-meta{bottom:40px;left:5%;right:5%;font-size:9px}.hero-meta a{font-size:6px;letter-spacing:.5px}.hero-meta a span{margin-left:8px}.intro{padding:80px 5% 110px}.section-index{font-size:8px;margin-bottom:35px}.intro-statement{font-size:11.5vw;letter-spacing:-1.8px;line-height:1.12}.intro-sans{letter-spacing:-2px}.intro-bottom{display:block;margin-top:33px}.intro-bottom p{font-size:12px}.text-link{font-size:16px;margin-top:30px}.experiences{padding:0 15px 90px}.section-head{display:block;margin:0 5px 28px}.section-head h2{font-size:10vw;letter-spacing:-1.8px}.section-head>span{display:block;margin-top:15px;font-size:9px}.project-grid{grid-template-columns:1fr;gap:36px}.project-cover{aspect-ratio:1.06;border-radius:25px}.project-button:hover .project-cover{border-radius:25px}.project-caption{padding:16px 5px 0}.project-caption h3{font-size:21px;margin-bottom:6px}.project-caption>span{font-size:13px}.cover-kicker{font-size:7px;left:23px;top:25px}.desktop-mock{left:11%;top:20%;height:86%;width:95%}.mock-layout aside{font-size:8px;padding-top:20px}.mock-main{gap:14px;padding-top:22px}.mini-modes{gap:15px;font-size:7px}.mini-power{width:90px;height:90px}.mini-node{padding:12px}.node-window{top:20%;padding:23px 18px}.mock-node{padding:15px 10px}.mock-node>i{width:28px;height:28px}.mock-node div{font-size:11px}.mock-node small{font-size:7px}.phone{width:37%;height:105%;border-width:5px;border-radius:27px;padding:30px 8px 10px}.phone-left{left:13%;top:23%}.phone-right{right:7%;top:30%}.phone-camera{height:10px;top:5px}.phone-top{font-size:10px}.phone-status{margin:18px auto;font-size:6px}.phone-power{width:64px;height:64px;font-size:35px;margin:23px auto 18px}.phone-time{font-size:17px}.phone-node{margin-top:23px;font-size:8px;padding:12px 7px}.phone-node small{font-size:6px}.phone-tabs{font-size:13px}.phone>p{font-size:14px}.phone-avatar{width:36px;height:36px;font-size:17px}.phone-plan{padding:12px 7px}.phone-plan strong{font-size:9px}.phone-settings{font-size:8px}.tools-composition{inset:22% -12% -15% 12%;gap:8px}.tool-tile{padding:20px;border-radius:17px}.tool-tile>span{font-size:24px;margin-bottom:15px}.tool-tile strong{font-size:15px}.tool-tile small{font-size:8px}.mock-switch{width:27px;height:17px;right:15px;top:24px}.mock-switch:after{width:13px;height:13px;top:2px;right:2px}.brand-cover-word{font-size:38px;letter-spacing:-2px}.account-window{padding:23px;width:86%;top:21%;left:12%}.account-profile{font-size:12px}.account-profile small{font-size:7px}.account-profile>div{width:34px;height:34px}.account-summary{margin-top:18px;padding:15px}.account-summary>strong{font-size:22px}.usage-graphic{height:60px;gap:5px;margin:15px 0}.account-order{font-size:9px}.account-order span{font-size:7px}.cover-arrow{opacity:1;transform:none;width:33px;height:33px;font-size:18px;right:16px;bottom:16px}.preview-note{font-size:8px;padding:0 5px;line-height:1.8}.platforms{margin:0;padding:0 5% 90px}.platform-heading{display:block;margin-bottom:40px}.platform-heading h2{font-size:12vw;letter-spacing:-2px}.platform-heading p{font-size:12px;margin-top:30px}.platform-rows>div{gap:15px;padding:23px 0}.platform-rows>div>span:first-child{font-size:8px;min-width:12px}.platform-rows h3{font-size:27px;letter-spacing:-1px}.platform-rows p{font-size:9px}.platform-rows>div>span:last-child{margin-left:0;font-size:21px}footer{padding:30px 20px}.footer-top{font-size:9px;gap:25px;align-items:flex-start}.footer-top .dot-link{font-size:10px;white-space:nowrap}.dot-link:before{width:5px;height:5px}.marquee{margin:70px -20px 60px}.marquee-track>span{font-size:34vw;letter-spacing:-5px;padding-right:30px}.footer-bottom{gap:20px;font-size:10px}.back-top{font-size:12px;padding:11px 15px;gap:13px}.footer-bottom p{font-size:9px;margin-top:22px}dialog{width:94vw;max-height:90svh;border-radius:16px}.dialog-top{padding:0 20px;height:60px}.dialog-scroll{display:block;max-height:calc(90svh - 60px)}.dialog-preview .project-cover{aspect-ratio:1.1;min-height:0}.dialog-copy{padding:30px 25px}.dialog-copy h2{font-size:28px}.dialog-description{font-size:13px}.dialog-close{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-type{transform:none!important;opacity:1!important}.hero-visual{opacity:1!important}.intro-statement .word{color:#ededE7}.marquee-track{transform:none!important}}
.mini-power,.mini-node{flex-shrink:0}.mock-main{overflow:hidden}

.site-nav.nav-exit{transform:translateY(-100px);opacity:0;pointer-events:none}.site-nav.menu-active{transform:none;opacity:1;pointer-events:auto}

/* The header settles into a smaller floating capsule as the page scrolls. */
.site-nav{transition:height .6s var(--ease),left .6s var(--ease),right .6s var(--ease),padding .6s var(--ease),transform .6s var(--ease),opacity .45s,background .6s,backdrop-filter .6s,color .4s}
.site-nav.scrolled{left:max(6vw,calc((100vw - 1080px)/2));right:max(6vw,calc((100vw - 1080px)/2));height:56px;padding-inline:24px}
@media(max-width:767px){.site-nav.scrolled{left:12px;right:12px;height:55px;padding-inline:12px}.site-nav.menu-active{left:8px;right:8px;height:63px;padding-inline:16px}}

:root{color-scheme:dark}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;padding:10px 0;font-size:13px;white-space:nowrap;border-radius:20px}
.theme-icon{font-size:20px;line-height:1;min-width:22px;text-align:center}
.theme-toggle:hover .theme-icon{transform:rotate(25deg)}
.theme-icon{transition:transform .3s}
html[data-theme="light"]{color-scheme:light;--bg:#f5f5f0;--text:#20201e;--dim:#66665e}
html[data-theme="light"] .site-nav.scrolled{background:#eeeee8d9}
html[data-theme="light"] .identity img{filter:invert(1) grayscale(1)}
html[data-theme="light"] .desktop-nav{background:#e5e5de}
html[data-theme="light"] .nav-pill{background:#242422}
html[data-theme="light"] .nav-item{color:#67675f}
html[data-theme="light"] .nav-item.active{color:#fff}
html[data-theme="light"] .nav-item:not(.active):hover{color:#181816}
html[data-theme="light"] #hero-video{filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply}
html[data-theme="light"] .hero-visual{mix-blend-mode:multiply}
html[data-theme="light"] .intro-statement{color:#a8a89e}
html[data-theme="light"] .intro-statement .word.lit{color:#242421}
html[data-theme="light"] .section-head h2{color:#242421}
html[data-theme="light"] .section-head em,html[data-theme="light"] .platform-heading h2 em{color:#727267}
html[data-theme="light"] .intro-bottom p,html[data-theme="light"] .text-link{color:#62625a}
html[data-theme="light"] .preview-note{color:#74746a}
html[data-theme="light"] .platform-rows>div{border-color:#d5d5cb}
html[data-theme="light"] .platform-rows>div:last-child{border-color:#d5d5cb}
html[data-theme="light"] footer{background:#e5e5dc}
html[data-theme="light"] dialog{background:#fafaf5;color:#242421;border-color:#d5d5cb}
html[data-theme="light"] .dialog-top{border-color:#deded4}
html[data-theme="light"] .dialog-description{color:#66665d}
html[data-theme="light"] .dialog-close{background:#e5e5dc}
html[data-theme="light"] .dialog-close:hover{background:#d5d5cb}
html[data-theme="light"] .menu-toggle{color:#242421}
@media(max-width:767px){.theme-toggle{margin-left:auto;margin-right:14px;min-height:44px}.theme-label{display:none}.theme-icon{font-size:23px}}
@media(prefers-reduced-motion:reduce){html[data-theme="light"] .intro-statement .word{color:#242421}}

/* Original procedural eclipse: layered light, sphere and a moving occluder. */
.hero-visual{width:min(82vw,1080px);height:min(82vw,1080px);top:46%;transform:translate(-50%,-50%);mix-blend-mode:normal!important}
.eclipse-scene{position:absolute;inset:0;--orb-core:#0f0f0f;--orb-rim:#b6b1e5;--orb-shadow:#09090b;--orb-glow:#7466b7;--halo-opacity:.19}
.eclipse-halo{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse at 32% 40%,var(--orb-glow),transparent 66%);filter:blur(45px);opacity:var(--halo-opacity);animation:halo-breathe 16s ease-in-out infinite}
.eclipse-orbit{position:absolute;inset:14%;animation:orbit-drift 24s ease-in-out infinite;isolation:isolate}
.eclipse-corona{position:absolute;inset:-1.8%;border-radius:50%;background:conic-gradient(from 20deg,transparent 5%,var(--orb-rim) 37%,var(--orb-glow) 48%,transparent 68%);filter:blur(16px);opacity:.5;animation:corona-turn 36s linear infinite}
.eclipse-sphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 26% 29%,#454052 0%,#1c1b26 24%,var(--orb-core) 66%);box-shadow:inset 2px 1px 3px #ffffff30,-10px -4px 34px #8b80c52b;overflow:hidden}
.eclipse-sphere:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#ffffff0a,transparent 40%);box-shadow:inset -35px -20px 70px #0008}
.eclipse-shade{position:absolute;inset:-1%;border-radius:50%;background:radial-gradient(circle at 60% 50%,var(--orb-shadow) 55%,var(--orb-core) 74%);transform:translate(8%,-4%);filter:blur(1px);box-shadow:-9px 5px 25px #0006;animation:eclipse-passage 24s ease-in-out infinite}
html[data-theme="light"] .eclipse-scene{--orb-core:#f5f5f0;--orb-shadow:#f5f5f0;--orb-rim:#ffffff;--orb-glow:#cec1a6;--halo-opacity:.5}
html[data-theme="light"] .eclipse-corona{background:conic-gradient(from 20deg,transparent 5%,#ffffff 32%,#cabba0 48%,transparent 70%);opacity:.75;filter:blur(24px)}
html[data-theme="light"] .eclipse-sphere{background:radial-gradient(circle at 29% 24%,#fffefa 0%,#eeece3 38%,#c8c6bc 76%,#acaea5 100%);box-shadow:inset 3px 2px 8px #fff,-15px -10px 55px #ffffffb3,28px 30px 65px #86877724}
html[data-theme="light"] .eclipse-sphere:after{background:linear-gradient(130deg,#ffffff60,transparent 55%);box-shadow:inset -25px -20px 50px #777d731c}
html[data-theme="light"] .eclipse-shade{background:radial-gradient(circle at 60% 50%,#f5f5f0 56%,#f5f5f0f5 72%,#f5f5f000 74%);box-shadow:none;filter:blur(3px)}
.animation-paused .eclipse-scene *,.page-hidden .eclipse-scene *{animation-play-state:paused!important}
@keyframes eclipse-passage{0%,100%{transform:translate(15%,-9%)}45%{transform:translate(39%,7%)}70%{transform:translate(27%,15%)}}
@keyframes orbit-drift{0%,100%{transform:translate(-3%,1%) rotate(-18deg)}50%{transform:translate(3%,-2%) rotate(12deg)}}
@keyframes corona-turn{to{transform:rotate(360deg)}}
@keyframes halo-breathe{0%,100%{transform:scale(.92);opacity:var(--halo-opacity)}50%{transform:scale(1.12);opacity:calc(var(--halo-opacity)*.65)}}
@media(max-width:767px){.hero-visual{width:140vw;height:140vw;top:42%}.eclipse-orbit{inset:10%}.eclipse-halo{filter:blur(28px)}}

/* A complete black sphere with revolving chromatic light around its rim. */
.eclipse-scene{--orb-size:72%}
.eclipse-orbit{inset:14%;animation:orb-float 18s ease-in-out infinite}
.eclipse-sphere,html[data-theme="light"] .eclipse-sphere{inset:0;background:radial-gradient(circle at 36% 27%,#19191b 0%,#0c0c0e 42%,#050506 80%);box-shadow:inset 0 0 1px 1px #ffffff12;z-index:2}
.eclipse-sphere:after,html[data-theme="light"] .eclipse-sphere:after{background:radial-gradient(ellipse at 34% 20%,#ffffff05,transparent 56%);box-shadow:inset -14px -18px 40px #0004}
.eclipse-corona,html[data-theme="light"] .eclipse-corona{inset:-1.2%;z-index:1;border-radius:50%;background:conic-gradient(from 0deg,#111116 0deg,#292143 35deg,#8271be 68deg,#b3bbec 88deg,#739caa 109deg,#285458 135deg,#101519 160deg,#121216 192deg,#604c60 225deg,#c58d76 253deg,#d6bb8b 269deg,#9071a6 289deg,#33304c 316deg,#111116 360deg);filter:blur(9px);opacity:.85;animation:rim-revolve 16s linear infinite}
.eclipse-corona:before{content:"";position:absolute;inset:5px;border-radius:inherit;background:inherit;filter:blur(20px);opacity:.75}
.eclipse-corona:after{content:"";position:absolute;inset:4px;border-radius:inherit;background:inherit;filter:blur(1px)}
.eclipse-halo,html[data-theme="light"] .eclipse-halo{inset:10%;background:conic-gradient(from 0deg,transparent,#9380bd33,transparent 32%,#729eae22,transparent 62%,#c4977526,transparent);filter:blur(42px);opacity:.65;animation:rim-revolve 24s linear infinite}
html[data-theme="light"] .eclipse-corona{opacity:.8;filter:blur(7px)}
html[data-theme="light"] .eclipse-orbit{filter:drop-shadow(0 20px 35px #33332b18)}
@keyframes rim-revolve{to{transform:rotate(360deg)}}
@keyframes orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:767px){.eclipse-orbit{inset:10%}}
html[data-theme="light"] .hero-type{color:#fff;mix-blend-mode:difference}
.hero{background:var(--bg)}

/* Center the wordmark by its visible letter area, including the final tracking. */
.hero-type{left:0;right:0;width:100%;display:flex;justify-content:center}
.hero h1{display:block;width:max-content;text-align:center;padding-right:.07em;flex:none}
@media(min-width:1600px){.hero-type{left:0;right:0;width:100%}.hero h1{font-size:min(35vw,560px)}}
@media(max-width:767px){.hero-type{left:0;right:0;width:100%}.hero h1{padding-right:.075em}}

.theme-picker{position:relative;margin-left:auto}
.theme-picker .theme-toggle{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;margin:0;border-radius:50%}
.theme-toggle:hover,.theme-toggle[aria-expanded="true"]{background:#ffffff12}
.theme-picker .theme-icon{display:grid;place-items:center;min-width:0}
.theme-toggle:hover .theme-icon{transform:none}
.theme-menu{position:absolute;right:0;top:calc(100% + 12px);width:192px;padding:6px;border:1px solid #ffffff15;border-radius:16px;background:#242424f5;color:#efefea;box-shadow:0 12px 40px #0004;backdrop-filter:blur(20px)}
.theme-menu[hidden]{display:none}
.theme-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;text-align:left;background:transparent;font-size:13px}
.theme-menu button:hover,.theme-menu button:focus-visible{background:#ffffff10}
.theme-menu button span{font-size:10px;opacity:.55}
.theme-menu button i{margin-left:auto;font-style:normal;visibility:hidden}
.theme-menu button.selected i{visibility:visible}
html[data-theme="light"] .theme-menu{background:#fafaf7f5;color:#242421;border-color:#00000012;box-shadow:0 12px 40px #00000014}
html[data-theme="light"] .theme-menu button:hover,html[data-theme="light"] .theme-menu button:focus-visible,html[data-theme="light"] .theme-toggle:hover,html[data-theme="light"] .theme-toggle[aria-expanded="true"]{background:#00000008}
@media(max-width:767px){.theme-picker{margin-left:auto;margin-right:8px}.theme-menu{width:180px}}

.world-clock{position:absolute;bottom:0;left:0;right:0;height:86px;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.world-clock:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#a1a1a133 .8px,transparent 1px);background-size:12px 12px;mask-image:linear-gradient(90deg,transparent,black 30%,black 70%,transparent);opacity:.35}
.clock-track{width:100%;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;padding:0 5%}
.clock-zone{text-align:center;display:flex;flex-direction:column;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.clock-zone time{color:#e9a07e;font-size:13px;letter-spacing:.2px}
.clock-zone>span{color:#8b8b90;font-size:10px;letter-spacing:1px}
html[data-theme="light"] .clock-zone time{color:#eb956f}
html[data-theme="light"] .clock-zone>span{color:#92959e}
html[data-theme="light"] .world-clock:before{opacity:.45}
.hero-meta{bottom:106px}
.hero-type{bottom:154px}
@media(max-width:767px){.world-clock{height:76px;overflow-x:auto;scrollbar-width:none}.world-clock::-webkit-scrollbar{display:none}.clock-track{width:max-content;min-width:100%;grid-template-columns:repeat(9,86px);gap:8px;padding:0 20px}.clock-zone time{font-size:12px}.clock-zone>span{font-size:9px}.hero-meta{bottom:96px}.hero-type{bottom:160px}}
.world-clock{background:var(--bg)}

/* Brand identity keeps its original black mark on a warm mineral ground. */
.cover-brand{background:#dfdcd3;color:#232321}
.cover-brand .cover-kicker{color:#767268}
.cover-brand .brand-cover-word{color:#232321}
.cover-brand .cover-arrow{background:#f5f3ed;color:#232321}

/* Connection cover: a detailed, intentionally composed product illustration. */
.cover-connect{container-type:inline-size;background:radial-gradient(ellipse at 18% 12%,#ea6565 0,transparent 55%),linear-gradient(135deg,#d33b46,#a9162c);isolation:isolate}
.cover-connect:before{content:"";position:absolute;width:85%;aspect-ratio:1;border:1px solid #ffffff12;border-radius:50%;left:-35%;top:25%;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff03;z-index:-1}
.cover-connect .desktop-mock{left:8%;top:16%;width:94%;height:90%;border-radius:12px;transform:rotate(-3deg);background:#fafaf8;border:1px solid #fff9;box-shadow:0 20px 50px #59061945;color:#272a2b}
.cover-connect .window-dots{height:5cqw;min-height:22px;border-radius:12px 12px 0 0;background:#f0f0ec;padding:0 2cqw;gap:.7cqw;border-color:#e4e4df}
.cover-connect .window-dots i{width:.8cqw;height:.8cqw}
.cover-connect .window-dots>span{font-size:1.35cqw;left:47%;font-weight:500;letter-spacing:.04em}
.window-dots>small{margin-left:auto;font-size:1.05cqw;color:#7c8278}
.cover-connect .mock-layout{height:calc(100% - 5cqw)}
.cover-connect .mock-layout aside{width:25%;flex-shrink:0;background:#f2f2ee;padding:3cqw 1.5cqw;gap:.8cqw;position:relative;border-color:#e4e4de;font-size:1.5cqw}
.mock-brand{display:flex;align-items:center;gap:1cqw;padding:0 .4cqw 3cqw}
.cover-connect .mock-brand img{width:3.8cqw;height:3.8cqw}
.cover-connect .mock-brand b{font-size:2cqw;margin:0;letter-spacing:-.05em}
.mock-brand b small{display:block;font-weight:400;font-size:1cqw;color:#97998f;letter-spacing:0;margin-top:.5cqw}
.mock-sidebar-label{font-size:1.05cqw;color:#aaa99f;padding:0 1cqw 1cqw;letter-spacing:.08em}
.cover-connect .mock-layout aside>span{padding:1.6cqw 1cqw;display:flex;align-items:center;gap:1cqw;color:#85877f}
.mock-layout aside>span>i{font-style:normal;font-size:2cqw}
.mock-layout aside>span>em{font-family:inherit;font-style:normal;font-size:1cqw;margin-left:auto;opacity:.5}
.cover-connect .mock-layout aside .aside-active{background:#fff;color:#c52c40;box-shadow:0 2px 8px #25251c06;border:1px solid #eae9e3;border-radius:1.2cqw;font-weight:600}
.mock-sidebar-bottom{margin-top:auto;width:100%;color:#8c8e84}
.cover-connect .mock-sidebar-bottom>span{display:block;padding:1cqw;font-size:1.3cqw}
.mock-profile{display:flex;align-items:center;gap:1cqw;border-top:1px solid #e1e2da;padding:2cqw .5cqw 0;margin-top:1cqw}
.mock-profile>i{display:grid;place-items:center;background:#e5e5dc;color:#777b68;width:3.5cqw;height:3.5cqw;border-radius:50%;font-style:normal;font-size:1.4cqw}
.mock-profile strong{font-size:1.3cqw;font-weight:500;color:#555a50}.mock-profile small{display:block;font-size:.85cqw;color:#9a9d90;margin-top:.5cqw}
.cover-connect .mock-main{padding:3cqw 4cqw 2cqw;gap:0;min-width:0;overflow:hidden}
.mock-page-title{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5cqw}
.mock-page-title>strong{font-size:2.1cqw;font-weight:600}.mock-page-title small{display:block;font-size:1.15cqw;font-weight:400;color:#9a9c93;margin-top:.7cqw}.mock-page-title>span{font-size:1cqw;color:#739377;background:#edf3e9;padding:.7cqw 1cqw;border-radius:3cqw}
.cover-connect .mini-modes{font-size:1.25cqw;background:#efefea;padding:.5cqw;border-radius:1.1cqw;gap:0;width:85%;justify-content:space-between}
.cover-connect .mini-modes b{color:#333932;background:#fff;box-shadow:0 1px 5px #0000000a;border-radius:.8cqw;padding:1cqw 1.7cqw}
.cover-connect .mini-modes span{padding:0 1.2cqw;color:#999c92}
.mock-power-area{position:relative;display:grid;place-items:center;width:24cqw;height:24cqw;margin:1cqw 0 .2cqw;flex-shrink:0}
.power-orbit{position:absolute;inset:1cqw;border-radius:50%;border:1px dashed #d8dcd1;transform:rotate(-20deg)}
.power-orbit:after{content:"";position:absolute;left:9%;top:16%;width:.9cqw;height:.9cqw;border-radius:50%;background:#9cac91;box-shadow:0 0 0 .6cqw #f8f9f4}
.cover-connect .mini-power{width:15cqw;height:15cqw;border:0;background:linear-gradient(145deg,#e74b59,#c52238);box-shadow:0 0 0 1.2cqw #f8e9e7,0 0 0 2.6cqw #fbf2ee,0 1.5cqw 3cqw #d43d4324}
.cover-connect .mini-power svg{width:6cqw;height:6cqw;stroke-width:1.7}
.mock-connection-state{text-align:center;margin-bottom:2.4cqw}
.mock-connection-state>strong{font-size:2cqw;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.8cqw}.mock-connection-state>strong span{width:.6cqw;height:.6cqw;background:#8aa16e;border-radius:50%}
.mock-connection-state>small{font-size:1.1cqw;color:#a0a297;display:block;margin-top:.9cqw}.mock-connection-state b{color:#787d70;font-weight:400;margin-left:.8cqw;font-variant-numeric:tabular-nums}
.cover-connect .mini-node{display:flex;align-items:center;width:100%;padding:1.6cqw;border-radius:1.3cqw;border:1px solid #e5e7de;background:white;gap:1.3cqw}
.mock-node-icon{width:4.8cqw;height:4.8cqw;border-radius:1cqw;background:#f2f3ed;color:#69785d;display:grid;place-items:center;font-size:2.5cqw}
.cover-connect .mini-node small{font-size:1cqw;color:#9da293;margin-bottom:.7cqw}.mini-node small>span{color:#9aa38b;background:#f0f3eb;padding:.2cqw .6cqw;border-radius:.4cqw;margin-left:.5cqw}
.cover-connect .mini-node strong{font-size:1.5cqw;gap:1cqw;align-items:baseline;justify-content:flex-start;font-weight:600}.mini-node strong>span{font-size:.9cqw;font-weight:400;color:#b1b5a8}
.mock-latency{margin-left:auto;text-align:right}.mock-latency>b{font-size:1.6cqw;font-weight:500;color:#82956f}.mock-latency b small{display:inline!important;font-size:.9cqw!important}.mock-latency>span{display:block;font-size:1.2cqw;color:#96aa7c;letter-spacing:.15cqw;margin-top:.5cqw}.mini-node>i{font-style:normal;color:#9ca58e;font-size:1.6cqw}
.mock-traffic{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:1.3cqw}
.mock-traffic>div{position:relative;overflow:hidden;border:1px solid #e7e8e0;background:#f5f6f0;border-radius:1.2cqw;padding:1.3cqw 1.6cqw}
.mock-traffic span{font-size:.95cqw;color:#929985}.mock-traffic strong{display:block;font-size:2cqw;font-weight:500;margin-top:.8cqw;color:#565e4a}.mock-traffic small{font-size:1cqw;font-weight:400;color:#a2a995}.mock-traffic svg{position:absolute;right:0;bottom:0;width:58%;height:3cqw;fill:none;stroke:#acb69a;stroke-width:1;opacity:.65}
.mock-traffic>div:first-child svg{stroke:#cfaaa2}
.mock-footnote{display:flex;width:100%;justify-content:space-between;color:#a6aa9e;font-size:.85cqw;margin-top:1.6cqw}
.dialog-preview .cover-connect{container-type:inline-size}
@media(max-width:767px){.cover-connect .desktop-mock{left:6%;top:15%;width:97%;height:92%}}

/* iPhone study: consistent portrait ratio, titanium rim and inset display. */
.cover-mobile{container-type:inline-size;background:radial-gradient(ellipse at 20% 10%,#dae3ea,transparent 65%),#b5c5d1}
.cover-mobile .phone{box-sizing:border-box;position:absolute;width:35%;height:auto;aspect-ratio:1 / 2.14;border:.7cqw solid #27292c;border-radius:5.8cqw;background:#f8f8f5;color:#25272a;padding:8.4cqw 2cqw 5cqw;box-shadow:0 0 0 .23cqw #abb0b5,0 0 0 .5cqw #5b6066,1.4cqw 3cqw 5cqw #253e5230;overflow:visible;isolation:isolate}
.cover-mobile .phone:before{content:"";position:absolute;left:-1.15cqw;top:17cqw;width:.35cqw;height:7cqw;background:#6b7279;border-radius:.2cqw;box-shadow:0 9cqw #6b7279}
.cover-mobile .phone:after{content:"";position:absolute;right:-1.15cqw;top:23cqw;width:.35cqw;height:10cqw;background:#6b7279;border-radius:.2cqw}
.cover-mobile .phone-left{left:12%;top:18%;transform:rotate(-10deg);z-index:2}
.cover-mobile .phone-right{right:9%;top:25%;transform:rotate(10deg);z-index:1}
.cover-mobile .phone-camera{position:absolute;left:50%;top:1.2cqw;transform:translateX(-50%);width:10cqw;height:2.9cqw;background:#090a0c;border-radius:3cqw;z-index:3}
.phone-camera i{position:absolute;right:.8cqw;top:.75cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:radial-gradient(circle at 40% 35%,#263a50,#0d1420 60%);box-shadow:inset 0 0 0 .2cqw #15181d}
.ios-status{position:absolute;top:1.7cqw;left:2.7cqw;right:2.5cqw;display:flex;align-items:center;justify-content:space-between;height:2cqw;font-size:1.3cqw;letter-spacing:-.05em}
.ios-status svg{display:block;width:5.8cqw;height:1.7cqw}
.ios-home{position:absolute;width:11cqw;height:.55cqw;border-radius:1cqw;background:#17181a;bottom:1cqw;left:50%;transform:translateX(-50%)}
.cover-mobile .phone-top{font-size:2.2cqw;font-weight:650;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.06em}
.cover-mobile .phone-top>span{font-size:1.8cqw;color:#8e948c}
.cover-mobile .phone-status{font-size:1.1cqw;padding:.7cqw 1.3cqw;margin:3cqw auto 0;width:max-content;background:#eaf0e6;color:#7b916b;border-radius:3cqw}
.cover-mobile .phone-power{width:11cqw;height:11cqw;border-radius:50%;display:grid;place-items:center;margin:3.5cqw auto 3cqw;background:linear-gradient(145deg,#ec5862,#cd2c43);box-shadow:0 0 0 1cqw #f8e7e5,0 0 0 2cqw #faf0ec;color:white}
.phone-power svg{width:5cqw;height:5cqw;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.cover-mobile .phone-time{font-size:3.4cqw;font-weight:550;letter-spacing:-.08em;text-align:center;margin:0 0 3.5cqw;font-variant-numeric:tabular-nums}
.cover-mobile .phone-node{font-size:1.4cqw;background:#fff;border:1px solid #eceee7;border-radius:1.8cqw;margin:0;padding:1.8cqw 1.3cqw;box-shadow:0 .5cqw 1cqw #202a1510}
.cover-mobile .phone-node small{font-size:1cqw;display:block;margin-top:1.8cqw;padding:1cqw;border-radius:.7cqw;background:#f3f5ef;color:#8d9682}
.cover-mobile .phone-tabs{position:absolute;bottom:4.2cqw;left:2cqw;right:2cqw;font-size:2.3cqw;color:#9b9e94;border-top:1px solid #e7e9e1;padding-top:1.6cqw;text-align:center;letter-spacing:.1cqw}
.cover-mobile .phone-avatar{width:6cqw;height:6cqw;margin:3cqw 0 2cqw;font-size:2.6cqw;border-radius:50%;display:grid;place-items:center;background:#df3f51;color:#fff}
.cover-mobile .phone>p{font-size:2.6cqw;line-height:1.4;letter-spacing:-.12cqw;margin:0 0 2.5cqw}
.cover-mobile .phone-plan{padding:2cqw 1.5cqw;border:1px solid #eceee7;background:#fff;border-radius:1.5cqw}
.cover-mobile .phone-plan small{font-size:1cqw;color:#a0a595}
.cover-mobile .phone-plan strong{font-size:1.6cqw;display:block;margin-top:1.5cqw}
.cover-mobile .plan-track{margin-top:2cqw;height:.5cqw;border-radius:1cqw;background:#eee}
.cover-mobile .phone-settings{font-size:1.35cqw;line-height:3.7cqw;margin-top:1.8cqw;padding:1cqw 1.5cqw;border:1px solid #eceee7;background:#fff;border-radius:1.5cqw}
@media(max-width:767px){.cover-mobile .phone{width:36%;border-width:.7cqw;border-radius:5.8cqw;padding:8.4cqw 2cqw 5cqw}.cover-mobile .phone-left{left:10%;top:19%}.cover-mobile .phone-right{right:8%;top:27%}}

footer{padding-top:64px}
.footer-top{align-items:flex-end;gap:40px}
.footer-eyebrow{font-size:9px;letter-spacing:1.7px;color:#8a8b80}
.footer-invitation h2{font-size:clamp(28px,3.3vw,48px);font-weight:400;letter-spacing:-1.5px;line-height:1.3;margin:20px 0 14px;color:#252620}
.footer-invitation h2 em{font-family:inherit;font-style:normal;color:#858875}
.footer-invitation p{font-size:12px;line-height:1.8;color:#888b7e;margin:0}
.footer-actions{display:flex;gap:12px;flex-wrap:wrap}
.footer-actions>a{display:flex;align-items:center;gap:30px;border:1px solid #c9ccbf;border-radius:40px;padding:17px 22px;font-size:12px;color:#414638;transition:background .3s,transform .3s}
.footer-actions>a:first-child{background:#282d25;color:#f7f8f1;border-color:#282d25}
.footer-actions>a:hover{transform:translateY(-3px);background:#d5d9ca}
.footer-actions>a:first-child:hover{background:#454d3e}
footer .marquee{margin-top:60px;margin-bottom:55px}
.footer-bottom{border-top:1px solid #cdcec3;padding-top:28px;align-items:center;gap:25px}
.footer-brand>a{display:flex;align-items:center;gap:13px}
.footer-brand img{width:36px;height:36px}
.footer-brand>a>span{font-size:20px;letter-spacing:-.8px;color:#292d25}
.footer-brand small{display:block;font-size:9px;letter-spacing:.4px;color:#8b8e81;margin-top:6px}
.footer-legal{display:flex;align-items:center;gap:32px;color:#8b8d82;font-size:10px}
.footer-legal .back-top{font-size:12px;color:#4f5646;gap:20px;padding:12px 18px;border-color:#c9ccbf}
@media(max-width:767px){footer{padding-top:38px}.footer-top{display:block}.footer-invitation h2{font-size:29px;letter-spacing:-1px}.footer-invitation p{font-size:11px}.footer-actions{margin-top:28px;gap:9px}.footer-actions>a{font-size:11px;padding:13px 16px;gap:20px}footer .marquee{margin-top:42px;margin-bottom:38px}.footer-bottom{align-items:flex-start;padding-top:23px}.footer-brand img{width:29px;height:29px}.footer-brand>a{gap:9px}.footer-brand>a>span{font-size:18px}.footer-brand small{font-size:8px;letter-spacing:0}.footer-legal{flex-direction:column-reverse;gap:17px;align-items:flex-end;font-size:9px}.footer-legal .back-top{font-size:10px;padding:10px 13px;gap:14px}}
.business-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:-10px 0 48px;color:var(--dim)}
.business-intro p{font-size:14px;line-height:1.8}.business-intro>span{font-size:9px;letter-spacing:1.5px;white-space:nowrap}
.business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 22px}
.business-grid .project:last-child{grid-column:1 / -1}

.cover-esim{container-type:inline-size;background:#c6d1b7;isolation:isolate;color:#344333}
.cover-esim .cover-kicker{color:#67765d}
.esim-globe{position:absolute;inset:9% -13% -10% 20%;border:1px solid #51664825;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 22px #ffffff0a,0 0 0 44px #ffffff0a}
.esim-globe i{position:absolute;inset:0 25%;border:1px solid #51664825;border-radius:50%}.esim-globe i:nth-child(2){inset:25% 0}.esim-globe i:nth-child(3){inset:45% 0;border-radius:0;border-width:1px 0 0}.esim-globe>b{position:absolute;right:15%;top:15%;font-size:16cqw;color:#f7f8e8;font-weight:300}
.esim-pass{position:absolute;left:12%;top:23%;width:66%;padding:5cqw;border-radius:3cqw;background:linear-gradient(135deg,#f9faef,#e8eddc);box-shadow:0 3cqw 8cqw #3b513327;transform:rotate(-8deg);transition:transform 1s var(--ease)}
.project:hover .esim-pass{transform:rotate(-3deg) translateY(-2%)}
.esim-pass>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:1.6cqw;letter-spacing:.13em}.esim-pass>div:first-child span{font-size:1.6cqw;border:1px solid #a5b294;padding:.7cqw 1.1cqw;border-radius:1cqw;letter-spacing:0}
.esim-pass strong{display:block;font-size:5.5cqw;line-height:1.3;letter-spacing:-.25cqw;font-weight:400;margin-top:6cqw}.esim-pass p{font-size:1.5cqw;color:#8b957c;margin-top:2cqw}.esim-chip{width:7cqw;height:6cqw;border:1px solid #a7ae91;border-radius:1cqw;margin:4cqw 0;color:#a7ae91;font-size:5cqw;line-height:1;text-align:center;background:#d9d9b9}.esim-pass>small{font-size:1cqw;color:#8b957c;letter-spacing:.12em}
.cover-development{container-type:inline-size;background:radial-gradient(ellipse at 10% 0,#a4a6d4,transparent 65%),#777daf;color:#262a47}
.cover-development .cover-kicker{color:#e4e4f2}
.dev-window{position:absolute;width:79%;left:13%;top:20%;background:#f2f2f8;border:1px solid #ffffff9c;border-radius:1.4cqw;transform:rotate(-3deg);box-shadow:0 4cqw 7cqw #282d5b40;transition:transform 1s var(--ease)}
.project:hover .dev-window{transform:rotate(0) translateY(-2%)}
.dev-title{height:3cqw;display:flex;align-items:center;gap:.45cqw;padding:0 1.4cqw;border-bottom:1px solid #dcdde8}.dev-title i{width:.5cqw;height:.5cqw;border-radius:50%;background:#b9b9cc}.dev-title span{font-size:.8cqw;color:#9293a9;margin:auto}
.dev-body{padding:3cqw 4cqw 5cqw}.dev-body>span{font-size:1cqw;color:#9091a8}.dev-body>strong{font-size:6.5cqw;line-height:1.02;font-weight:400;letter-spacing:-.25cqw;display:block;margin:2cqw 0}.dev-body em{color:#8b8aaf}.dev-tags{display:flex;gap:.6cqw}.dev-tags b{font-size:.8cqw;font-weight:400;padding:.5cqw 1cqw;border:1px solid #d5d7e4;border-radius:2cqw;color:#8b8ca3}.dev-code{position:absolute;right:6%;top:28%;font-family:monospace;font-size:1cqw;line-height:2.4;color:#8985a5}.dev-code>span{color:#c0bfd1;margin-right:1cqw}
.dev-component{position:absolute;right:-5%;bottom:6%;width:37%;display:flex;align-items:center;gap:1.2cqw;padding:1.5cqw;background:#272a41;color:#f1f0fc;border:1px solid #ffffff33;border-radius:1cqw;box-shadow:0 1cqw 3cqw #29254326;transform:rotate(6deg)}.dev-component>span{font-size:3cqw;color:#a6a9df}.dev-component>div{font-size:1.2cqw}.dev-component small{display:block;font-size:.6cqw;color:#a0a4c2;margin-top:.6cqw;letter-spacing:.1em}.dev-component>b{margin-left:auto;font-size:1.6cqw;font-weight:400}
.brand-detail-heading{margin:120px 0 45px}.brand-detail-heading>span{color:var(--dim);font-size:9px;letter-spacing:1.5px}.brand-detail-heading h2{font-size:clamp(28px,3.8vw,54px);font-weight:400;letter-spacing:-1.5px;margin:23px 0 15px}.brand-detail-heading h2 em{font-family:inherit;font-style:normal;color:var(--dim)}.brand-detail-heading p{font-size:13px;color:var(--dim);line-height:1.8}
.platform-rows>div>a{font-size:28px;color:var(--dim);margin-left:20px;padding:10px}.platform-rows>div>a:hover{color:var(--text)}
.dialog-preview .cover-development{aspect-ratio:1;min-height:100%}.dialog-preview .dev-window{width:84%;left:7%;top:25%}.dialog-preview .dev-title{height:5cqw}.dialog-preview .dev-title span{font-size:1.2cqw}.dialog-preview .dev-body{padding:5cqw 4cqw 18cqw}.dialog-preview .dev-body>span{font-size:1.7cqw}.dialog-preview .dev-body>strong{font-size:9cqw}.dialog-preview .dev-code{position:static;margin-top:4cqw;font-size:1.6cqw}.dialog-preview .dev-component{width:60%}.dialog-preview .dev-component>div{font-size:1.8cqw}.dialog-preview .dev-component small{font-size:1cqw}
@media(max-width:767px){.business-intro{display:block;margin:0 5px 30px}.business-intro p{font-size:12px}.business-intro>span{font-size:8px}.business-grid{grid-template-columns:1fr;gap:36px}.dev-window{width:84%;left:7%;top:23%}.dev-title{height:5cqw}.dev-title span{font-size:1.2cqw}.dev-body{padding:5cqw 4cqw 18cqw}.dev-body>span{font-size:1.7cqw}.dev-body>strong{font-size:9cqw}.dev-code{position:static;margin-top:4cqw;font-size:1.6cqw}.dev-component{width:60%}.dev-component>div{font-size:1.8cqw}.dev-component small{font-size:1cqw}.brand-detail-heading{margin:75px 5px 32px}.brand-detail-heading h2{font-size:28px;letter-spacing:-1px}.brand-detail-heading p{font-size:12px}.platform-rows h3{font-size:23px;white-space:nowrap}.platform-rows p{font-size:8px;max-width:125px;line-height:1.7;text-align:right}.platform-rows>div>a{margin-left:0;font-size:22px;padding:5px}.hero-meta>span{font-size:8px}}

.contact-section{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:5px 0 55px;margin-bottom:48px;border-bottom:1px solid #cdcec3}
.contact-section h2{font-size:clamp(30px,3.5vw,50px);font-weight:400;letter-spacing:-1.5px;margin:20px 0 14px;line-height:1.3;color:#252620}
.contact-section h2 em{font-family:inherit;font-style:normal;color:#858875}
.contact-section p{font-size:12px;color:#888b7e;line-height:1.8;margin:0}
.contact-email{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0;border-bottom:1px solid #a9ae9c;font-size:clamp(17px,2.4vw,34px);letter-spacing:-.6px;color:#333c2c;transition:color .3s}
.contact-email>span:last-child{font-size:28px;transition:transform .3s}
.contact-email:hover{color:#8b604d}.contact-email:hover>span:last-child{transform:translate(3px,-3px)}
@media(max-width:767px){.contact-section{display:block;padding-bottom:32px;margin-bottom:32px}.contact-section h2{font-size:29px;letter-spacing:-1px}.contact-section p{font-size:11px}.contact-email{margin-top:22px;font-size:clamp(16px,5.4vw,25px);gap:14px;letter-spacing:-.5px}.contact-email>span:last-child{font-size:23px}}

.business-grid .project:last-child{grid-column:auto}
.business-grid .cover-development .dev-window{width:84%;left:7%;top:23%}.business-grid .cover-development .dev-title{height:5cqw}.business-grid .cover-development .dev-title span{font-size:1.2cqw}.business-grid .cover-development .dev-body{padding:5cqw 4cqw 18cqw}.business-grid .cover-development .dev-body>span{font-size:1.7cqw}.business-grid .cover-development .dev-body>strong{font-size:9cqw}.business-grid .cover-development .dev-code{position:static;margin-top:4cqw;font-size:1.6cqw}.business-grid .cover-development .dev-component{width:60%}.business-grid .cover-development .dev-component>div{font-size:1.8cqw}.business-grid .cover-development .dev-component small{font-size:1cqw}
.cover-operations{container-type:inline-size;background:radial-gradient(ellipse at 80% 10%,#bed8d1,transparent 65%),#82aaa6;color:#244946}.cover-operations .cover-kicker{color:#466d68}
.ops-dashboard{position:absolute;left:10%;top:21%;width:84%;padding:4cqw;border:1px solid #ffffff88;border-radius:2cqw;background:#edf5f0;box-shadow:0 3cqw 7cqw #194e4933;transform:rotate(4deg);transition:transform 1s var(--ease)}
.project:hover .ops-dashboard{transform:rotate(0) translateY(-2%)}
.ops-title{display:flex;align-items:center;justify-content:space-between;font-size:1cqw;letter-spacing:.1em;color:#8aaba1}.ops-title i{font-style:normal;color:#629584;letter-spacing:0;font-size:1.1cqw}
.ops-dashboard h3{font-size:3.8cqw;font-weight:400;letter-spacing:-.15cqw;line-height:1.3;margin:4cqw 0}.ops-dashboard h3 small{display:block;font-size:1.2cqw;letter-spacing:0;font-weight:400;color:#91a99d;margin-top:1cqw}
.ops-rack{display:grid;gap:1cqw}.ops-rack>div{display:flex;align-items:center;gap:1.3cqw;background:#dce9e1;border:1px solid #cbded2;border-radius:1cqw;padding:2cqw 1.5cqw}.ops-rack i{width:.7cqw;height:.7cqw;border-radius:50%;background:#76a78c;box-shadow:0 0 0 .5cqw #c8ded0}.ops-rack b{font-size:1.6cqw;font-weight:500}.ops-rack span{font-size:.8cqw;margin-left:auto;color:#8eaa9b;letter-spacing:.05em}.ops-rack em{font-family:monospace;color:#91af9f;font-style:normal}
.ops-chart{margin-top:3cqw;border-top:1px solid #d5e4da;padding-top:2cqw}.ops-chart>span{font-size:1cqw;color:#8caa9b}.ops-chart svg{display:block;width:100%;height:9cqw;margin-top:1cqw;fill:none;stroke:#8db19d;stroke-width:1.5}
@media(max-width:767px){.business-intro>span{font-size:6.5px;letter-spacing:1px}.hero-meta>span{font-size:6px}}

.contact-section{padding:16px 0 64px;margin-bottom:55px;gap:7%;align-items:center}
.contact-intro{flex:1;min-width:0}.contact-intro .footer-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.5px}.contact-intro .footer-eyebrow i{width:6px;height:6px;border-radius:50%;background:#bd6554}
.contact-section h2{font-size:clamp(32px,3.8vw,56px);line-height:1.28;letter-spacing:-2px;margin:24px 0 22px}.contact-section h2 em{color:#858a79}
.contact-section p{font-size:12px;line-height:1.9;color:#858b7c}
.contact-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.contact-services span{border:1px solid #d2d6c9;border-radius:30px;padding:7px 12px;font-size:10px;color:#747d68}
.contact-panel{position:relative;flex:1;min-width:0;padding:32px;border-radius:22px;background:#ffffff40;border:1px solid #ffffff70;box-shadow:0 12px 35px #414f3305}
.contact-panel-label{font-size:9px;letter-spacing:1.4px;color:#919986}
.contact-panel .contact-email{font-size:clamp(17px,2.3vw,32px);letter-spacing:-.9px;margin:20px 0 0;padding:0 0 24px;gap:18px;border-color:#d0d6c6;color:#35402b}
.contact-panel .contact-email>span:last-child{font-size:26px}.contact-panel .contact-email:hover{color:#ad6652}
.contact-panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.contact-panel-bottom>span{font-size:10px;line-height:1.7;color:#99a08e}
.copy-email{display:inline-flex;align-items:center;gap:7px;background:none;color:#67745a;font-size:10px;padding:7px 0;white-space:nowrap}.copy-email:hover{color:#a36250}.copy-status{position:absolute;right:32px;bottom:10px;font-size:9px;color:#758467}
@media(max-width:767px){.contact-section{display:block;padding:0 0 34px;margin-bottom:34px}.contact-section h2{font-size:34px;letter-spacing:-1.5px;margin:20px 0 18px}.contact-section p{font-size:11px}.contact-services{margin-top:21px;gap:6px}.contact-services span{font-size:9px;padding:6px 10px}.contact-panel{padding:23px 20px;margin-top:30px;border-radius:18px}.contact-panel .contact-email{font-size:clamp(16px,5.1vw,23px);letter-spacing:-.5px;margin-top:20px;padding-bottom:20px}.contact-panel .contact-email>span:last-child{font-size:22px}.contact-panel-bottom{padding-top:15px;gap:10px}.contact-panel-bottom>span{font-size:9px;max-width:155px}.copy-status{right:20px;bottom:7px}}
/* All four business covers share one ratio, including the last card. */
.business-grid .project .project-cover{aspect-ratio:1.2}
@media(max-width:767px){.business-grid .project .project-cover{aspect-ratio:1.06}}
/* Footer and contact share the active page theme. */
html:not([data-theme="light"]) footer{background:#151613;color:#eeeee6}
html:not([data-theme="light"]) .contact-section,html:not([data-theme="light"]) .footer-bottom{border-color:#33362d}
html:not([data-theme="light"]) .contact-section h2,html:not([data-theme="light"]) .footer-invitation h2,html:not([data-theme="light"]) .footer-brand>a>span{color:#eeeee6}
html:not([data-theme="light"]) .contact-section h2 em,html:not([data-theme="light"]) .footer-invitation h2 em{color:#929b84}
html:not([data-theme="light"]) .contact-panel{background:#1d2019;border-color:#333a2c;box-shadow:none}
html:not([data-theme="light"]) .contact-panel .contact-email{color:#e0e6d5;border-color:#3c4533}
html:not([data-theme="light"]) .contact-panel .contact-email:hover{color:#d79b80}
html:not([data-theme="light"]) .contact-services span{border-color:#3b4233;color:#a1ac92}
html:not([data-theme="light"]) .copy-email{color:#b3bfa2}
html:not([data-theme="light"]) .copy-status{color:#b3bfa2}
html:not([data-theme="light"]) .footer-actions>a{border-color:#46503a;color:#c5cfb7}
html:not([data-theme="light"]) .footer-actions>a:first-child{background:#cbd4bd;border-color:#cbd4bd;color:#242b1c}
html:not([data-theme="light"]) .footer-actions>a:hover{background:#2b3223}
html:not([data-theme="light"]) .footer-actions>a:first-child:hover{background:#e0e7d6}
html:not([data-theme="light"]) .footer-legal .back-top{border-color:#46503a;color:#c5cfb7}
html:not([data-theme="light"]) .footer-legal .back-top:hover{background:#2b3223}
html:not([data-theme="light"]) .footer-brand img{filter:invert(1) grayscale(1)}
/* Brand palette: carbon, warm paper and one restrained vermilion accent. */
:root{--bg:#111110;--text:#efeee9;--dim:#92918b;--red:#c8323d}
html[data-theme="light"]{--bg:#f3f1ec;--text:#242320;--dim:#78756e}
.business-intro,.brand-detail-heading p{color:var(--dim)}
.cover-connect{background:#973039}
.cover-connect:before{opacity:.4}
.cover-connect .desktop-mock{box-shadow:0 18px 45px #35090c33}
.cover-esim{background:#cfcbc1;color:#34332d}
.cover-esim .cover-kicker{color:#736e63}
.esim-globe{border-color:#7a71642a;box-shadow:none}
.esim-globe i{border-color:#7a71642a}.esim-globe>b{color:#eeeae0}
.esim-pass{background:#efede5;box-shadow:0 3cqw 7cqw #4c43371c}
.esim-pass p,.esim-pass>small{color:#91887b}
.esim-pass>div:first-child span{border-color:#b7afa0}
.esim-chip{background:#d4c8a8;border-color:#aaa087;color:#9d9274}
.cover-development{background:#42474b;color:#2e3030}
.cover-development .cover-kicker{color:#b8bdbe}
.dev-window{background:#e9e9e5;border-color:#ffffff55;box-shadow:0 4cqw 7cqw #161b2030}
.dev-title{border-color:#ced0cc}.dev-title i{background:#a3a7a5}.dev-title span,.dev-body>span{color:#8a8e8a}
.dev-body em{color:#858a87}.dev-tags b{color:#7c837d;border-color:#cbd0c8}.dev-code{color:#7c847e}.dev-code>span{color:#afb4ac}
.dev-component{background:#292f2c;border-color:#ffffff15;color:#efeee7;box-shadow:0 1cqw 3cqw #18201b20}
.dev-component>span{color:#c5685e}.dev-component small{color:#929c94}
.cover-operations{background:#8e958e;color:#343b34}
.cover-operations .cover-kicker{color:#424c42}
.ops-dashboard{background:#e7e9e1;border-color:#ffffff60;box-shadow:0 3cqw 7cqw #2a30251e}
.ops-title{color:#92998a}.ops-title i{color:#78866b}
.ops-dashboard h3 small{color:#8d9584}
.ops-rack>div{background:#dce0d4;border-color:#cbd1bf}
.ops-rack i{background:#899878;box-shadow:0 0 0 .5cqw #cdd4c2}
.ops-rack span,.ops-rack em{color:#8e9883}
.ops-chart{border-color:#ced5c3}.ops-chart>span{color:#8c9680}.ops-chart svg{stroke:#899879}
.cover-mobile{background:#adb6bd}
.cover-brand{background:#d7d2c8}
.contact-intro .footer-eyebrow i{background:#c8323d}
html:not([data-theme="light"]) footer{background:#171716;color:#efeee9}
html:not([data-theme="light"]) .contact-section,html:not([data-theme="light"]) .footer-bottom{border-color:#333330}
html:not([data-theme="light"]) .contact-section h2 em,html:not([data-theme="light"]) .footer-invitation h2 em{color:#93918a}
html:not([data-theme="light"]) .contact-panel{background:#1e1e1c;border-color:#353530}
html:not([data-theme="light"]) .contact-panel .contact-email{color:#e8e5dc;border-color:#43413b}
html:not([data-theme="light"]) .contact-services span{color:#aaa69b;border-color:#403e37}
html:not([data-theme="light"]) .copy-email,html:not([data-theme="light"]) .copy-status{color:#bbb6aa}
html:not([data-theme="light"]) .footer-actions>a{color:#d0cbc0;border-color:#4b473e}
html:not([data-theme="light"]) .footer-actions>a:first-child{background:#d7d1c4;color:#27241f;border-color:#d7d1c4}
html:not([data-theme="light"]) .footer-actions>a:hover,html:not([data-theme="light"]) .footer-legal .back-top:hover{background:#35322c}
html:not([data-theme="light"]) .footer-actions>a:first-child:hover{background:#eee7d9}
html:not([data-theme="light"]) .footer-legal .back-top{color:#d0cbc0;border-color:#4b473e}
.footer-eyebrow,.contact-panel-label,.contact-panel-bottom>span,.footer-invitation p,.contact-section p,.footer-brand small,.footer-legal{color:#89867f}
.contact-email:hover,html:not([data-theme="light"]) .contact-panel .contact-email:hover{color:#c96661}
html[data-theme="light"] footer{background:#e8e4dc}
html[data-theme="light"] .contact-panel{background:#f1eee7;border-color:#d9d3c7;box-shadow:none}
html[data-theme="light"] .contact-section h2 em,html[data-theme="light"] .footer-invitation h2 em{color:#8b8478}
html[data-theme="light"] .contact-panel .contact-email{color:#34312b;border-color:#d0c7b8}
html[data-theme="light"] .contact-services span{color:#817769;border-color:#cec4b4}
html[data-theme="light"] .footer-actions>a:first-child{background:#302c25;border-color:#302c25;color:#f3eee4}
html[data-theme="light"] .footer-actions>a{border-color:#c6bbab;color:#5c5142}
html[data-theme="light"] .footer-actions>a:first-child:hover{background:#51483c}
html[data-theme="light"] .copy-email{color:#7d7060}
/* Softer hierarchy: spacing and surfaces replace decorative outlines. */
.platform-rows>div,.platform-rows>div:last-child,html[data-theme="light"] .platform-rows>div,html[data-theme="light"] .platform-rows>div:last-child{border:0}
.platform-rows>div{padding:30px 0}
.contact-section,.footer-bottom,html:not([data-theme="light"]) .contact-section,html:not([data-theme="light"]) .footer-bottom{border:0}
.contact-panel,html:not([data-theme="light"]) .contact-panel,html[data-theme="light"] .contact-panel{border:0}
.contact-services span,html:not([data-theme="light"]) .contact-services span,html[data-theme="light"] .contact-services span{border:0;background:#8888880a}
.contact-panel .contact-email,html:not([data-theme="light"]) .contact-panel .contact-email,html[data-theme="light"] .contact-panel .contact-email{border:0}
.footer-actions>a,.footer-legal .back-top,html:not([data-theme="light"]) .footer-actions>a,html:not([data-theme="light"]) .footer-legal .back-top,html[data-theme="light"] .footer-actions>a{border-color:transparent}
.footer-actions>a:not(:first-child),.footer-legal .back-top{background:#8888880c}
.cover-connect:before{display:none}
.esim-globe{border:0;opacity:.4}.esim-globe i{border:0}.esim-globe i:nth-child(2){border:0}
.esim-pass>div:first-child span{border:0;background:#ddd6c350}
.dev-window,.ops-dashboard{border:0}.dev-title{border:0}.dev-tags b{border:0;background:#d5d7d050}.dev-component{border:0}
.ops-rack>div{border:0}.ops-chart{border:0}.ops-rack i{box-shadow:none}
.cover-connect .desktop-mock{border:0}.cover-connect .window-dots{border:0}
.cover-connect .mock-layout aside{border:0}.cover-connect .mock-layout aside .aside-active{border:0;box-shadow:none}
.mock-profile{border:0}.power-orbit{border:0}.power-orbit:after{display:none}
.cover-connect .mini-node{border:0;background:#f0f2eb}.mock-traffic>div{border:0}.mock-traffic svg{opacity:.3}
.cover-mobile .phone-node,.cover-mobile .phone-plan,.cover-mobile .phone-settings{border:0;box-shadow:none}.cover-mobile .phone-tabs{border:0}
.desktop-nav{width:396px}
.desktop-nav .nav-pill{width:calc((100% - 6px)/4)}
@media(max-width:767px){.desktop-nav{display:none}}
.desktop-nav{width:460px}.desktop-nav .nav-pill{width:calc((100% - 6px)/5)}
@media(min-width:768px) and (max-width:950px){.desktop-nav{width:360px}.nav-item{font-size:12px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.language-switch{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;width:100%;padding-top:30px;margin-top:30px;font-family:Arial,"PingFang SC",sans-serif;font-size:11px;color:var(--dim)}
.language-switch>span{font-size:10px;opacity:.65;margin-right:8px}.language-switch>a{padding:6px 0;transition:color .2s}.language-switch>a[aria-current="page"]{color:var(--text)}.language-switch>a:hover{color:#c96661}
html:not([data-theme="light"]) footer .language-switch>a[aria-current="page"]{color:#efeee9}html[data-theme="light"] footer .language-switch>a[aria-current="page"]{color:#242320}
html[lang="ru"] .hero-meta>span{font-size:8px}html:not([lang="zh-CN"]) .service-hero h1{font-size:clamp(32px,4.5vw,62px)}
@media(max-width:767px){.language-switch{gap:8px 16px;font-size:10px;padding-top:23px;margin-top:20px}.language-switch>span{width:100%}.contact-panel .contact-email{letter-spacing:-.6px}}
.footer-assurance{width:100%;display:flex;justify-content:space-between;align-items:center;gap:50px;padding:45px 0 5px;color:var(--dim)}
.footer-rights{max-width:450px;margin:0;font-size:12px;line-height:1.9;color:inherit}
.principle-list{display:flex;align-items:flex-start;gap:32px}
.principle-list>div{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:65px}
.principle-list svg{width:30px;height:30px;opacity:.8}.principle-list span{font-size:10px;line-height:1.5;max-width:105px;color:inherit}
@media(max-width:767px){.footer-assurance{display:block;padding-top:35px}.footer-rights{font-size:10px;max-width:330px}.principle-list{margin-top:25px;gap:10px;justify-content:space-between}.principle-list>div{min-width:0;flex:1}.principle-list svg{width:26px;height:26px}.principle-list span{font-size:9px}}
.footer-certifications{--cert-bg:#171716;width:100%;padding:45px 0 5px;color:#bcbab3}
.footer-certifications .footer-rights{max-width:650px;font-size:13px;line-height:1.85}
.certification-list{display:flex;align-items:center;gap:30px;margin:28px 0 17px;max-width:580px}
.certification-list>div{flex:1;max-width:82px}.certification-list svg{width:100%;height:auto;display:block}
.certification-note{font-size:10px;line-height:1.8;color:#8e8b83;margin:0;max-width:650px}
html[data-theme="light"] .footer-certifications{--cert-bg:#e8e4dc;color:#37352f}
@media(max-width:767px){.footer-certifications{padding-top:35px}.footer-certifications .footer-rights{font-size:11px}.certification-list{gap:13px;margin-top:22px}.certification-note{font-size:9px}}
.footer-certifications{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;padding:34px 0 0;color:#a09d95}
.footer-certifications .footer-rights{max-width:420px;font-size:11px;line-height:1.9;letter-spacing:.1px;color:#85827b}
.certification-group{width:440px;max-width:100%}.certification-heading{display:block;font-size:9px;letter-spacing:1px;color:#77746e;margin-bottom:16px}
.certification-list{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:23px;margin:0;max-width:none}.certification-list>div{width:100%;max-width:65px}.certification-list svg{width:100%;height:68px;opacity:.8}
.language-switch{margin-top:25px;padding-top:10px;font-size:10px;gap:12px 20px;color:#85827b}
html[data-theme="light"] .footer-certifications{color:#70695e}html[data-theme="light"] .footer-certifications .footer-rights,html[data-theme="light"] .certification-heading{color:#8a8174}
@media(max-width:767px){.footer-certifications{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:28px}.footer-certifications .footer-rights{font-size:10px;max-width:320px}.certification-group{width:100%;max-width:350px}.certification-heading{font-size:9px;margin-bottom:13px}.certification-list{gap:17px}.certification-list svg{height:60px}.language-switch{margin-top:22px;padding-top:5px;gap:8px 15px}}
/* Compact editorial footer: a consistent grid and a quieter closing area. */
footer{padding-left:5%;padding-right:5%;padding-bottom:28px}
footer .marquee{margin-top:40px;margin-bottom:38px}
footer .marquee-track>span{font-size:clamp(100px,15vw,240px)}
.footer-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;padding-top:12px;gap:24px}
.footer-brand>a{gap:12px}.footer-brand img{width:32px;height:32px}.footer-brand>a>span{font-size:22px}.footer-brand small{font-size:9px;margin-top:5px}
.footer-legal{gap:22px}.footer-legal .back-top{background:transparent!important;padding:8px 0 8px 16px;border:0;font-size:11px}
.footer-certifications{display:flex;flex-direction:column;align-items:center;gap:20px;padding:35px 0 0;text-align:center}
.certification-group{order:-1;width:auto;max-width:100%}.certification-heading{font-size:8px;letter-spacing:1.7px;margin-bottom:16px;opacity:.7}
.certification-list{display:flex;align-items:center;justify-content:center;gap:32px}.certification-list>div{width:48px;max-width:none}.certification-list svg{height:51px;opacity:.55;transition:opacity .25s}.certification-list>div:hover svg{opacity:1}
.footer-certifications .footer-rights{max-width:560px;font-size:9px;line-height:1.8;opacity:.75}
.language-switch{justify-content:center;gap:18px;margin-top:15px;padding-top:0;font-size:10px}.language-switch>span{display:none}.language-switch>a{opacity:.65}.language-switch>a[aria-current="page"]{opacity:1}
@media(max-width:767px){footer .marquee{margin-top:32px;margin-bottom:28px}.footer-bottom{grid-template-columns:1fr auto;gap:16px}.footer-brand img{width:28px;height:28px}.footer-brand>a>span{font-size:19px}.footer-brand small{font-size:8px}.footer-legal{gap:10px;font-size:8px}.footer-legal .back-top{padding:0;font-size:10px}.footer-certifications{padding-top:28px;gap:16px}.certification-group{width:100%;max-width:330px}.certification-list{gap:25px}.certification-list>div{width:42px}.certification-list svg{height:45px}.footer-certifications .footer-rights{font-size:8px;max-width:300px}.language-switch{gap:15px;margin-top:16px;font-size:9px}}