:root{--bg: #141218;--surface: #1c1b1f;--surface-container-low: #1f1d23;--surface-container: #25232b;--surface-container-high: #2b2930;--on-surface: #e6e0e9;--on-surface-variant: #cac4d0;--outline: #938f99;--outline-variant: #38343d;--primary: #d0bcff;--on-primary: #1d1933;--primary-container: #4f378b;--on-primary-container: #eaddff;--error: #f2b8b5;--radius: 16px;--radius-sm: 10px;--radius-pill: 100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Onest,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--on-surface);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container.narrow{max-width:720px}section{padding:120px 0}.section-title-wrap{position:relative;text-align:center;margin-bottom:16px;display:inline-block}.section-title-block{text-align:center;margin-bottom:56px}.title-outline,.title-solid{display:block;font-family:Unbounded,sans-serif;font-size:clamp(36px,7vw,84px);font-weight:900;line-height:.95;letter-spacing:-.02em}.title-outline{-webkit-text-stroke:2px var(--outline-variant);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}.title-solid{position:absolute;top:.06em;left:0;right:0;color:var(--on-surface)}.section-sub{color:var(--on-surface-variant);text-align:center;margin:0 auto 56px;max-width:560px;font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-pill);font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease;font-family:inherit}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--on-surface);color:var(--surface);border-color:var(--on-surface)}.btn-primary:hover{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-ghost{background:transparent;color:var(--on-surface);border-color:var(--outline-variant)}.btn-ghost:hover{border-color:var(--on-surface)}.btn-sm{padding:10px 18px;font-size:13px}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.header{position:sticky;top:0;z-index:50;background:#141218d9;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--outline-variant)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}.logo{font-family:Unbounded,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--on-surface)}.nav{display:flex;gap:32px;color:var(--on-surface-variant);font-size:14px;font-weight:500}.nav a{position:relative;transition:color .2s ease}.nav a:hover{color:var(--on-surface)}.header-right{display:flex;align-items:center;gap:12px}.lang-switch{display:inline-flex;border:1px solid var(--outline-variant);border-radius:var(--radius-pill);padding:3px;background:var(--surface-container)}.lang-switch button{border:0;background:transparent;color:var(--on-surface-variant);padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;font-size:12px;font-weight:600;transition:color .2s ease,background .2s ease}.lang-switch button.active{background:var(--on-surface);color:var(--surface)}.hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 140px;overflow:hidden}.decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--outline-variant) 1px,transparent 1px),linear-gradient(90deg,var(--outline-variant) 1px,transparent 1px);background-size:80px 80px;opacity:.35;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black,transparent)}.circle{position:absolute;border:1px solid var(--outline-variant);border-radius:50%;opacity:.55}.circle-1{top:12%;right:-120px;width:360px;height:360px;animation:floatA 22s ease-in-out infinite}.circle-2{bottom:14%;left:-160px;width:460px;height:460px;opacity:.4;animation:floatB 28s ease-in-out infinite}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(40px,-20px)}}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:var(--container, 1200px)}.logo-block{position:relative;margin-bottom:28px;display:inline-block}.logo-outline,.logo-solid{display:block;font-family:Unbounded,sans-serif;font-size:clamp(110px,26vw,280px);font-weight:900;line-height:.9;letter-spacing:-.02em}.logo-outline{-webkit-text-stroke:2px var(--outline-variant);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}.logo-solid{position:absolute;top:.05em;left:.025em;color:var(--on-surface)}.slogan-block{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:36px}.slogan{font-size:clamp(20px,3.4vw,30px);font-weight:500;color:var(--on-surface-variant);white-space:nowrap}.badge{display:inline-block;padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:28px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.section-alt{background:var(--surface-container-low);border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant)}.section-decor{position:relative;overflow:hidden}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:28px;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--on-surface);transform:translateY(-2px)}.card-num{font-family:Unbounded,sans-serif;font-weight:700;font-size:14px;color:var(--outline);margin-bottom:18px;letter-spacing:.04em}.card h3{font-family:Unbounded,sans-serif;margin:0 0 10px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--on-surface)}.card p{margin:0;color:var(--on-surface-variant);font-size:14px;line-height:1.6}.plans{display:flex;flex-direction:column;gap:14px}.plan{display:grid;grid-template-columns:1.4fr 2fr 1fr 160px;gap:24px;align-items:center;padding:28px 32px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius);transition:border-color .2s ease,transform .2s ease}.plan:hover{border-color:var(--on-surface);transform:translate(4px)}.plan-featured{border-width:2px;border-color:var(--on-surface);background:var(--surface-container-low)}.plan-name{font-family:Unbounded,sans-serif;font-size:22px;font-weight:700;color:var(--on-surface);display:flex;align-items:center;gap:12px}.plan-badge{font-family:Onest,sans-serif;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);background:var(--on-surface);color:var(--surface);text-transform:uppercase;letter-spacing:.05em}.plan-features{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--on-surface-variant);font-size:14px}.plan-features li:before{content:"·";margin-right:6px;color:var(--outline)}.plan-price{font-family:Unbounded,sans-serif;font-size:22px;font-weight:700;color:var(--on-surface);text-align:right}.form{display:flex;flex-direction:column;gap:14px;margin-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);padding:14px 18px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease}.form input::placeholder,.form textarea::placeholder{color:var(--outline)}.form input:focus,.form textarea:focus{border-color:var(--on-surface)}.form textarea{resize:vertical}.form-msg{margin:4px 0 0;font-size:14px}.form-ok{color:var(--on-surface)}.form-err{color:var(--error)}.footer{border-top:1px solid var(--outline-variant);padding:48px 0;background:var(--surface-container-low)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-tag{color:var(--on-surface-variant);margin:6px 0 0;font-size:13px}.footer-rights{color:var(--outline);font-size:13px;margin:0}@media (max-width: 1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.plan{grid-template-columns:1fr;gap:14px;text-align:left}.plan-price{text-align:left}}@media (max-width: 720px){section{padding:80px 0}.nav{display:none}.grid-4,.grid-3,.form-row{grid-template-columns:1fr}.header-right .btn{display:none}.slogan{white-space:normal;padding:0 16px}}
