:root {
  --ink:#f6f8f4;
  --muted:#969f97;
  --soft:#c6ccc6;
  --line:rgba(255,255,255,.09);
  --line-bright:rgba(204,255,61,.22);
  --lime:#ccff3d;
  --lime-soft:#b8ec28;
  --bg:#080b09;
  --spot-x:50vw;
  --spot-y:30vh;
}

* { box-sizing:border-box; }
html { overflow-x:hidden; scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--bg); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body::selection { color:#0a0d0b; background:var(--lime); }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-root { min-height:100vh; overflow:hidden; position:relative; isolation:isolate; }
.shell { width:min(1180px,calc(100% - 44px)); margin-inline:auto; }

.site-root::before { content:""; position:fixed; inset:0; z-index:-3; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,black,transparent 92%); }
.site-root::after { content:""; position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.scroll-progress { position:fixed; top:0; left:0; right:0; z-index:100; height:2px; transform-origin:left; background:linear-gradient(90deg,var(--lime),#5dffbb); box-shadow:0 0 14px rgba(204,255,61,.72); }
.cursor-glow { position:fixed; z-index:-2; left:var(--spot-x); top:var(--spot-y); width:650px; height:650px; transform:translate(-50%,-50%); pointer-events:none; border-radius:50%; background:radial-gradient(circle,rgba(183,255,75,.055),rgba(100,220,140,.025) 34%,transparent 68%); transition:left .08s linear,top .08s linear; }
.ambient { position:absolute; z-index:-1; width:520px; height:520px; border-radius:50%; filter:blur(125px); opacity:.12; pointer-events:none; }
.ambient-one { top:-230px; left:7%; background:var(--lime); animation:ambient-float 12s ease-in-out infinite alternate; }
.ambient-two { top:390px; right:-250px; background:#24d18d; opacity:.08; animation:ambient-float 15s ease-in-out -4s infinite alternate-reverse; }

.nav { height:84px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; border-bottom:1px solid var(--line); }
.nav::before { content:""; position:absolute; z-index:-1; inset:0 -40px; background:linear-gradient(90deg,transparent,rgba(8,11,9,.55),transparent); backdrop-filter:blur(4px); }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand-mark { width:32px; height:32px; display:grid; place-items:center; color:#090c0b; background:var(--lime); border-radius:8px 8px 8px 2px; font:900 17px Arial,sans-serif; transform:rotate(-4deg); box-shadow:0 0 0 rgba(204,255,61,0); animation:brand-pulse 4s ease-in-out infinite; }
.brand-name { font:800 17px Arial,sans-serif; letter-spacing:.04em; }
.brand-name span { color:var(--lime); }
.nav-links { display:flex; align-items:center; gap:31px; color:#aeb5af; font-size:13px; }
.nav-links a { position:relative; transition:color .25s ease; }
.nav-links a:not(.nav-contact)::after { content:""; position:absolute; left:0; right:0; bottom:-8px; height:1px; transform:scaleX(0); transform-origin:right; background:var(--lime); transition:transform .25s ease; }
.nav-links a:hover { color:#fff; }
.nav-links a:hover::after { transform:scaleX(1); transform-origin:left; }
.nav-contact { padding:10px 18px; border:1px solid rgba(204,255,61,.42); border-radius:9px; color:var(--lime)!important; background:rgba(204,255,61,.03); transition:background .25s ease,box-shadow .25s ease!important; }
.nav-contact:hover { background:rgba(204,255,61,.1); box-shadow:0 0 24px rgba(204,255,61,.08); }

.hero { min-height:690px; padding:91px 0 99px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:75px; position:relative; }
.hero::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(90deg,var(--line),rgba(204,255,61,.22),var(--line)); }
.hero-enter { animation:hero-in .9s cubic-bezier(.2,.8,.2,1) both; }
.panel-enter { animation:panel-in 1s .12s cubic-bezier(.2,.8,.2,1) both; }
.eyebrow { display:flex; align-items:center; gap:11px; margin-bottom:23px; color:#b7beb8; font:700 11px Arial,sans-serif; letter-spacing:.16em; }
.eyebrow span { width:21px; height:2px; background:var(--lime); box-shadow:0 0 12px var(--lime); animation:line-pulse 2.5s ease-in-out infinite; }
.hero h1 { margin:0; max-width:680px; font-size:clamp(62px,6.4vw,92px); line-height:1.01; letter-spacing:-.07em; font-weight:850; }
.hero h1 span { position:relative; color:transparent; background:linear-gradient(105deg,#b8ed27 5%,#e1ff83 45%,#a9ef29 62%,#d5ff65 100%); background-size:220% auto; background-clip:text; -webkit-background-clip:text; text-shadow:0 0 46px rgba(204,255,61,.05); animation:text-shine 5s linear infinite; }
.hero h1 span::after { content:""; position:absolute; left:4px; right:-4px; bottom:5px; height:8px; z-index:-1; opacity:.28; background:var(--lime); filter:blur(12px); transform:skewX(-12deg); }
.hero-intro { margin:31px 0 0; font-size:20px; font-weight:680; letter-spacing:.065em; }
.hero-sub { max-width:610px; margin:16px 0 0; color:var(--muted); font-size:14px; line-height:1.95; }
.hero-actions { display:flex; gap:12px; margin-top:31px; }
.button { min-width:145px; height:50px; padding:0 23px; display:inline-flex; align-items:center; justify-content:center; gap:25px; border-radius:9px; font-size:13px; font-weight:700; position:relative; overflow:hidden; transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.button::before { content:""; position:absolute; inset:-100% -50%; transform:translateX(-70%) rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent); transition:transform .65s ease; }
.button:hover { transform:translateY(-3px); }
.button:hover::before { transform:translateX(70%) rotate(18deg); }
.button-primary { background:var(--lime); color:#0a0d0b; box-shadow:0 12px 36px rgba(187,245,30,.14); }
.button-primary:hover { box-shadow:0 16px 40px rgba(187,245,30,.23); }
.button-primary b,.button-primary span { position:relative; z-index:1; }
.button-primary span { font-size:18px; }
.button-ghost { border:1px solid var(--line); background:rgba(255,255,255,.025); color:#d0d5d0; }
.button-ghost:hover { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.05); }
.trust-row { margin-top:27px; display:flex; flex-wrap:wrap; gap:23px; color:#7f8780; font-size:11px; }
.trust-row span { transition:color .2s ease; }
.trust-row span:hover { color:#b9c0ba; }
.trust-row i { margin-right:2px; color:var(--lime); font-style:normal; }

.contact-panel { --rotate-x:0deg; --rotate-y:0deg; padding:29px; background:linear-gradient(145deg,rgba(29,35,31,.94),rgba(15,19,16,.95)); border:1px solid rgba(255,255,255,.12); border-radius:24px; box-shadow:0 35px 90px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.035); position:relative; overflow:hidden; transform:perspective(1100px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)); transform-style:preserve-3d; transition:transform .18s ease-out,border-color .3s ease,box-shadow .3s ease; }
.contact-panel:hover { border-color:rgba(204,255,61,.18); box-shadow:0 42px 105px rgba(0,0,0,.47),0 0 55px rgba(126,255,73,.025),inset 0 1px 0 rgba(255,255,255,.05); }
.contact-panel::before { content:""; position:absolute; width:230px; height:230px; top:-145px; right:-90px; border-radius:50%; background:var(--lime); filter:blur(64px); opacity:.14; animation:panel-breathe 4s ease-in-out infinite; }
.contact-panel::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.025) 48%,transparent 70%); transform:translateX(-100%); animation:panel-scan 8s 1s ease-in-out infinite; }
.panel-grid { position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(204,255,61,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(204,255,61,.16) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(140deg,transparent,black 55%,transparent); }
.orbit { position:absolute; pointer-events:none; border:1px solid rgba(204,255,61,.11); border-radius:50%; }
.orbit-one { width:170px; height:170px; top:-105px; right:-45px; animation:orbit-spin 10s linear infinite; }
.orbit-two { width:105px; height:105px; top:-67px; right:-12px; animation:orbit-spin 7s linear reverse infinite; }
.orbit i { position:absolute; width:5px; height:5px; top:50%; left:-3px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px var(--lime); }
.panel-top,.panel-desc,.contact-list,.placeholder-note { position:relative; z-index:2; transform:translateZ(22px); }
.panel-top { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.panel-kicker,.section-label { margin:0 0 9px; color:var(--lime); font:800 9px Arial,sans-serif; letter-spacing:.23em; }
.panel-top h2 { margin:0; font-size:26px; letter-spacing:-.035em; }
.online-dot { padding:7px 9px; display:inline-flex; align-items:center; gap:7px; color:#9da59e; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.035); border-radius:20px; font-size:9px; white-space:nowrap; }
.online-dot i { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 8px var(--lime); animation:status-pulse 1.8s ease-out infinite; }
.panel-desc { margin:12px 0 21px; color:#858d86; font-size:11px; line-height:1.75; }
.contact-list { display:grid; gap:10px; }
.contact-card { width:100%; min-width:0; padding:15px; display:grid; grid-template-columns:46px 1fr 28px; align-items:center; gap:13px; color:inherit; text-align:left; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.075); border-radius:13px; cursor:pointer; position:relative; overflow:hidden; transition:background .25s ease,border-color .25s ease,transform .25s ease; }
.contact-card::after { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent); transform:translateX(-100%); transition:transform .55s ease,opacity .2s ease; }
.contact-card:hover { background:rgba(255,255,255,.065); border-color:rgba(255,255,255,.15); transform:translateX(4px); }
.contact-card:hover::after { opacity:1; transform:translateX(100%); }
.contact-card>* { position:relative; z-index:1; }
.contact-icon { width:46px; height:46px; display:grid; place-items:center; color:#fff; border-radius:12px; font:900 13px Arial,sans-serif; letter-spacing:-.03em; transition:transform .3s ease; }
.contact-card:hover .contact-icon { transform:scale(1.05) rotate(-3deg); }
.telegram .contact-icon { background:linear-gradient(140deg,#2aabee,#1686c4); box-shadow:0 8px 18px rgba(42,171,238,.16); }
.qq .contact-icon { background:linear-gradient(140deg,#ffca45,#f09d18); color:#312200; box-shadow:0 8px 18px rgba(240,157,24,.13); }
.contact-details { min-width:0; display:flex; flex-direction:column; }
.contact-details small { color:#899189; font:700 9px Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.contact-details strong { margin-top:3px; overflow:hidden; color:#f2f4f2; font:700 15px Arial,sans-serif; letter-spacing:.015em; text-overflow:ellipsis; white-space:nowrap; }
.contact-details em { margin-top:4px; color:#727a73; font-size:9px; font-style:normal; }
.copy-icon { color:#929a92; font-size:17px; text-align:center; }
.placeholder-note { margin-top:14px; padding:10px 12px; display:flex; align-items:flex-start; gap:9px; color:#a3aa9f; background:rgba(204,255,61,.045); border:1px solid rgba(204,255,61,.10); border-radius:9px; font-size:9px; line-height:1.55; }
.placeholder-note span { flex:0 0 15px; width:15px; height:15px; display:grid; place-items:center; color:var(--lime); border:1px solid rgba(204,255,61,.32); border-radius:50%; font:700 9px Arial,sans-serif; }

.capability-strip { width:100%; overflow:hidden; border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.capability-track { width:max-content; padding:18px 0; display:flex; align-items:center; animation:marquee 28s linear infinite; }
.capability-track span { min-width:max-content; padding:0 30px; color:#7f8780; font-size:10px; letter-spacing:.14em; }
.capability-track i { margin-right:24px; color:var(--lime); font-style:normal; font-size:8px; }

.services-section { padding:112px 0 120px; position:relative; }
.section-heading { display:grid; grid-template-columns:1fr .67fr; align-items:end; gap:80px; margin-bottom:46px; }
.section-heading h2,.standards-intro h2,.guarantee-copy h2,.final-cta h2 { margin:0; font-size:clamp(35px,4.2vw,54px); line-height:1.24; letter-spacing:-.05em; }
.section-heading>p { margin:0 0 5px; color:var(--muted); font-size:13px; line-height:1.95; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.service-card { min-height:330px; padding:31px 29px 27px; display:flex; flex-direction:column; background:linear-gradient(150deg,rgba(25,30,27,.81),rgba(14,18,15,.83)); border:1px solid var(--line); border-radius:18px; position:relative; overflow:hidden; transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease; }
.service-card::before { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(125deg,transparent 15%,rgba(204,255,61,.055) 48%,transparent 75%); transform:translateX(-45%); transition:transform .6s ease,opacity .3s ease; }
.service-card::after { content:""; position:absolute; width:120px; height:120px; right:-65px; bottom:-75px; background:var(--lime); border-radius:50%; filter:blur(46px); opacity:0; transition:opacity .3s ease; }
.service-card:hover { transform:translateY(-8px); border-color:rgba(204,255,61,.26); box-shadow:0 25px 55px rgba(0,0,0,.24); }
.service-card:hover::before { opacity:1; transform:translateX(45%); }
.service-card:hover::after { opacity:.13; }
.service-card>* { position:relative; z-index:1; }
.service-number { color:#555d56; font:800 11px Arial,sans-serif; letter-spacing:.15em; }
.service-arrow { position:absolute; top:26px; right:27px; color:#626a62; font-size:20px; transition:transform .3s ease,color .3s ease; }
.service-card:hover .service-arrow { color:var(--lime); transform:translate(3px,-3px); }
.service-card h3 { margin:51px 0 14px; font-size:25px; letter-spacing:-.035em; }
.service-card p { margin:0; color:#929a93; font-size:12px; line-height:1.9; }
.service-tags { margin-top:auto; padding-top:34px; display:flex; flex-wrap:wrap; gap:6px; }
.service-tags span { padding:6px 9px; color:#909891; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.055); border-radius:6px; font-size:9px; transition:color .25s ease,border-color .25s ease; }
.service-card:hover .service-tags span { color:#b1b9b1; border-color:rgba(204,255,61,.12); }

.standards-section { padding:112px 0 115px; position:relative; border-block:1px solid var(--line); background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)); }
.standards-section::before { content:""; position:absolute; inset:0; opacity:.16; background:radial-gradient(circle at 17% 50%,rgba(204,255,61,.13),transparent 29%); pointer-events:none; }
.standards-intro { max-width:760px; position:relative; }
.standards-intro h2 { margin-bottom:19px; }
.standards-intro>p:last-child { max-width:700px; margin:0; color:var(--muted); font-size:13px; line-height:1.95; }
.standards-grid { margin-top:53px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.standard-item { min-height:250px; padding:27px 24px 25px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; overflow:hidden; transition:background .3s ease; }
.standard-item::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; transform:scaleX(0); transform-origin:right; background:var(--lime); transition:transform .35s ease; }
.standard-item:hover { background:rgba(204,255,61,.025); }
.standard-item:hover::after { transform:scaleX(1); transform-origin:left; }
.standard-icon { display:flex; align-items:center; justify-content:space-between; }
.standard-icon>span { width:48px; height:48px; display:grid; place-items:center; color:var(--lime); border:1px solid rgba(204,255,61,.18); border-radius:12px; background:rgba(204,255,61,.04); font:800 10px Arial,sans-serif; letter-spacing:.06em; }
.standard-icon i { color:#454c46; font:800 10px Arial,sans-serif; font-style:normal; }
.standard-item h3 { margin:38px 0 12px; font-size:18px; letter-spacing:-.025em; }
.standard-item p { margin:0; color:#8c948d; font-size:11px; line-height:1.85; }

.workflow-section { padding:115px 0 120px; }
.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:rgba(255,255,255,.012); }
.workflow-item { min-height:220px; padding:28px 26px; border-right:1px solid var(--line); position:relative; transition:background .3s ease; }
.workflow-item:last-child { border-right:0; }
.workflow-item:hover { background:rgba(255,255,255,.025); }
.workflow-item>span { color:var(--lime); font:800 10px Arial,sans-serif; letter-spacing:.15em; }
.workflow-line { margin:27px 0 28px; height:1px; background:rgba(255,255,255,.09); position:relative; }
.workflow-line i { position:absolute; top:-3px; left:0; width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(204,255,61,.55); transition:left .55s cubic-bezier(.2,.8,.2,1); }
.workflow-item:hover .workflow-line i { left:calc(100% - 7px); }
.workflow-item h3 { margin:0 0 9px; font-size:17px; }
.workflow-item p { margin:0; color:#858e86; font-size:10px; line-height:1.7; }
.workflow-item>b { position:absolute; z-index:2; top:25px; right:-10px; width:20px; height:20px; display:grid; place-items:center; color:#5b645c; background:#0c100d; border:1px solid var(--line); border-radius:50%; font-size:9px; font-weight:400; }

.guarantee-section { padding-bottom:112px; }
.guarantee-card { padding:48px 52px; display:grid; grid-template-columns:92px 1fr 1.15fr; align-items:center; gap:34px; background:linear-gradient(115deg,#c9fb3c,#d7ff61); color:#0a0d0b; border-radius:20px; position:relative; overflow:hidden; box-shadow:0 24px 75px rgba(148,212,21,.08); }
.guarantee-card::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%); transform:translateX(-100%); animation:guarantee-shine 8s ease-in-out infinite; }
.guarantee-card::after { content:"SAFE"; position:absolute; right:-8px; bottom:-46px; color:rgba(0,0,0,.045); font:900 150px Arial,sans-serif; letter-spacing:-.08em; pointer-events:none; }
.guarantee-badge { width:76px; height:86px; display:grid; place-items:center; background:#0b0f0c; clip-path:polygon(50% 0,93% 17%,89% 69%,50% 100%,11% 69%,7% 17%); position:relative; z-index:1; }
.guarantee-badge span { width:29px; height:29px; display:grid; place-items:center; color:var(--lime); border:2px solid var(--lime); border-radius:50%; font-weight:900; }
.guarantee-copy,.steps { position:relative; z-index:1; }
.guarantee-copy .section-label { color:rgba(10,13,11,.55); }
.guarantee-copy h2 { font-size:28px; letter-spacing:-.04em; }
.guarantee-copy>p:last-child { margin:10px 0 0; max-width:490px; color:rgba(10,13,11,.66); font-size:11px; line-height:1.75; }
.steps { display:flex; align-items:center; justify-content:space-between; }
.steps>div { display:flex; align-items:center; gap:10px; }
.steps>div>span { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; color:var(--lime); background:#0a0d0b; border-radius:50%; font:800 10px Arial,sans-serif; }
.steps p { margin:0; display:flex; flex-direction:column; }
.steps strong { font-size:11px; white-space:nowrap; }
.steps small { margin-top:3px; color:rgba(10,13,11,.55); font-size:8px; white-space:nowrap; }
.steps>i { color:rgba(10,13,11,.27); font-size:14px; font-style:normal; }

.final-cta { min-height:340px; padding:72px 0 86px; display:flex; align-items:center; justify-content:space-between; gap:50px; border-top:1px solid var(--line); }
.final-cta h2 { font-size:clamp(43px,5vw,68px); }
.final-cta h2 span { color:#707871; }
.cta-circle { flex:0 0 142px; width:142px; height:142px; padding:31px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; color:#0a0d0b; background:var(--lime); border-radius:50%; position:relative; overflow:hidden; transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease; }
.cta-circle::after { content:""; position:absolute; inset:11px; border:1px solid rgba(0,0,0,.14); border-radius:50%; transform:scale(.8); opacity:0; transition:transform .35s ease,opacity .35s ease; }
.cta-circle:hover { transform:scale(1.06) rotate(-4deg); box-shadow:0 20px 60px rgba(204,255,61,.16); }
.cta-circle:hover::after { transform:scale(1); opacity:1; }
.cta-circle span,.cta-circle i { position:relative; z-index:1; }
.cta-circle span { font-size:15px; font-weight:800; line-height:1.25; }
.cta-circle i { align-self:flex-end; font-size:21px; font-style:normal; }

.footer { min-height:110px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-top:1px solid var(--line); color:#727a73; font-size:10px; }
.footer p { margin:0; letter-spacing:.09em; }
.footer>a { justify-self:end; transition:color .2s ease,transform .2s ease; }
.footer>a:hover { color:var(--lime); transform:translateY(-2px); }

.reveal { opacity:0; transform:translateY(32px); transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.service-grid.reveal .service-card:nth-child(2),.standards-grid.reveal .standard-item:nth-child(2),.workflow-grid.reveal .workflow-item:nth-child(2) { transition-delay:.08s; }
.service-grid.reveal .service-card:nth-child(3),.standards-grid.reveal .standard-item:nth-child(3),.workflow-grid.reveal .workflow-item:nth-child(3) { transition-delay:.16s; }
.standards-grid.reveal .standard-item:nth-child(4),.workflow-grid.reveal .workflow-item:nth-child(4) { transition-delay:.24s; }

@keyframes hero-in { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes panel-in { from { opacity:0; transform:perspective(1100px) translateY(25px) rotateX(4deg); } to { opacity:1; transform:perspective(1100px) translateY(0); } }
@keyframes text-shine { to { background-position:220% center; } }
@keyframes line-pulse { 0%,100% { width:21px; opacity:.75; } 50% { width:35px; opacity:1; } }
@keyframes status-pulse { 0% { box-shadow:0 0 0 0 rgba(204,255,61,.52); } 70% { box-shadow:0 0 0 7px rgba(204,255,61,0); } 100% { box-shadow:0 0 0 0 rgba(204,255,61,0); } }
@keyframes brand-pulse { 0%,80%,100% { box-shadow:0 0 0 0 rgba(204,255,61,0); } 90% { box-shadow:0 0 20px 2px rgba(204,255,61,.25); } }
@keyframes panel-breathe { 50% { opacity:.21; transform:scale(1.13); } }
@keyframes panel-scan { 0%,68% { transform:translateX(-100%); } 83%,100% { transform:translateX(100%); } }
@keyframes orbit-spin { to { transform:rotate(360deg); } }
@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes ambient-float { to { transform:translate(80px,60px) scale(1.14); } }
@keyframes guarantee-shine { 0%,70% { transform:translateX(-100%); } 92%,100% { transform:translateX(100%); } }

@media (max-width:1040px) {
  .hero { grid-template-columns:1fr 405px; gap:42px; }
  .hero h1 { font-size:64px; }
  .guarantee-card { grid-template-columns:72px 1fr; }
  .steps { grid-column:1/-1; justify-content:flex-start; gap:34px; padding:24px 0 0 106px; border-top:1px solid rgba(10,13,11,.12); }
}

@media (max-width:820px) {
  .nav-links { gap:21px; }
  .nav-links a:nth-child(2),.nav-links a:nth-child(3) { display:none; }
  .hero { grid-template-columns:1fr; gap:52px; }
  .hero h1 { font-size:clamp(60px,12vw,84px); }
  .contact-panel { max-width:540px; }
  .standards-grid { grid-template-columns:repeat(2,1fr); }
  .workflow-grid { grid-template-columns:repeat(2,1fr); }
  .workflow-item:nth-child(2) { border-right:0; }
  .workflow-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}

@media (max-width:760px) {
  .cursor-glow { display:none; }
  .shell { width:min(calc(100% - 30px),580px); }
  .nav { height:70px; }
  .nav-links a:not(.nav-contact) { display:none; }
  .nav-contact { padding:8px 13px; font-size:12px; }
  .hero { min-height:0; padding:68px 0 76px; }
  .eyebrow { margin-bottom:18px; font-size:9px; }
  .hero h1 { font-size:clamp(52px,15vw,72px); }
  .hero-intro { margin-top:25px; font-size:16px; }
  .hero-sub { font-size:12px; line-height:1.9; }
  .button { flex:1; min-width:0; padding-inline:16px; gap:14px; }
  .trust-row { gap:10px 18px; }
  .contact-panel { padding:22px; border-radius:19px; transform:none!important; }
  .capability-track { padding:15px 0; }
  .capability-track span { padding:0 22px; }
  .services-section,.standards-section,.workflow-section { padding:78px 0 82px; }
  .section-heading { grid-template-columns:1fr; gap:21px; margin-bottom:37px; }
  .section-heading h2,.standards-intro h2 { font-size:35px; }
  .section-heading>p,.standards-intro>p:last-child { font-size:12px; }
  .service-grid { grid-template-columns:1fr; }
  .service-card { min-height:265px; }
  .standards-grid { margin-top:38px; }
  .standard-item { min-height:220px; padding:22px 19px; }
  .standard-item h3 { margin-top:29px; font-size:16px; }
  .guarantee-section { padding-bottom:75px; }
  .guarantee-card { padding:31px 25px; grid-template-columns:1fr; gap:22px; }
  .guarantee-badge { width:58px; height:65px; }
  .guarantee-copy h2 { font-size:25px; }
  .steps { grid-column:auto; padding:21px 0 0; gap:0; justify-content:space-between; }
  .steps>i { display:none; }
  .steps>div { align-items:flex-start; gap:7px; }
  .steps small { display:none; }
  .final-cta { min-height:300px; padding:60px 0; }
  .final-cta h2 { font-size:42px; }
  .cta-circle { flex-basis:105px; width:105px; height:105px; padding:23px; }
  .cta-circle span { font-size:12px; }
  .footer { padding:30px 0; grid-template-columns:1fr auto; gap:18px; }
  .footer p { grid-column:1/-1; grid-row:2; }
}

@media (max-width:440px) {
  .hero h1 { font-size:50px; }
  .trust-row { display:grid; grid-template-columns:1fr 1fr; }
  .contact-card { grid-template-columns:42px 1fr 22px; gap:10px; padding:13px; }
  .contact-icon { width:42px; height:42px; }
  .standards-grid { grid-template-columns:1fr; }
  .standard-item { min-height:200px; }
  .workflow-grid { grid-template-columns:1fr; }
  .workflow-item { min-height:190px; border-right:0; border-bottom:1px solid var(--line); }
  .workflow-item:last-child { border-bottom:0; }
  .workflow-item>b { display:none; }
  .final-cta { align-items:flex-end; gap:20px; }
  .final-cta h2 { font-size:35px; }
  .cta-circle { flex-basis:88px; width:88px; height:88px; padding:20px; }
  .cta-circle i { font-size:16px; }
  .steps>div>span { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}
