:root{--blue:#3b82f6}
.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.13;max-width:800px}
.hero:after{background:linear-gradient(90deg,#0a0e17fa 0%,#0a0e17e6 30%,#0a0e1799 52%,#0a0e1738 85%),linear-gradient(180deg,#123f7540,transparent 70%)}
.package-trust{margin-top:28px;padding:30px 32px;background:linear-gradient(120deg,#1a2340,#0f1728 75%,#0a0e17);border:1px solid #5b80bd30;border-radius:24px}
.trust-grid{padding:0;border:0;gap:28px}.trust-grid>div{min-width:0}.trust-icon{display:block;width:36px;height:36px;color:#7dafff;margin-bottom:18px}.trust-grid strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:clamp(21px,2vw,28px);color:#a9c9ff;font-variant-numeric:tabular-nums}.trust-grid strong [data-count]{font-size:clamp(38px,4.4vw,64px);letter-spacing:-.055em;line-height:1.2;color:#5797ff}.trust-grid p{max-width:280px;color:#d3deef;font-size:15px}
.main-service{background:radial-gradient(ellipse at top right,#3b82f622,transparent 65%),linear-gradient(135deg,#141b2d,#1a2340);border-color:#3b82f655}.guarantee-badge{display:flex;align-items:center;gap:14px;color:#b7d2ff;background:#3b82f610;border-color:#3b82f655;line-height:1.5}.guarantee-badge .trust-icon{width:30px;height:30px;margin:0;flex-shrink:0}
#competencies{margin-top:90px;padding:48px 32px;background:#1a1f2e;border:1px solid #d4a57425;border-radius:24px}.competency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.competency-grid article{background:#1d2433;border-color:#d4a5744d;display:flex;flex-direction:column;box-shadow:0 12px 32px #0002}.competency-grid article>.icon{width:64px;height:64px;color:#d4a574;margin-bottom:20px}.competency-grid h3{font-size:23px;line-height:1.35}.competency-grid .text-button{margin-top:auto;background:#d4a574;color:#181b24;border:1px solid #d4a574;border-radius:10px;padding:12px 16px;justify-content:center;font-weight:650}.competency-grid .text-button:hover{background:#e2b98d}.competency-grid p{margin:18px 0 28px}
#other-brands{margin-top:90px;padding:42px 32px;background:#0f1420;border-radius:24px}.other-brand-grid button{transition:background .2s,border-color .2s,color .2s}.other-brand-grid button:nth-child(1){--brand-accent:#ff8181}.other-brand-grid button:nth-child(2){--brand-accent:#9fd9d3}.other-brand-grid button:nth-child(3){--brand-accent:#d0b2ff}.other-brand-grid button:nth-child(4){--brand-accent:#6dc9ff}.other-brand-grid button:nth-child(5){--brand-accent:#8edac1}.other-brand-grid button:nth-child(6){--brand-accent:#ffb689}.other-brand-grid button:hover,.other-brand-grid button:focus-visible{color:var(--brand-accent);border-color:var(--brand-accent);background:#192234}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-0{grid-column:1/-1;grid-row:auto;background:linear-gradient(125deg,#102f34,#141b2d);border-color:#14b8a640}.case-card{--case-color:#14b8a6}.case-1{--case-color:#b39aff}.case-2{--case-color:#49d9a7}.case-3{--case-color:#f7ba50}.case-card .eyebrow{align-self:flex-start;color:var(--case-color);border:1px solid currentColor;background:#0a0e1730;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.4}.case-card h3{font-size:23px}.case-0 h3{font-size:30px}.case-0 details[open] ul{columns:2;column-gap:48px}.case-0 li{break-inside:avoid}.case-result{border-color:var(--case-color)}
.price-grid{grid-template-columns:1.2fr 1fr 1fr;align-items:stretch}.price-grid article:first-child{border:2px solid #3b82f6;background:linear-gradient(150deg,#182e52,#141b2d);box-shadow:0 12px 40px #3b82f612}.price-start{align-self:flex-start;background:#3b82f6;color:white;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:24px}.primary{background:#3b82f6;border-color:#3b82f6}
.quiz-progress{height:10px;margin:18px 0 28px;background:#28354c;border-radius:8px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#7cb4ff);border-radius:8px}.quiz-options label:has(input:checked){border:2px solid #5c9fff;background:#1a345a;box-shadow:0 0 0 2px #3b82f615}.quiz-options input{accent-color:#3b82f6}.quiz-options label{position:relative;padding-right:34px}.quiz-options label:has(input:checked):after{content:'';position:absolute;right:14px;top:16px;width:7px;height:12px;border:solid #99c9ff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.changan-video-frame{overflow:hidden}.changan-video-frame video{transition:transform .3s}.changan-video-play span{transition:transform .2s,box-shadow .2s;background:#3b82f6}
@media(hover:hover){.main-service:hover{box-shadow:0 0 35px #3b82f629;border-color:#669bff}.changan-video-frame:has(.changan-video-play:not([hidden])):hover video{transform:scale(1.035)}.changan-video-play:hover span{transform:scale(1.1);box-shadow:0 0 30px #3b82f680}}
@media(min-width:1500px){.trust-grid strong [data-count]{font-size:72px}}
@media(max-width:1050px){.hero h1{font-size:48px}.competency-grid{gap:14px}.competency-grid article{padding:24px}.competency-grid h3{font-size:21px}.case-grid{grid-template-columns:1fr 1fr}.case-3{grid-column:1/-1}.trust-grid strong [data-count]{font-size:40px}.price-grid{grid-template-columns:1fr 1fr}.price-grid article:first-child{grid-column:1/-1}}
@media(max-width:768px){.hero h1{font-size:32px;line-height:1.2}.hero:after{background:linear-gradient(180deg,#0f1629 0%,#0f1629 52%,#0f162950 80%,#0f162910)}.package-trust{padding:24px}.trust-grid{grid-template-columns:1fr;gap:24px}.trust-grid>div{padding-bottom:24px;border-bottom:1px solid #ffffff18}.trust-grid>div:last-child{padding-bottom:0;border:0}.trust-grid strong [data-count]{font-size:46px}.trust-icon{width:28px;height:28px;margin-bottom:12px}.trust-grid p{margin-top:10px;font-size:15px}.competency-grid,.case-grid,.price-grid{grid-template-columns:1fr}.case-0,.case-3,.price-grid article:first-child{grid-column:auto}.case-0 details[open] ul{columns:1}.case-0 h3{font-size:24px}#competencies,#other-brands{margin-top:64px;padding:30px 22px}.competency-grid article{padding:24px}.competency-grid article>.icon{width:56px;height:56px}.case-card .eyebrow{font-size:12px}.price-start{font-size:14px}}
@media(prefers-reduced-motion:reduce){.changan-video-frame video,.changan-video-play span,.other-brand-grid button{transition:none}.changan-video-frame:hover video,.changan-video-play:hover span{transform:none!important}}