:root{--bg:#060a11;--panel:#0a1120c2;--panel2:#0f172ac7;--line:#ffffff1a;--text:#f7faff;--muted:#9da9bf;--muted2:#65748d;--blue:#06f;--blue2:#4d7dff;--cyan:#00d4ff;--green:#22c55e;--radius:28px;--shadow:0 30px 80px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 15% 10%,#06f3,#0000 25%),radial-gradient(circle at 85% 5%,#00d4ff21,#0000 23%),linear-gradient(#050912,#07101d 45%,#050912);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}.fx{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.fx-matrix{opacity:.18;mix-blend-mode:screen}.fx-particles{opacity:.9}.ambient{z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 80%);mask-image:linear-gradient(#000000b8,#0000 80%)}.container{z-index:2;width:min(1240px,100% - 40px);margin:0 auto;position:relative}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#040810a3;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:22px;height:84px;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand-box{background:linear-gradient(135deg,#080f1ef2,#0a1832e6);border:1px solid #4d7dff47;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 14px 32px #0066ff2e}.brand b{letter-spacing:-.03em;font-size:17px;display:block}.brand small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:11px;display:block}.nav-links{align-items:center;gap:8px;display:flex}.nav-links button,.footer-links button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:10px 12px;font-size:14px;font-weight:700}.nav-links button.active,.nav-links button:hover,.footer-links button:hover{color:#fff;background:#ffffff0e}.nav-actions{align-items:center;gap:12px;display:flex}.lang-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:flex}.lang-select select{color:#fff;background:0 0;border:0;outline:0}.lang-select option{color:#07101d}.btn{color:#fff;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-weight:800;transition:all .22s;display:inline-flex}.btn:hover{background:#ffffff17;transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#02111f;border:0;box-shadow:0 18px 38px #0066ff47}.section{padding:92px 0}.first{padding-top:112px}.section-pad{padding:90px 0 70px}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;display:grid}.eyebrow{color:#dce8ff;letter-spacing:.13em;text-transform:uppercase;background:#0066ff1f;border:1px solid #4d7dff3d;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:900;display:inline-flex}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #22c55e24,0 0 18px #22c55ee6}h1{letter-spacing:-.075em;background:linear-gradient(135deg,#fff,#bed1ff 38%,#4d7dff 65%,#00d4ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:24px 0;font-size:clamp(48px,6.8vw,92px);line-height:.94}h2{letter-spacing:-.06em;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.04}.lead,.section-head p{color:var(--muted);font-size:17px;line-height:1.85}.lead{max-width:720px;margin:0 0 30px}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stats div,.card,.process-card,.portfolio-card,.admin-card,.contact-form,.contact-info,.about-panel{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff0e,#ffffff07);border:1px solid #ffffff17}.stats div{padding:20px}.stats b{letter-spacing:-.04em;font-size:30px;display:block}.stats span{color:var(--muted);font-size:13px}.hero-visual{min-height:680px;box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff09);border:1px solid #ffffff1c;border-radius:36px;padding:24px;position:relative;overflow:hidden}.hero-visual:before{content:"";filter:blur(20px);background:radial-gradient(circle,#00d4ff47,#0000 70%);border-radius:50%;width:310px;height:310px;position:absolute;top:-60px;right:-70px}.window-bar{z-index:2;align-items:center;gap:8px;margin-bottom:16px;display:flex;position:relative}.window-bar span{background:#ffffff38;border-radius:50%;width:11px;height:11px}.window-bar b{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-left:auto;font-size:12px}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a1294;border:1px solid #ffffff1a;border-radius:24px;box-shadow:inset 0 1px #ffffff0f}.console-grid{z-index:2;grid-template-columns:1.1fr .9fr;gap:14px;display:grid;position:relative}.code-panel,.metric-panel,.matrix-box{padding:18px}.panel-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-top em{color:#bfffe2;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-style:normal}.code-panel p{color:#d9e6ff;margin:10px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.code-panel p span{color:#5b6a86;margin-right:12px}.metric-panel{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-panel b{font-size:28px}.metric-panel span{color:var(--muted);font-size:12px}.cube-stage{z-index:2;place-items:center;height:270px;margin:14px 0;display:grid;position:relative;overflow:hidden}.cube{width:110px;height:110px;transform-style:preserve-3d;animation:13s linear infinite spinCube;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(-18deg)rotateY(30deg)}.cube i{background:linear-gradient(#4d7dff38,#00d4ff14);border:1px solid #00d4ff6b;width:110px;height:110px;position:absolute;box-shadow:inset 0 0 22px #00d4ff1f}.cube i:first-child{transform:translateZ(55px)}.cube i:nth-child(2){transform:rotateY(180deg)translateZ(55px)}.cube i:nth-child(3){transform:rotateY(90deg)translateZ(55px)}.cube i:nth-child(4){transform:rotateY(-90deg)translateZ(55px)}.cube i:nth-child(5){transform:rotateX(90deg)translateZ(55px)}.cube i:nth-child(6){transform:rotateX(-90deg)translateZ(55px)}@keyframes spinCube{to{transform:translate(-50%,-50%)rotateX(-18deg)rotateY(390deg)}}.cube-ring{border:1px solid #ffffff1a;border-radius:50%;width:210px;height:210px;position:absolute;transform:rotateX(72deg)}.cube-ring.two{border-color:#4d7dff2e;width:270px;height:270px}.float-chip{color:#e5eeff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:flex;position:absolute}.c1{top:28px;left:24px}.c2{top:80px;right:22px}.c3{bottom:30px;left:42px}.matrix-local{grid-template-columns:repeat(8,1fr);gap:8px;height:110px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.matrix-local div{color:#7dffab;text-shadow:0 0 12px #22c55e80;flex-direction:column;gap:3px;font-family:ui-monospace,monospace;font-size:12px;animation:linear infinite fall;display:flex}@keyframes fall{0%{transform:translateY(-40%)}to{transform:translateY(0)}}.section-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.kicker{color:#89ceff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900;display:inline-block}.section-head p{max-width:460px;margin:0}.cards{gap:18px;display:grid}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card{padding:28px}.card.hover{transition:all .24s}.card.hover:hover{border-color:#00d4ff38;transform:translateY(-8px)}.iconbox{background:linear-gradient(135deg,#0066ff2e,#00d4ff1f);border:1px solid #4d7dff40;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;display:grid}.card h3,.process-card h3,.portfolio-card h3{letter-spacing:-.03em;margin:0 0 12px;font-size:22px}.card p,.process-card p,.portfolio-card p,.about-panel p{color:var(--muted);margin:0 0 18px;line-height:1.75}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span,.stack-cloud span{color:#d4deef;background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.case-strip{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.case-tile{text-align:left;min-height:230px;box-shadow:var(--shadow);background:linear-gradient(#ffffff0e,#ffffff07);border:1px solid #ffffff17;border-radius:28px;padding:24px}.case-tile:hover{border-color:#00d4ff40;transform:translateY(-6px)}.case-tile span,.portfolio-body small{color:#89ceff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.case-tile b{margin:12px 0;font-size:24px;display:block}.case-tile p{color:var(--muted);margin:0;line-height:1.7}.process-card{padding:24px}.process-card>b{color:#00d4ff57;letter-spacing:-.08em;margin-bottom:16px;font-size:52px;display:block}.stack-cloud{flex-wrap:wrap;gap:12px;display:flex}.stack-cloud span{padding:14px 18px;font-size:14px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.portfolio-card{overflow:hidden}.portfolio-visual{background:radial-gradient(circle at 30% 20%,#00d4ff38,#0000 30%),linear-gradient(135deg,#0066ff3d,#050a12eb);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.portfolio-visual span{color:#dce8ff;background:#00000047;border:1px solid #ffffff1a;border-radius:999px;padding:8px 10px;font-size:11px;position:absolute;top:18px;right:18px}.portfolio-body{padding:26px}.metric{color:#cde7ff;margin-top:18px;display:block}.about-grid,.contact-grid,.admin-grid{grid-template-columns:.92fr 1.08fr;gap:18px;display:grid}.about-panel,.contact-form,.contact-info{padding:30px}.about-panel h3{letter-spacing:-.05em;margin:0 0 18px;font-size:32px}.contact-form{gap:14px;display:grid}.contact-form label{color:#dbe7fa;gap:8px;font-weight:800;display:grid}.contact-form input,.contact-form textarea,.contact-form select,.admin-card input,.admin-card textarea,.admin-card select{color:#fff;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:13px 14px}.contact-form textarea,.admin-card textarea{resize:vertical;min-height:110px}.contact-form option,.admin-card option{color:#07101d}.contact-info{align-content:start;gap:14px;display:grid}.contact-info p{color:#e6eefb;background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;margin:0;padding:16px;display:flex}.footer{z-index:2;color:var(--muted);border-top:1px solid #ffffff12;padding:44px 0;position:relative}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-links{gap:10px;display:flex}.admin-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.admin-hero h1{margin:0 0 10px;font-size:54px}.admin-hero p{max-width:720px;color:var(--muted);line-height:1.75}.notice{color:#cffff0;background:#22c55e1f;border:1px solid #22c55e47;border-radius:18px;margin-bottom:16px;padding:14px 16px}.admin-grid{align-items:start}.admin-sidebar,.admin-main{box-shadow:var(--shadow);background:#050a1294;border:1px solid #ffffff17;border-radius:28px;padding:18px}.admin-sidebar{gap:10px;display:grid}.admin-sidebar b{color:#fff;padding:8px}.admin-sidebar button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;padding:13px;display:flex}.admin-sidebar button.active,.admin-sidebar button:hover{color:#fff;background:#ffffff12}.admin-main{gap:16px;display:grid}.admin-card{box-shadow:none;padding:22px}.admin-card-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-card h3{margin:0 0 16px}.admin-card label{color:#dbe7fa;gap:8px;margin-bottom:12px;font-weight:800;display:grid}.admin-list{gap:10px;display:grid}.admin-list>div{background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:24px 1fr 1.2fr auto;align-items:center;gap:10px;padding:12px;display:grid}.admin-list span{color:var(--muted);font-size:13px}.admin-list button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px}@media (width<=1100px){.hero-grid,.console-grid,.section-head,.about-grid,.contact-grid,.admin-grid{grid-template-columns:1fr}.cards.three,.cards.four,.case-strip,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start}.nav-links{display:none}.hero-visual{min-height:auto}}@media (width<=720px){.container{width:min(100% - 24px,1240px)}.nav-actions .btn,.brand small{display:none}h1{font-size:44px}.cards.three,.cards.four,.cards.two,.case-strip,.portfolio-grid,.stats{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}.section{padding:64px 0}.first{padding-top:84px}.footer-inner,.admin-hero{flex-direction:column;align-items:flex-start}.admin-list>div{grid-template-columns:24px 1fr}}.compact{padding-top:24px}.service-detail{flex-direction:column;min-height:100%;display:flex}.service-meta,.case-detail{gap:10px;margin:18px 0;display:grid}.service-meta div,.case-detail{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;padding:14px}.service-meta b,.case-detail b{color:#eef6ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.service-meta span,.case-detail span{color:var(--muted);line-height:1.65}.contact-cta{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0066ff26,#00d4ff14 45%,#ffffff09);border:1px solid #ffffff1a;border-radius:30px;justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex}.contact-cta p{max-width:720px;color:var(--muted);line-height:1.75}.portfolio-card.hover{transition:all .24s}.portfolio-card.hover:hover{border-color:#00d4ff3d;transform:translateY(-8px)}.portfolio-body .tags{margin-top:18px}.about-signal{background:#0066ff14;border:1px solid #00d4ff2e;border-radius:20px;margin-top:24px;padding:18px}.about-signal span{color:#89ceff;letter-spacing:.16em;font-size:12px;font-weight:900;display:block}.about-signal b{margin-top:8px;font-size:16px;display:block}.capability-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.capability-row span{color:#d4deef;background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px;padding:12px 14px;font-size:13px;font-weight:800}.contact-info h3{letter-spacing:-.04em;margin:0;font-size:26px}.notice.inline{margin:0}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-page .admin-grid{grid-template-columns:280px 1fr}.admin-main{align-content:start}.compact-card{padding:18px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-stats div{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;padding:18px}.admin-stats b{font-size:34px;display:block}.admin-stats span{color:var(--muted);font-size:12px}.admin-editor-list{gap:12px;display:grid}.editor-item{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;padding:14px}.editor-item summary{cursor:pointer;grid-template-columns:24px minmax(150px,1fr) minmax(180px,1.3fr);align-items:center;gap:12px;display:grid}.editor-item summary::marker{color:var(--cyan)}.editor-item summary span{color:var(--muted);font-size:13px}.editor-item label{margin-top:14px}.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#00d4ff6b;box-shadow:0 0 0 4px #00d4ff14}@media (width<=1100px){.admin-page .admin-grid{grid-template-columns:1fr}.admin-sidebar{grid-template-columns:repeat(3,1fr)}.contact-cta{flex-direction:column;align-items:flex-start}.contact-cta .btn{width:auto}}@media (width<=720px){.hero-visual{border-radius:24px;padding:16px}.metric-panel{grid-template-columns:1fr 1fr}.contact-cta{border-radius:22px;padding:22px}.contact-cta .btn,.admin-actions,.admin-actions .btn{width:100%}.admin-sidebar,.admin-stats{grid-template-columns:1fr}.editor-item summary{grid-template-columns:24px 1fr}.editor-item summary span{grid-column:2}.portfolio-visual span{text-align:center;left:18px;right:18px}.footer-links{flex-wrap:wrap}.nav-inner{height:auto;min-height:76px;padding:12px 0}.lang-select{max-width:150px}.admin-hero h1{font-size:40px}}