@font-face{font-family:"Space Grotesk";src:url("../../ukazky/volt/assets/fonts/SpaceGrotesk-Variable.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../../ukazky/volt/assets/fonts/IBMPlexMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#151a1c;--lime:#d0f258;--paper:#eff0e9;--muted:#b9c1c0;--line:#434b4d;--sans:"Space Grotesk",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;color:var(--paper);background:var(--ink);font:400 15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p,figure,dl,dd{margin:0}h1,h2{font-weight:700;letter-spacing:-.055em;line-height:.99}h1{font-size:clamp(58px,7.6vw,109px)}h2{font-size:clamp(38px,4.8vw,66px)}h1 span,h2 span{color:var(--lime)}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%;height:auto}a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-block:68px}.eyebrow{font:400 10px/1.8 var(--mono);letter-spacing:.1em}.skip-link{position:fixed;z-index:10;left:16px;top:16px;color:var(--ink);background:var(--lime);padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:5px 48px;color:var(--ink);background:var(--lime);font:400 10px/1.8 var(--mono)}.demo-bar a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:108px;border-bottom:1px solid var(--line)}.studio{display:inline-flex;flex-direction:column;justify-content:center;min-height:54px;font:700 20px/1.3 var(--sans);letter-spacing:.16em}.studio span{margin-top:8px;font:400 7px/1.3 var(--mono);letter-spacing:.12em}.header nav{display:flex;align-items:center;gap:27px;font:400 11px/1.7 var(--mono)}.header nav a{display:inline-flex;align-items:center;min-height:44px}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;padding-block:40px 48px;align-items:center}.hero>div,.hero figure{min-width:0}.hero h1{margin:21px 0 25px}.hero>div>p:not(.eyebrow){font-size:14px;max-width:350px;color:var(--muted)}.hero figure>a{display:block}.hero figcaption{font:400 10px/1.8 var(--mono);color:var(--muted);margin-top:14px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--lime);min-height:48px;font:400 11px/1.6 var(--mono);color:var(--lime)}.hero .text-link{margin-top:22px}.system-strip{border-block:1px solid var(--line)}.system-strip>.container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:22px;font:400 10px/1.8 var(--mono);color:var(--lime)}.service-proof{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.paper{padding:28px;background:#293234;min-width:0}.paper>a{display:block;max-width:350px;margin-inline:auto}.paper figcaption{font:400 9px/1.7 var(--mono);color:var(--muted);text-align:center;margin-top:19px}.service-copy{min-width:0}.service-copy h2{margin:16px 0 24px}.service-copy>p:not(.eyebrow):not(.note){color:var(--muted);font-size:14px;max-width:470px}.areas{margin-top:25px;border-top:1px solid var(--line)}.areas>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding-block:15px}.areas dt{font-size:15px;font-weight:700}.areas dt>span{display:block;color:var(--lime);font:400 10px/1.6 var(--mono);margin-bottom:7px}.areas dd{font-size:11px;line-height:1.9;color:var(--muted)}.note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.asset-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:20px}.asset-links a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font:400 10px/1.7 var(--mono);color:var(--lime)}.card-section{background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.section-heading h2{margin-top:16px}.section-heading>p{max-width:390px;font-size:14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:34px}.cards figure>a{display:block}.cards figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;font:400 10px/1.8 var(--mono);margin-top:12px}.cards figcaption a{display:inline-flex;align-items:center;min-height:44px}.card-section .note{color:#4d5758}.card-section a:focus-visible{outline-color:var(--ink)}.poster-section{background:var(--lime);color:var(--ink)}.poster-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.poster-layout>div{min-width:0}.poster-layout h2{font-size:clamp(46px,5.5vw,78px);margin:18px 0 24px}.poster-layout>div>p:not(.eyebrow):not(.note){font-size:14px;max-width:430px}.poster{padding:24px;background:#bdd946}.poster>a{display:block;max-width:330px;margin-inline:auto}.poster-section .note{color:#364115}.poster-section .asset-links a{color:var(--ink)}.poster-section a:focus-visible{outline-color:var(--ink)}.specs{margin-top:24px;border-top:1px solid #708323}.specs>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;padding-block:13px;border-bottom:1px solid #708323;font:400 10px/1.8 var(--mono)}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:48px}.handoff h2{margin-top:16px}.handoff>div{min-width:0}.handoff>div>p:not(.eyebrow):not(.note){font-size:14px;color:var(--muted)}.handoff .text-link{margin-top:22px}.footer{padding-block:27px 18px;border-top:1px solid var(--line)}.footer>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px;margin-bottom:22px}.demo-legal{display:flex;flex-wrap:wrap;gap:5px 25px;border-top:1px solid var(--line);padding-top:10px;font:400 10px/1.8 var(--mono)}.demo-legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.header nav a:hover,.demo-legal a:hover{color:var(--lime)}.asset-links a:hover,.text-link:hover{background:#ffffff0b}.card-section .cards figcaption a:hover{text-decoration:underline;text-underline-offset:5px}.poster-section .asset-links a:hover{background:#151a1c0b}}
@media(max-width:1099px){.container{width:calc(100% - 64px)}.demo-bar{padding-inline:32px}.section{padding-block:56px}.hero{grid-template-columns:.9fr 1.1fr;gap:4%}.service-proof{gap:7%}.paper{padding:23px}.areas>div{grid-template-columns:1fr;gap:7px}.areas dt>span{display:inline;margin-right:12px}.poster-layout{gap:7%}}
@media(min-width:700px) and (max-width:899px){.header nav{gap:17px;font-size:10px}.hero h1{font-size:69px}.hero{gap:28px;align-items:start}.service-proof{gap:28px;align-items:start}.service-copy h2{font-size:42px}.cards{gap:24px}.section-heading>p{max-width:270px}.poster{padding:17px}}
@media(max-width:699px){.container{width:calc(100% - 40px)}.demo-bar{padding-inline:20px;flex-wrap:wrap;gap:0 10px;font-size:9px}.demo-bar a{margin-left:auto}.header{min-height:0;padding-block:20px;flex-wrap:wrap;gap:15px}.header nav{width:100%;justify-content:space-between;gap:7px;font-size:9px}.hero{grid-template-columns:1fr;gap:31px;padding-block:26px 34px}.hero h1{font-size:clamp(67px,19vw,99px)}.hero>div>p:not(.eyebrow){max-width:none}.hero figcaption{font-size:9px}.system-strip>.container{grid-template-columns:1fr 1fr;gap:15px;padding-block:19px;font-size:9px}.section{padding-block:42px}.service-proof,.poster-layout{grid-template-columns:1fr;gap:29px}.service-copy{order:0}.paper{order:1;padding:24px}.areas>div{grid-template-columns:1fr 1fr;gap:16px}.areas dt{font-size:14px}.areas dt>span{display:block;margin-right:0}.areas dd{font-size:11px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{max-width:none;margin-top:23px}.cards{grid-template-columns:1fr;gap:28px}.poster-layout h2{font-size:clamp(52px,14vw,75px)}.poster{padding:22px}.handoff{grid-template-columns:1fr;gap:28px;padding-block:37px}.demo-legal{gap:0 22px}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.header nav{flex-wrap:wrap;justify-content:flex-start;gap:6px 22px}.areas>div{grid-template-columns:1fr;gap:9px}.areas dt>span{display:inline;margin-right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
