@charset "UTF-8";
:root{--bg:#080b10;--surface:#10161e;--surface2:#141c26;--text:#edf2f7;--muted:#94a1b3;--line:rgba(169,191,214,.15);--mint:#91f7d8;--violet:#9890ff;--font:Arial,"Segoe UI","Microsoft YaHei",sans-serif;--mono:"Cascadia Code",Consolas,"Courier New",monospace;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:var(--bg)}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}button{border:0}button svg,a svg{flex-shrink:0}.mono,.eyebrow,.service-detail{font-family:var(--mono);font-size:10px;letter-spacing:1.4px}.muted{color:#778597}.gradient-text{background:linear-gradient(100deg,#bcfbe9 3%,#79e5e4 45%,#ae9cff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}.skip-link{position:fixed;z-index:100;left:16px;top:-80px;padding:12px;background:var(--mint);color:var(--bg)}.skip-link:focus{top:16px}.scroll-progress{position:fixed;z-index:101;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--mint),var(--violet));box-shadow:0 0 15px #80efdf80}
.site-header{height:88px;padding:0 max(40px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:#080b10dd;backdrop-filter:blur(22px)}.brand{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1px}.brand svg{width:30px;height:30px;fill:none;stroke:var(--mint);stroke-width:1.7}.brand-dot,.footer-brand span{color:var(--mint)}.desktop-nav{display:flex;gap:36px;margin-left:60px}.desktop-nav a{font-size:13px;color:#aeb8c4;position:relative;transition:color .2s}.desktop-nav a:after{content:"";position:absolute;height:2px;bottom:-8px;left:0;right:100%;background:var(--mint);transition:right .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.header-actions{display:flex;align-items:center;gap:28px}.language-switch{display:flex;gap:7px;align-items:center;font-family:var(--mono);font-size:11px;background:none;padding:8px 0;color:#8290a1}.language-switch .active-lang{color:var(--text)}.lang-divider{color:#34414d}.header-contact{display:flex;align-items:center;gap:20px;border:1px solid #586471;border-radius:6px;padding:10px 17px;font-size:12px;transition:border-color .2s,background .2s}.header-contact:hover{border-color:var(--mint);background:#91f7d80a}.header-contact>span:last-child{color:var(--mint);font-size:18px;line-height:1}
.hero{max-width:1440px;margin:0 auto;min-height:790px;position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;padding:65px 40px 90px}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(#a9bfd628 .8px,transparent .8px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 10%,#0008 58%,#000 90%,transparent);pointer-events:none}.hero-halo{position:absolute;width:700px;height:700px;right:-170px;top:-50px;background:radial-gradient(ellipse,#24434b28,transparent 65%);pointer-events:none}.hero-copy{z-index:3;position:relative;padding-bottom:15px}.eyebrow{display:flex;align-items:center;gap:10px;color:#b3c1ce;font-size:10px;letter-spacing:1.9px;margin-bottom:26px}.tiny-cross{color:var(--mint);font-size:19px}.hero h1{font-weight:500;font-size:clamp(50px,5.6vw,80px);line-height:1.055;letter-spacing:-4.7px}.hero h1>span{display:block;white-space:nowrap}.hero-description{font-size:15px;line-height:1.85;color:#a2afbd;max-width:422px;margin-top:29px}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;font-size:12px;font-weight:600;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s}.button-primary{background:var(--mint);color:#0b1918;box-shadow:0 0 0 #91f7d800}.button-primary:hover{transform:translateY(-3px);background:#b4ffe9;box-shadow:0 8px 35px #91f7d81c}.button-primary span:last-child{font-size:18px;font-weight:400;line-height:1}.button-quiet{color:#c0cbd7;background:transparent;padding-left:10px;padding-right:0}.button-quiet:hover{color:var(--mint);transform:translateX(3px)}.hero-footnote{display:flex;align-items:center;gap:12px;color:#667588;font-size:11px;margin-top:29px}.small-line{height:1px;width:22px;background:#4b5f68}.workspace{position:relative;min-width:0;height:600px;z-index:2;margin-left:10px;align-self:center;--scene-rx:0deg;--scene-ry:0deg}.workspace-top{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:50px;right:5px;color:#6f8290;z-index:3}.workspace-top .mono{font-size:9px;letter-spacing:2px}.live-dot{width:5px;height:5px;display:block;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}#orb-canvas{position:absolute;inset:-80px -90px;width:calc(100% + 180px);height:calc(100% + 160px);opacity:.86;pointer-events:none}.workspace-stage{position:absolute;inset:40px -10px 70px;perspective:1200px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #7ec8c918;left:50%;top:50%;border-radius:50%;pointer-events:none}.orbit-one{width:580px;height:360px;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-two{width:500px;height:500px;transform:translate(-50%,-50%) rotate(28deg);border-style:dashed;opacity:.6}.scene-stack{position:relative;width:460px;aspect-ratio:1.32;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--scene-rx))) rotateY(calc(-16deg + var(--scene-ry))) rotateZ(-7deg);transition:transform .5s cubic-bezier(.2,.7,.2,1);margin-left:14px}.scene-window{position:absolute;inset:0;background:#121c25;border:1px solid #adcad84d;border-radius:13px;box-shadow:-20px 35px 70px #0009,0 0 70px #7ae5da09;overflow:hidden;backface-visibility:hidden;transform:translateZ(25px);transition:border-color .25s,box-shadow .25s}.scene-window:hover{border-color:#91f7d8b0;box-shadow:-20px 35px 70px #0009,0 0 60px #7ae5da20}.back-plate{position:absolute;inset:-3px;border:1px solid #72d3cf4a;border-radius:13px;background:linear-gradient(135deg,#26394677,#11162588);pointer-events:none}.plate-one{transform:translate3d(26px,-23px,-25px)}.plate-two{transform:translate3d(50px,-43px,-60px);border-color:#8c8df83d;background:linear-gradient(135deg,#33304b44,#11172588)}.window-bar{height:35px;display:flex;align-items:center;padding:0 12px;gap:25px;border-bottom:1px solid #b9cdcd18;color:#79919e;background:#131d27}.window-bar>.mono{font-size:8px;letter-spacing:.4px}.window-dots{display:flex;gap:5px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#5d7784}.window-dots i:first-child{background:#d88785}.window-dots i:nth-child(2){background:#cabb81}.window-dots i:nth-child(3){background:#86c0ab}.window-expand{margin-left:auto;line-height:1;color:#8aa5b1}.scene-panel{height:calc(100% - 35px)}.mini-site-header{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#eee9dd;color:#284330}.mini-site-header b{font-size:18px;letter-spacing:-1px}.mini-site-header b span{font-size:8px;vertical-align:top;letter-spacing:0}.mini-site-header>span{font-size:5px;letter-spacing:1.2px}.mini-site-header i{font-style:normal}.mini-site-main{display:flex;background:#eee9dd;color:#274431;height:calc(100% - 75px);padding:14px 24px;gap:10px}.mini-site-main>div:first-child{width:53%;position:relative;z-index:2}.mini-eyebrow{font-family:var(--mono);font-size:5.5px;letter-spacing:.8px;display:block;margin-bottom:11px}.mini-site-main h2{font-family:Georgia,serif;font-size:34px;line-height:.98;font-weight:400;letter-spacing:-1.5px}.mini-site-main h2 em{font-weight:400;color:#788e52}.mini-pill{display:inline-block;background:#294c37;color:#f2eadb;font-size:6px;border-radius:15px;padding:6px 10px;margin-top:13px}.mini-site-footer{display:flex;justify-content:space-between;font-size:5.5px;letter-spacing:1px;font-family:var(--mono);color:#8b9f8d;background:#dcdcca;height:28px;padding:9px 24px}.coffee-art{position:relative;flex:1;align-self:stretch;transform:rotate(8deg)}.coffee-shadow{position:absolute;width:170px;height:70px;background:#40513233;filter:blur(15px);border-radius:50%;bottom:0;left:5px}.coffee-cup{position:absolute;width:121px;height:123px;left:14px;top:26px;background:linear-gradient(100deg,#c9b28d,#f0e3cc 35%,#f9efde 58%,#b4a081);border-radius:5px 5px 45% 45%;z-index:3;box-shadow:inset -8px 0 14px #7d684633}.coffee-surface{position:absolute;left:-1px;top:-14px;width:123px;height:35px;background:radial-gradient(ellipse,#663b20 55%,#bd8d57 61%,#ece0c8 64%,#fff1d5 75%);border-radius:50%;transform:rotate(-1deg)}.coffee-surface:after{content:"";position:absolute;inset:8px 42px;background:#d6b78d;border-radius:50%;filter:blur(2px);opacity:.5}.coffee-handle{position:absolute;left:120px;top:42px;width:49px;height:65px;border:13px solid #e4d1ae;border-left-color:transparent;border-radius:50%;z-index:2;box-shadow:5px 4px 4px #51432722}.coffee-saucer{position:absolute;width:168px;height:38px;left:-8px;top:128px;border-radius:50%;background:linear-gradient(#fbefd8,#c1a780);box-shadow:0 8px 8px #4b392325;z-index:1}.coffee-caption{position:absolute;bottom:2px;right:-5px;font-family:Georgia,serif;font-style:italic;font-size:12px;line-height:1;transform:rotate(-10deg);color:#72805d}.scene-visual{padding:28px;background:#e5e0f4;color:#231b4a}.mini-slide-label{font-family:var(--mono);font-size:7px;letter-spacing:1px}.scene-visual h2{font-size:49px;line-height:1;letter-spacing:-2px;margin-top:24px;font-weight:500}.scene-visual h2 em{color:#7065b5;font-style:normal}.mini-slide-grid{display:flex;gap:24px;margin-top:22px;font-family:var(--mono);font-size:7px;color:#8478ab}.mini-slide-grid b{font-weight:400;display:inline-block;margin-top:5px;color:#3f345b}.mini-slide-footer{display:block;font-size:5px;letter-spacing:1.5px;margin-top:18px;font-family:var(--mono)}.scene-code{background:#101923;padding:16px 24px;color:#c7dbeb}.code-file{font-size:9px;padding-bottom:15px;border-bottom:1px solid #ffffff16;color:#a3b5cc}.code-file span{color:var(--mint);margin-right:10px}.code-lines{font-family:var(--mono);font-size:11px;line-height:1.85;margin-top:15px}.code-lines>span{display:block;white-space:pre}.code-lines i{font-style:normal;color:#4b6175;margin-right:15px}.code-lines b{color:#af99ed;font-weight:400}.code-lines em{color:#e6bd82;font-style:normal}.code-lines strong{color:#8ee4d1;font-weight:400}.code-result{margin-top:18px;color:#92bdac;font-size:8px;border:1px solid #91f7d822;padding:9px}.code-result>span{margin-right:10px;color:var(--mint)}.floating-note{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#14212add;border:1px solid #6386955c;backdrop-filter:blur(15px);border-radius:8px;box-shadow:0 20px 30px #0005;pointer-events:none}.floating-note .mono{display:block;font-size:6px;letter-spacing:1px;color:#99acb9}.floating-note strong{font-weight:400;font-size:11px;display:block;margin-top:3px}.note-top{top:-43px;right:-35px;transform:translateZ(80px) rotateZ(7deg)}.note-icon{font-size:24px;color:var(--mint);line-height:1}.note-bottom{bottom:-35px;left:-38px;transform:translateZ(85px) rotateZ(7deg)}.note-check{height:27px;width:27px;display:grid;place-items:center;background:#91f7d820;color:var(--mint);border-radius:6px;font-size:19px}.workspace-bottom{position:absolute;bottom:0;left:50px;right:0;display:flex;align-items:center;justify-content:space-between}.scene-tabs{display:flex;border:1px solid #40516077;border-radius:6px;overflow:hidden;background:#0b1119b0}.scene-tabs button{background:none;font-family:var(--mono);font-size:8px;padding:12px 13px;color:#8195a5;letter-spacing:1px;transition:background .2s,color .2s}.scene-tabs button span{margin-right:4px;font-size:7px;color:#5e7284}.scene-tabs button[aria-selected=true]{background:#91f7d814;color:var(--mint)}.scene-tabs button[aria-selected=true] span{color:var(--mint)}.workspace-hint{font-size:7px;color:#738a98;letter-spacing:1px}.hero-bottom{position:absolute;bottom:28px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;color:#697b8c}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue .mono,.hero-coordinate{font-size:8px;letter-spacing:2px}.scroll-icon{width:12px;height:19px;border:1px solid #667b8a;border-radius:8px;position:relative}.scroll-icon:after{content:"";width:2px;height:4px;position:absolute;left:4px;top:4px;background:var(--mint);animation:scrollHint 2s infinite}.capability-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding:26px max(40px,calc((100vw - 1280px)/2));background:#0c1117;overflow:hidden;white-space:nowrap}.capability-band>span{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#9cabba}.capability-band i{font-size:17px;color:#515d6c;font-style:normal}
.section{max-width:1360px;padding:112px 40px;margin:auto}.section-index{color:#a8b7c8;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1.7px}.section-index>span:first-child{color:var(--mint)}.section-heading{position:relative}.section-heading h2,.about h2,.faq h2{font-size:52px;line-height:1.12;letter-spacing:-2.5px;font-weight:500;margin-top:22px}.section-heading>p{position:absolute;right:0;bottom:4px;max-width:320px;color:var(--muted);font-size:14px;line-height:1.8}.featured-service{display:grid;grid-template-columns:1fr 1fr;gap:45px;border:1px solid var(--line);border-radius:13px;margin-top:50px;background:linear-gradient(110deg,#111a24,#0e141c);overflow:hidden;min-height:450px}.featured-copy{padding:42px 48px;position:relative;z-index:2}.service-number{color:#7c8ca0;font-size:9px}.featured-copy h3{font-size:40px;letter-spacing:-1.7px;line-height:1.12;font-weight:500;margin-top:18px}.featured-copy p{color:#9faebf;font-size:13px;max-width:360px;line-height:1.85;margin-top:20px}.service-list{list-style:none;padding:0;margin:23px 0 22px;font-size:11px;color:#b9c5d2;display:grid;gap:10px}.service-list li{display:flex;align-items:center;gap:10px}.service-list li:before{content:"+";color:var(--mint);font-family:var(--mono);font-size:15px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;color:var(--mint);padding:5px 0;transition:gap .2s}.text-link:hover{gap:22px}.text-link>span:last-child{font-size:17px;line-height:1}.device-drawing{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 50%,#2b504c23,transparent 70%);perspective:1000px}.blueprint-ring{position:absolute;width:370px;height:370px;border:1px dashed #779b9b26;border-radius:50%}.blueprint-ring:after{content:"";position:absolute;inset:45px;border:1px solid #779b9b20;border-radius:50%}.draw-desktop{width:335px;height:225px;border:1px solid #7caca987;border-radius:8px;transform:rotateY(-20deg) rotateX(10deg) rotateZ(-5deg);background:linear-gradient(130deg,#1c3339cc,#101d28ee);box-shadow:0 25px 30px #0004;position:relative;margin-left:-30px}.draw-browser-top{height:25px;border-bottom:1px solid #78979144;display:flex;gap:4px;padding:9px 12px}.draw-browser-top i{width:4px;height:4px;background:#82b3b1;border-radius:50%}.draw-layout{display:flex;padding:23px 20px;gap:20px}.draw-sidebar{width:45px;height:120px;border:1px solid #6ca99b33;border-radius:3px;background:linear-gradient(#91f7d812,#91f7d803)}.draw-lines{flex:1;padding-top:2px}.draw-lines>b{display:block;border-radius:2px;background:#9ddace38;height:7px;margin-bottom:10px}.draw-lines>b:first-child{height:17px;width:75%;background:#b2f8e350}.draw-lines>b:nth-child(2){width:100%}.draw-lines>b:nth-child(3){width:80%}.draw-cards{display:flex;gap:8px;margin-top:20px}.draw-cards i{height:48px;flex:1;border:1px solid #9ddace3a;border-radius:3px;background:#91f7d807}.dimension{font-size:6px;position:absolute;bottom:-25px;left:65px;color:#6c958d;letter-spacing:1px}.draw-mobile{width:100px;height:190px;border:1px solid #9bb8bbbd;position:absolute;top:45%;left:62%;transform:rotateY(-18deg) rotateX(10deg) rotateZ(5deg);border-radius:12px;background:#1c2f36;box-shadow:0 20px 25px #0008;padding:10px}.draw-mobile-notch{height:4px;width:28px;background:#405e60;margin:0 auto 15px;border-radius:5px}.mobile-block{height:61px;background:linear-gradient(135deg,#91f7d849,#8b91ff31);border:1px solid #91f7d849;border-radius:3px}.draw-mobile>i{display:block;height:4px;background:#99b7b04d;margin-top:9px;border-radius:3px}.draw-mobile>i:nth-of-type(2){width:75%}.draw-mobile>span{display:block;margin-top:10px;color:var(--mint);font-size:17px}.drawing-label{position:absolute;bottom:24px;right:30px;font-size:7px;letter-spacing:1.7px;color:#527a79}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.service-card{padding:26px 25px 28px;background:#0d131b;position:relative;transition:background .25s;display:flex;flex-direction:column}.service-card+.service-card{border-left:1px solid var(--line)}.service-card:hover{background:#131e28}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:#758798}.service-card-top .mono{font-size:8px;letter-spacing:.8px}.service-glyph{font-size:23px;line-height:1;color:#91f7d8}.service-glyph.mono{font-size:17px}.service-card h3{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.5px;max-width:190px}.service-card p{font-size:12px;line-height:1.8;color:#8f9fb0;margin:15px 0 24px;flex:1}.service-detail{font-size:7px;color:#677e90;letter-spacing:.7px}.service-card .text-link{font-size:10px;gap:10px}
.lab{padding-top:20px}.lab-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.lab-heading>p{position:static;max-width:330px;margin-bottom:5px}.lab-shell{margin-top:44px;border:1px solid #829ab333;border-radius:12px;overflow:hidden;background:#0e141d;box-shadow:0 30px 100px #0003}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line);min-height:68px;background:#121a25}.lab-tabs{display:flex;gap:25px;align-self:stretch}.lab-tabs button{background:none;color:#8596aa;padding:0;display:flex;gap:8px;align-items:center;font-size:11px;position:relative}.lab-tabs button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent}.lab-tabs button[aria-selected=true]{color:var(--mint)}.lab-tabs button[aria-selected=true]:after{background:var(--mint)}.tab-icon{font-size:17px}.demo-badge{font-size:7px;letter-spacing:1px;color:#8392a8;border:1px solid #8fa2bd38;border-radius:3px;padding:4px 7px}.demo-description{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px 26px}.demo-description h3{font-weight:500;font-size:17px;letter-spacing:-.3px}.demo-description p{font-size:11px;color:#899aac;margin-top:7px;max-width:540px;line-height:1.7}.viewport-switch,.layout-switch{display:flex;border:1px solid #809bb533;border-radius:5px;padding:3px;background:#090e16;flex-shrink:0}.viewport-switch button,.layout-switch button{background:none;padding:7px 12px;border-radius:3px;font-size:10px;color:#95a8bc}.viewport-switch button.selected,.layout-switch button.selected{background:#283b45;color:#b2ffeb}.browser-preview-stage{padding:28px 36px;min-height:474px;display:flex;justify-content:center;align-items:flex-start;background-color:#101923;background-image:radial-gradient(#8498b326 .8px,transparent .8px);background-size:18px 18px;overflow:hidden}.preview-browser{width:100%;max-width:1040px;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #0005;border:1px solid #8daba657;transition:max-width .5s cubic-bezier(.2,.7,.2,1)}.preview-browser-bar{height:27px;background:#1d2a32;color:#8fa4b3;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.preview-browser-bar .mono{font-size:7px;letter-spacing:.4px}.preview-browser-bar>span:last-child{font-size:12px}#business-preview{display:block;width:100%;height:390px;border:0;background:#f1eee4;color-scheme:light}.width-controls{display:flex;align-items:center;gap:20px;padding:20px 30px}.width-controls label,.width-controls output{font-size:8px;letter-spacing:1px;color:#7f94a9;white-space:nowrap}.width-controls output{min-width:60px;text-align:right;color:#b6c8d8}input[type=range]{accent-color:var(--mint);height:3px;flex:1;cursor:ew-resize;min-width:30px}.slide-stage{background:#101923;padding:26px 60px;min-height:445px;display:flex;align-items:center;justify-content:center}.slide-canvas{width:100%;max-width:860px;aspect-ratio:16/8.7;background:#e8e3f5;color:#282142;padding:28px 35px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003;transition:background .35s,color .35s}.slide-topline{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px}.slide-main{display:grid;grid-template-columns:60% 40%;align-items:center;margin-top:30px;min-height:210px}.slide-kicker{font-family:var(--mono);font-size:8px;letter-spacing:1.7px;color:#776a9b}.slide-main h4{font-size:clamp(30px,4vw,57px);line-height:1.05;font-weight:500;letter-spacing:-2.5px;margin:14px 0 15px;max-width:450px}.slide-main p{font-size:11px;color:#7b6d96;line-height:1.75;max-width:300px}.slide-graphic{position:relative;width:220px;height:210px;margin-left:-20px}.graphic-disc{width:140px;height:140px;border:1px solid #7768b455;border-radius:50%;position:absolute;background:linear-gradient(135deg,#b3a6e455,#e5ddfd00);transition:transform .4s}.disc-a{left:20px;top:0}.disc-b{left:80px;top:50px}.disc-c{left:10px;top:70px}.graphic-star{font-size:130px;line-height:1;position:absolute;top:29px;left:50px;color:#8672c2;transform:rotate(-15deg);transition:transform .4s}.slide-canvas:hover .graphic-star{transform:rotate(10deg)}.slide-canvas[data-slide="1"] .disc-a{transform:translate(-10px,20px) scale(.7)}.slide-canvas[data-slide="1"] .disc-b{transform:translate(-35px,-25px) scale(1.15)}.slide-canvas[data-slide="2"] .graphic-star{transform:rotate(45deg) scale(1.2)}.slide-bottomline{display:flex;align-items:center;justify-content:space-between;margin-top:24px;border-top:1px solid #978abf40;padding-top:13px}.slide-bottomline>span{font-family:var(--mono);font-size:6px;letter-spacing:1px;color:#82759e}.slide-bottomline b{font-size:16px;letter-spacing:-1px}.slide-canvas.before{background:#fff6dc;color:#20242f}.before .slide-main{grid-template-columns:75% 25%;margin-top:12px}.before .slide-main h4{font-family:"Times New Roman",serif;font-size:49px;letter-spacing:1px;color:#b12647;text-decoration:underline;line-height:1.1;transform:rotate(-2deg);max-width:570px}.before .slide-kicker{color:#2b58aa;letter-spacing:0;font-size:12px;font-weight:bold}.before .slide-main p{color:#333;font-family:"Times New Roman",serif;font-size:15px;max-width:530px;background:#ffe57c;padding:8px}.before .slide-graphic{transform:scale(.55) translateX(-40px);opacity:.7}.before .slide-bottomline{margin-top:4px}.before .slide-topline{font-size:9px;letter-spacing:0;color:#67423e}.slide-pagination{display:flex;justify-content:center;align-items:center;gap:25px;padding:18px}.slide-pagination>button{background:none;font-size:18px;color:#a9bacd;padding:0 8px;transition:color .2s}.slide-pagination>button:hover{color:var(--mint)}.slide-dots{display:flex;gap:8px}.slide-dots button{width:6px;height:6px;padding:0;border-radius:50%;background:#40536a;transition:width .2s,background .2s}.slide-dots button[aria-current=true]{width:22px;border-radius:5px;background:var(--mint)}.small-button{font-size:10px;padding:9px 12px;border:1px solid #7892aa45;border-radius:4px;background:#ffffff04;color:#b6c7d8;transition:background .2s,border-color .2s;white-space:nowrap}.small-button:hover{border-color:#91f7d87a;background:#91f7d808}.tool-editors{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#66809833;border-top:1px solid #66809833;border-bottom:1px solid #66809833}.tool-editor{background:#0b121b;min-width:0}.output-editor{background:#111b23}.editor-label{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #8297b51a;color:#7e97ae}.editor-label .mono{font-size:8px;letter-spacing:1px}.output-editor label{color:#94d9c3}.tool-editor textarea{display:block;background:none;border:0;width:100%;height:260px;resize:vertical;color:#d8e5f1;padding:20px;font-family:var(--mono);font-size:12px;line-height:1.85;min-height:160px}.tool-editor textarea::placeholder{color:#51657b;font-size:11px}.tool-editor textarea:focus{outline:none;background:#91f7d804;box-shadow:inset 0 0 0 1px #91f7d850}.output-editor textarea{color:#c2eadc}.tool-options{display:flex;gap:25px;flex-wrap:wrap;padding:22px 28px 16px}.tool-options label{display:flex;align-items:center;gap:8px;font-size:10px;color:#a0b1c3;cursor:pointer}.tool-options input{accent-color:var(--mint);width:12px;height:12px;margin:0}.tool-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 28px 20px}.tool-actions>div{display:flex;gap:13px;align-items:center}.tool-actions .button{padding:11px 16px;font-size:11px}.reset-button{background:none;color:#8598ae;font-size:10px;text-decoration:underline;text-underline-offset:3px}.tool-status{color:#678a86;font-size:8px;letter-spacing:1px;margin:0 28px 24px;min-height:14px}.lab-footnote{font-size:10px;color:#6e8298;margin-top:17px;display:flex;align-items:center;gap:9px}.lab-footnote>span:first-child{color:var(--mint);font-family:var(--mono);font-size:15px}
.about{border-top:1px solid var(--line);margin-top:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:7px}.about h2{font-size:49px}.about-signature{font-size:85px;font-weight:700;letter-spacing:-9px;line-height:1;margin-top:35px;position:relative;display:inline-flex;align-items:center;color:#425262}.about-signature>span{font-size:32px;font-weight:400;letter-spacing:0;color:var(--mint);margin-left:13px;margin-top:25px}.about-copy{padding-top:29px;color:#8e9fb1;font-size:14px;line-height:1.9}.about-copy .about-lead{font-size:23px;color:#d5dfe9;line-height:1.55;letter-spacing:-.5px}.about-copy>p+p{margin-top:22px}.about-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.about-tags>span{font-family:var(--mono);font-size:8px;color:#a8b9ca;border:1px solid #849bb52a;border-radius:3px;padding:5px 9px}.process{margin-top:80px;border-top:1px solid var(--line);padding-top:25px}.process-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.process-hint{font-size:8px;color:#62768c;letter-spacing:1px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}.process-steps button{background:transparent;display:flex;align-items:center;gap:12px;padding:23px 15px 25px 0;border-bottom:2px solid transparent;position:relative;color:#8294aa;text-align:left;transition:color .25s,background .25s}.process-steps button.selected{border-color:var(--mint);color:#d9f3eb}.step-number{font-size:9px;color:#60768c}.process-steps button.selected .step-number{color:var(--mint)}.process-steps strong{font-weight:400;font-size:12px}.step-arrow{margin-left:auto;font-size:16px;padding-right:8px;color:#4d6578}.process-steps button.selected .step-arrow{color:var(--mint)}.process-description{font-size:12px;line-height:1.8;color:#a5b6c7;max-width:680px;min-height:44px;padding-top:23px}.faq{padding-top:10px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{font-size:43px}.faq-items{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:13px;list-style:none;color:#c1cedb}.faq summary::-webkit-details-marker{display:none}.faq-plus{font-weight:300;font-size:22px;line-height:1;color:var(--mint);transition:transform .2s}.faq details[open] .faq-plus{transform:rotate(45deg)}.faq details p{font-size:12px;color:#899db2;line-height:1.85;max-width:94%;padding:0 0 23px}.contact{position:relative;border-top:1px solid var(--line);padding-top:75px;padding-bottom:48px;overflow:hidden}.contact-orbit{position:absolute;width:550px;height:550px;right:0;top:-15px;background:radial-gradient(ellipse,#244d492c,transparent 67%);pointer-events:none}.contact-layout{display:flex;justify-content:space-between;gap:50px;align-items:center;position:relative;margin-top:35px}.contact h2{font-size:clamp(54px,7vw,90px);font-weight:500;letter-spacing:-4px;line-height:1.05}.contact-layout p{font-size:13px;line-height:1.8;color:#91a3b6;max-width:400px;margin-top:26px}.contact-orb-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:168px;height:168px;flex-shrink:0;border:1px solid #a0c8c870;border-radius:50%;background:linear-gradient(135deg,#25434022,#5d528722);box-shadow:0 0 0 13px #91f7d803,0 0 0 14px #91f7d80e;transition:background .3s,transform .3s,box-shadow .3s;text-align:center;margin-right:56px}.contact-orb-arrow{font-size:46px;line-height:1;color:var(--mint);transition:transform .3s}.contact-orb-button>span:last-child{font-size:12px;line-height:1.4;color:#d6e5e7}.contact-orb-button:hover{background:#91f7d820;transform:translateY(-7px);box-shadow:0 0 0 20px #91f7d803,0 0 0 21px #91f7d819}.contact-orb-button:hover .contact-orb-arrow{transform:translate(4px,-4px)}.contact-bottom{display:flex;align-items:center;gap:22px;margin-top:70px;padding-top:25px;border-top:1px solid var(--line)}.contact-bottom>.mono{color:#a5bec5;font-size:9px;letter-spacing:1.2px}.contact-bottom button{background:none;display:flex;align-items:center;gap:8px;font-size:10px;color:#728fa3;padding:5px}.contact-bottom button:hover{color:var(--mint)}.contact-note{margin-left:auto;font-size:10px;color:#647e90}.site-footer{max-width:1360px;padding:28px 40px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-size:20px;font-weight:600;letter-spacing:-1px}.site-footer p{font-size:9px;color:#667b91}.site-footer>a:last-child{font-size:10px;color:#95a7b9;display:flex;gap:15px;align-items:center}.site-footer>a:last-child>span:last-child{color:var(--mint);font-size:16px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:200;background:#d3fff1;color:#142521;border:1px solid #91f7d8;border-radius:7px;padding:12px 22px;font-size:12px;box-shadow:0 10px 40px #0008;transition:opacity .25s,transform .25s;max-width:calc(100% - 30px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
html[lang=zh-CN] .hero h1{font-size:clamp(43px,4.75vw,68px);line-height:1.22;letter-spacing:-2px}html[lang=zh-CN] .hero-description{line-height:1.95;max-width:390px}html[lang=zh-CN] .section-heading h2,html[lang=zh-CN] .about h2{font-size:46px;line-height:1.3;letter-spacing:-1px}html[lang=zh-CN] .section-index{letter-spacing:1px}html[lang=zh-CN] .service-card h3{font-size:17px}html[lang=zh-CN] .service-card p{line-height:1.95}html[lang=zh-CN] .contact h2{font-size:80px;line-height:1.2;letter-spacing:-2px}
@keyframes scrollHint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(4px);opacity:1}}
.hero{overflow:clip}
@media(min-width:1600px){.hero{min-height:850px;padding-top:100px;padding-bottom:130px}.workspace{transform:scale(1.04)}}
@media(max-width:1190px){.site-header{padding:0 30px}.hero{padding-left:30px;padding-right:30px;min-height:735px}.hero h1{font-size:64px;letter-spacing:-4px}.hero-description{font-size:14px;max-width:350px}.hero-actions{gap:10px}.button{gap:12px;padding:14px 17px;font-size:11px}.workspace{height:550px;margin-left:-7px}.scene-stack{width:390px}.scene-window .mini-site-main h2{font-size:29px}.coffee-art{transform:rotate(8deg) scale(.85);transform-origin:20% 20%}.mini-site-main{padding-top:9px}.scene-stack .floating-note{padding:11px 13px}.scene-visual h2{font-size:40px}.mini-slide-grid{margin-top:18px}.code-lines{font-size:9px}.code-result{font-size:7px;margin-top:10px}.scene-tabs button{padding:11px 9px}.workspace-bottom{left:30px}.workspace-hint{font-size:6px;letter-spacing:.5px}.workspace-top{left:35px;right:15px}.orbit-one{width:500px}.orbit-two{width:430px;height:430px}.hero-bottom{left:30px;right:30px}.section{padding-left:30px;padding-right:30px}.section-heading h2{font-size:46px}.section-heading>p{max-width:275px;font-size:12px}.featured-copy{padding:36px}.featured-copy h3{font-size:34px}.featured-copy p{font-size:12px}.draw-desktop{transform:scale(.88) rotateY(-20deg) rotateX(10deg) rotateZ(-5deg);margin-left:-50px}.draw-mobile{left:59%;top:48%;transform:scale(.9) rotateZ(5deg)}.service-card{padding:22px 19px}.service-card h3{font-size:16px}.service-card p{font-size:11px}.service-card .text-link{font-size:9px}.about-grid{gap:65px}.slide-main{margin-top:23px;min-height:185px}.slide-main h4{font-size:48px}.contact-orb-button{margin-right:30px}.capability-band{padding-left:30px;padding-right:30px;gap:17px}.capability-band>span{font-size:8px;letter-spacing:1px}.capability-band i{font-size:13px}.lab-tabs{gap:20px}.demo-badge{font-size:6px}.contact-note{font-size:9px}}
@media(max-width:950px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:75px}.hero-copy{padding-bottom:0;max-width:600px}.hero h1{font-size:78px}.hero-description{max-width:450px}.hero-actions{gap:20px}.button{padding:15px 21px;font-size:12px}.workspace{height:560px;width:610px;max-width:100%;margin:25px auto 0}.workspace-top{left:20px;right:20px}.workspace-bottom{left:20px;right:20px}.scene-stack{width:445px}.scene-window .mini-site-main h2{font-size:34px}.coffee-art{transform:rotate(8deg) scale(1)}.scene-visual h2{font-size:47px}.mini-slide-grid{margin-top:23px}.code-lines{font-size:10px}.code-result{font-size:8px}.orbit-one{width:570px}.orbit-two{width:490px;height:490px}.workspace-stage{inset:40px 0 60px}.hero-grid{mask-image:linear-gradient(180deg,transparent,#000 55%,transparent)}.hero-halo{top:350px}.workspace-hint{font-size:8px}.scene-tabs button{padding:12px 15px;font-size:9px}.hero-bottom{bottom:24px}.hero-coordinate{display:none}.section{padding-top:85px;padding-bottom:85px}.section-heading>p{position:static;max-width:500px;margin-top:22px;font-size:13px}.lab-heading{align-items:flex-start;gap:25px}.lab-heading>p{max-width:260px;margin-top:38px}.section-heading h2{font-size:44px}.featured-service{gap:10px}.featured-copy{padding:35px 30px}.featured-copy h3{font-size:32px}.device-drawing{min-height:420px}.draw-desktop{width:280px;height:210px;transform:scale(.9) rotateY(-20deg) rotateX(10deg) rotateZ(-5deg);margin-left:-40px}.draw-mobile{left:57%;width:87px;height:170px;padding:8px;top:49%}.mobile-block{height:50px}.blueprint-ring{height:300px;width:300px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:27px 28px}.service-card h3{font-size:19px;max-width:none}.service-card p{font-size:12px;max-width:320px}.service-card:nth-child(3){border-left:0;border-top:1px solid var(--line)}.service-card:nth-child(4){border-top:1px solid var(--line)}.service-detail{font-size:8px}.service-card .text-link{font-size:11px}.lab{padding-top:0}.lab-toolbar{padding:0 18px}.lab-tabs{gap:20px}.lab-tabs button{font-size:10px}.demo-badge{display:none}.demo-description{padding:23px}.demo-description h3{font-size:15px}.browser-preview-stage{padding:25px;min-height:460px}.slide-stage{padding:30px;min-height:390px}.slide-main h4{font-size:41px}.slide-main{margin-top:20px;min-height:160px}.slide-graphic{transform:scale(.8);transform-origin:left center}.slide-canvas{padding:23px 28px}.before .slide-main h4{font-size:39px}.before .slide-main p{font-size:12px}.slide-bottomline{margin-top:16px}.about-grid{gap:45px}.about h2{font-size:42px}.about-copy .about-lead{font-size:20px}.about-copy{font-size:12px;padding-top:27px}.about-tags>span{font-size:7px}.process-steps strong{font-size:10px}.process-steps button{gap:7px}.process-steps .step-arrow{padding-right:3px}.faq{padding-top:0;gap:45px;grid-template-columns:.8fr 1.2fr}.faq h2{font-size:36px}.faq .section-index{font-size:7px;letter-spacing:1px}.faq summary{font-size:12px}.contact{padding-top:60px;padding-bottom:35px}.contact h2{font-size:66px}.contact-orb-button{width:145px;height:145px;margin-right:5px}.contact-bottom{gap:15px}.contact-note{display:none}.site-footer{padding:25px 30px}html[lang=zh-CN] .hero h1{font-size:65px}html[lang=zh-CN] .section-heading h2,html[lang=zh-CN] .about h2{font-size:38px}html[lang=zh-CN] .contact h2{font-size:65px}}
@media(max-width:600px){.site-header{height:72px;padding:0 20px}.brand{font-size:23px;gap:8px}.brand svg{width:25px;height:25px}.desktop-nav{display:none}.header-actions{gap:17px}.language-switch{font-size:10px;gap:5px}.header-contact{font-size:10px;padding:8px 12px;gap:11px}.header-contact>span:last-child{font-size:15px}.hero{padding:48px 22px 65px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:22px;gap:8px}.tiny-cross{font-size:16px}.hero h1{font-size:clamp(43px,10.4vw,62px);letter-spacing:-2.8px;line-height:1.1}.hero-description{font-size:13px;line-height:1.85;margin-top:22px;max-width:390px}.hero-actions{gap:14px;margin-top:25px;align-items:center}.button{padding:13px 16px;font-size:10px;gap:12px}.button-quiet{padding-left:0;padding-right:0;gap:9px}.hero-footnote{font-size:9px;gap:8px;margin-top:23px}.small-line{width:17px}.workspace{height:440px;margin:32px -5px 0;width:calc(100% + 10px);max-width:calc(100% + 10px)}.workspace-top{left:0;right:0;top:0}.workspace-top .mono{font-size:7px;letter-spacing:1.5px}.workspace-stage{inset:20px 0 40px}.scene-stack{width:300px;max-width:85%;margin-left:5px;transform:rotateX(calc(8deg + var(--scene-rx))) rotateY(calc(-13deg + var(--scene-ry))) rotateZ(-7deg)}.window-bar{height:26px;padding:0 9px;gap:20px}.window-bar>.mono{font-size:5.5px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.window-expand{font-size:11px}.scene-panel{height:calc(100% - 26px)}.mini-site-header{height:33px;padding:0 16px}.mini-site-header b{font-size:13px}.mini-site-header b span{font-size:6px}.mini-site-header>span{font-size:4px;letter-spacing:.7px}.mini-site-header i{font-size:11px}.mini-site-main{padding:10px 16px 4px;height:calc(100% - 53px)}.mini-eyebrow{font-size:4px;letter-spacing:.3px;margin-bottom:8px}.scene-window .mini-site-main h2{font-size:23px;letter-spacing:-1px}.mini-pill{font-size:4px;padding:4px 7px;margin-top:9px}.mini-site-footer{height:20px;font-size:4px;padding:6px 16px}.coffee-art{transform:rotate(8deg) scale(.68);transform-origin:10% 10%}.scene-stack .floating-note{padding:9px 11px;gap:8px;border-radius:6px}.floating-note .mono{font-size:5px;letter-spacing:.5px}.floating-note strong{font-size:9px;margin-top:1px}.note-icon{font-size:19px}.note-top{top:-27px;right:-15px}.note-bottom{bottom:-27px;left:-15px}.note-check{width:20px;height:20px;font-size:15px}.plate-one{transform:translate3d(17px,-16px,-25px)}.plate-two{transform:translate3d(33px,-29px,-60px)}.scene-visual{padding:19px}.scene-visual h2{font-size:32px;letter-spacing:-1px;margin-top:16px}.mini-slide-label{font-size:5px;letter-spacing:.7px}.mini-slide-grid{font-size:5px;gap:19px;margin-top:16px}.mini-slide-footer{font-size:4px;margin-top:15px;letter-spacing:.5px}.scene-code{padding:12px 16px}.code-file{font-size:6px;padding-bottom:9px}.code-lines{font-size:7.5px;line-height:1.8;margin-top:8px}.code-lines i{margin-right:12px}.code-result{font-size:5px;padding:6px;margin-top:10px}.orbit-one{width:370px;height:250px}.orbit-two{width:320px;height:320px}.workspace-bottom{left:0;right:0;bottom:0}.scene-tabs button{font-size:7px;padding:10px 10px;letter-spacing:.6px}.scene-tabs button span{font-size:6px}.workspace-hint{font-size:6px;letter-spacing:.6px}#orb-canvas{inset:-30px -50px;width:calc(100% + 100px);height:calc(100% + 60px)}.hero-bottom{left:22px;bottom:20px}.scroll-cue .mono{font-size:7px;letter-spacing:1.5px}.capability-band{padding:20px 22px;gap:22px;justify-content:flex-start;overflow:auto;scrollbar-width:none}.capability-band::-webkit-scrollbar{display:none}.capability-band>span{font-size:8px;letter-spacing:1px}.capability-band i{font-size:12px}.section{padding:65px 22px}.section-index{font-size:8px;letter-spacing:1px;gap:8px}.section-heading h2{font-size:37px;letter-spacing:-1.6px;line-height:1.14;margin-top:18px}.section-heading>p{font-size:12px;line-height:1.8;max-width:350px;margin-top:19px}.featured-service{grid-template-columns:1fr;margin-top:30px;gap:0}.featured-copy{padding:30px 26px 5px}.featured-copy h3{font-size:34px;letter-spacing:-1.5px;margin-top:15px}.featured-copy h3 br{display:none}.featured-copy p{font-size:12px;margin-top:17px}.service-list{font-size:10px;gap:10px;margin:20px 0}.service-number{font-size:8px}.device-drawing{min-height:310px;margin-top:5px}.draw-desktop{margin-left:-22px;transform:scale(.84) rotateY(-20deg) rotateX(10deg) rotateZ(-5deg)}.draw-mobile{top:43%;left:61%;transform:scale(.85) rotateZ(5deg)}.blueprint-ring{height:280px;width:280px}.drawing-label{font-size:6px;bottom:19px;right:24px;letter-spacing:1px}.service-grid{grid-template-columns:1fr 1fr;margin-top:14px;border-radius:9px}.service-card{padding:23px 17px 24px}.service-card-top{margin-bottom:21px}.service-card-top .mono{font-size:6px;letter-spacing:.3px}.service-glyph{font-size:18px}.service-glyph.mono{font-size:14px}.service-card h3{font-size:16px;letter-spacing:-.4px}.service-card p{font-size:10px;line-height:1.85;margin:13px 0 18px}.service-detail{font-size:5.5px;letter-spacing:.2px;line-height:1.8}.service-card .text-link{font-size:9px;gap:5px;line-height:1.6}.service-card .text-link>span:last-child{font-size:14px}.lab{padding-top:0}.lab-heading{display:block}.lab-heading>p{max-width:360px;margin-top:19px}.lab-shell{margin-top:28px;border-radius:9px}.lab-toolbar{padding:0 12px;min-height:57px}.lab-tabs{gap:15px;width:100%;justify-content:space-between}.lab-tabs button{font-size:8px;gap:5px;white-space:nowrap}.tab-icon{font-size:13px}.demo-description{padding:22px 17px 20px;display:block}.demo-description h3{font-size:15px;line-height:1.4}.demo-description p{font-size:10px;line-height:1.75;max-width:310px;margin-top:8px}.viewport-switch,.layout-switch{display:inline-flex;margin-top:17px}.viewport-switch button,.layout-switch button{font-size:9px;padding:6px 13px}.browser-preview-stage{padding:20px 12px;min-height:440px}#business-preview{height:390px}.preview-browser-bar{padding:0 8px;height:23px}.preview-browser-bar .mono{font-size:6px}.width-controls{padding:18px 14px;gap:10px}.width-controls label,.width-controls output{font-size:6px;letter-spacing:.4px}.width-controls output{min-width:44px}.slide-stage{padding:22px 12px;min-height:235px}.slide-canvas{padding:15px 17px;min-height:207px;aspect-ratio:auto}.slide-topline{font-size:4.5px;letter-spacing:.5px}.slide-main{min-height:126px;grid-template-columns:65% 35%;margin-top:13px}.slide-main h4{font-size:28px;letter-spacing:-1.4px;line-height:1.03;margin:8px 0 10px;max-width:210px}.slide-kicker{font-size:5px;letter-spacing:.8px}.slide-main p{font-size:6px;line-height:1.7;max-width:175px}.slide-graphic{transform:scale(.45);transform-origin:left center;width:150px;height:135px;margin-left:-8px}.slide-bottomline{margin-top:8px;padding-top:9px}.slide-bottomline>span{font-size:3.7px;letter-spacing:.5px;max-width:190px}.slide-bottomline b{font-size:10px;letter-spacing:-.5px}.before .slide-main{grid-template-columns:80% 20%;min-height:126px;margin-top:5px}.before .slide-main h4{font-size:25px;letter-spacing:.5px;max-width:250px;line-height:1.05;margin:7px 0}.before .slide-kicker{font-size:7px}.before .slide-main p{font-size:8px;padding:4px;line-height:1.25;max-width:240px}.before .slide-graphic{transform:scale(.23) translateX(-40px)}.before .slide-topline{font-size:5.5px}.slide-pagination{padding:15px}.tool-editors{grid-template-columns:1fr}.tool-editor textarea{height:175px;min-height:140px;font-size:11px;padding:15px}.editor-label{padding:12px 15px}.editor-label .mono{font-size:7px;letter-spacing:.5px}.output-editor{border-top:1px solid #66809833}.tool-options{padding:18px 17px 12px;gap:12px 18px}.tool-options label{font-size:9px;gap:6px}.tool-options input{width:11px;height:11px}.tool-actions{padding:9px 17px 15px;gap:10px}.tool-actions .button{padding:10px 11px;font-size:9px;gap:7px}.tool-actions>div{gap:8px}.tool-actions .small-button{font-size:8px;padding:9px}.reset-button{font-size:9px}.tool-status{margin:0 17px 20px;font-size:7px}.demo-description>.small-button{margin-top:15px;font-size:9px}.lab-footnote{font-size:8px;gap:7px;line-height:1.8}.about-grid{grid-template-columns:1fr;gap:0}.about h2{font-size:40px;letter-spacing:-1.9px;margin-top:20px}.about-signature{display:none}.about-copy{padding-top:26px;font-size:12px;line-height:1.85}.about-copy .about-lead{font-size:20px;line-height:1.6;max-width:370px}.about-copy>p+p{margin-top:17px}.about-tags{gap:7px;margin-top:22px}.about-tags>span{font-size:7px;padding:5px 7px}.process{margin-top:50px;padding-top:22px}.process-hint{font-size:6px;letter-spacing:.7px}.process-heading .section-index{font-size:7px;letter-spacing:.5px}.process-heading{margin-bottom:14px}.process-steps{grid-template-columns:1fr 1fr;border-bottom:0;gap:0 18px}.process-steps button{padding:18px 0;border-bottom:1px solid var(--line);gap:8px;min-height:59px}.process-steps button.selected{border-bottom:1px solid var(--mint)}.process-steps strong{font-size:10px;line-height:1.4}.step-number{font-size:8px}.step-arrow{font-size:13px}.process-description{font-size:11px;line-height:1.85;min-height:78px;padding-top:19px}.faq{padding-top:0;grid-template-columns:1fr;gap:27px}.faq .section-index{font-size:8px;letter-spacing:1px}.faq h2{font-size:37px;letter-spacing:-1.6px;margin-top:18px}.faq summary{font-size:12px;padding:20px 0;gap:12px;line-height:1.5}.faq-plus{font-size:20px}.faq details p{font-size:11px;line-height:1.85;max-width:96%;padding-bottom:20px}.contact{padding-top:42px;padding-bottom:30px}.contact-layout{margin-top:27px;align-items:flex-start;gap:12px}.contact h2{font-size:48px;letter-spacing:-2.5px}.contact-layout p{font-size:11px;line-height:1.85;margin-top:22px;max-width:245px}.contact-orb-button{width:91px;height:91px;margin-top:14px;margin-right:4px;gap:5px;box-shadow:0 0 0 8px #91f7d803,0 0 0 9px #91f7d80e}.contact-orb-arrow{font-size:27px}.contact-orb-button>span:last-child{font-size:8px}.contact-orb-button:hover{box-shadow:0 0 0 11px #91f7d803,0 0 0 12px #91f7d819}.contact-bottom{margin-top:35px;padding-top:21px;gap:12px;justify-content:space-between}.contact-bottom>.mono{font-size:7px;letter-spacing:.4px}.contact-bottom button{font-size:8px;gap:5px}.site-footer{padding:24px 22px;gap:14px;flex-wrap:wrap}.footer-brand{font-size:20px}.site-footer p{order:3;width:100%;font-size:8px;margin-top:1px}.site-footer>a:last-child{margin-left:auto;font-size:9px}.toast{bottom:20px;font-size:11px;padding:11px 18px}html[lang=zh-CN] .hero h1{font-size:clamp(38px,9.7vw,56px);letter-spacing:-1px;line-height:1.3}html[lang=zh-CN] .hero-description{font-size:12px;max-width:350px}html[lang=zh-CN] .section-heading h2,html[lang=zh-CN] .about h2{font-size:34px;line-height:1.3}html[lang=zh-CN] .service-card h3{font-size:15px}html[lang=zh-CN] .contact h2{font-size:43px;line-height:1.25}html[lang=zh-CN] .contact-layout p{max-width:230px}html[lang=zh-CN] .lab-tabs button{font-size:9px}.js-motion .reveal{transform:translateY(15px)}}
@media(max-width:360px){.hero h1{font-size:39px}.header-actions{gap:10px}.hero-actions{gap:10px}.button{font-size:9px;padding:13px 12px}.scene-stack{width:270px;max-width:87%}.workspace{height:415px}.scene-window .mini-site-main h2{font-size:20px}.mini-eyebrow{font-size:3.5px}.coffee-art{transform:scale(.59) rotate(8deg)}.hero-footnote{font-size:8px}.workspace-hint{font-size:5px}.service-card{padding-left:14px;padding-right:14px}.contact h2{font-size:42px}.contact-orb-button{width:78px;height:78px}.lab-tabs{gap:10px}.lab-tabs button{font-size:7px}html[lang=zh-CN] .hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}.scene-stack{transform:rotateX(6deg) rotateY(-10deg) rotateZ(-5deg)}}