:root{--navy:#06101f;--navy2:#091a32;--blue:#2e7cf6;--cyan:#56d5ff;--ink:#10213a;--muted:#64748b;--line:#dbe3ed;--paper:#f5f8fc;--white:#fff;--amber:#f6b84a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",Inter,system-ui,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:13px}.brand-name{font-size:20px;font-weight:700;letter-spacing:.12em}.brand-mark{position:relative;width:31px;height:31px;border:1.5px solid var(--cyan);border-radius:50%;display:grid;place-items:center;transform:rotate(-18deg)}.brand-mark:before{content:"";position:absolute;width:41px;height:13px;border:1px solid rgba(86,213,255,.7);border-radius:50%;transform:rotate(-4deg)}.brand-mark i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}nav{display:flex;gap:38px}nav a{font-size:14px;letter-spacing:.08em;opacity:.78;transition:.25s}nav a:hover{opacity:1;color:var(--cyan)}.menu-toggle{display:none}.hero{height:max(760px,100vh);min-height:680px;position:relative;display:flex;align-items:center;padding:120px clamp(24px,8vw,128px) 80px;color:#fff;background:radial-gradient(circle at 70% 40%,rgba(18,91,180,.24),transparent 35%),linear-gradient(125deg,#050c17 30%,#07162b 72%,#08101e);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,21,.98) 5%,rgba(4,11,21,.73) 47%,rgba(4,11,21,.12) 80%),linear-gradient(0deg,rgba(4,11,21,.78),transparent 35%);z-index:1}.hero-visual{position:absolute;inset:0;background:url('./hero-tech.png') 69% center/cover no-repeat;opacity:.9}.hero-content{position:relative;z-index:3;max-width:760px}.eyebrow{font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.28em;color:var(--cyan);margin:0 0 27px}.hero h1{font-size:clamp(50px,6.2vw,92px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:680}.hero h1 span,.contact h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.hero-copy{font-size:18px;line-height:1.9;max-width:610px;margin:32px 0 38px;color:#b9c9db}.hero-actions{display:flex;gap:14px}.button{min-height:53px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:38px;font-weight:600;font-size:14px;letter-spacing:.04em;border:1px solid rgba(255,255,255,.24);transition:.25s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.ghost{color:#fff}.hero-meta{position:absolute;z-index:3;right:clamp(24px,5vw,80px);bottom:47px;display:flex;gap:32px;font-size:12px;letter-spacing:.15em;color:#95a8bd}.hero-meta span:before{content:"";width:4px;height:4px;background:var(--cyan);display:inline-block;border-radius:50%;margin-right:9px}.scroll-hint{position:absolute;z-index:3;left:38px;bottom:42px;font:10px/1 Inter,sans-serif;letter-spacing:.22em;color:#8799ac;display:flex;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:left center}.scroll-hint span{width:42px;height:1px;background:#50657b}.orbit{position:absolute;z-index:2;border:1px solid rgba(90,192,255,.16);border-radius:50%;pointer-events:none}.orbit-one{width:740px;height:300px;right:-130px;top:23%;transform:rotate(-20deg)}.orbit-two{width:430px;height:430px;right:8%;top:18%;border-color:rgba(246,184,74,.11)}.section{padding:clamp(86px,10vw,150px) clamp(24px,8vw,128px)}.section-label{font:600 11px/1 Inter,sans-serif;letter-spacing:.24em;color:#77879b;display:flex;align-items:center;gap:18px;margin-bottom:72px}.section-label span{color:var(--blue)}.section-label:after{content:"";width:58px;height:1px;background:#c7d1dd}.intro{background:#f7f9fc}.intro-grid{display:grid;grid-template-columns:minmax(360px,1fr) 1fr;gap:10vw;align-items:start}.intro h2,.strength-title h2{font-size:clamp(38px,4.3vw,64px);line-height:1.25;letter-spacing:-.04em;margin:0;font-weight:650}.intro-copy{font-size:17px;color:#52647a;max-width:620px}.intro-copy p{margin:0 0 24px}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:82px;padding-top:35px}.value-strip div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-left:28px}.value-strip div:first-child{padding-left:0}.value-strip div:last-child{border:0}.value-strip b{font-size:21px}.value-strip span{font-size:13px;color:#8594a7;margin-top:5px}.services{background:var(--navy);color:#fff}.section-label.light{color:#71849b}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:70px}.section-heading h2{font-size:clamp(42px,5vw,72px);margin:0;line-height:1}.section-heading p{margin:0;color:#91a4ba;max-width:580px}.service-list{border-top:1px solid #26364b}.service-list article{display:grid;grid-template-columns:80px 1fr 70px;gap:30px;align-items:center;padding:38px 10px;border-bottom:1px solid #26364b;transition:.3s}.service-list article:hover{background:linear-gradient(90deg,rgba(46,124,246,.1),transparent);padding-left:26px}.service-no{font:12px/1 Inter,sans-serif;color:#58708a}.service-list h3{font-size:25px;margin:0 0 4px}.service-list p{margin:0;color:#8194aa;font-size:15px}.service-icon{font-size:28px;text-align:center;color:var(--cyan)}.strengths{background:#fff}.strength-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.eyebrow.dark{color:var(--blue)}.strength-cards{display:grid;gap:0}.strength-cards article{padding:15px 0 38px;border-bottom:1px solid var(--line);margin-bottom:36px;position:relative}.strength-cards article>span{position:absolute;right:0;top:10px;font:12px/1 Inter,sans-serif;color:#98a5b4}.strength-cards h3{font-size:23px;margin:0 0 10px}.strength-cards p{margin:0;color:#6c7d90;max-width:520px}.contact{position:relative;overflow:hidden;background:linear-gradient(135deg,#071a35,#06101f);color:#fff;text-align:center;padding:clamp(100px,12vw,180px) 24px}.contact-glow{position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(23,112,224,.3),transparent 64%)}.contact>*:not(.contact-glow){position:relative}.contact .eyebrow{margin-bottom:30px}.contact h2{font-size:clamp(47px,6vw,82px);line-height:1.13;margin:0 0 22px;letter-spacing:-.045em}.contact>p:not(.eyebrow){color:#93a6bc;margin:0 0 32px}.button.inverse{background:#fff;color:#0b1b31;border-color:#fff}.contact-note{margin-top:70px;color:#6f8297;font-size:12px;letter-spacing:.18em}footer{padding:40px clamp(24px,5vw,80px);background:#040a12;color:#65758a;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;font-size:12px}footer .brand-name{font-size:16px;color:#e3ebf4}.footer-brand .brand-mark{width:26px;height:26px}.footer-brand .brand-mark:before{width:34px}footer p{margin:0}@media(max-width:800px){.site-header{height:72px}.brand-name{font-size:17px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:10px;z-index:2}.menu-toggle span{width:24px;height:1px;background:#fff}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071322;padding:28px 24px;flex-direction:column;gap:20px;border-top:1px solid #1f3045}nav.open{display:flex}.hero{height:auto;min-height:740px;padding-top:130px;align-items:flex-start}.hero h1{font-size:48px}.hero-copy{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-meta{left:24px;right:auto;bottom:35px;gap:14px;flex-wrap:wrap}.scroll-hint{display:none}.hero-visual{background-position:62% center;opacity:.52}.orbit{display:none}.section-label{margin-bottom:48px}.intro-grid,.section-heading,.strength-layout{grid-template-columns:1fr;gap:38px}.value-strip{grid-template-columns:1fr 1fr;gap:28px 0;margin-top:55px}.value-strip div:nth-child(2){border:0}.service-list article{grid-template-columns:45px 1fr;padding:28px 0;gap:12px}.service-icon{display:none}.service-list h3{font-size:21px}.section-heading{margin-bottom:44px}.strength-cards{margin-top:20px}footer{grid-template-columns:1fr;gap:18px;text-align:left}.contact h2{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-list article{transition:none}}