:root{--ink:#18243a;--muted:#707b8e;--paper:#f2f5fa;--blue:#2563eb;--pale:#dfeafe;--yellow:#f0bd36;--line:#dfe5ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 0 40%,#dbe9ff,transparent 28%),radial-gradient(circle at 100% 100%,#fff0b7,transparent 23%),var(--paper);color:var(--ink);font-family:Arial,sans-serif}.shell{width:min(1180px,calc(100% - 48px));margin:26px auto;background:#fbfcfe;border:1px solid #fff;border-radius:28px;box-shadow:0 24px 80px #2339601a;overflow:hidden}.top{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 36px;border-bottom:1px solid var(--line);background:#fff}.brand{color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.back{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.hero{padding:70px 46px 48px}.eyebrow{color:#7895c5;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1{max-width:900px;margin:18px 0 20px;font-size:clamp(44px,6vw,76px);line-height:.96;letter-spacing:-.055em}.hero p{max-width:650px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.proof{display:flex;align-items:center;gap:15px;margin-top:32px}.proof b{color:var(--blue);font-size:32px}.proof span{color:var(--muted);font-size:12px}.legal-area{padding:48px 46px 72px;background:#eef3fc}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:.2s}.card:nth-child(2){background:var(--pale)}.card:nth-child(3){background:var(--ink);color:#fff}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #23396017}.number{color:var(--blue);font-size:12px;font-weight:800}.card:nth-child(3) .number{color:var(--yellow)}.card h2{margin:28px 0 12px;font-size:26px;line-height:1.08;letter-spacing:-.035em}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.card:nth-child(3) p{color:#bdc7d8}.card strong{display:block;margin-top:25px;color:var(--blue);font-size:13px}.card:nth-child(3) strong{color:var(--yellow)}.document{max-width:920px;margin:0 auto;padding:58px 46px 80px}.document h1{margin:16px 0 42px;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em}.document h2{margin:38px 0 14px;font-size:22px}.document p,.document li{font-size:15px;line-height:1.72}.document a{color:var(--blue)}.meta{padding:16px 18px;border-left:4px solid var(--yellow);background:#fff7db;color:#5f5a4c;font-size:13px;line-height:1.6}.date{margin-top:48px;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:24px;padding:30px 36px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}.foot a{color:inherit}.footer-links{display:flex;gap:20px}@media(max-width:760px){.shell{width:100%;margin:0;border-radius:0}.top{padding:0 20px}.brand{font-size:11px}.hero,.legal-area,.document{padding-left:22px;padding-right:22px}.cards{grid-template-columns:1fr}.card{min-height:240px}.foot{flex-direction:column}.footer-links{flex-direction:column;gap:10px}}.cookie-banner{position:fixed;z-index:1000;right:24px;bottom:24px;width:min(430px,calc(100% - 32px));padding:22px;border:1px solid #ffffff24;border-radius:18px;color:#fff;background:#18243af2;box-shadow:0 18px 55px #1018274d;backdrop-filter:blur(14px);transition:.25s}.cookie-banner.is-hidden{opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none}.cookie-banner p{margin:0 0 18px;color:#d3dbea;font-size:13px;line-height:1.6}.cookie-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px}.cookie-banner button{width:100%;min-height:44px;border:0;border-radius:10px;color:#fff;background:var(--blue);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}@media(max-width:600px){.cookie-banner{right:16px;bottom:16px;padding:18px}}
/* Typography system: Golos Text */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap');
:root{--font-body:'Golos Text',Arial,sans-serif;--font-heading:'Golos Text',Arial,sans-serif;--text-base:1rem;--leading-body:1.45;--leading-heading:1.22;--weight-body:400;--weight-medium:500;--weight-heading:700}
html{font-size:16px}
body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-body);line-height:var(--leading-body)}
h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}
.brand{font-size:1rem;line-height:1.3;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.back{font-size:.9rem;line-height:1.4;font-weight:600}
.eyebrow{font-size:.85rem;line-height:1.4;font-weight:600;letter-spacing:.05em}
.hero h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.2;letter-spacing:0;max-width:20ch}
.hero p{font-size:1rem;line-height:1.5;font-weight:400;max-width:70ch;letter-spacing:0}
.proof b{font-size:2rem;line-height:1.2}.proof span{font-size:.9rem;line-height:1.45}
.card h2{font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.25;letter-spacing:0}
.card p,.card strong{font-size:.9rem;line-height:1.45}.number{font-size:.85rem;line-height:1.4}
.document{max-width:75ch}.document h1{font-size:clamp(2.35rem,4.5vw,3.75rem);line-height:1.2;letter-spacing:0;max-width:20ch}.document h2{font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.25}.document p,.document li{font-size:1rem;line-height:1.5;font-weight:400;letter-spacing:0}.meta,.date,.foot,.cookie-banner p,.cookie-banner button{font-size:.9rem;line-height:1.45}.document p,.document li,.card p,.meta{max-width:75ch;overflow-wrap:anywhere}
@media (min-width:768px) and (max-width:1023px){html{font-size:15px}}
@media (max-width:767px){html{font-size:14px}.hero h1{font-size:clamp(2.35rem,9vw,3.35rem)}.document h1{font-size:clamp(2.2rem,9vw,3.1rem)}.brand{font-size:.9rem;white-space:normal}.back{font-size:.9rem}.document p,.document li,.hero p{font-size:1rem}}
/* Footer color refinement */
footer,footer small,footer .brand,footer a,footer .creator{color:var(--ink)}footer a,footer .creator{transition:color .2s ease}footer a:hover,footer .creator:hover{color:var(--blue)}