:root{color-scheme:dark;--bg:#080d0c;--surface:#111a17;--line:#26352e;--txt:#e7efe7;--soft:#9baea1;--mint:#beff83}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.page-shell{overflow:hidden}.header,.hero,.explore,.more,.closing,.footer{width:min(1460px,calc(100% - 100px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #ffffff1d}.brand{display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:-.08em;font-weight:900;line-height:1}.brand .accent{color:var(--mint)}.brand small{display:block;letter-spacing:.23em;font-size:8px;color:var(--soft);font-weight:600;margin-top:8px}.brand-mark{font-size:36px;color:var(--mint);font-weight:400}.header nav{display:flex;gap:30px;align-items:center}.header nav a{font-size:12px;color:#b2c3b6;transition:color .25s}.header nav a:hover{color:var(--mint)}.nav-cta{border:1px solid #6b8e68;padding:13px 17px;border-radius:2px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.nav-cta span{color:var(--mint);margin-left:24px}
.hero{min-height:675px;display:grid;grid-template-columns:1.06fr .94fr;gap:30px;padding-top:95px;padding-bottom:93px}.hero-copy{display:flex;flex-direction:column}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:#a5d98c;text-transform:uppercase;display:flex;align-items:center;gap:13px}.hero .eyebrow span{color:#667c6d}.live{display:inline-block;width:7px;height:7px;background:#c2ff98;border-radius:50%;box-shadow:0 0 0 6px #c2ff9813,0 0 13px #adff74}.hero h1{font-weight:850;letter-spacing:-.077em;line-height:.98;font-size:clamp(65px,6.2vw,112px);margin:38px 0 30px}.hero h1 em,.section-top h2 em,.more h2 em,.closing h2 em{font-style:normal;color:var(--mint)}.hero h1 .outline{-webkit-text-stroke:1px #a7c8ac;color:transparent}.hero-intro{max-width:530px;color:#9fafa7;line-height:1.8;font-size:16px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:2px;min-height:54px;padding:0 22px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .24s,background .24s}.button:hover{transform:translateY(-3px)}.button-main{background:var(--mint);color:#10180e}.button-main:hover{background:#d9ffb8}.button-ghost{border:1px solid #445b4c;color:#d6e5d8}.button-ghost:hover{background:#22332a}.hero-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.16em;color:#65806d;padding-top:52px}
.hero-visual{min-height:525px;align-self:stretch;background:linear-gradient(145deg,#17241c 0%,#08120f 75%);border:1px solid #345044;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:20px 30px 100px #0005}.visual-head,.visual-foot{height:53px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:9px;letter-spacing:.13em;color:#7d9986;font-weight:700;border-bottom:1px solid #2b3f34}.visual-head i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px}.visual-foot{border-bottom:0;border-top:1px solid #2b3f34}.visual-canvas{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 50% 48%,#244b2c83,transparent 50%),repeating-linear-gradient(0deg,transparent 0,transparent 35px,#ffffff08 36px),repeating-linear-gradient(90deg,transparent 0,transparent 35px,#ffffff08 36px)}.glow{position:absolute;inset:0;pointer-events:none}.glow-a{background:radial-gradient(circle at 60% 58%,#8ce85630,transparent 43%)}.glow-b{background:radial-gradient(circle at 30% 30%,#86d2bf1c,transparent 37%)}.orb{position:absolute;width:270px;height:270px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);border-radius:39%;border:2px solid #9bee85a3;background:radial-gradient(circle at 32% 18%,#d3ffba,#60aa7880 25%,#253e30 55%,#09160e 80%);box-shadow:inset -50px -50px 65px #000a,0 25px 80px #82fe5d27,0 0 0 45px #8dec5e0c;animation:floaty 7s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;inset:-38px;border:1px solid #aeff8a50;border-radius:50%;transform:rotate(60deg) scaleX(.65)}.orb:after{inset:-72px;transform:rotate(-45deg) scaleX(.67);border-color:#c3ff9920}.orb-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:105px;font-weight:850;letter-spacing:-.14em;color:#e5ffdcb8;text-shadow:0 0 25px #b8ffa880}.orb-face span{color:#a5ff86}.vis-float{position:absolute;padding:12px 15px;background:#0a140fdd;border:1px solid #75a07770;font-size:10px;letter-spacing:.13em;box-shadow:0 10px 40px #0007}.vis-a{top:17%;left:7%}.vis-b{top:30%;right:5%}.vis-c{bottom:17%;left:15%}.vis-line{position:absolute;bottom:14%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c1ffa660,transparent)}.bars{display:flex;align-items:flex-end;gap:3px;height:16px}.bars i{height:7px;background:var(--mint);width:3px;animation:pulse 1.2s ease-in-out infinite alternate}.bars i:nth-child(2){height:12px;animation-delay:.1s}.bars i:nth-child(3){height:5px;animation-delay:.2s}.bars i:nth-child(4){height:14px;animation-delay:.3s}.bars i:nth-child(5){height:9px;animation-delay:.4s}
.ticker{border-top:1px solid #24372a;border-bottom:1px solid #24372a;background:#b6ff85;color:#122113;white-space:nowrap;overflow:hidden}.ticker-inner{font-size:12px;letter-spacing:.16em;font-weight:950;padding:15px 0;display:flex;gap:38px;align-items:center;width:max-content;animation:marquee 35s linear infinite}.ticker-inner span{font-size:16px}
.explore{padding-top:105px;padding-bottom:100px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:43px}.section-top h2,.more h2,.closing h2{font-size:clamp(43px,4.9vw,76px);line-height:1.04;letter-spacing:-.075em;margin:21px 0 0}.section-top>p{font-size:15px;color:#9cafa0;line-height:1.8;max-width:420px;margin:0 0 7px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature{border:1px solid #34473c;min-height:540px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#111b16;transition:transform .28s,border-color .28s,box-shadow .28s}.feature:hover{transform:translateY(-5px);border-color:#a1e77b;box-shadow:0 16px 45px #0008}.feature-big{grid-column:span 2;min-height:540px}.feature-top{position:absolute;left:28px;right:28px;top:27px;display:flex;justify-content:space-between;z-index:2;font-size:10px;font-weight:800;letter-spacing:.15em}.feature-top span:last-child{font-size:18px}.feature-content{padding:23px 30px 31px;margin-top:auto;position:relative;z-index:3;background:linear-gradient(0deg,#0b1511 82%,transparent)}.feature-content h3{font-size:32px;letter-spacing:-.05em;line-height:1.1;margin:11px 0}.feature-content p{font-size:13px;line-height:1.6;color:#a1b2a6;max-width:530px;margin:0}.feature-content strong{display:inline-block;margin-top:22px;text-transform:uppercase;letter-spacing:.13em;color:var(--mint);font-size:10px}.micro{font-size:9px;letter-spacing:.18em;font-weight:750;color:#b7e88d}
.design{background:radial-gradient(circle at 70% 40%,#637468,#1e3227 58%,#0b140f)}.design-preview{position:absolute;inset:42px 30px 125px 47%;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}.design-window{border:1px solid #d8e9b9;background:linear-gradient(135deg,#f8eecf,#b2dbc1);color:#10231b;width:95%;height:75%;padding:21px 35px;box-shadow:0 27px 50px #0009;position:relative;z-index:2}.dots{font-size:12px;letter-spacing:.6em;color:#42674d}.design-title{font-size:clamp(28px,4vw,56px);font-weight:800;line-height:1.04;letter-spacing:-.08em;margin-top:36px}.design-title em{font-family:Georgia,serif;font-weight:400}.design-button{border-radius:100px;background:#163827;color:#e8f9db;font-size:10px;font-weight:750;letter-spacing:.11em;width:max-content;padding:14px 19px;margin-top:26px}.design-slab{position:absolute;inset:11% 0 4% 6%;border:1px solid #b4ff8977;transform:rotate(13deg)}.design .feature-content{width:52%;background:transparent;padding-bottom:40px}
.motion{background:radial-gradient(ellipse at 50% 22%,#34665c,#101f19 59%)}.motion-preview{height:280px;position:relative;margin-top:55px;display:grid;place-items:center}.motion-ring{position:absolute;width:200px;height:200px;border:10px solid #b9ff8e;border-left-color:transparent;border-radius:50%;animation:spin 16s linear infinite;box-shadow:0 0 40px #9bff7040}.motion-ring.two{width:145px;height:145px;border-width:1px;border-color:#b5ffa6a6;animation:spin 9s linear infinite reverse}.motion-center{font-weight:900;font-size:85px;letter-spacing:-.08em}.scene{background:linear-gradient(145deg,#25252d,#11151b)}.scene-preview{height:300px;position:relative;display:grid;place-items:center;overflow:hidden}.scene-arch{width:60%;height:245px;position:absolute;top:50px;background:radial-gradient(ellipse at 50% 50%,#e4c5c280,#943a4945 35%,#101318 70%);border:2px solid #ad6e735c;border-radius:50% 50% 12px 12px;box-shadow:0 0 0 20px #885e6420,0 0 0 45px #885e6415,0 0 0 70px #885e6408}.scene-word{position:relative;font-size:48px;font-weight:900;letter-spacing:-.09em;text-align:center;text-shadow:0 8px 20px #000a}.scene-word span{display:block;font-size:11px;letter-spacing:.3em;font-weight:500;margin-top:5px}.three{background:radial-gradient(circle at 50% 32%,#395e7a,#151b26 55%)}.three-preview{height:300px;display:flex;align-items:center;justify-content:center;position:relative}.planet{width:212px;height:212px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bfffd4,#507e89 28%,#263848 60%,#10192d 74%);box-shadow:inset -30px -28px 50px #0008,0 0 80px #93cbdd55;animation:floaty 7s ease-in-out infinite}.three-preview>span{position:absolute;bottom:16px;right:20px;font-size:9px;letter-spacing:.14em;color:#a2c9d7}.seo{background:radial-gradient(ellipse at 45% 36%,#304726,#111e15 60%)}.seo-preview{height:300px;display:grid;place-items:center;position:relative}.seo-core{height:160px;width:160px;border-radius:50%;border:1px solid #b5e7a3;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:44px;font-weight:900;letter-spacing:-.08em;box-shadow:0 0 0 24px #b0ef8d12,0 0 0 49px #b0ef8d0b,0 0 50px #b0ef8d26}.seo-core span{font-size:13px;letter-spacing:.2em}.seo-tag{position:absolute;font-size:9px;letter-spacing:.09em;padding:8px 10px;background:#08140dd0;border:1px solid #5c8157}.tag-a{top:70px;left:12%}.tag-b{top:112px;right:9%}.tag-c{bottom:34px;left:19%}
.more{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:80px 0 100px;border-top:1px solid #344537}.more h2{font-size:clamp(39px,4.3vw,65px)}.more-links{display:flex;flex-direction:column}.more-links a{display:flex;flex-direction:column;gap:12px;padding:23px 0;border-bottom:1px solid #2a4033;transition:padding .2s}.more-links a:hover{padding-left:12px}.more-links span{font-size:19px;font-weight:650}.more-links b{color:var(--mint);letter-spacing:.12em;font-size:9px}.closing{padding:95px 10%;text-align:center;background:radial-gradient(ellipse at center top,#21452d,#0e1a13 65%);border:1px solid #476849;margin-bottom:80px}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(38px,4vw,65px);margin:22px auto}.closing p{font-size:14px;line-height:1.7;color:#a7bba9;max-width:540px;margin:0 auto 27px}.footer{padding:30px 0 42px;border-top:1px solid #223c2d;display:flex;gap:20px;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#7d9982}.footer a:hover{color:var(--mint)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scaleY(.4)}}@keyframes floaty{0%,100%{transform:translate(-50%,-50%) rotate(-20deg)}50%{transform:translate(-50%,-54%) rotate(-15deg)}}@keyframes marquee{to{transform:translateX(-50%)}}.planet{animation:bob 7s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-12px)}}
@media(max-width:1100px){.header,.hero,.explore,.more,.closing,.footer{width:calc(100% - 48px)}.header nav{gap:16px}.hero{grid-template-columns:1fr 1fr;padding-top:75px}.hero h1{font-size:clamp(50px,6vw,75px)}.visual-canvas .orb{scale:.8}.design-preview{inset:60px 20px 150px 44%}.design .feature-content{width:55%}.scene-word{font-size:39px}}
@media(max-width:780px){.header{height:auto;min-height:95px;flex-wrap:wrap;padding:17px 0}.header nav{width:100%;order:3;overflow:auto;padding-bottom:8px}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;gap:35px;padding-top:67px;padding-bottom:70px}.hero h1{font-size:clamp(53px,11vw,83px)}.hero-visual{min-height:430px}.section-top{display:block}.section-top>p{margin-top:24px}.cards{grid-template-columns:1fr}.feature-big{grid-column:span 1}.design .feature-content{width:100%;background:linear-gradient(0deg,#0b1511 80%,transparent)}.design-preview{inset:50px 35px 155px 35px;opacity:.85}.feature{min-height:510px}.feature-big{min-height:550px}.more{grid-template-columns:1fr;gap:25px;padding:65px 0}.closing{padding:70px 25px}.footer{flex-wrap:wrap}.hero-bottom{display:none}}
@media(max-width:430px){.header,.hero,.explore,.more,.closing,.footer{width:calc(100% - 34px)}.brand{font-size:18px}.brand-mark{font-size:29px}.header .nav-cta{font-size:9px;padding:11px 10px}.header .nav-cta span{margin-left:8px}.hero{padding-top:50px}.hero h1{font-size:13.6vw}.hero-intro{font-size:14px}.button{width:100%;min-height:52px}.hero-visual{min-height:340px}.orb{scale:.64}.vis-float{font-size:8px;padding:8px}.visual-head,.visual-foot{padding:0 12px;font-size:8px}.section-top h2{font-size:43px}.feature-content h3{font-size:28px}.design-window{padding:13px 18px}.design-title{margin-top:27px}.design-preview{inset:55px 19px 160px 19px}.closing h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.auto-showcase{background:radial-gradient(circle at 40% 18%,#3a4f38,#111614 58%)}.auto-preview{height:275px;position:relative;overflow:hidden;background:#17201b;margin-top:55px}.auto-image{position:absolute;inset:0;background:linear-gradient(0deg,#101713 0%,transparent 80%),url('/auto-razbor/assets/auto-1.webp') center 53%/cover no-repeat;filter:saturate(.72)}.auto-number{font-size:145px;font-weight:900;letter-spacing:-.12em;line-height:1;position:absolute;left:9%;top:14%;color:#c0ff85;text-shadow:0 15px 35px #0007}.auto-number span{display:block;font-size:19px;letter-spacing:.22em;margin-left:10px}.auto-stripe{position:absolute;bottom:20px;right:22px;font-size:10px;letter-spacing:.15em;font-weight:850;color:#e9fbe7}.auto-showcase:hover .auto-number{transform:translateY(-5px);transition:transform .35s}