/* V3 / Digital architecture: midnight, ion blue, cyan. */
:root{--bg:#060b14;--surface:#0c1524;--border:#20344b;--text:#edf6ff;--muted:#93a8bc;--accent:#65e4ff;--ink:#061321;background:var(--bg)}
body{background:radial-gradient(ellipse at 95% 6%,#14285770,transparent 28%),#060b14}
.header{background:#060b14b3;border-color:#2337517a;position:relative;z-index:5}
.brand-mark{border-color:#65e4ff;filter:drop-shadow(0 0 8px #65e4ff40)}.brand-mark:after{background:#65e4ff}
.hero{padding-top:32px;overflow:clip}.hero::before{inset:0;background:linear-gradient(#65e4ff06 1px,transparent 1px),linear-gradient(90deg,#65e4ff06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,black 25%,black 70%,transparent);transform:none!important;opacity:1!important;animation:none!important}.hero::after{background:radial-gradient(440px circle at var(--light-x,75%) var(--light-y,35%),#096bab17,transparent 80%)}
.network-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.7}
.hero-top .eyebrow{color:#8bb4ce;letter-spacing:1.8px}.hero-note{color:#7e9bb7}
.hero-title-row{padding:20px 0 12px;min-height:450px;gap:0}.hero-copy{width:51%;position:relative;z-index:2;flex-shrink:0}.hero h1{font-size:clamp(60px,6.7vw,98px);letter-spacing:-3px;line-height:1.25;margin-top:20px}.tech-kicker{font:11px/1.5 Consolas,monospace;color:#5bbacb;letter-spacing:2px}.hero h1 .accent{background-image:linear-gradient(110deg,#65e4ff 12%,#c5f8ff 38%,#518cff 65%,#65e4ff 87%)}.hero-subtitle{font-size:16px!important;color:#a6bfd1!important;margin-top:26px!important}
.hero-aside.tech-visual{width:56%;margin-left:-7%;padding:0;position:relative;aspect-ratio:1.25;display:grid;place-items:center;isolation:isolate;perspective:900px;flex-shrink:0}.core-image{display:block;width:118%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 42%,#000d 57%,transparent 75%);transform:translateY(var(--core-float,0px)) rotateX(var(--core-rx,0deg)) rotateY(var(--core-ry,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.visual-label{position:absolute;display:flex;align-items:center;gap:10px;font:10px/1.4 Consolas,monospace;letter-spacing:1.5px;color:#8cacbf;border:1px solid #34556c;background:#07121cbd;padding:11px 15px;backdrop-filter:blur(10px)}.label-top{top:10%;right:2%;border-left:2px solid #65e4ff}.label-top i{width:5px;height:5px;background:#65e4ff;box-shadow:0 0 10px #65e4ff}.label-bottom{bottom:8%;left:12%;font-size:10px}.label-bottom b{color:#58cde9;font-weight:400}.visual-corner{position:absolute;top:16%;left:9%;color:#63deff;font:28px Consolas,monospace}.core-orbit{position:absolute;width:64%;height:64%;border:1px solid #60dcff24;border-radius:50%;transform:rotateX(63deg) rotateZ(-25deg);box-shadow:0 0 40px #36baff0c;z-index:1;pointer-events:none}.core-orbit:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px dashed #5cd8ff29}.core-orbit:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;border-top-color:#61dfff;border-right-color:#61dfff40;filter:drop-shadow(0 0 4px #52cfff)}
.hero-bottom{padding-bottom:30px}.hero-bottom>p{font-size:15px;color:#9bafc3}.hero-line{border-color:#2b456066}.hero-line span:first-child{color:#a7c9dc}.primary{background:linear-gradient(100deg,#69e5ff,#83beff);color:#061322}.primary:hover{background:#a5edff;box-shadow:0 0 30px #39caff38}.nav-contact{border-color:#3e677e}.nav-contact:hover{background:#103346}.hero-actions .button{border-radius:3px;min-width:190px}.reading-progress{background:linear-gradient(90deg,#3179f1,#7ceaff);box-shadow:0 0 8px #68dcff70}
.workspace{background:#09121f;border-color:#2e465f;border-radius:8px;box-shadow:0 20px 100px #0005,0 0 55px #178aff08}.workspace-bar{background:#0d1928;border-color:#263b52;color:#8eabc1}.window-dots i:nth-child(1){background:#326a85}.window-dots i:nth-child(2){background:#3d87a9}.window-dots i:nth-child(3){background:#65e4ff}.demo-label{border-color:#365366;color:#8eaebd}.preview-menu>.eyebrow{color:#63869f}.preview-menu h2{color:#e7f4ff}.preview-foot{color:#63839c}.tabs button{color:#83a1ba;border-radius:3px}.tabs button[aria-selected=true]{background:linear-gradient(90deg,#62dcf4,#86bcff);color:#04182a;box-shadow:0 0 25px #44c6ef18}.tabs button:hover:not([aria-selected=true]){background:#11283c}.product-panel{background:#0e2940;background-image:linear-gradient(#54bde808 1px,transparent 1px),linear-gradient(90deg,#54bde808 1px,transparent 1px);background-size:22px 22px}.product-panel[data-theme=mini]{background-color:#0e2940}.product-panel[data-theme=web]{background-color:#173a3a}.product-panel[data-theme=script]{background-color:#142244}.product-panel[data-theme=shop]{background-color:#273044}.demo-app{box-shadow:0 22px 45px #0005,0 0 0 1px #77bbec30}.terminal{background:#080f1c}.terminal-top{color:#8aaac6;border-color:#253e5e}.terminal-line .cmd{color:#62e2ff}.terminal-line .success{color:#71e9c2}.terminal-result{border-color:#234263;color:#b1cadb;background:#10213470}
.section-heading .eyebrow,.faq .eyebrow{color:#60cce8}.service-grid{border:0;border-radius:0;gap:16px;overflow:visible}.service-card,.service-card:last-child{border:1px solid #203a50!important;border-radius:5px;background:linear-gradient(155deg,#101e2e,#080f1b);padding:29px 22px;overflow:hidden;box-shadow:0 8px 30px #0002}.service-card:after{content:"";position:absolute;width:36px;height:36px;right:-1px;top:-1px;border-right:2px solid #65e4ff;border-top:2px solid #65e4ff;opacity:.5;pointer-events:none;transition:width .4s,height .4s,opacity .4s}.service-card:hover{background:linear-gradient(155deg,#122d40,#091320);box-shadow:0 12px 35px #19baff0e}.service-card:hover:after{width:60px;height:60px;opacity:1}.service-card::before{background:radial-gradient(260px circle at var(--light-x,50%) var(--light-y,50%),#34c7ff22,transparent 75%)}.service-icon{color:#77dfff;text-shadow:0 0 20px #65e4ff33}.card-top>span:last-child{color:#6c99b7}.service-card>p{color:#91aabd}.tags span{border-color:#264356;color:#8eb8ce;background:#0a1b26}.service-card>button{border-color:#254056;color:#cceafa}.service-card h3{color:#f0f8ff}.service-card:hover .service-icon{filter:drop-shadow(0 5px 10px #65e4ff40)}
.principle{background:#080f19;border-color:#20354b;overflow:hidden}.principle-inner{grid-template-columns:1.12fr 1fr;gap:55px;padding-block:25px}.ecosystem-visual{position:relative;min-width:0;aspect-ratio:1.3;display:grid;place-items:center}.ecosystem-visual img{width:118%;height:110%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 45%,transparent 75%)}.ecosystem-visual>span{position:absolute;bottom:10%;left:5%;font:10px Consolas,monospace;letter-spacing:3px;color:#628ca5}.principle-copy{position:relative;z-index:1}.principle-copy>.eyebrow{color:#5cbed4;font-size:11px}.principle-copy h2{font-size:36px;margin:20px 0}.principle-copy p{color:#9aafc4;font-size:15px}.tech-capabilities{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;font-size:12px;color:#76afc9}.tech-capabilities span{border-left:2px solid #478dba;padding-left:9px}.steps article{border-color:#27435d}.steps article>span{font-family:Consolas,monospace}.steps small{color:#7894a9}.questions,details{border-color:#21364c}summary span{color:#63bfd6}
.contact-banner{background:linear-gradient(120deg,#09263a,#10204a);border:1px solid #37627f;color:#eaf8ff;border-radius:8px;box-shadow:inset 0 0 70px #236c9712}.contact-banner .eyebrow{color:#64d7f0}.contact-banner p{color:#a4bfd5}.contact-banner::before{border-color:#65e4ff35;box-shadow:0 0 0 60px #65e4ff08,0 0 0 120px #65e4ff05}.contact-orb{background:linear-gradient(135deg,#6de7ff,#6897ff);color:#061321;box-shadow:0 0 40px #3cb8f41c}.contact-orb:hover{box-shadow:0 0 0 10px #65e4ff0d,0 0 50px #3cb8f430}.wechat-inline{display:flex;align-items:center;gap:15px;background:transparent;color:#8bbbd0;border:1px solid #305b70;border-radius:4px;padding:12px 16px;margin-top:22px;font-size:14px}.wechat-inline strong{color:#91e7fa;font-family:Consolas,monospace;font-weight:500}.wechat-inline:hover{background:#65e4ff10}.wechat-float{position:fixed;right:25px;bottom:28px;z-index:10;padding:13px 17px;background:#0a2031f0;border:1px solid #4792aa;border-radius:5px;box-shadow:0 4px 30px #0006;color:#b6edfa;display:flex;align-items:center;gap:12px;font-size:13px;backdrop-filter:blur(12px)}.wechat-float:before{content:"";width:7px;height:7px;border-radius:50%;background:#65e4ff;box-shadow:0 0 12px #65e4ff80}.wechat-float small{font-size:11px;color:#81aec4}.footer-bottom{border-color:#20354b}dialog{background:#0b1626;border-color:#345c78}dialog::backdrop{background:#020812d9}.dialog-intro{color:#9bb6cb}select,textarea{background:#07101c;border-color:#294764;color:#d4eaf8}textarea::placeholder{color:#7d97ad}.contact-method{background:#112d3b;border-color:#377087}.contact-method button{background:#65e4ff;color:#081825}.form-note{color:#9cb5c8}
@media(prefers-reduced-motion:no-preference){.hero.motion-in-view .core-orbit:after{animation:orbit-spin 9s linear infinite}.hero.motion-in-view .visual-label{animation:label-float 6s ease-in-out infinite alternate}.hero.motion-in-view .label-bottom{animation-delay:-3s}.hero.motion-in-view .core-image{animation:core-breathe 7s ease-in-out infinite alternate}.ecosystem-visual:after{content:"";position:absolute;inset:15% 8%;background:linear-gradient(transparent 45%,#65e4ff10 50%,transparent 55%);pointer-events:none;animation:ecosystem-scan 6s ease-in-out infinite}.core-orbit{animation:orbit-arrive 1.6s var(--ease-out) both}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes label-float{to{translate:0 -8px}}@keyframes core-breathe{from{filter:brightness(.95)}to{filter:brightness(1.12)}}@keyframes ecosystem-scan{0%,100%{translate:0 -15%;opacity:0}45%,55%{opacity:1}85%{translate:0 15%;opacity:0}}@keyframes orbit-arrive{from{opacity:0;scale:.75}to{opacity:1;scale:1}}
@media(max-width:1100px){.hero-title-row{min-height:380px}.hero h1{font-size:72px}.hero-subtitle{font-size:14px!important}.hero-aside.tech-visual{width:57%;margin-left:-8%}.label-top{right:0;font-size:8px}.label-bottom{font-size:8px}.principle-inner{grid-template-columns:1fr 1fr;gap:25px}.principle-copy h2{font-size:30px}.principle-copy p{font-size:14px}}
@media(max-width:760px){.hero{padding-top:27px}.hero-top .eyebrow{letter-spacing:.6px;font-size:9px}.hero-title-row{display:block;padding-top:30px;min-height:0}.hero-copy{width:100%}.tech-kicker{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:clamp(57px,12vw,86px);margin-top:16px}.hero-subtitle{margin-top:18px!important;font-size:14px!important}.hero-aside.tech-visual{width:100%;margin:-8px 0 -8px;aspect-ratio:1.45;min-height:220px}.core-image{width:100%;mask-image:radial-gradient(ellipse,black 45%,transparent 76%)}.label-top{top:13%;right:0;font-size:8px;padding:8px 10px}.label-bottom{bottom:7%;left:0;font-size:8px;padding:8px 10px}.visual-corner{font-size:20px;top:22%;left:4%}.hero-bottom>p{font-size:14px}.hero-actions .button{min-width:0}.hero-bottom{gap:20px}.service-grid{gap:12px}.service-card,.service-card:last-child{padding:24px 17px}.principle-inner{display:flex;flex-direction:column;gap:0;padding:15px 0 35px}.ecosystem-visual{width:100%;aspect-ratio:1.4}.ecosystem-visual img{width:100%}.principle-copy{width:100%;padding-top:10px}.principle-copy h2{font-size:31px}.tech-capabilities{font-size:11px;gap:17px}.contact-banner h2{font-size:31px}.wechat-inline{gap:10px;font-size:12px;padding:10px 12px}.contact-orb{width:80px;height:80px}.wechat-float{right:12px;bottom:15px;padding:11px 13px;font-size:12px}.wechat-float small{display:none}.footer-bottom{padding-bottom:75px}.product-panel{min-height:375px}}
@media(max-width:380px){.hero h1{font-size:56px}.hero-aside.tech-visual{min-height:210px}.tech-kicker{font-size:8px}.hero-actions{gap:15px}.hero-actions .button{font-size:13px}.text-link{font-size:12px}.contact-banner{padding:28px 20px}.contact-banner h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.network-field{display:none}.hero h1 .accent{background:none;color:var(--accent)}.core-image{transform:none!important}.core-orbit{opacity:.65}.ecosystem-visual:after{display:none}}