
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#262e48}
body{font-family:'Work Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#191e30;
 background-color:#262e48;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.5px);background-size:24px 24px;
 font-size:16.5px;line-height:1.65;padding-bottom:96px}
h1,h2,h3,h4{font-family:'Manrope',system-ui,sans-serif;line-height:1.2}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.narrow{max-width:880px}
a{color:inherit}
/* buttons */
.btn{display:inline-block;font-family:'Manrope',sans-serif;font-weight:800;text-decoration:none;border-radius:12px;
 padding:13px 32px;font-size:16px;transition:transform .18s ease,box-shadow .18s ease}
.btn-cta{background:#f9a31a;color:#191e30}
.btn-cta:hover{transform:translateY(-2px)}
.btn-big{font-size:18px;padding:16px 44px}
.btn-small{padding:10px 22px;font-size:14px}
.btn-header{padding:9px 22px;font-size:14.5px}
@keyframes shpulse{0%{box-shadow:0 0 0 0 rgba(249,163,26,.5),0 10px 22px -10px rgba(249,163,26,.65)}
 50%{box-shadow:0 0 0 7px rgba(249,163,26,0),0 14px 28px -8px rgba(249,163,26,.85)}
 100%{box-shadow:0 0 0 0 rgba(249,163,26,0),0 10px 22px -10px rgba(249,163,26,.65)}}
.btn-cta{animation:shpulse 2.6s infinite}
@media (prefers-reduced-motion: reduce){.btn-cta{animation:none}html{scroll-behavior:auto}}
/* textures */
.sh-tex{position:relative}
.sh-tex::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:26px 26px}
.sh-white{background:#fff;padding:88px 0}
.sh-white .wrap{position:relative;z-index:1}
.sh-band{background:#262e48;color:#e8eaf2;padding:88px 0}
.sh-band.alt{background:#20263d}
.sh-band .wrap{position:relative;z-index:1}
.sh-band h2{color:#fff}
.sh-band p{color:#b3b9cb}
/* header */
.sh-topbar{position:sticky;top:0;z-index:50;background:#191e30}
.sh-topbar::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.5px);
 background-size:24px 24px;pointer-events:none}
.bar-inner{position:relative;z-index:1;display:flex;align-items:center;gap:24px;min-height:72px}
.brand img{height:42px;width:auto;display:block}
.sh-nav{display:flex;gap:20px;margin-inline-start:auto;flex-wrap:nowrap}
.sh-nav a{color:#b3b9cb;text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap}
.sh-nav a:hover{color:#fff}
/* hero: split */
.sh-hero{position:relative;background:#191e30;overflow:hidden}
.sh-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px);background-size:26px 26px}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:540px;gap:30px}
.hero-text{padding:70px 0 70px}
.hero-text h1{font-size:76px;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:18px;
 text-shadow:0 1px 14px rgba(25,30,48,.55)}
.hero-kicker{display:inline-block;background:rgba(249,163,26,.14);color:#f9a31a;border-radius:10px;
 padding:6px 14px;font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;margin-bottom:16px}
.hero-bonus{font-family:'Manrope',sans-serif;font-size:27px;font-weight:700;color:#fff;margin-bottom:24px;max-width:560px;
 text-wrap:balance;text-shadow:0 1px 12px rgba(25,30,48,.65)}
.hero-cta{margin-bottom:8px}
.hero-fine{margin-top:20px;font-size:13px;color:#b3b9cb}
.hero-art{position:absolute;inset:0;z-index:0;
 background:url('hero-banner.webp') no-repeat right center / cover}
.hero-art::before{content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,#191e30 0%,rgba(25,30,48,.72) 34%,rgba(25,30,48,.18) 60%,rgba(25,30,48,0) 100%)}
[dir="rtl"] .hero-art{background-position:left center}
[dir="rtl"] .hero-art::before{background:linear-gradient(270deg,#191e30 0%,rgba(25,30,48,.72) 34%,rgba(25,30,48,.18) 60%,rgba(25,30,48,0) 100%)}
@media (max-width:980px){.hero-art{background-position:72% center}
 .hero-art::before{background:linear-gradient(180deg,rgba(25,30,48,.88) 0%,rgba(25,30,48,.78) 100%)}}
/* offer strip */
.sh-offerstrip{background:#262e48;padding:34px 0}
.sh-offerstrip .wrap{position:relative;z-index:1;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.chip{display:inline-block;background:#fff3df;color:#8a5300;border-radius:8px;padding:6px 14px;
 font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.offer-h3{font-family:'Manrope',sans-serif;font-size:26px;font-weight:800;color:#fff}
.offer-p{color:#b3b9cb;font-size:14.5px;flex:1 1 320px;min-width:280px}
.offer-cta{margin-inline-start:auto}
/* facts strip */
.sh-facts{background:#fff;border-bottom:1px solid #e2e5ee}
.facts-strip{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:34px 30px;border-inline-start:1px solid #e2e5ee}
.fact:first-child{border-inline-start:none}
.fact h3{font-size:29px;color:#c77f00;margin-bottom:4px}
.fact strong{display:block;font-family:'Manrope',sans-serif;font-size:15px;margin-bottom:6px}
.fact p{font-size:14px;color:#4a5164}
/* sections */
.sh-white h2,.sh-band h2{font-size:30px;margin-bottom:20px}
.sh-white p,.sh-band p{margin-bottom:15px}
.sh-white h3,.sh-band h3{font-size:20px;margin:26px 0 10px}
.sh-band h3{color:#fff}
.card{background:#fff;border:1px solid #e2e5ee;border-radius:14px;padding:34px 38px}
.sh-band .card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.sh-white .card p:last-child,.sh-band .card p:last-child{margin-bottom:0}
ol.steps{margin:0 0 0 22px}
ol.steps li{margin-bottom:10px}
[dir="rtl"] ol.steps{margin:0 22px 0 0}
/* table */
.sh-table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0 0;background:#fff;
 border:1px solid #e2e5ee;border-radius:12px;overflow:hidden}
.sh-table th,.sh-table td{border-bottom:1px solid #e2e5ee;padding:12px 16px;text-align:start;font-size:15px;vertical-align:top}
.sh-table tr:last-child th,.sh-table tr:last-child td{border-bottom:none}
.sh-table th{font-family:'Manrope',sans-serif;font-weight:700;background:#f7f8fb;width:34%}
.sh-table td{color:#4a5164}
/* faq */
.faq-q{font-weight:700;margin:20px 0 6px !important}
.faq-q:first-child{margin-top:0}
/* verdict */
.sh-verdict{background:#191e30;padding:96px 0;position:relative}
.sh-verdict::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);
 background-size:26px 26px;pointer-events:none}
.sh-verdict .wrap{position:relative;z-index:1;text-align:center}
.sh-verdict h2{color:#fff;font-size:42px;margin-bottom:18px}
.verdict-lede{color:#b3b9cb;font-size:18px;max-width:780px;margin:0 auto 28px}
.sh-verdict .fine{margin-top:18px;font-size:13px;color:#7c8296}
/* footer */
.sh-footer{background:#262e48;color:#b3b9cb;padding:56px 0 30px;position:relative}
.sh-footer::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.5px);
 background-size:24px 24px;pointer-events:none}
.foot-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:44px;padding-bottom:36px}
.sh-footer h4{color:#fff;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}
.sh-footer ul{list-style:none}
.sh-footer li{margin-bottom:9px}
.sh-footer a{color:#b3b9cb;text-decoration:none}
.sh-footer a:hover{color:#fff;text-decoration:underline}
.foot-bar{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;
 justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot-bar p{font-size:13px;margin:0}
.sh-langswitch{display:flex;gap:8px;flex-wrap:wrap}
.sh-langswitch a{display:inline-block;border:1px solid rgba(179,185,203,.4);border-radius:8px;padding:5px 12px;
 font-size:12.5px;color:#b3b9cb;text-decoration:none}
.sh-langswitch a[aria-current="true"]{color:#191e30;font-weight:700;border-color:#f9a31a;background:#f9a31a}
/* sticky bars */
.sh-ctabar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#191e30;display:flex;align-items:center;
 justify-content:space-between;gap:16px;padding:12px 24px;box-shadow:0 -10px 30px rgba(25,30,48,.45)}
.ctabar-bonus{font-family:'Manrope',sans-serif;font-weight:700;color:#fff;font-size:15px}
/* responsive */
@media (max-width:1120px){.sh-nav{gap:14px}.sh-nav a{font-size:13px}}
@media (max-width:980px){
 .hero-grid{grid-template-columns:1fr;min-height:0}
 .hero-art{position:absolute;inset:0;width:100%;opacity:.28}
 .hero-art::before{background:linear-gradient(180deg,rgba(25,30,48,.8),rgba(25,30,48,.65))}
 .hero-text{padding:64px 0}
 .hero-text h1{font-size:54px}
 .facts-strip{grid-template-columns:repeat(2,1fr)}
 .fact:nth-child(odd){border-inline-start:none}
 .foot-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
 .sh-nav{display:none}
 .btn-header{display:none}
 .hero-text h1{font-size:42px}
 .hero-bonus{font-size:22px}
 .offer-h3{font-size:20px}
 .sh-offerstrip .wrap{flex-direction:column;align-items:flex-start;gap:12px}
 .offer-cta{margin-inline-start:0}
 .facts-strip{grid-template-columns:1fr}
 .fact{border-inline-start:none;border-top:1px solid #e2e5ee}
 .fact:first-child{border-top:none}
 body{padding-bottom:74px}
 .sh-ctabar{padding:9px 14px;gap:10px}
 .ctabar-bonus{font-size:12.5px;line-height:1.35}
 .sh-ctabar .btn{padding:9px 16px;font-size:13px;white-space:nowrap}
 .hero-fine{background:rgba(25,30,48,.85);display:inline-block;padding:7px 14px;border-radius:999px;color:#fff;font-size:12px;text-shadow:none}
}
