@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;450;500;550;600;650;700&display=swap');
:root{--bg:#0b0c10;--card:#151820;--text:#f5f6fa;--muted:#9ca3b5;--accent:#788bff;--line:#292d38}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:white}.wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font:800 30px/1 Manrope,Arial;letter-spacing:-1.6px}.logo span{color:var(--accent)}nav{display:flex;gap:34px;font-size:13px;color:#c3c7d2}.header-cta{font-size:13px;border:1px solid #444958;border-radius:7px;padding:11px 18px}.header-cta:hover{border-color:var(--accent)}.menu{display:none;background:none;color:white;border:0;font-size:24px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;display:flex;gap:12px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #788bff70}.hero{min-height:680px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:12px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:72px 0}.hero h1{font:500 clamp(42px,4.9vw,69px)/1.1 Manrope,Arial;letter-spacing:-3.4px;margin:29px 0 24px}.hero h1 em{font-style:normal;color:#8d9dff}.hero p{color:var(--muted);font-size:14px;max-width:430px;line-height:1.8}.buttons{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#f5f6fa;color:#101116;padding:15px 22px;border:1px solid #f5f6fa;border-radius:6px;font-size:12px;font-weight:600;transition:.2s}.btn:hover{background:#dfe3ff;transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--text);border-color:#373c4b}.btn.secondary:hover{border-color:var(--accent)}.micro{font-size:10px!important;color:#7e8596!important;margin-top:22px}.hero-art{height:480px;position:relative;perspective:900px;background:radial-gradient(ellipse at 55% 55%,#6474f91a,transparent 65%)}.orbit{position:absolute;inset:20px -100px;border:1px solid #788bff15;border-radius:50%;transform:rotate(-32deg)}.orbit.two{inset:70px -60px;transform:rotate(32deg)}.glass{position:absolute;width:360px;height:250px;top:100px;left:55px;background:linear-gradient(125deg,#252a3bd9,#0c0f18ef);border:1px solid #68769b69;border-radius:12px;transform:rotateY(-20deg) rotateX(12deg) rotateZ(-8deg);box-shadow:20px 40px 80px #0009,0 0 60px #788bff0c;animation:float 7s ease-in-out infinite}.glass-top{height:34px;border-bottom:1px solid #ffffff13;display:flex;gap:5px;align-items:center;padding:0 15px}.glass-top i{width:4px;height:4px;border-radius:50%;background:#5b6174}.glass-top span{font-size:7px;margin-left:auto;color:#a2acc4}.glass-body{padding:22px}.tiny-label{font-size:6px;letter-spacing:1.5px;color:#8d9dff}.glass h3{font:500 29px/1.12 Manrope;margin:10px 0;letter-spacing:-1px}.glass-line{height:3px;width:120px;background:#7f879546;margin:6px 0}.tiny-btn{display:inline-block;background:#788bff;font-size:6px;padding:6px 13px;border-radius:3px;margin-top:10px}.orb{width:110px;height:110px;border-radius:50%;position:absolute;right:22px;top:86px;background:repeating-radial-gradient(ellipse at 33% 30%,#c4ceff 0px,#697bde 2px,#10172d 3px,#1e274b 5px);box-shadow:inset -18px -10px 25px #070b20,0 0 35px #788bff30;transform:rotate(-30deg)}.float-tag{position:absolute;border:1px solid #4d566d;border-radius:8px;background:#181d2be6;box-shadow:0 20px 35px #0006;z-index:2}.tag-design{top:55px;right:10px;padding:16px 22px;font-size:10px;transform:rotate(8deg)}.tag-design b{color:#9eacff;font-size:18px;padding-right:12px}.tag-code{bottom:55px;left:0;width:232px;padding:18px;transform:rotate(5deg)}.code{font:10px/1.9 monospace;color:#afbfff}.code span{color:#7c849b}.tag-code .eyebrow{font-size:7px;margin-bottom:10px}.art-caption{position:absolute;bottom:2px;left:70px;font-size:9px;letter-spacing:3px;color:#737d98}.hero-bottom{display:flex;justify-content:space-between;padding:23px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:2px;color:#9ca3b5}.hero-bottom span:last-child{letter-spacing:0}.section{padding:100px 0;border-bottom:1px solid var(--line)}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;margin-bottom:42px}.section-label{color:var(--muted);font-size:10px;letter-spacing:1.6px;min-width:140px}.section-label span{color:var(--accent);margin-right:12px}h2{font:500 42px/1.2 Manrope;letter-spacing:-1.5px;margin:0}h2 em{color:var(--muted);font-style:normal}.section-intro{max-width:340px;font-size:13px;color:var(--muted);margin:4px 0 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{border:1px solid var(--line);border-radius:9px;padding:27px 22px}.icon{font-size:24px;color:#96a5ff;margin-bottom:30px}.benefit h3{font:600 14px Manrope;margin:0 0 12px}.benefit p{color:var(--muted);font-size:12px;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{background:#12151c;border:1px solid var(--line);border-radius:9px;padding:24px 21px;display:flex;flex-direction:column;position:relative}.service.featured{border-color:#6779d4;background:linear-gradient(160deg,#1c2238,#12151c 70%)}.service-no{font-size:10px;color:#818a9f}.service h3{font:500 19px Manrope;margin:26px 0 12px}.service p{font-size:12px;color:var(--muted);min-height:60px}.price{font:500 28px Manrope;margin:16px 0 4px;letter-spacing:-1px}.time{font-size:10px;color:var(--muted)}.service ul{padding:20px 0;list-style:none;border-top:1px solid var(--line);margin-top:24px;font-size:11px;color:#b8bdca;line-height:2.3;flex:1}.service li:before{content:'↗';color:#788bff;margin-right:8px}.service .btn{padding:12px 13px;font-size:10px;gap:8px}.note{font-size:11px;color:var(--muted);margin:22px 0 0;max-width:850px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.work:first-child{grid-row:span 2}.work-visual{height:238px;border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .4s}.work:first-child .work-visual{height:564px}.work:hover .work-visual{transform:translateY(-4px)}.work-label{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.work-label h3{font:500 19px Manrope;margin:0}.work-label p{font-size:11px;color:var(--muted);margin:4px 0 0}.circle-arrow{border:1px solid #343a49;border-radius:50%;height:36px;width:36px;display:grid;place-items:center}.concept{position:absolute;top:16px;left:16px;z-index:3;border:1px solid #ffffff30;border-radius:30px;padding:4px 10px;font-size:8px;letter-spacing:.5px;background:#0002}.preview{width:83%;box-shadow:0 25px 60px #0005;transition:.4s;overflow:hidden}.noir-bg{background:#232825}.terra-bg{background:#d9d5ca}.flow-bg{background:#252d48}.noir-preview{background:#111b16;color:#eee9db;padding:20px;transform:rotate(-5deg)}.preview-nav{font-size:7px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.preview-nav b{font-size:15px;letter-spacing:1px}.noir-preview h4{font:500 38px/.95 Georgia;margin:0;max-width:230px}.preview p{font-size:7px;line-height:1.6}.car-art{height:120px;margin:20px -20px;background:radial-gradient(ellipse at center,#526351,transparent 65%);position:relative}.car-art svg{width:100%;height:100%}.preview-footer{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px}.terra-preview{background:#f2f0e9;color:#33372e;transform:rotate(3deg);display:grid;grid-template-columns:1fr 1fr;min-height:170px}.terra-copy{padding:17px}.terra-copy h4{font:26px/1.1 Georgia;margin:20px 0}.arch-art{background:linear-gradient(120deg,#959783,#c4c1ac);position:relative;overflow:hidden}.arch-art:before{content:'';position:absolute;inset:35px 20px -15px 20px;border-radius:70px 70px 0 0;background:linear-gradient(115deg,#ece4cf,#aaa38a);box-shadow:12px 8px 10px #0004}.arch-art:after{content:'';position:absolute;width:55%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 14px,#666a5730 15px 16px);transform:skewY(-23deg);right:-10px}.flow-preview{background:#f0f2f8;color:#233149;padding:17px;transform:rotate(-3deg);min-height:175px}.flow-body{display:grid;grid-template-columns:1fr 2.5fr;gap:18px}.flow-menu{font-size:6px;line-height:3;color:#718099;border-right:1px solid #dbe0ea}.flow-body h4{font:600 15px Manrope;margin:0 0 10px}.chart{height:65px;display:flex;align-items:flex-end;gap:7px}.chart i{background:#7b8cfa;flex:1;border-radius:3px 3px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid #4c5261;padding-top:20px}.step-num{font:400 36px Manrope;color:#788bff;margin-bottom:35px}.step h3{font-size:15px;font-weight:500}.step p{font-size:12px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about p{color:var(--muted);font-size:14px;margin-top:22px}.about-visual{border:1px solid #343a49;border-radius:10px;min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse,#788bff17,transparent 70%)}.about-visual b{font:700 86px Manrope;letter-spacing:-5px;z-index:1}.about-visual:before,.about-visual:after{content:'';position:absolute;width:350px;height:130px;border:1px solid #788bff50;border-radius:50%;transform:rotate(-30deg)}.about-visual:after{transform:rotate(30deg)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chip{border:1px solid var(--line);padding:5px 12px;border-radius:30px;color:#a4abbb;font-size:10px}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#95a3ff;font-size:19px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;max-width:550px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:52px}.contact-copy p{font-size:13px;color:var(--muted);max-width:330px;margin:25px 0}.telegram{display:inline-flex;align-items:center;gap:13px;font-size:16px;padding-bottom:6px;border-bottom:1px solid #788bff}.telegram span{color:#94a2ff}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:10px;color:#c5cad6;display:flex;flex-direction:column;gap:8px}input,select,textarea{width:100%;border:1px solid #343947;background:#11141b;border-radius:5px;color:white;padding:13px;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:90px}.full{grid-column:1/-1}.form-hint{font-size:10px;color:var(--muted);margin:0}.form-status{font-size:12px;color:#b7c1ff}.form-status a{text-decoration:underline}footer{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}footer .logo{color:white;font-size:25px}.footer-links{display:flex;gap:25px}.case-head{padding:65px 0 45px}.back{color:var(--muted);font-size:12px}.case-head h1{font:500 62px Manrope;letter-spacing:-2px;margin:30px 0 10px}.case-head p{color:var(--muted);max-width:650px}.case-cover{height:540px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.case-cover .preview{max-width:700px;transform:none;scale:1.1}.case-cover .noir-preview{padding:35px}.case-cover .noir-preview h4{font-size:60px;max-width:400px}.case-cover .car-art{height:190px}.case-cover .terra-preview{min-height:330px}.case-cover .terra-copy{padding:35px}.case-cover .terra-copy h4{font-size:45px}.case-cover .flow-preview{padding:35px}.case-cover .flow-body h4{font-size:30px}.case-cover .chart{height:140px}.case-info{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0}.case-info h2{font-size:29px}.case-info p,.case-info li{font-size:14px;color:var(--muted)}.demo-shell{margin:30px 0 80px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.demo-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:15px;background:#151820;font-size:11px}.demo-toolbar button{border:1px solid #42495a;background:transparent;border-radius:5px;color:white;padding:5px 12px}.demo-shell iframe{display:block;width:100%;height:640px;border:0;margin:auto;background:#fff;transition:width .4s}.demo-shell.mobile iframe{width:375px;max-width:100%}@keyframes float{50%{transform:translateY(-12px) rotateY(-17deg) rotateX(10deg) rotateZ(-6deg)}}@media(min-width:1500px){.hero h1{font-size:72px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero h1{font-size:52px}.hero-art{scale:.85;transform-origin:left center}.benefits,.services{grid-template-columns:repeat(2,1fr)}.section-top{flex-wrap:wrap;gap:20px}.section-intro{max-width:450px}.contact,.about{gap:40px}.work:first-child .work-visual{height:564px}.hero{grid-template-columns:1.2fr .9fr}.glass{left:0}.tag-design{right:-25px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:78px}.logo{font-size:27px}.header-cta{margin-left:auto;font-size:10px;padding:9px 11px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:10;background:#11141b;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:block;min-height:auto}.hero-copy{padding:57px 0 15px}.hero h1{font-size:45px;letter-spacing:-2px;max-width:500px}.hero p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-art{height:370px;scale:1;margin:0 auto;width:340px;max-width:100%;transform:none}.glass{left:8%;width:80%;height:210px;top:75px;animation:none}.glass h3{font-size:24px}.glass-body{padding:17px}.orb{width:85px;height:85px;right:15px}.tag-design{right:0;top:35px;padding:10px}.tag-code{bottom:25px;width:180px;padding:12px}.code{font-size:8px}.art-caption{display:none}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.section{padding:65px 0}h2{font-size:32px}.section-top{display:block}.section-label{margin-bottom:20px}.section-top h2{margin-bottom:20px}.benefits{gap:10px}.benefit{padding:20px 15px}.benefit h3{font-size:13px}.benefit p{font-size:11px}.icon{margin-bottom:20px}.services{grid-template-columns:1fr}.service p{min-height:0}.service h3{margin-top:15px}.service ul{padding:15px 0;margin-top:15px}.work-grid{display:block}.work{display:block;margin-bottom:35px}.work:first-child .work-visual{height:370px}.work-visual{height:260px}.steps{grid-template-columns:1fr 1fr;gap:25px}.step-num{margin-bottom:20px}.about,.faq-layout,.contact{grid-template-columns:1fr;gap:35px}.about-visual{min-height:230px}.contact h2{font-size:40px}form{gap:15px}footer{flex-wrap:wrap}.footer-links{gap:15px}.case-head h1{font-size:43px}.case-cover{height:370px}.case-cover .preview{scale:1}.case-cover .noir-preview h4{font-size:36px}.case-cover .terra-copy{padding:20px}.case-cover .terra-copy h4{font-size:27px}.case-info{grid-template-columns:1fr;gap:30px}.demo-toolbar{flex-wrap:wrap}.case-cover .flow-body h4{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}