:root{--ink:#071116;--ink-2:#0b1a20;--panel:#10262d;--panel-2:#17343b;--cream:#f1dfad;--cream-2:#d7c285;--orange:#f39b1e;--orange-2:#bd6714;--cyan:#65d0d5;--muted:#91a7a9;--line:hsla(44,71%,81%,.22);--shadow:0 22px 70px rgba(0,0,0,.48);--max:1180px}.btn{align-items:center;border:1px solid var(--cream-2);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);cursor:pointer;display:inline-flex;font-size:12px;font-weight:950;gap:10px;justify-content:center;letter-spacing:.1em;min-height:52px;padding:0 23px;text-decoration:none;text-transform:uppercase;transition:transform .18s,filter .18s,background .18s}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,#ffad2d,#dd7c11);border-color:#ffbd49;box-shadow:0 10px 28px rgba(235,139,26,.26);color:#17100a}.btn-ghost{background:rgba(8,19,24,.68);color:var(--cream)}.btn-icon-img{display:block;height:24px;width:24px}@media(max-width:620px){.btn{width:100%}}.shell{margin-inline:auto;width:min(var(--max),100% - 44px)}.section-tag{align-items:center;color:var(--orange);display:inline-flex;font-size:11px;font-weight:900;gap:9px;letter-spacing:.2em;margin-bottom:14px;text-transform:uppercase}.section-tag:before{background:var(--orange);content:"";height:1px;width:26px}.display{color:var(--cream);font-size:clamp(40px,6vw,76px);font-weight:700;letter-spacing:-.045em;line-height:.94;margin:0;text-transform:uppercase}.display em{color:var(--orange);font-style:normal}.body-lg{color:#c2cecb;font-size:clamp(17px,1.7vw,21px);max-width:690px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chip{background:rgba(101,208,213,.05);border:1px solid rgba(101,208,213,.24);color:#a9dadb;font-size:10px;font-weight:900;letter-spacing:.13em;padding:8px 10px;text-transform:uppercase}.cta-section{background:linear-gradient(135deg,#173940,#0c1e23 50%,#11160f);overflow:hidden;padding:120px 0;position:relative}.cta-section:before{background-image:var(--cta-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";filter:saturate(.7) contrast(1.2);inset:0;opacity:.52;position:absolute;transform:scale(1.6)}.cta-panel{align-items:center;background:rgba(6,15,19,.76);border:1px solid hsla(44,71%,81%,.25);box-shadow:var(--shadow);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);display:grid;gap:60px;grid-template-columns:1.15fr .85fr;padding:62px;position:relative}.cta-panel h2{color:var(--cream);font-size:clamp(42px,6vw,74px);letter-spacing:-.04em;line-height:.95;margin:0;text-transform:uppercase}.cta-panel p{color:#b7c7c4;font-size:18px;max-width:590px}.signup{display:grid;gap:12px}.signup input{background:#081519;border:1px solid hsla(44,71%,81%,.28);color:#fff;font:inherit;height:54px;outline:none;padding:0 16px}.signup input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,155,30,.12)}.tiny{color:#799092;font-size:11px}@media(max-width:960px){.cta-panel{grid-template-columns:1fr;padding:40px}}@media(max-width:620px){.cta-section{padding:84px 0}.cta-panel{gap:32px;padding:28px 22px}}html[lang=uk] .cta-panel h2{font-size:clamp(42px,6vw,59px)}.newsletter-popup{align-items:center;background:rgba(4,9,11,.78);display:flex;inset:0;justify-content:center;opacity:0;padding:24px;position:fixed;transition:opacity .2s ease,visibility 0s linear .2s;visibility:hidden;z-index:1000}.newsletter-popup.open{opacity:1;transition:opacity .2s ease,visibility 0s linear 0s;visibility:visible}.newsletter-popup-box{background:#0b1a20;border:1px solid hsla(44,71%,81%,.28);box-shadow:var(--shadow);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);padding:44px 36px;position:relative;text-align:center;transform:translateY(12px);transition:transform .2s ease;width:min(420px,100%)}.newsletter-popup.open .newsletter-popup-box{transform:translateY(0)}.newsletter-popup-close{background:none;border:0;color:#91a7a9;cursor:pointer;font-size:26px;line-height:1;position:absolute;right:16px;top:14px}.newsletter-popup-close:hover{color:var(--orange)}.newsletter-popup-text{color:var(--cream);font-size:18px;font-weight:800;line-height:1.4;margin:0}
