/* Раздел стилей: 01-foundation.css */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap");
:root{--ink:#121c27;--black:#0c151e;--soft:#f2f4f5;--line:#dfe4e8;--orange:#fa6a2b;--orange2:#e45418;--muted:#647280;--font:"Manrope",Arial,sans-serif;--display:"Oswald","Arial Narrow",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;color:var(--ink);background:#fff;font:14px/1.65 var(--font);overflow-x:hidden}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.13}
h1,h2{font-family:var(--display);font-weight:600}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.container{width:min(1210px,calc(100% - 72px));margin-inline:auto}
.demo-note{min-height:29px;background:#f3ede4;color:#443d36;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:4px max(calc((100% - 1210px)/2),36px);font-size:10px;letter-spacing:.02em}
.demo-note b{color:#d94d19;letter-spacing:.1em}
.demo-note a{text-decoration:underline;text-underline-offset:2px}
.header{background:var(--black);color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12)}
.header-row{height:76px;display:flex;align-items:center;gap:30px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo-mark{font-family:var(--display);font-weight:700;font-size:31px;line-height:1;color:#fff;background:var(--orange);width:39px;height:41px;display:grid;place-items:center;position:relative;clip-path:polygon(0 0,100% 0,100% 78%,75% 100%,0 100%)}
.logo-mark span{font:12px var(--font);position:absolute;right:2px;bottom:1px}
.logo-type{display:flex;flex-direction:column;line-height:1}
.logo-type strong{font:600 26px/1 var(--display);letter-spacing:.012em}
.logo-type small{font:700 8px/1.9 var(--font);letter-spacing:.25em;color:#c0cad4}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:11px;font-weight:700;color:#e3e7eb;transition:color .2s}
.nav a:hover{color:var(--orange)}
.button{border:0;display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:42px;padding:12px 19px;font-weight:800;font-size:12px;transition:transform .2s,background .2s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-orange{background:var(--orange);color:#111b22}
.button-orange:hover{background:#ff884f}
.button-ghost{color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.04)}
.button-large{min-height:54px;padding:16px 23px}
.button-dark{background:var(--ink);color:#fff}
.mobile-menu{border:0;background:transparent;display:none;width:43px;height:43px;padding:10px}
.mobile-menu span{height:2px;width:100%;background:#fff;display:block;margin:5px 0}
.hero{background:#111b25;color:#fff;position:relative;min-height:514px;isolation:isolate;overflow:hidden}
.hero-photo-wrap{position:absolute;inset:0;z-index:-1}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.60) saturate(.76) contrast(1.12)}
.hero-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1721 0%,rgba(13,23,33,.97) 30%,rgba(13,23,33,.70) 48%,rgba(13,23,33,.05) 100%),linear-gradient(0deg,#111b25 0%,transparent 27%)}
.hero-grid{display:grid;grid-template-columns:1fr 270px;align-items:center;min-height:464px;gap:25px}
.hero-content{padding:45px 0 32px;max-width:735px}
.overline{font-size:10px;letter-spacing:.23em;font-weight:800;margin-bottom:19px}
.tiny-line{display:inline-block;width:23px;height:2px;background:var(--orange);margin:0 10px 3px 0}
.hero h1{font-size:clamp(54px,6.6vw,98px);line-height:.99;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:21px}
.hero h1 span{color:var(--orange)}
.hero-lead{max-width:540px;color:#dce1e4;font-size:15px;line-height:1.8;margin-bottom:27px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.hero-small{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:27px;color:#d9e0e8;font-size:11px}
.hero-small i{width:3px;height:3px;border-radius:50%;background:#677380}
.check{color:var(--orange);font-weight:800;margin-right:-8px}
.hero-side{align-self:end;padding-bottom:50px}
.hero-info{background:rgba(12,21,30,.79);border-left:3px solid var(--orange);padding:16px 20px;margin-bottom:12px;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px}
.hero-icon{color:var(--orange);font-size:21px;line-height:1}