@font-face{font-family:'Cal Sans';src:url('assets/cal-sans-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cal Sans';src:url('assets/cal-sans-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';src:url('assets/golos.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:light;--navy:#182034;--orange:#e74628;--background:#F6F6F6}
*{box-sizing:border-box}
html,body{margin:0;background:var(--background);color:var(--navy)}
body{font-family:'Golos Text',Arial,sans-serif}
.landing{min-height:100vh;min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding: max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.composition{width:clamp(190px,26vw,360px);max-width:100%;container-type:inline-size;display:flex;flex-direction:column;align-items:center;text-align:center}
.brand{mix-blend-mode:multiply;display:block;width:100%;border-radius:6px;animation:brand-in 1.1s cubic-bezier(.2,.7,.25,1) both;transition:transform .35s ease}
.brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.brand:hover{transform:translateY(-3px)}
h1{font-family:'Cal Sans',Arial,sans-serif;font-weight:400;width:100%;font-size:6.98cqw;white-space:nowrap;text-align:center;line-height:1.2;letter-spacing:0;margin:clamp(24px,4.5vh,48px) 0 clamp(26px,4.5vh,44px);padding-inline:0}
.line{display:inline;animation:line-in .95s cubic-bezier(.2,.7,.25,1) both}
.line-one{animation-delay:.58s}
.line-two{color:var(--orange);animation-delay:.74s}
.button-entry{animation:button-in .85s cubic-bezier(.2,.7,.25,1) 1.25s both}
.offer{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:60px;padding:9px 9px 9px 30px;border:1px solid transparent;border-radius:999px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .25s,transform .25s,box-shadow .25s}
.arrow{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--orange)}
.arrow svg{width:18px;height:18px;transition:transform .3s}
.offer:hover{background:#26334f;transform:translateY(-3px);box-shadow:0 10px 24px #18203414}
.offer:hover svg{transform:rotate(45deg)}
.offer:active{transform:translateY(0)}
a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}
@keyframes brand-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes line-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes button-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.composition{width:240px}h1{margin-top:30px;margin-bottom:32px}.offer{padding-left:26px;gap:24px}}
@media(max-height:520px){.landing{padding-block:18px}.composition{width:240px}h1{margin:16px 0 18px}.offer{min-height:52px;padding:5px 5px 5px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.brand:hover,.offer:hover{transform:none}}