:root { --bg:#080a0d; --panel:#10141a; --text:#f2f4f7; --muted:#9aa3af; --silver:#b9c0ca; --violet:#8a6cff; --teal:#39d6c5; --line:rgba(210,220,235,.15); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:84px; max-width:1360px; padding:0 36px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(210,220,235,.09); position:absolute; inset:0 0 auto; z-index:10; }
.brand { display:flex; align-items:center; gap:14px; font-size:19px; font-weight:650; letter-spacing:.08em; white-space:nowrap; }
.brand-mark { width:30px; height:30px; display:inline-block; position:relative; transform:rotate(45deg); }
.brand-mark:before,.brand-mark:after,.brand-mark i { content:""; position:absolute; inset:4px 13px; background:linear-gradient(var(--violet),var(--teal)); border-radius:10px; }
.brand-mark:after { transform:rotate(90deg); }.brand-mark i:first-child{transform:rotate(45deg);opacity:.45}.brand-mark i:last-child{transform:rotate(-45deg);opacity:.45}
nav { display:flex; align-items:center; gap:48px; font-size:14px; color:var(--silver); }
nav a { padding:31px 2px 27px; position:relative; transition:.2s; }
nav a:after { content:""; position:absolute; left:50%; bottom:21px; width:0; height:2px; background:linear-gradient(90deg,var(--violet),var(--teal)); transition:.2s; }
nav a:hover,nav a.active{color:#fff} nav a:hover:after,nav a.active:after{left:0;width:100%}
.header-cta { min-width:132px; height:42px; border:1px solid var(--line); border-radius:12px; display:grid; place-items:center; font-size:13px; background:rgba(16,20,26,.55); }
.header-cta span { margin-left:10px; color:var(--teal); }
.hero { min-height:830px; position:relative; overflow:hidden; padding:154px max(5vw,40px) 80px; display:flex; align-items:center; }
.hero:after{content:"";position:absolute;inset:auto -10% -250px; height:410px;background:radial-gradient(ellipse,rgba(87,72,181,.14),transparent 65%);pointer-events:none}
.hero-grid { position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(185,192,202,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(185,192,202,.05) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,transparent 3%,#000 30%,transparent 92%); }
.aurora { position:absolute; width:70vw; height:70vw; right:-24vw; top:-35vw; border-radius:50%; filter:blur(70px); background:conic-gradient(from 180deg,transparent,rgba(138,108,255,.14),transparent 40%,rgba(57,214,197,.1),transparent 70%); animation:aurora 18s linear infinite; }
.hero-copy { width:48%; max-width:650px; margin-left:max(0px,calc((100vw - 1320px)/2)); position:relative; z-index:2; }
.eyebrow,.section-kicker { margin:0 0 25px; color:var(--silver); font-size:11px; letter-spacing:.24em; text-transform:uppercase; }
.eyebrow span { display:inline-block; width:26px; height:1px; background:var(--teal); vertical-align:middle; margin-right:12px; }
h1 { font-size:clamp(52px,5.25vw,78px); line-height:1.12; letter-spacing:-.055em; margin:0; font-weight:700; }
h1 span,.contact h2 span { background:linear-gradient(100deg,#fff 5%,var(--violet) 46%,var(--teal)); background-clip:text; color:transparent; }
.hero-description { max-width:590px; font-size:17px; line-height:1.85; color:var(--muted); margin:30px 0 0; }
.hero-actions { display:flex; gap:18px; margin-top:38px; }
.button { min-height:56px; padding:0 26px; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; gap:35px; font-size:14px; font-weight:600; transition:.25s; }
.button span { transition:.25s; }.button:hover{transform:translateY(-2px)}.button:hover span{transform:translateX(4px)}
.button-primary { background:linear-gradient(105deg,var(--violet),#697fe7 55%,var(--teal)); color:#fff; box-shadow:0 14px 50px rgba(102,96,217,.2); }
.button-secondary { border:1px solid var(--line); background:rgba(16,20,26,.55); color:var(--silver); }
.trust-row { display:flex; align-items:center; gap:20px; margin-top:52px; color:#aeb5bf; font-size:12px; }
.trust-row span{display:flex;gap:8px;align-items:center}.trust-row b{font-size:17px;color:var(--teal);font-weight:400}.trust-row i{height:18px;width:1px;background:var(--line)}
.hero-visual { position:absolute; width:55vw; height:700px; right:-2vw; top:104px; display:grid; place-items:center; z-index:1; }
.hero-visual:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(138,108,255,.13);border-radius:50%;box-shadow:0 0 140px rgba(57,214,197,.06),inset 0 0 110px rgba(138,108,255,.05)}
.hero-visual img { width:100%; height:100%; object-fit:contain; mix-blend-mode:screen; filter:saturate(.9) contrast(1.08); animation:float 9s ease-in-out infinite; }
.orbit { position:absolute; width:75%; aspect-ratio:1; border:1px solid rgba(210,220,235,.18); border-radius:50%; transform:rotate(68deg) scaleY(.36); }
.orbit:after{content:"";position:absolute;right:9%;top:43%;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px var(--teal)}.orbit-two{width:60%;transform:rotate(-28deg) scaleY(.42);opacity:.55}
.signal-card { position:absolute; min-width:150px; padding:15px 17px; border:1px solid var(--line); border-radius:14px; background:rgba(11,14,19,.66); backdrop-filter:blur(14px); box-shadow:0 20px 50px rgba(0,0,0,.22); }
.signal-card span{display:block;color:#727d8c;font-size:8px;letter-spacing:.18em;margin-bottom:7px}.signal-card strong{font-size:17px;letter-spacing:.05em}.signal-card i{display:block;height:2px;margin-top:11px;background:linear-gradient(90deg,var(--violet) 70%,rgba(255,255,255,.08) 70%)}.signal-card em{color:var(--teal);float:right;font-style:normal;font-size:10px}.signal-top{top:150px;right:8%}.signal-bottom{bottom:155px;left:11%}
.scroll-cue { position:absolute; bottom:35px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; color:#5f6875; font-size:9px; letter-spacing:.2em; z-index:3; }.scroll-cue i{font-style:normal;color:var(--teal);animation:bob 1.6s ease-in-out infinite}
.section { max-width:1320px; margin:auto; padding:130px 36px; }
.section-heading { display:grid; grid-template-columns:1.2fr 1fr; column-gap:90px; }.section-heading .section-kicker{grid-column:1/-1}.section h2,.contact h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.045em;line-height:1.2;margin:0}.section-heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.9;max-width:480px;margin:8px 0 0}
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:70px; }.service-card{min-height:300px;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(20,25,33,.88),rgba(11,14,19,.55));transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:rgba(138,108,255,.4);background:linear-gradient(145deg,rgba(28,28,44,.9),rgba(12,20,24,.7))}.service-card>div{display:flex;justify-content:space-between;color:#6f7885;font-size:11px}.service-card>div i{font-style:normal;font-size:18px;color:var(--teal)}.service-card h3{font-size:22px;margin:105px 0 16px}.service-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}
.solutions{padding-top:60px}.solution-panel{padding:72px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 15% 100%,rgba(138,108,255,.12),transparent 36%),#0d1117;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.solution-list article{display:grid;grid-template-columns:36px 1fr 30px;gap:20px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line)}.solution-list article:first-child{padding-top:0}.solution-list article>span{font-size:10px;color:#697382}.solution-list h3{font-size:19px;margin:0 0 7px}.solution-list p{font-size:13px;color:var(--muted);margin:0}.solution-list i{font-style:normal;color:var(--teal)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:110px}.about-copy>p{font-size:18px;line-height:2;color:var(--muted);margin:36px 0 58px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats span{font-size:11px;color:#737d8a}.stats strong{display:block;color:#fff;font-size:28px;margin-bottom:7px}
.contact{text-align:center;padding:140px 30px 150px;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 100%,rgba(85,72,180,.21),transparent 42%)}.contact h2{font-size:clamp(48px,6vw,82px)}.contact .button{margin-top:48px;min-width:260px}
footer{max-width:1320px;margin:auto;padding:34px 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#626c78;font-size:11px}footer .brand{color:#afb6c0;font-size:14px}footer .brand-mark{transform:rotate(45deg) scale(.7)}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes aurora{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(5px)}}
.reveal{animation:reveal .7s ease-out both}.reveal-delay{animation-delay:.15s}@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:980px){nav{display:none}.hero{padding:145px 28px 90px;min-height:920px;align-items:flex-start}.hero-copy{width:100%;margin:0}.hero-visual{top:440px;width:100vw;height:500px;right:-15vw;opacity:.8}.signal-card{display:none}.section{padding:90px 25px}.section-heading,.about,.solution-panel{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card h3{margin-top:65px}.solution-panel{padding:40px}.about-copy>p{margin-top:0}}
@media(max-width:600px){.site-header{padding:0 20px}.header-cta{min-width:auto;padding:0 14px}.hero{padding-inline:20px;min-height:860px}h1{font-size:48px}.hero-actions{align-items:stretch;flex-direction:column;max-width:330px}.trust-row{gap:12px;flex-wrap:wrap}.hero-visual{top:500px;height:380px;right:-25vw}.service-grid{grid-template-columns:1fr}.section-heading h2,.section h2{font-size:38px}.solution-panel{padding:28px 22px}.about{gap:10px}.stats{grid-template-columns:1fr 1fr}.contact h2{font-size:48px}footer{align-items:flex-start;gap:25px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

[hidden]{display:none!important}.loading-line{position:fixed;z-index:100;top:0;left:0;height:2px;width:35%;background:linear-gradient(90deg,var(--violet),var(--teal));animation:loading 1.2s ease-in-out infinite}.risk-screen{position:fixed;z-index:200;inset:0;background:rgba(8,10,13,.96);backdrop-filter:blur(20px);display:grid;place-items:center;padding:24px}.risk-card{width:min(520px,100%);border:1px solid var(--line);border-radius:24px;padding:36px;background:#10141a;box-shadow:0 30px 90px rgba(0,0,0,.5)}.risk-icon{width:54px;height:54px;border:1px solid rgba(255,120,120,.4);border-radius:16px;display:grid;place-items:center;color:#ff8b8b;font-size:24px;margin-bottom:26px}.risk-card h2{font-size:27px;margin:0 0 12px}.risk-card p{color:var(--muted);line-height:1.8;margin:0}.risk-reference{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#717b88}.noscript{margin:100px auto;padding:20px;max-width:700px;background:#251f12;color:#ffdca0;border:1px solid #6c5530;border-radius:14px}@keyframes loading{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}