:root{--bg:#070711;--bg-soft:#0d1020;--surface:#ffffff09;--surface-hover:#ffffff0f;--border:#ffffff17;--border-strong:#ffffff29;--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--accent:var(--brand);--accent-bright:var(--brand-bright);--accent-deep:var(--brand-deep);--warn:#fbbf24;--radius:18px;--radius-lg:26px;--shell:1180px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body.landing{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}[hidden]{display:none!important}body.landing:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(60ch 60ch at 8% -10%,#10b98129,#0000 60%),radial-gradient(55ch 55ch at 105% 45%,#3b82f61c,#0000 60%),radial-gradient(50ch 50ch at 45% 108%,#8b5cf61a,#0000 60%);position:fixed;inset:0}main,.nav,.site-footer{z-index:1;position:relative}.nav{z-index:100;transition:background .3s var(--ease), padding .3s var(--ease), border-color .3s var(--ease);border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px clamp(16px,4vw,48px);display:grid;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{border-bottom-color:var(--border);background:#070711f0;padding-top:12px;padding-bottom:12px}.brand{letter-spacing:-.02em;justify-self:start;font-size:1.05rem;font-weight:800}.brand span{color:var(--accent-bright)}.nav-links{justify-self:center;gap:28px;font-size:.92rem;display:flex}.nav-links a{color:var(--text-muted);transition:color .2s var(--ease);position:relative}.nav-links a:after{content:"";background:var(--accent-bright);width:0;height:2px;transition:width .25s var(--ease);border-radius:2px;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-actions{justify-self:end;align-items:center;gap:14px;display:flex}.nav-login{color:var(--text-muted);transition:color .2s var(--ease);font-size:.92rem}.nav-login:hover{color:var(--text)}.lang-switch{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font:inherit;letter-spacing:.04em;cursor:pointer;min-width:46px;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:700}.lang-switch:hover{color:var(--text);background:var(--surface-hover);border-color:var(--accent)}.btn-cta{color:#04120c;background:linear-gradient(135deg, var(--accent-bright), var(--accent-deep));transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:650;display:inline-flex;box-shadow:0 8px 30px #10b98147}.btn-cta:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 40px #10b9816b}.btn-cta:active{transform:translateY(0)}.btn-arrow{transition:transform .25s var(--ease)}.btn-cta:hover .btn-arrow{transform:translate(4px)}.btn-cta-sm{padding:9px 18px;font-size:.88rem}.btn-cta-lg{padding:17px 36px;font-size:1.03rem}.btn-cta-light{color:#04120c;background:#fff;box-shadow:0 8px 30px #ffffff2e}.btn-cta-light:hover{box-shadow:0 14px 40px #ffffff42}.btn-cta-ghost,.btn-ghost{color:var(--text);background:var(--surface);border:1px solid var(--border-strong);box-shadow:none;transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-cta-ghost:hover,.btn-ghost:hover{background:var(--surface-hover);border-color:var(--accent);filter:none;transform:translateY(-2px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-bright);margin-bottom:14px;font-size:.75rem;font-weight:700}.gradient{background:linear-gradient(135deg, var(--accent-bright), #22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-warn{background:linear-gradient(135deg, var(--warn), #f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero{text-align:center;min-height:100svh;max-width:var(--shell);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:140px clamp(16px,5vw,24px) 80px;display:flex}.hero h1{text-wrap:balance;max-width:34ch;margin-bottom:22px;font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:900}.hero-lead{color:var(--text-muted);max-width:60ch;margin-bottom:38px;font-size:clamp(.95rem,1.5vw,1.05rem)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:18px;display:flex}.hero-note{color:var(--text-dim);font-size:.85rem}.stats{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;width:100%;max-width:820px;margin-top:68px;padding-top:40px;display:grid}.stat dt{color:var(--accent-bright);letter-spacing:-.02em;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800}.stat dd{color:var(--text-muted);margin-top:4px;font-size:.87rem}.section{max-width:var(--shell);margin:0 auto;padding:clamp(70px,10vw,120px) clamp(16px,5vw,24px)}.section-head{text-align:center;max-width:760px;margin:0 auto 56px}.section-head h2{margin-bottom:14px;font-size:clamp(1.5rem,3vw,2.1rem)}.section-lead{color:var(--text-muted);font-size:.97rem}.section-foot{text-align:center;margin-top:44px}.section-problem{border-top:1px solid var(--border)}.section-solution,.section-blog{background:linear-gradient(180deg, transparent, var(--bg-soft), transparent)}.problem-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease), border-left-color .3s var(--ease), background .3s var(--ease);border-left:3px solid #fbbf248c;padding:28px}.problem-card:hover{background:var(--surface-hover);border-left-color:var(--warn);transform:translateY(-4px)}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.problem-icon,.feature-icon{border:1px solid var(--border);background:#ffffff0a;border-radius:9px;width:32px;height:32px;margin-bottom:14px;padding:6px;display:block}.problem-icon{color:var(--warn);background:#fbbf2412;border-color:#fbbf2447}.feature-icon{color:var(--accent-bright);background:#10b98112;border-color:#10b98142}.problem-card h3,.feature-card h3{margin-bottom:8px;font-size:1.08rem}.problem-card p,.feature-card p{color:var(--text-muted);font-size:.92rem}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease), border-color .3s var(--ease);padding:32px 26px 26px;position:relative}.step:hover{border-color:var(--accent);transform:translateY(-4px)}.step-num{color:#04120c;background:linear-gradient(135deg, var(--accent-bright), var(--accent-deep));border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid;position:absolute;top:-18px;left:26px;box-shadow:0 6px 18px #10b98159}.step h3{margin-bottom:8px;font-size:1.06rem}.step p{color:var(--text-muted);font-size:.92rem}.solution-cta{text-align:center;justify-items:center;gap:12px;margin-top:52px;display:grid}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);padding:28px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent-bright), transparent);width:0;height:2px;transition:width .4s var(--ease);position:absolute;top:0;left:0}.feature-card:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-5px)}.feature-card:hover:before{width:100%}.post-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);flex-direction:column;padding:28px;display:flex}.post-card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-5px)}.post-date{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem}.post-card h3{margin-bottom:10px;font-size:1.12rem}.post-excerpt{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.92rem;display:-webkit-box;overflow:hidden}.post-more{color:var(--accent-bright);margin-top:18px;font-size:.88rem;font-weight:600}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));align-items:stretch;gap:22px;display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .3s var(--ease), border-color .3s var(--ease);flex-direction:column;gap:14px;padding:34px 28px;display:flex;position:relative}.plan-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.plan-card.featured{border-color:var(--accent);background:linear-gradient(165deg, #10b98121, var(--surface));box-shadow:0 22px 60px #10b98129}.plan-badge{letter-spacing:.06em;text-transform:uppercase;color:#04120c;background:linear-gradient(135deg, var(--accent-bright), var(--accent-deep));white-space:nowrap;border-radius:999px;padding:5px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-card h3{font-size:1.15rem}.plan-price{letter-spacing:-.03em;font-size:clamp(1.5rem,2.6vw,1.85rem);font-weight:800}.plan-price small{color:var(--text-dim);font-size:.92rem;font-weight:500}.plan-features{flex:1;gap:9px;margin:4px 0 8px;list-style:none;display:grid}.plan-features li{color:var(--text-muted);padding-left:26px;font-size:.9rem;position:relative}.plan-features li:before{content:"✓";color:var(--accent-bright);font-weight:700;position:absolute;left:0}.plan-card .btn-cta,.plan-card .btn-cta-ghost{justify-content:center;width:100%}.plan-unavailable{color:var(--text-dim);text-align:center;font-size:.8rem}.final-cta{max-width:var(--shell);margin:0 auto;padding:clamp(60px,8vw,100px) clamp(16px,5vw,24px) clamp(80px,10vw,120px)}.final-cta-inner{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:radial-gradient(ellipse at top, #10b98129, transparent 62%), var(--bg-soft);justify-items:center;gap:16px;padding:clamp(44px,7vw,76px) clamp(24px,5vw,56px);display:grid}.final-cta-inner h2{max-width:22ch;font-size:clamp(1.45rem,3vw,2rem)}.final-cta-inner>p{color:var(--text-muted);max-width:56ch}.site-footer{border-top:1px solid var(--border);text-align:center;padding:40px 24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-bottom:18px;display:flex}.footer-links a{color:var(--text-muted);transition:color .2s var(--ease);font-size:.9rem}.footer-links a:hover{color:var(--accent-bright)}.footer-legal{color:var(--text-dim);font-size:.83rem}.cookie-banner{z-index:200;border:1px solid var(--border-strong);width:calc(100% - 32px);max-width:680px;color:var(--text-muted);animation:cookie-in .5s var(--ease);background:#0d1020fb;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:16px 22px;font-size:.88rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000080}.cookie-banner a{color:var(--accent-bright);text-underline-offset:3px;text-decoration:underline}.cookie-banner button{font:inherit;cursor:pointer;color:#04120c;background:linear-gradient(135deg, var(--accent-bright), var(--accent-deep));transition:filter .2s var(--ease);border:none;border-radius:999px;flex-shrink:0;padding:10px 22px;font-weight:650}.cookie-banner button:hover{filter:brightness(1.08)}@keyframes cookie-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes slide-right{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}.js-reveal .reveal{opacity:0}.js-reveal .reveal.is-visible{animation:fade-up .65s var(--ease) both}.js-reveal .reveal.is-visible[data-anim=fade]{animation-name:fade-in}.js-reveal .reveal.is-visible[data-anim=zoom]{animation-name:zoom-in}.js-reveal .reveal.is-visible[data-anim=slide]{animation-name:slide-right}.js-reveal .problem-grid .reveal.is-visible:nth-child(2),.js-reveal .feature-grid .reveal.is-visible:nth-child(2),.js-reveal .steps .reveal.is-visible:nth-child(2),.js-reveal .post-grid .reveal.is-visible:nth-child(2),.js-reveal .plan-grid .reveal.is-visible:nth-child(2){animation-delay:70ms}.js-reveal .problem-grid .reveal.is-visible:nth-child(3),.js-reveal .feature-grid .reveal.is-visible:nth-child(3),.js-reveal .steps .reveal.is-visible:nth-child(3),.js-reveal .post-grid .reveal.is-visible:nth-child(3),.js-reveal .plan-grid .reveal.is-visible:nth-child(3){animation-delay:.14s}.js-reveal .problem-grid .reveal.is-visible:nth-child(4),.js-reveal .feature-grid .reveal.is-visible:nth-child(4),.js-reveal .steps .reveal.is-visible:nth-child(4),.js-reveal .plan-grid .reveal.is-visible:nth-child(4){animation-delay:.21s}.js-reveal .feature-grid .reveal.is-visible:nth-child(n+5){animation-delay:.26s}.js-reveal .hero .reveal.is-visible{animation-duration:.75s}a:focus-visible,.btn-cta:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal .reveal,.js-reveal .reveal.is-visible{opacity:1;transition:none;transform:none}.btn-cta,.feature-card,.problem-card,.post-card,.plan-card,.step{transition:none}}@media (max-width:1024px){.feature-grid,.plan-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (max-width:900px){.nav-links{display:none}.nav{grid-template-columns:1fr auto}.section-head{margin-bottom:40px}}@media (max-width:620px){.nav-actions .nav-login{display:none}.nav{gap:12px}.hero{padding-top:120px}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn-cta,.hero-cta .btn-ghost{justify-content:center;width:100%}.stats{text-align:center;margin-top:48px}.plan-card,.final-cta-inner{padding-left:22px;padding-right:22px}}@media (hover:none){.feature-card:hover,.problem-card:hover,.post-card:hover,.plan-card:hover,.step:hover,.btn-cta:hover,.btn-ghost:hover{transform:none}.btn-cta,.btn-ghost,.lang-switch{min-height:44px}}@media (min-width:1600px){:root{--shell:1360px}}@media (min-width:2000px){:root{--shell:1600px}body.landing{font-size:1.06rem}.section{padding-top:150px;padding-bottom:150px}a:focus-visible,.btn-cta:focus-visible,.btn-ghost:focus-visible,.lang-switch:focus-visible{outline-offset:5px;outline-width:4px}}@media (max-height:700px) and (min-width:900px){.hero{min-height:auto;padding-top:130px;padding-bottom:70px}}.plan-fallback{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:46ch;color:var(--text-muted);margin:0 auto;padding:32px 28px}.plan-fallback-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}