@charset "UTF-8";
:root{--blue:#245bff;--ink:#262a32;--muted:#626978;--line:#e1e5ec;--pale:#f3f6fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #93b5ff;outline-offset:5px}button{color:inherit}.wrap{max-width:1280px;margin:auto;padding-inline:40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(40px,calc((100vw - 1200px)/2));position:sticky;top:0;z-index:20;background:#ffffffed;border-bottom:1px solid #f0f2f6;backdrop-filter:blur(16px);transition:height .3s}header.scrolled{height:76px}.logo{font-size:32px;letter-spacing:-1.7px;font-weight:800;display:inline-flex;align-items:baseline;white-space:nowrap}.logo span{font-weight:400}.logo i{display:block;width:8px;height:8px;background:var(--blue);margin-left:5px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}nav a:hover{color:var(--blue)}.nav-contact{padding:12px 18px;border:1px solid var(--line);border-radius:5px}.menu{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:650;margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:8px}h1{font-size:clamp(48px,5.2vw,74px);line-height:1.06;letter-spacing:-3.5px;font-weight:600;margin:0 0 30px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:20px;max-width:460px;line-height:1.55;color:var(--muted);margin:0 0 30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;background:var(--blue);color:#fff;border-radius:5px;font-size:15px;font-weight:600;transition:background .25s,transform .25s}.button:hover{background:#1747d8;transform:translateY(-3px)}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:15px;align-items:center;padding:10px 0}.text-link:hover{color:var(--blue)}.hero-note{font-size:13px;color:var(--muted);margin:30px 0 0}.system{height:500px;position:relative;background:radial-gradient(ellipse,#edf3ff 0%,#fff 69%);isolation:isolate}.orbit{position:absolute;border:1px solid #dbe5ff;width:370px;height:370px;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.orbit-two{width:260px;height:260px}.core{position:absolute;width:165px;height:165px;background:var(--blue);color:#fff;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-9deg);border-radius:30px;box-shadow:0 35px 70px #245bff30;display:flex;align-items:center;justify-content:center;flex-direction:column}.core>span{font-size:105px;font-weight:750;line-height:1;letter-spacing:-12px;margin-left:-12px}.core small{font-size:8px;letter-spacing:1px;margin-top:10px}.node{position:absolute;background:white;border:1px solid #e5eaf5;border-radius:12px;box-shadow:0 12px 40px #1326550b;padding:18px 22px;display:flex;flex-direction:column;min-width:190px;animation:float 7s ease-in-out infinite}.node strong{font-size:17px}.node small{font-size:11px;color:var(--muted);margin-top:4px}.strategy{top:30px;left:25px;transform:rotate(-5deg)}.node-icon{font-size:28px;color:var(--blue)}.content{top:95px;right:-5px;animation-delay:-2s}.play{font-size:18px;color:var(--blue);margin-bottom:10px}.lead{bottom:36px;left:90px;animation-delay:-4s}.message{font-size:30px;color:var(--blue)}.bars{display:flex;align-items:flex-end;height:35px;gap:5px;margin-top:10px}.bars b{height:30%;width:17px;background:#d6e2ff;border-radius:3px}.bars b:nth-child(2){height:50%}.bars b:nth-child(3){height:40%}.bars b:nth-child(4){height:70%}.bars b:nth-child(5){height:85%}.bars b:nth-child(6){height:100%;background:var(--blue)}.system-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#79849a}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:500}.strip i{color:var(--blue);font-size:25px;font-style:normal}.section{padding-top:105px;padding-bottom:105px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-bottom:48px}.section-head .eyebrow{grid-column:1/-1;color:var(--muted)}h2{font-size:clamp(32px,3.6vw,49px);line-height:1.13;font-weight:550;letter-spacing:-1.9px;margin:0}h2 span{color:var(--blue)}.section-head>p:last-child:not(.eyebrow){align-self:end;justify-self:end;color:var(--muted);margin:0;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service{border:1px solid var(--line);border-radius:8px;padding:30px 32px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}.service:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1326550a}.service.featured{background:var(--blue);color:white;border-color:var(--blue)}.service-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.featured .service-top{color:#dbe6ff}.pill{font-size:10px;letter-spacing:.5px;border:1px solid #dce2eb;padding:4px 8px;border-radius:20px}.featured .pill{border-color:#ffffff50}h3{font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-.7px}.service h3{margin:24px 0 14px}.service>p{color:var(--muted);max-width:410px;margin:0 0 35px;font-size:16px}.featured>p{color:#e1e9ff}.service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.service-bottom strong{font-size:23px;font-weight:600}.service-bottom .small-price{font-size:19px}.service-bottom button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:23px}.featured .service-bottom button{color:var(--blue);border:0}.service-bottom button:hover{background:#e5edff}.cases-section{background:var(--pale)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 24px}.case{padding:0;background:transparent;border:0;text-align:left}.case-art{height:330px;border-radius:7px;position:relative;overflow:hidden;transition:transform .4s}.case:hover .case-art{transform:translateY(-5px)}.case-type{position:absolute;left:24px;top:22px;font-size:10px;letter-spacing:1.1px;z-index:1}.art-vostok{background:#fff;color:#074c9a;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e2e7ef}.vostok-mark{font-size:60px;font-weight:850;letter-spacing:3px;line-height:1.1;text-align:center}.vostok-mark span{display:block;font-size:18px;color:#d12435;letter-spacing:5px;margin-top:7px}.mini-actions{display:flex;gap:8px;position:absolute;bottom:30px}.mini-actions span{background:#f1f5fb;padding:10px 13px;font-size:11px;border-radius:4px}.art-coffee{background:#213eec;color:#fff;display:flex;align-items:center;justify-content:center}.coffee-circle{width:200px;height:200px;border-radius:50%;border:1px solid #ffffff66;text-align:center;font-size:41px;line-height:1.1;font-weight:750;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg)}.coffee-circle i{font-size:30px;font-family:Georgia,serif}.coffee-small{position:absolute;bottom:22px;right:25px;font-size:9px;letter-spacing:2px}.art-olga{background:#e8e4dc;color:#494139}.editorial{position:absolute;left:40px;top:90px;font-size:56px;line-height:1.05;font-family:Georgia,serif}.editorial i{font-weight:400}.art-author{position:absolute;right:27px;bottom:25px;font-size:10px;letter-spacing:2px}.art-ratner{background:#263a35;color:#fff}.video-shape{position:absolute;right:45px;top:60px;width:125px;height:220px;border:1px solid #ffffff40;transform:rotate(12deg);border-radius:15px;display:grid;place-items:center;background:#ffffff08}.video-shape span{font-size:35px}.ratner-name{position:absolute;left:32px;top:125px;font-size:45px;line-height:1.05;letter-spacing:-1px}.case-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:19px}.case-title h3{font-size:21px;margin:0 0 5px;letter-spacing:-.3px}.case-title p{font-size:14px;color:var(--muted);margin:0}.case-title>span{font-size:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:14px;color:var(--blue)}.steps h3{font-size:21px;margin:24px 0 12px}.steps p{font-size:15px;color:var(--muted);margin:0}.about{background:#f2f5fa;border-radius:8px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:70px;padding-bottom:70px}.about-symbol{color:var(--blue);font-size:230px;line-height:1;font-weight:750;letter-spacing:-20px;align-self:center;text-align:center}.about-symbol span{font-size:100px;display:inline-block;transform:translateY(-60px)}.about .eyebrow{color:var(--muted)}.about h2{font-size:39px}.about p{max-width:520px;color:var(--muted)}.about .about-text{font-size:18px;margin-top:25px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:25px 0;font-size:20px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;color:var(--blue);transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0 0 25px;max-width:850px;color:var(--muted)}.contact{background:var(--blue);color:#fff;padding:80px 0}.contact .eyebrow{color:#dbe5ff}.contact h2{font-size:clamp(37px,5vw,66px)}.contact h2 span{color:#bdd0ff}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.contact-bottom p{color:#e0e8ff}.button.white{background:#fff;color:var(--blue)}.button.white:hover{background:#eaf0ff}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:120px;font-size:12px;color:var(--muted)}footer .logo{color:var(--ink);font-size:27px}footer a:hover{color:var(--blue)}dialog{border:0;border-radius:12px;padding:50px;max-width:720px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 30px 100px #1114}dialog::backdrop{background:#13234488;backdrop-filter:blur(5px)}dialog[open]{animation:enter .25s ease-out}.dialog-close{position:absolute;right:17px;top:10px;width:38px;height:38px;background:none;border:0;font-size:32px}.dialog-content h2,#dialog-content h2{font-size:35px;margin:0 0 20px}#dialog-content p{color:var(--muted)}#dialog-content .eyebrow{color:var(--blue)}#dialog-content ul{padding-left:20px}#dialog-content li{margin-bottom:8px}.dialog-price{font-size:26px;color:var(--ink)!important;font-weight:650}.dialog-image{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}.skip{position:fixed;left:10px;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.js .reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{min-height:740px}}@media(max-width:1000px){header{padding-inline:25px}nav{gap:18px}.wrap{padding-inline:25px}.hero{grid-template-columns:1.1fr 1fr;gap:0}h1{font-size:55px}.system{scale:.85;transform-origin:center}.section-head{gap:20px}.steps{grid-template-columns:1fr 1fr;gap:35px}.about{gap:20px}.vostok-mark{font-size:46px}.mini-actions{gap:4px}.mini-actions span{font-size:10px;padding:8px}.case-art{height:300px}}
@media(max-width:760px){header,header.scrolled{height:76px;padding-inline:22px}.logo{font-size:29px}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:5px;padding:11px}.menu span{height:2px;background:var(--ink);width:100%;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 24px 30px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:15px 0;font-size:17px}.nav-contact{padding:12px!important;text-align:center;margin-top:12px}.wrap{padding-inline:22px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:35px;min-height:0}.eyebrow{font-size:10px;letter-spacing:1.25px;margin-bottom:23px}h1{font-size:clamp(43px,9vw,64px);letter-spacing:-2px;margin-bottom:24px}.intro{font-size:18px;max-width:500px}.actions{gap:12px 20px}.button{font-size:14px;padding:16px 20px}.hero-note{margin-top:23px}.system{height:430px;width:100%;max-width:480px;align-self:center;scale:.92;margin:5px 0 -20px}.strategy{left:0;top:25px}.content{right:0;top:100px;min-width:160px}.lead{left:65px;bottom:15px}.node{padding:15px;min-width:170px}.node small{font-size:10px}.node strong{font-size:15px}.core{width:145px;height:145px}.core>span{font-size:90px}.orbit{width:310px;height:310px}.orbit-two{width:230px;height:230px}.system-caption{bottom:-15px;font-size:8px}.strip .wrap{min-height:65px;flex-wrap:wrap;justify-content:center;gap:12px 18px;font-size:12px;padding-top:14px;padding-bottom:14px}.strip i{font-size:17px}.strip span:last-child,.strip i:last-of-type{display:none}.section{padding-block:65px}.section-head{display:block;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.2px}.section-head>p:last-child:not(.eyebrow){margin-top:20px;font-size:15px}.section-head>p br{display:none}.service-grid,.case-grid{grid-template-columns:1fr;gap:18px}.service{padding:25px}.service h3{font-size:28px}.case-grid{gap:33px}.case-art{height:300px}.case-title h3{font-size:20px}.case-title p{font-size:13px}.vostok-mark{font-size:52px}.mini-actions span{font-size:11px;padding:10px}.steps{gap:30px 20px}.steps h3{font-size:19px}.steps p{font-size:14px}.about{margin-inline:14px;display:block;padding:35px 25px}.about-symbol{font-size:110px;text-align:left;letter-spacing:-10px;margin-bottom:30px}.about-symbol span{font-size:60px;transform:translateY(-20px);margin-left:8px}.about h2{font-size:33px}.about .about-text{font-size:17px}.faq summary{font-size:17px;padding:22px 0}.faq details p{font-size:15px}.contact{padding-block:55px}.contact h2{font-size:40px;letter-spacing:-1.6px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:20px}.contact-bottom p{font-size:16px}footer{padding-block:30px;display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}footer .logo{font-size:25px}footer span{text-align:right;font-size:10px}footer a:last-child{text-align:right}dialog{padding:45px 24px 30px}#dialog-content h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}