.cpss-frame.cpss-ua :where(*) { all: revert; box-sizing: border-box; }
.cpss-frame.cpss-ua { --bg:#071522;--bg2:#0c1d2c;--panel:#102338;--line:#29465e;--text:#f6f8fb;--muted:#a9b8c8;--cyan:#45d5e7;--orange:#ff8127;--max:1180px }
.cpss-frame.cpss-ua * { box-sizing:border-box }
.cpss-frame.cpss-ua { margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.58 }
.cpss-frame.cpss-ua a { color:inherit }
.cpss-frame.cpss-ua .cpss-wrap { max-width:var(--max);margin:auto;padding:0 28px }
.cpss-frame.cpss-ua header { position:sticky;top:0;z-index:30;background:rgba(5,16,27,.74);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06) }
.cpss-frame.cpss-ua .cpss-nav { height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px }
.cpss-frame.cpss-ua .cpss-brand img { width:155px;display:block }
.cpss-frame.cpss-ua .cpss-navlinks { display:flex;gap:22px }
.cpss-frame.cpss-ua .cpss-navlinks a { text-decoration:none;font-size:14px;color:#e7eef6 }
.cpss-frame.cpss-ua .cpss-btn { display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff912f,#ff6e00);padding:15px 20px;border-radius:14px;text-decoration:none;font-weight:800;color:white;box-shadow:0 12px 30px rgba(255,110,0,.18) }
.cpss-frame.cpss-ua .cpss-hero { min-height:100svh;display:flex;align-items:flex-end;padding:132px 0 62px;background-image:linear-gradient(90deg,rgba(5,16,27,.90),rgba(5,16,27,.80) 42%,rgba(5,16,27,.34) 72%,rgba(5,16,27,.58)),url('hero.webp');background-size:cover;background-position:center center }
.cpss-frame.cpss-ua .cpss-hero-copy { max-width:770px }
.cpss-frame.cpss-ua .cpss-eyebrow { font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:var(--orange);margin-bottom:16px }
.cpss-frame.cpss-ua h1 { font-size:clamp(44px,5.3vw,78px);line-height:1;letter-spacing:-.045em;margin:0 0 22px }
.cpss-frame.cpss-ua h1 span { display:block }
.cpss-frame.cpss-ua h1 .cpss-accent { color:var(--cyan) }
.cpss-frame.cpss-ua .cpss-lead { font-size:22px;max-width:700px;color:#e5edf4;margin:0 0 24px }
.cpss-frame.cpss-ua .cpss-micro { font-size:14px;color:#c1cfdb;margin-top:12px;max-width:650px }
.cpss-frame.cpss-ua section { padding:82px 0 }
.cpss-frame.cpss-ua section.cpss-alt { background:var(--bg2) }
.cpss-frame.cpss-ua .cpss-kicker { font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:var(--cyan);margin-bottom:12px }
.cpss-frame.cpss-ua h2 { font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.035em;margin:0 0 22px }
.cpss-frame.cpss-ua h3 { font-size:24px;line-height:1.2;margin:0 0 10px }
.cpss-frame.cpss-ua .cpss-prose { max-width:880px;font-size:20px;color:#d1dce6 }
.cpss-frame.cpss-ua .cpss-prose p { margin:0 0 21px }
.cpss-frame.cpss-ua .cpss-callout { max-width:900px;border-left:4px solid var(--orange);background:#102235;border-radius:0 18px 18px 0;padding:24px 28px;font-size:23px;line-height:1.4;margin:30px 0 }
.cpss-frame.cpss-ua .cpss-graphs { display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px }
.cpss-frame.cpss-ua .cpss-graph-card { background:#102338;border:1px solid var(--line);border-radius:18px;overflow:hidden }
.cpss-frame.cpss-ua .cpss-graph-card img { display:block;width:100%;height:auto }
.cpss-frame.cpss-ua .cpss-graph-card .cpss-caption { padding:15px 17px;color:#c9d6e1;font-size:15px }
.cpss-frame.cpss-ua .cpss-questions { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px }
.cpss-frame.cpss-ua .cpss-q, .cpss-frame.cpss-ua .cpss-card, .cpss-frame.cpss-ua .cpss-result { background:#102338;border:1px solid var(--line);border-radius:18px;padding:24px }
.cpss-frame.cpss-ua .cpss-q b, .cpss-frame.cpss-ua .cpss-result b { display:block;color:var(--orange);font-size:12px;letter-spacing:.08em;margin-bottom:8px }
.cpss-frame.cpss-ua .cpss-q p, .cpss-frame.cpss-ua .cpss-card p, .cpss-frame.cpss-ua .cpss-result p { margin:0;color:#d0dbe6 }
.cpss-frame.cpss-ua .cpss-dual { display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px }
.cpss-frame.cpss-ua .cpss-pressure-img { display:block;width:100%;margin-top:30px;border:1px solid var(--line);border-radius:20px }
.cpss-frame.cpss-ua .cpss-offer { background:linear-gradient(135deg,#11283d,#0b1724);border:1px solid #38556d;border-radius:24px;padding:34px;margin-top:30px }
.cpss-frame.cpss-ua .cpss-results { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px }
.cpss-frame.cpss-ua .cpss-cta { background:linear-gradient(135deg,#0d2133,#111a28);text-align:center }
.cpss-frame.cpss-ua .cpss-cta .cpss-wrap { max-width:850px }
.cpss-frame.cpss-ua .cpss-cta p { font-size:19px;color:#ced9e4 }
.cpss-frame.cpss-ua .cpss-faq details { background:#0d2133;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0 }
.cpss-frame.cpss-ua .cpss-faq summary { cursor:pointer;font-weight:800 }
.cpss-frame.cpss-ua .cpss-faq p { color:#c4d0dc }
.cpss-frame.cpss-ua footer { padding:30px 0;border-top:1px solid rgba(255,255,255,.06);color:#8192a3;font-size:13px }
@media(max-width:900px) {
.cpss-frame.cpss-ua .cpss-navlinks { display:none }
.cpss-frame.cpss-ua .cpss-graphs, .cpss-frame.cpss-ua .cpss-dual, .cpss-frame.cpss-ua .cpss-questions, .cpss-frame.cpss-ua .cpss-results { grid-template-columns:1fr }
.cpss-frame.cpss-ua .cpss-hero { min-height:auto;padding:118px 0 50px;background-position:72% center }
}
@media(max-width:560px) {
.cpss-frame.cpss-ua .cpss-wrap { padding:0 18px }
.cpss-frame.cpss-ua .cpss-hero { padding-top:104px;background-position:76% center }
.cpss-frame.cpss-ua h1 { font-size:39px }
.cpss-frame.cpss-ua .cpss-lead, .cpss-frame.cpss-ua .cpss-prose { font-size:18px }
.cpss-frame.cpss-ua .cpss-btn { width:100% }
.cpss-frame.cpss-ua section { padding:60px 0 }
.cpss-frame.cpss-ua .cpss-brand img { width:128px }
}
.cpss-frame.cpss-ua .cpss-brand { display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff }
.cpss-frame.cpss-ua .cpss-brand-emblem { width:54px;height:54px;object-fit:contain;display:block }
.cpss-frame.cpss-ua .cpss-brand-type { display:flex;flex-direction:column;line-height:.88 }
.cpss-frame.cpss-ua .cpss-brand-type span { font-weight:900;letter-spacing:.12em;color:#f5f7fa;font-size:16px }
@media(max-width:560px) {
.cpss-frame.cpss-ua .cpss-brand-emblem { width:44px;height:44px }
.cpss-frame.cpss-ua .cpss-brand-type span { font-size:13px }
}
.cpss-frame.cpss-ua .cpss-graph-card-only { max-width:760px;margin:0 auto }
.cpss-frame.cpss-ua .cpss-graph-card-only img { width:100%;height:auto;display:block }

.cpss-frame.cpss-ua { box-sizing: border-box; text-align: start; font-size: 16px; font-weight: 400; letter-spacing: normal; }
.cpss-frame.cpss-ua .cpss-brand .cpss-brand-emblem { width: 54px; height: 54px; max-width: none; }
.cpss-frame.cpss-ua .cpss-hero .cpss-wrap { width: min(100%, 1100px); container-type: inline-size; }
.cpss-frame.cpss-ua .cpss-hero-copy { max-width: none; }
.cpss-frame.cpss-ua h1 { font-size: clamp(18px, 5.8vw, 68px); }
.cpss-frame.cpss-ua .cpss-pressure-img { height: auto; }
.cpss-frame.cpss-ua section[id] { scroll-margin-top: 92px; }
.cpss-frame.cpss-ua .cpss-btn:focus-visible, .cpss-frame.cpss-ua summary:focus-visible, .cpss-frame.cpss-ua nav a:focus-visible { outline: 3px solid #45d5e7; outline-offset: 4px; }
@supports (width: 1cqi) {
    .cpss-frame.cpss-ua h1 { font-size: min(7.4cqi, 72px); }
}
@media (max-width: 620px) {
    .cpss-frame.cpss-ua .cpss-nav { gap: 10px; height: auto; min-height: 70px; padding-block: 7px; }
    .cpss-frame.cpss-ua .cpss-brand { gap: 6px; flex-shrink: 0; }
    .cpss-frame.cpss-ua .cpss-brand .cpss-brand-emblem { width: 38px; height: 40px; }
    .cpss-frame.cpss-ua .cpss-brand-type span { font-size: 11px; }
    .cpss-frame.cpss-ua .cpss-nav .cpss-btn { width: auto; min-width: 0; max-width: 55%; padding: 9px 11px; text-align: center; font-size: 13px; line-height: 1.2; overflow-wrap: anywhere; }
    .cpss-frame.cpss-ua section[id] { scroll-margin-top: 90px; }
}
@media (max-width: 400px) {
    .cpss-frame.cpss-ua .cpss-offer { padding: 15px; }
}