:root{
    --bg:#05070b;
    --panel:#10131a;
    --panel-2:#171b24;
    --text:#f4f7fb;
    --muted:#aeb7c7;
    --line:rgba(255,255,255,.12);
    --blue:#002fa7;
    --blue-2:#1b5cff;
    --green:#9cff28;
    --gray:#dfe4ee;
    --shadow:0 24px 80px rgba(0,0,0,.34);
    --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 8%,rgba(27,92,255,.24),transparent 34%),radial-gradient(circle at 86% 4%,rgba(156,255,40,.12),transparent 26%),linear-gradient(135deg,#05070b 0%,#0a0d14 55%,#020307 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
p{color:var(--muted);margin:0 0 18px}
h1,h2,h3{line-height:1.15;margin:0 0 18px;letter-spacing:-.02em}
h1{font-size:clamp(44px,7vw,88px)}
h2{font-size:clamp(30px,4.5vw,56px)}
h3{font-size:22px}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,56px);background:rgba(5,7,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(156,255,40,.45);border-radius:14px;background:linear-gradient(135deg,var(--blue),#02050d);box-shadow:0 0 32px rgba(27,92,255,.35);font-weight:900}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:18px}.brand-text em{font-size:12px;color:var(--muted);font-style:normal;letter-spacing:.12em}.site-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{padding:10px 14px;border-radius:999px;color:#d9dfeb;font-size:14px}.site-nav a:hover,.site-nav a.active{background:rgba(255,255,255,.1);color:#fff}.menu-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:9px 14px}
.hero,.section,.page-hero{width:min(1180px,calc(100% - 36px));margin:0 auto}.split-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:88px 0 70px}.hero-copy .lead{font-size:20px;color:#e6eaf2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--green);box-shadow:0 0 16px var(--green)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:800;border:1px solid var(--line);transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#fff;border-color:rgba(255,255,255,.1);box-shadow:0 18px 44px rgba(27,92,255,.28)}.btn.ghost{background:rgba(255,255,255,.06)}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span,.pill-grid span,.contact-tips span{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 12px;color:#dbe3ee;font-size:14px}.panel-glow{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:var(--shadow);overflow:hidden}.hero-media{padding:18px}.section{padding:78px 0}.section-head{max-width:780px;margin-bottom:34px}.section-head.compact{max-width:860px}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.service-card img,.icon-card img{height:120px;object-fit:contain;margin-bottom:20px}.icon-card img{height:96px}.dark-section{width:100%;max-width:none;background:linear-gradient(135deg,#0b0f18,#05070b);border-block:1px solid var(--line);padding-inline:max(18px,calc((100% - 1180px)/2))}.masonry{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.work-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#0f131d;min-height:320px}.work-card.tall{grid-row:span 2}.work-card img{width:100%;height:100%;object-fit:cover;opacity:.92}.work-card div{position:absolute;inset:auto 18px 18px 18px;padding:18px;border-radius:20px;background:rgba(5,7,11,.78);backdrop-filter:blur(10px);border:1px solid var(--line)}.work-card span,.work-detail-card span,.video-card span{color:var(--green);font-weight:800;font-size:13px;letter-spacing:.1em}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.04)}.timeline article{padding:28px;position:relative}.timeline article:not(:last-child){border-right:1px solid var(--line)}.timeline span,.process-steps span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;margin-bottom:16px}.capability-grid .card{min-height:270px}.solution-band{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(156,255,40,.25);border-radius:32px;padding:36px;background:linear-gradient(135deg,rgba(0,47,167,.55),rgba(156,255,40,.08))}.solution-band div{max-width:780px}.creator-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.creator-row article{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.05);padding:24px}.creator-row img{height:150px;margin-bottom:18px}.review-board{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:32px;padding:28px;background:rgba(255,255,255,.05)}.review-board img{border-radius:24px}.check-list{padding:0;margin:18px 0 0;list-style:none}.check-list li{color:#dfe6f3;margin:10px 0;padding-left:28px;position:relative}.check-list li:before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(156,255,40,.55)}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05);padding:18px}.faq-list summary{cursor:pointer;font-weight:900;color:#fff}.faq-list p{margin:12px 0 0}.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.05);padding:30px}.page-hero{padding:74px 0 42px}.page-hero p{max-width:860px;font-size:18px}.small-hero,.service-hero,.works-hero,.process-hero,.videos-hero,.contact-hero{border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}.rounded-media{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.values-grid .pill-grid{display:flex;flex-wrap:wrap;gap:12px}.services-list{display:grid;gap:22px}.service-row{display:grid;grid-template-columns:.45fr .55fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:32px;padding:28px;background:rgba(255,255,255,.05)}.service-row.reverse{grid-template-columns:.55fr .45fr}.service-row.reverse img{order:2}.service-row img{border-radius:24px;background:#0b0f18}.work-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.work-detail-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.05)}.work-detail-card.large{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.work-detail-card div{padding:24px}.work-detail-card img{width:100%;height:100%;min-height:280px;object-fit:cover}.process-map{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.process-map>img{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.05);position:sticky;top:100px}.process-steps{display:grid;gap:16px}.process-steps article{border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.05)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.video-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.05)}.video-card img{width:100%;height:260px;object-fit:cover;background:#0e121b}.video-card div{padding:22px}.note-panel{border:1px solid rgba(156,255,40,.24);border-radius:28px;background:rgba(156,255,40,.05);padding:30px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.contact-card,.contact-form{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.05);padding:28px}.domain-box{font-size:22px;color:#fff;background:#080b12;border:1px solid var(--line);border-radius:16px;padding:16px;word-break:break-all}.contact-tips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;color:#fff;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#080b12;color:#fff;padding:13px 14px;font:inherit}.contact-form textarea{resize:vertical}.form-result{margin:0;color:var(--green);font-weight:800}.site-footer{margin-top:80px;border-top:1px solid var(--line);background:rgba(5,7,11,.82);padding:38px clamp(18px,4vw,56px)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-label{color:var(--green);font-weight:900;font-size:13px;letter-spacing:.12em}.domain-line{word-break:break-all}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.footer-bottom p{margin:0;color:#d9e0ea}
@media (max-width:960px){.split-hero,.two-col,.review-board,.service-row,.service-row.reverse,.work-detail-card.large,.process-map,.contact-layout{grid-template-columns:1fr}.service-row.reverse img{order:0}.cards.four,.cards.three,.timeline,.creator-row,.footer-grid{grid-template-columns:1fr 1fr}.masonry,.work-gallery,.video-grid{grid-template-columns:1fr}.work-detail-card.large{grid-column:auto}.solution-band,.contact-strip{align-items:flex-start;flex-direction:column}.process-map>img{position:static}.site-nav{display:none;position:absolute;left:18px;right:18px;top:76px;flex-direction:column;align-items:stretch;background:rgba(5,7,11,.96);border:1px solid var(--line);border-radius:20px;padding:12px}.site-nav.open{display:flex}.menu-toggle{display:inline-flex}.site-nav a{padding:13px 14px}}
@media (max-width:640px){h1{font-size:40px}.hero,.section,.page-hero{width:min(100% - 28px,1180px)}.split-hero{padding-top:48px}.cards.four,.cards.three,.timeline,.creator-row,.footer-grid{grid-template-columns:1fr}.timeline article:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.hero-actions{flex-direction:column}.btn{width:100%}.footer-bottom{flex-direction:column}.site-header{padding:14px}.brand-text em{display:none}.page-hero{padding-top:46px}.section{padding:54px 0}.dark-section{padding-inline:14px}.service-row,.contact-card,.contact-form,.review-board,.solution-band{padding:20px}.video-card img{height:210px}}