:root{--bg:#07080c;--panel:#11141b;--panel-2:#181c25;--text:#f7f8fb;--muted:#a9b1c5;--line:rgba(255,255,255,.12);--blue:#002fa7;--green:#9cff00;--white:#fff;--shadow:0 24px 80px rgba(0,47,167,.28);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(0,47,167,.36),transparent 32rem),linear-gradient(180deg,#05060a,#0d1017 42%,#07080c);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,56px);background:rgba(7,8,12,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#0a66ff);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 32px rgba(0,47,167,.45)}.brand-name{font-size:20px}.site-nav{display:flex;gap:5px;align-items:center}.site-nav a{padding:10px 14px;border-radius:999px;color:var(--muted);font-size:15px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--white);background:rgba(255,255,255,.08)}.nav-toggle{display:none;background:transparent;border:0;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;border-radius:2px}.split-section,.section,.page-hero{width:min(1160px,calc(100% - 36px));margin:0 auto}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding:72px 0}.eyebrow{margin:0 0 12px;color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(40px,7vw,82px);line-height:1.05;margin:0 0 24px;letter-spacing:-.06em}.lead,.page-hero p{font-size:clamp(17px,2vw,21px);color:#d6dbeb}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--green);color:#071009}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.06);color:var(--white)}.hero-points{display:flex;gap:16px;flex-wrap:wrap;list-style:none;margin:0;padding:0;color:var(--muted)}.hero-points li{padding:8px 12px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px}.card-glow{border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.section{padding:82px 0}.section-head{max-width:760px;margin-bottom:34px}.section-head h2,.feature-pair h2,.pricing-note h2{font-size:clamp(30px,4.6vw,54px);line-height:1.1;margin:0 0 14px;letter-spacing:-.04em}.section-head p,.feature-pair p,.pricing-note p,.service-grid p,.work-card p,.cards-three p,.service-detail-grid p,.video-grid p,.footer-grid p{color:var(--muted)}.service-grid,.service-detail-grid,.cards-three,.solution-grid,.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid article,.service-detail-grid article,.cards-three article,.solution-grid article,.video-grid article,.contact-side,.contact-form,.review-card,.pricing-note,.info-box{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:24px;padding:24px}.service-grid img,.service-detail-grid img{height:118px;width:100%;object-fit:contain;margin-bottom:18px}.service-grid h3,.service-detail-grid h2,.video-grid h2,.work-card h2,.work-card h3{margin:.2rem 0 .4rem}.contrast{width:100%;max-width:none;padding-left:max(18px,calc((100vw - 1160px)/2));padding-right:max(18px,calc((100vw - 1160px)/2));background:linear-gradient(135deg,rgba(0,47,167,.24),rgba(156,255,0,.06));border-block:1px solid var(--line)}.work-masonry,.works-wall{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:18px}.work-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;padding:16px}.work-card img{border-radius:18px;width:100%;height:240px;object-fit:cover;background:#0c1018}.work-card.wide{grid-column:span 2}.work-card.tall{grid-row:span 2}.work-card.tall img{height:520px}.work-card span{display:inline-block;margin-top:16px;color:var(--green);font-weight:800}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden}.timeline div{padding:26px;background:rgba(255,255,255,.05);border-right:1px solid var(--line)}.timeline div:last-child{border-right:0}.timeline b{color:var(--green);font-size:24px}.timeline.vertical{display:grid;grid-template-columns:1fr;border:0;gap:14px}.timeline.vertical div{border:1px solid var(--line);border-radius:22px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px}.feature-pair>img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.check-list{list-style:none;margin:24px 0 0;padding:0}.check-list li{position:relative;padding-left:28px;margin:10px 0;color:#dfe4f2}.check-list li:before{content:"";position:absolute;left:0;top:.65em;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.solution-grid{grid-template-columns:repeat(3,1fr)}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-row article{text-align:center;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:24px;padding:28px}.team-row img{width:130px;margin:0 auto 16px}.faq details{border:1px solid var(--line);border-radius:20px;margin:12px 0;background:rgba(255,255,255,.055);padding:18px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--blue),#0b111e);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:34px;margin-bottom:80px}.page-hero{padding:86px 0 44px}.page-hero h1{max-width:900px}.cards-three{grid-template-columns:repeat(3,1fr)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-row div{padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06)}.metric-row b{display:block;color:var(--green);font-size:34px}.metric-row span{color:#dce2f2}.service-detail-grid{grid-template-columns:repeat(3,1fr)}.process-map{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.video-grid{grid-template-columns:repeat(4,1fr)}.video-grid img{border-radius:18px;margin-bottom:16px;border:1px solid var(--line)}.text-button{color:var(--green);background:transparent;border:0;padding:0;font-weight:800;cursor:pointer}.note-dialog{max-width:520px;border:1px solid var(--line);border-radius:24px;background:#11141b;color:var(--text);padding:30px}.note-dialog::backdrop{background:rgba(0,0,0,.72)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;color:#dfe4f2;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#0b0e15;color:var(--text);padding:14px;font:inherit}.form-note{margin:0;color:var(--green);font-weight:700}.footer-grid{width:min(1160px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px;padding:42px 0}.site-footer{border-top:1px solid var(--line);background:#05060a}.footer-grid strong{display:block;margin-bottom:12px}.footer-grid a{display:block;color:var(--muted);margin:6px 0}.domain-line{word-break:break-all}.inner .site-header{position:sticky}@media(max-width:980px){.hero,.feature-pair,.process-map,.contact-grid{grid-template-columns:1fr}.service-grid,.service-detail-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.work-masonry,.works-wall{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.timeline div{border-bottom:1px solid var(--line)}.site-nav{position:absolute;left:18px;right:18px;top:76px;display:none;flex-direction:column;align-items:stretch;background:#0b0e15;border:1px solid var(--line);border-radius:20px;padding:12px}.site-nav.is-open{display:flex}.nav-toggle{display:block}.footer-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero{padding-top:42px}.hero h1,.page-hero h1{font-size:40px}.service-grid,.service-detail-grid,.cards-three,.solution-grid,.video-grid,.team-row,.metric-row,.work-masonry,.works-wall{grid-template-columns:1fr}.work-card.wide,.work-card.tall{grid-column:auto;grid-row:auto}.work-card.tall img{height:240px}.timeline{grid-template-columns:1fr}.timeline div{border-right:0}.contact-band{align-items:flex-start;flex-direction:column}.section{padding:56px 0}.page-hero{padding:56px 0 28px}}
