:root{--bg:#0b0d12;--fg:#e5e7eb;--muted:#a3a7ae;--line:hsla(0,0%,100%,.12);--brand-purple:#8b5cf6;--brand-pink:#ec4899;--brand-amber:#f59e0b;--brand-mint:#10b981;--brand-blue:#3b82f6;--surface:hsla(0,0%,100%,.04);--surface-elev:hsla(0,0%,100%,.06);--chart-surface:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.03))}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-theme=light]{--bg:#fff;--fg:#111;--muted:#666;--line:rgba(0,0,0,.08);--surface:#fff;--surface-elev:#fff;--chart-surface:linear-gradient(180deg,#fff,#fafafa)}.page{position:relative;min-height:100dvh;overflow-x:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 34px,var(--line) 35px),repeating-linear-gradient(90deg,transparent,transparent 34px,var(--line) 35px)}.header{position:-webkit-sticky;position:sticky;top:0;display:grid;grid-template-columns:1fr auto 1fr;padding:14px 24px;border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--bg),transparent 16%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.header,.logo{align-items:center}.logo{display:flex;gap:8px;font-weight:900;letter-spacing:.08em}.logo-image,.logo-image-animated{width:35px;height:35px;border-radius:6px;object-fit:cover;flex-shrink:0;position:relative;z-index:2}.logo-image-animated{animation:logoFlyIn 6s ease-in-out infinite}@keyframes logoFlyIn{0%{transform:translate(-150px,80px) rotate(-15deg) scale(.8);opacity:0;z-index:2}15%{transform:translate(-20px,10px) rotate(5deg) scale(1.1);opacity:1;z-index:2}25%{transform:translate(5px,-5px) rotate(-3deg) scale(.95);opacity:1;z-index:2}35%{transform:translate(0) rotate(0deg) scale(1);opacity:1;z-index:2}80%{transform:translate(0) rotate(0deg) scale(1);opacity:1;z-index:2}90%{transform:translate(10px) rotate(2deg) scale(.9);opacity:.3;z-index:0}to{transform:translate(20px) rotate(5deg) scale(.7);opacity:0;z-index:0}}.logo-text{font-size:1.5em;font-weight:inherit;letter-spacing:inherit;position:relative;z-index:3}.nav{display:flex;gap:32px;align-items:center;justify-self:center}.nav a:not(.btn){position:relative;text-decoration:none;color:var(--fg);font-weight:500;font-size:15px;letter-spacing:-.01em;padding:8px 16px;border-radius:8px;opacity:.85;transition:all .25s cubic-bezier(.4,0,.2,1);background:transparent}.nav a:not(.btn):hover{opacity:1;background:color-mix(in oklab,var(--fg) 5%,transparent);transform:translateY(-1px)}.nav a:not(.btn):active{transform:translateY(0);transition-duration:.1s}.nav a:not(.btn):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--fg) 0,color-mix(in oklab,var(--fg) 60%,transparent) 100%);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%)}.nav a:not(.btn):hover:after{width:24px}.nav-actions{display:flex;gap:16px;align-items:center;justify-self:end}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.mobile-menu-button:hover{background:hsla(0,0%,100%,.1)}.hamburger-line{width:24px;height:2px;background:var(--fg);margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0;transform:scale(0)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--surface);border-left:1px solid var(--line);z-index:1000;transition:right .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:-4px 0 20px rgba(0,0,0,.15)}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.mobile-menu-title{font-size:18px;font-weight:700;margin:0;color:var(--fg)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;transition:background-color .2s ease;position:relative}.mobile-menu-close:hover{background:hsla(0,0%,100%,.1)}.close-line{position:absolute;width:18px;height:2px;background:var(--fg);border-radius:1px;transition:all .2s ease}.close-line:first-child{transform:rotate(45deg)}.close-line:nth-child(2){transform:rotate(-45deg)}.mobile-nav{padding:24px;display:flex;flex-direction:column;gap:8px;height:calc(100% - 80px);overflow-y:auto}.mobile-nav a{padding:16px 20px;text-decoration:none;color:var(--fg);font-weight:500;font-size:16px;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.mobile-nav a:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.1);transform:translateX(4px)}.mobile-menu-separator{height:1px;background:var(--line);margin:16px 0}.mobile-theme-toggle{display:flex;align-items:center;gap:12px;padding:16px 20px;background:none;border:1px solid var(--line);border-radius:12px;color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:8px 0}.mobile-theme-toggle:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.theme-icon{font-size:18px}.mobile-user-section{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.mobile-user-info{padding:12px 20px;margin-bottom:12px}.mobile-user-label{color:var(--muted);font-size:14px;font-weight:500}.mobile-signout{width:100%;justify-content:center;margin:0}.mobile-signin{margin-top:auto}.mobile-signin,.mobile-signin-prominent{width:100%;justify-content:center;text-align:center}.mobile-signin-prominent{padding:16px 20px!important;font-size:16px!important;font-weight:700!important;margin:8px 0!important;background:linear-gradient(135deg,#8b5cf6,rgba(59,130,246,.9) 50%,#10b981)!important;box-shadow:0 6px 20px rgba(139,92,246,.4),inset 0 1px 0 hsla(0,0%,100%,.3)!important;border:1px solid hsla(0,0%,100%,.2)!important;animation:mobile-signup-pulse 3s ease-in-out infinite}.mobile-signin-prominent:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(139,92,246,.6),0 4px 12px rgba(59,130,246,.3),inset 0 1px 0 hsla(0,0%,100%,.4)!important}@keyframes mobile-signup-pulse{0%,to{box-shadow:0 6px 20px rgba(139,92,246,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}50%{box-shadow:0 8px 25px rgba(139,92,246,.6),0 4px 12px rgba(59,130,246,.3),inset 0 1px 0 hsla(0,0%,100%,.4)}}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:768px){.header{grid-template-columns:auto 1fr auto;padding:12px 16px;position:relative}.desktop-actions,.desktop-nav{display:none}.mobile-menu-button{display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);z-index:10}}@media (max-width:640px){.mobile-menu{width:100vw;right:-100vw}.mobile-menu-header{padding:16px 20px}.mobile-nav{padding:20px 20px 24px}.mobile-menu-button{right:12px}}.nav .btn{padding:8px 12px;font-weight:600}.nav .btn,.theme-toggle{border:1px solid #000;border-radius:999px}.theme-toggle{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);color:inherit;width:64px;height:32px;padding:0;display:inline-grid;place-items:center;position:relative;box-shadow:0 6px 14px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.theme-toggle:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.06)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.35),0 6px 14px rgba(0,0,0,.06)}.theme-toggle .toggle-track{position:relative;width:100%;height:100%}.theme-toggle .toggle-moon,.theme-toggle .toggle-sun{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;transition:opacity .2s ease;pointer-events:none}.theme-toggle .toggle-sun{left:8px;opacity:.9}.theme-toggle .toggle-moon{right:8px;opacity:.4}.theme-toggle .toggle-thumb{position:absolute;top:50%;left:4px;width:24px;height:24px;border-radius:999px;background:#000;border:1px solid #000;transform:translateY(-50%);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease;box-shadow:inset 0 -2px 0 hsla(0,0%,100%,.2),0 2px 8px rgba(0,0,0,.2)}html[data-theme=dark] .theme-toggle .toggle-thumb{transform:translate(32px,-50%);background:#fff;border-color:#000}html[data-theme=dark] .theme-toggle .toggle-sun{opacity:.35}html[data-theme=dark] .theme-toggle .toggle-moon{opacity:.95}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle .toggle-thumb{transition:none}}.hero{display:grid;place-items:center;padding:96px 24px}.hero-inner{max-width:960px;text-align:center}.hero h1{font-size:clamp(32px,6vw,64px);line-height:1.05;margin:0 0 14px;letter-spacing:-.02em}.hero .underline{box-shadow:inset 0 -.55em 0 rgba(0,0,0,.06)}.lede{color:var(--muted);max-width:70ch;margin:0 auto}.cta{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);text-decoration:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-weight:600;letter-spacing:.025em;background:linear-gradient(135deg,rgba(139,92,246,.9),rgba(59,130,246,.8) 50%,rgba(16,185,129,.9));box-shadow:0 4px 15px rgba(139,92,246,.4),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s ease}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(139,92,246,.6),0 4px 12px rgba(59,130,246,.3),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.4)}.btn:hover:before{left:100%}.btn:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.btn-signin{padding:10px 15px;font-size:14px}.btn-signin:hover{transform:translateY(-3px) scale(1.02)}.btn-signin:active{transform:translateY(-1px) scale(1.01)}.btn-signout{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--line)!important;box-shadow:none!important;font-weight:400!important;letter-spacing:0!important;padding:8px 12px;font-size:13px}.btn-signout:before{display:none!important}.btn-signout:hover{transform:none!important;background:hsla(0,0%,100%,.05)!important;box-shadow:none!important;color:var(--fg)!important;transition:background .2s ease,color .2s ease}.btn-signout:active{transform:translateY(1px)!important;transition-duration:.1s}.btn.primary{background:#000;color:#fff}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.cta .btn:not(.primary){background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);color:var(--fg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 8px rgba(0,0,0,.1)}.cta .btn:not(.primary):hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}html[data-theme=light] .cta .btn:not(.primary){background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.15);color:var(--text)}html[data-theme=light] .cta .btn:not(.primary):hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.25);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.primary:disabled{background:#666}.btn-success{background:var(--brand-mint)!important;color:#fff!important;opacity:1!important}.btn-error{background:#ef4444!important;color:#fff!important}.btn-loading{background:#666!important;color:#fff!important}.features{padding:72px 24px 96px}.how{padding:56px 24px 40px}.how,.how-inner{position:relative}.how-inner{max-width:1100px;margin:0 auto;z-index:1}.how-title{margin:0 0 6px;font-size:clamp(24px,5vw,36px);letter-spacing:-.01em;text-align:center}.how-sub{margin:0 0 22px;color:var(--muted);text-align:center}.how-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}@media (min-width:980px){.how-grid{grid-template-columns:1fr 1fr}}.shot-row{display:grid;grid-gap:16px;gap:16px}.shot-row.three{grid-template-columns:1fr}@media (min-width:980px){.shot-row.three{grid-template-columns:repeat(3,1fr)}}.shot{position:relative;border:1px solid #000;border-radius:16px;background:var(--surface-elev);overflow:hidden;transform:translateY(24px) scale(.98);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease,box-shadow .2s ease}.shot.is-visible{transform:translateY(0) scale(1);opacity:1;transition-delay:calc(var(--stagger-index, 0) * .1s)}.shot:hover{box-shadow:0 16px 36px rgba(0,0,0,.1)}.shot-media{position:relative;width:100%;aspect-ratio:16/10;background:color-mix(in oklab,var(--surface-elev),transparent 0)}.shot-img{object-fit:cover;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.02)}html[data-theme=dark] .shot-img{mix-blend-mode:screen;filter:saturate(1.05) contrast(1.02) brightness(.98)}.shot-media :is(img,picture,canvas){-webkit-mask-image:linear-gradient(to bottom,#000 0 calc(100% - var(--mask-bottom, 0%)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0 calc(100% - var(--mask-bottom, 0%)),transparent 100%)}.shot-caption{padding:12px 14px;border-top:1px solid var(--line);display:grid;grid-gap:4px;gap:4px}.shot-title{margin:0;font-size:16px;letter-spacing:-.01em}.shot-desc{margin:0;color:var(--muted);font-size:14px}.shot-stage{position:absolute;inset:0;padding:10px;background:var(--chart-surface);border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.shot-hover-hint{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) scale(.98);border:1px solid var(--line);background:color-mix(in oklab,var(--surface),transparent 6%);color:var(--fg);padding:10px 14px;border-radius:999px;font-size:14px;font-weight:800;opacity:0;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.shot-stage:hover .shot-hover-hint{opacity:1;transform:translate(-50%,-50%) scale(1)}.shot-embed{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}.shot-embed::-webkit-scrollbar{width:0;height:0}.zoom-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;display:grid;place-items:center}.zoom-dialog{position:relative;width:min(1100px,92vw);height:min(680px,86vh);background:var(--surface-elev);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.zoom-frame{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}.zoom-close{position:absolute;right:10px;top:10px;z-index:2;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:6px 8px;cursor:pointer}.kpi-grid{grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;height:100%}.kpi-card,.kpi-grid{display:grid;padding:10px}.kpi-card{border:1px solid #000;border-radius:12px;background:var(--surface);align-content:start}.kpi-title{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kpi-row{display:flex;align-items:baseline;gap:8px}.kpi-big{font-size:28px;font-weight:800}.kpi-suffix{font-size:14px;color:var(--muted)}.kpi-sub{color:var(--muted);font-size:12px}.kpi-delta{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line)}.kpi-delta.ok{color:#10b981}.kpi-delta.warn{color:#f59e0b}.table-card{position:absolute;inset:0;padding:6px 10px 10px;display:grid}.table-wrap{border:1px solid #000;border-radius:12px;overflow:auto;background:var(--surface)}.demo-table.real{width:100%;border-collapse:separate;border-spacing:0}.demo-table.real td,.demo-table.real th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.demo-table.real thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:1}.demo-table.real tbody tr:nth-child(odd) td{background:rgba(0,0,0,.02)}.status-pill{text-transform:capitalize;font-weight:600}.faq{padding:40px 24px 100px}.faq,.faq-inner{position:relative}.faq-inner{max-width:900px;margin:0 auto;z-index:1}.faq-title{margin:0 0 6px;font-size:clamp(24px,5vw,36px);letter-spacing:-.01em;text-align:center}.faq-sub{margin:0 0 22px;color:var(--muted);text-align:center}.faq-list{display:grid;grid-gap:12px;gap:12px}.faq-item{border:1px solid #000;border-radius:14px;background:var(--surface);overflow:hidden;transition:box-shadow .25s ease,transform .2s ease}.faq-item[open]{box-shadow:0 14px 28px rgba(0,0,0,.08);transform:translateY(-1px)}.faq-summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:16px 18px;cursor:pointer}.faq-summary::-webkit-details-marker{display:none}.faq-q{font-weight:800}.faq-icon{width:22px;height:22px;border:1px solid #000;border-radius:999px;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent);position:relative}.faq-icon:after,.faq-icon:before{content:"";position:absolute;background:currentColor;border-radius:2px}.faq-icon:before{width:10px;height:2px}.faq-icon:after,.faq-icon:before{left:50%;top:50%;transform:translate(-50%,-50%)}.faq-icon:after{width:2px;height:10px;transition:transform .2s ease,opacity .2s ease}.faq-item[open] .faq-icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.faq-answer{padding:0 18px 18px;color:var(--fg)}.faq-answer p{margin:8px 0 0}.features-container{max-width:1200px;margin:0 auto;padding:0 24px}.steps-showcase{display:grid;grid-gap:32px;gap:32px;justify-items:center;max-width:800px;margin:0 auto}@media (min-width:768px){.steps-showcase{gap:40px}}.steps-showcase .step-card{width:100%;max-width:600px;min-height:auto;justify-self:center}.step-card{min-height:64px;width:clamp(260px,66.666%,560px);display:grid;grid-auto-rows:min-content;overflow:auto;justify-self:end}.step-card--fixed{height:100px;overflow:hidden}.step-card--taller{height:250px}.step-card--wide{width:clamp(260px,66.666%,560px)}.step-card--compact{min-height:48px}.step-card .type-box{width:100%}.placeholder-chart{height:100%;display:grid;place-items:center;border:1px dashed rgba(59,130,246,.5);border-radius:10px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(236,72,153,.08)),repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 8px,transparent 0,transparent 16px);font-weight:800}.video-card{border:1px solid #000;border-radius:18px;background:var(--surface-elev);overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.06)}.video-aspect{position:relative;width:100%;padding-bottom:56.25%}.video-embed{position:absolute;inset:0;width:100%;height:100%;border:0}.email-form{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.email-form input[type=email]{border:1px solid #000;border-radius:999px;padding:16px 18px;font-size:clamp(16px,2vw,18px);background:var(--surface);color:var(--fg)}.email-form .btn{padding:16px 20px;font-size:clamp(16px,2vw,18px)}.feature-stack{max-width:1000px;margin:0 auto}.feature-row,.feature-stack{display:grid;grid-gap:22px;gap:22px}@media (min-width:860px){.feature-row{grid-template-columns:1fr 1.2fr;align-items:start}}.feature-card{position:relative;border:1px solid #000;border-radius:18px;background:color-mix(in oklab,var(--surface-elev),transparent 0);padding:14px;overflow:hidden;transform:translateX(var(--x-offset,0)) translateY(24px) scale(.98);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease}.steps-col>.feature-card.step-card{box-shadow:0 8px 25px rgba(0,0,0,.04),0 3px 10px rgba(0,0,0,.03);background:var(--surface-elev);border:1px solid rgba(0,0,0,.06)}.steps-col>.feature-card.step-card:first-child{background:linear-gradient(135deg,rgba(99,102,241,.03) 0,rgba(168,85,247,.02) 100%),var(--surface-elev);border:1px solid rgba(99,102,241,.08)}.steps-col>.feature-card.step-card:nth-child(2){background:linear-gradient(135deg,rgba(59,130,246,.03) 0,rgba(14,165,233,.02) 100%),var(--surface-elev);border:1px solid rgba(59,130,246,.08)}.steps-col>.feature-card.step-card:nth-child(3){background:var(--surface-elev);border:1px solid rgba(0,0,0,.05)}.steps-col>.feature-card.step-card:nth-child(4){background:linear-gradient(135deg,rgba(16,185,129,.03) 0,rgba(5,150,105,.02) 100%),var(--surface-elev);border:1px solid rgba(16,185,129,.08)}.feature-card.step-card{padding:10px}.feature-card.is-visible{transform:translateX(var(--x-offset,0)) translateY(0) scale(1);opacity:1;transition-delay:calc(var(--stagger-index, 0) * .1s)}.steps-col>.feature-card.step-card.is-visible{animation:step-float 6s ease-in-out infinite;will-change:transform}@keyframes step-float{0%,to{transform:translateX(var(--x-offset,0)) translateY(0) scale(1);box-shadow:0 18px 40px rgba(17,24,39,.1),inset 0 0 0 9999px hsla(0,0%,100%,.06)}50%{transform:translateX(var(--x-offset,0)) translateY(-4px) scale(1);box-shadow:0 22px 48px rgba(17,24,39,.12),inset 0 0 0 9999px hsla(0,0%,100%,.06)}}.feature-card--center{margin-left:auto;margin-right:auto}.feature-card .card-arrow,.type-box.with-below-arrow .card-arrow{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:28px;height:28px;border:1px solid #000;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.06);pointer-events:none;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover .card-arrow{box-shadow:0 12px 26px rgba(0,0,0,.08)}.feature-card.with-below-arrow,.type-box.with-below-arrow{overflow:visible;padding-bottom:34px;position:relative}.type-box .step-badge{align-self:center;margin-right:8px}.type-row{display:flex;align-items:center;gap:10px}.type-box.slim{max-width:560px;padding:12px 14px;border-radius:12px}.type-box.with-right-arrow{position:relative;padding-right:46px}.type-box.with-right-arrow .card-arrow{position:absolute;right:-18px;bottom:50%;transform:translateY(50%);width:28px;height:28px;border:1px solid #000;border-radius:999px;background:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.06)}.loader-status{display:grid;grid-gap:8px;gap:8px;margin-bottom:10px}.status-item{display:flex;align-items:center;gap:8px;text-transform:none}.status-item .dot{width:8px;height:8px;border-radius:999px;background:#000;opacity:.2}.status-item .dot.pulse,.status-item.active .dot{animation:pulseDot 1.4s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.loader-bar{height:8px;background:rgba(0,0,0,.06);border:1px solid #000;border-radius:999px;overflow:hidden}.loader-fill{height:100%;width:0;background:#000;animation:fillLoop 5s cubic-bezier(.2,.8,.2,1) infinite}@keyframes fillLoop{0%{width:0}30%{width:52%}60%{width:84%}to{width:100%}}.feature-head{margin-bottom:8px}.feature-title{margin:0 0 4px;font-size:clamp(14px,2vw,18px)}.feature-desc{font-size:clamp(12px,1.6vw,14px)}#step-card-2 .feature-head{margin-bottom:2px;padding-top:12px;padding-bottom:6px}#step-card-2 .feature-desc,#step-card-2 .feature-title{margin-bottom:2px}#step-card-2 .type-box{margin-top:0}.step-badge{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;border:1px solid #000;border-radius:999px;width:24px;height:24px;font-size:11px;font-weight:800;letter-spacing:.02em;margin-bottom:8px}.step-badge--corner{position:absolute;top:14px;left:16px;z-index:1;margin-bottom:0}.steps-showcase>.modern-step-card{--x-offset:0;transform:none;position:relative;transition:transform .3s ease,box-shadow .3s ease}.steps-showcase>.modern-step-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.db-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.db-pill{border:1px solid #000;border-radius:999px;padding:8px 12px;background:var(--surface);box-shadow:0 6px 16px rgba(0,0,0,.05);font-weight:700;font-size:13px}.type-box{border:1px solid #000;border-radius:14px;padding:14px 16px;background:linear-gradient(135deg,rgba(59,130,246,.04) 0,rgba(99,102,241,.03) 100%),var(--surface);display:flex;align-items:center;gap:10px;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;box-shadow:0 6px 18px rgba(0,0,0,.04);margin-top:4px}.type-box.multiline{align-items:flex-start}.type-box.fixed-2lines .type-multi{height:calc(2 * 1.4em + 10px);overflow:hidden}.type-multi{display:grid;grid-gap:4px;gap:4px;width:100%}.type-box .prompt{font-weight:800}.type-line{white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex:1 1 auto;max-width:100%;font-size:clamp(12px,1.8vw,14px)}.type-caret{width:10px;height:18px;background:#000;display:inline-block;border-radius:2px;margin-left:4px;animation:caret-blink 1s steps(1) infinite;flex:0 0 auto}html[data-theme=dark] .type-caret{background:#fff}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.feature-head{margin-bottom:12px}.feature-title{margin:0 0 6px;font-size:20px}.feature-desc{margin:0;color:var(--muted)}.db-grid{display:grid;grid-gap:12px;gap:12px;margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.db-grid .db-card:first-child{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.08)),#fff}.db-grid .db-card:nth-child(2){background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(59,130,246,.08)),#fff}.db-grid .db-card:nth-child(3){background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(245,158,11,.08)),#fff}.db-card{display:grid;grid-template-columns:44px 1fr;grid-gap:10px;gap:10px;align-items:center;border:1px solid #000;border-radius:14px;padding:12px;background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(59,130,246,.06)),#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}.db-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#000}.db-meta{display:grid;grid-gap:2px;gap:2px}.db-name{font-weight:700}.db-sub{color:var(--muted);font-size:12px}.ai-loader{border:1px solid #000;border-radius:12px;background:linear-gradient(90deg,rgba(99,102,241,.08),rgba(59,130,246,.06));padding:12px 16px;height:56px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.04)}.ai-loader,.ai-loader-row{display:flex;align-items:center;justify-content:center}.ai-loader-row{gap:8px}.loader-ring{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:rgba(99,102,241,.8);border-radius:50%;animation:spin 1s linear infinite}.ai-loader-text{font-weight:600;color:var(--fg);font-size:14px;opacity:.8}.ai-loader-tick{display:inline-block;width:22px;height:22px;border-radius:50%;background:#4ade80;position:relative;vertical-align:middle;margin-right:8px;animation:tick-pop .4s cubic-bezier(.4,2,.6,1) 1}.ai-loader-tick svg{display:block;width:14px;height:14px;position:absolute;top:4px;left:4px}@keyframes tick-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.step-card{border:1px solid #000;border-radius:14px;background:var(--surface);overflow:hidden;transition:box-shadow .25s ease,transform .2s ease}.step-card.step-hidden{opacity:0;transform:translateY(20px) scale(.95)}.step-card.step-revealing{animation:modernReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}.step-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.08);transform:translateY(-1px)}.step-card.step-completed{box-shadow:0 14px 28px rgba(0,0,0,.12);transform:translateY(-1px)}@keyframes modernReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.step-badge{position:relative;background:linear-gradient(135deg,#1f2937,#374151);border:1.5px solid hsla(0,0%,100%,.1);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.step-badge.badge-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1.5px solid rgba(16,185,129,.3);box-shadow:0 8px 25px rgba(16,185,129,.4),0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3);animation:badgeGlow 2s ease-in-out}@keyframes badgeGlow{0%,to{transform:scale(1);box-shadow:0 8px 25px rgba(16,185,129,.4),0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3)}50%{transform:scale(1.08);box-shadow:0 12px 35px rgba(16,185,129,.6),0 6px 20px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4)}}.step-card .feature-head{position:relative;padding:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent)}html[data-theme=dark] .step-card .feature-head{background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent)}.step-card .feature-title{color:var(--fg);font-weight:700;margin-bottom:8px;font-size:18px;letter-spacing:-.01em}.step-card .feature-desc{color:var(--muted);font-size:14px;line-height:1.5}.footer{background:var(--bg);border-top:1px solid var(--line);margin-top:80px}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;grid-gap:48px;gap:48px;padding:60px 0 40px}@media (max-width:768px){.footer-main{grid-template-columns:1fr;gap:32px;padding:40px 0 32px}}.footer-section{display:flex;flex-direction:column}.footer-brand{max-width:280px}.footer-logo{margin-bottom:16px}.logo-placeholder{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--fg)}.logo-placeholder svg{color:var(--primary);flex-shrink:0}.footer-tagline{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:24px}.social-links{display:flex;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--muted);background:var(--card);border:1px solid var(--line);text-decoration:none;transition:all .2s ease}.social-link:hover{color:var(--fg);background:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.footer-title{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:16px;letter-spacing:-.01em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-links li{margin:0}.footer-links a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s ease;line-height:1.4}.footer-links a:hover{color:var(--fg)}.footer-newsletter{max-width:280px}.newsletter-desc{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.4}.newsletter-form{display:flex;flex-direction:column}.newsletter-input{display:flex;gap:8px;margin-bottom:12px}.newsletter-input input{flex:1 1;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg);font-size:14px;outline:none;transition:border-color .2s ease}.newsletter-input input:focus{border-color:var(--primary)}.newsletter-input input::placeholder{color:var(--muted)}.newsletter-btn{padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.newsletter-btn:hover{background:#2563eb;transform:translateY(-1px)}.newsletter-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;background:#666!important}.newsletter-btn.btn-success{background:var(--brand-mint)!important;color:#fff!important;opacity:1!important}.newsletter-btn.btn-error{background:#ef4444!important;color:#fff!important}.newsletter-btn.btn-loading{background:#666!important;color:#fff!important}[data-theme=dark] .newsletter-btn{background:#3b82f6;color:#fff}[data-theme=dark] .newsletter-btn:hover{background:#2563eb}.footer-bottom{border-top:1px solid var(--line);padding:24px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width:768px){.footer-bottom-content{flex-direction:column;text-align:center;gap:12px}}.copyright{font-size:14px;color:var(--muted)}.legal-links{display:flex;gap:24px;flex-wrap:wrap}@media (max-width:768px){.legal-links{gap:16px;justify-content:center}}.legal-links a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s ease}.legal-links a:hover{color:var(--fg)}[data-theme=dark] .footer{background:var(--bg)}[data-theme=dark] .social-link{background:hsla(0,0%,100%,.05)}[data-theme=dark] .social-link:hover{background:var(--primary)}[data-theme=dark] .newsletter-input input{background:hsla(0,0%,100%,.05)}.fx{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.fx-dot,.fx-line{position:absolute;display:block;animation-name:float;animation-timing-function:linear;animation-iteration-count:infinite}.fx-dot{width:6px;height:6px;border-radius:999px;background:#000;transform:translate(-50%,-50%)}.fx-line{width:1px;height:44px;background:#000;transform-origin:top;transform:translateX(-50%)}@keyframes float{0%{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}50%{transform:translate(-50%,-50%) translateY(-30px) rotate(1deg)}to{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}}.fx-packet{position:absolute;display:block;width:36px;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(122,162,255,0),rgba(122,162,255,.6),rgba(114,245,198,0));filter:blur(.2px);pointer-events:none;animation-iteration-count:infinite;animation-timing-function:linear}.fx-packet:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);opacity:.25}.fx-packet-h{animation-name:packet-h}.fx-packet-h,.fx-packet-v{animation-duration:var(--packet-dur,18s)}.fx-packet-v{animation-name:packet-v;width:10px;height:36px;background:linear-gradient(180deg,rgba(122,162,255,0),rgba(122,162,255,.6),rgba(114,245,198,0))}@keyframes packet-h{0%{transform:translateX(-60px);opacity:0}10%{opacity:.35}90%{opacity:.35}to{transform:translateX(calc(100vw + 60px));opacity:0}}@keyframes packet-v{0%{transform:translateY(-60px);opacity:0}10%{opacity:.35}90%{opacity:.35}to{transform:translateY(calc(100vh + 60px));opacity:0}}html[data-theme=light] .fx-packet{background:linear-gradient(90deg,rgba(91,124,255,0),rgba(91,124,255,.45),rgba(139,92,246,0))}html[data-theme=light] .fx-packet-v{background:linear-gradient(180deg,rgba(91,124,255,0),rgba(91,124,255,.45),rgba(139,92,246,0))}.pricing{position:relative;padding:40px 24px 80px;overflow:hidden;--text:var(--fg);--muted:var(--muted);--line:var(--line);--card:var(--surface-elev);--bg-elev:color-mix(in oklab,var(--surface),transparent 0%);--btn:#7aa2ff;--btn-ink:#0a0f1a;--accent:linear-gradient(135deg,#7aa2ff,#a17dff 50%,#72f5c6);--shadow:0 10px 30px rgba(0,0,0,.18);--radius:18px;--blur:14px}.pricing .pricing-inner{max-width:1100px;margin:0 auto;position:relative}.pricing .pricing-head{text-align:center;margin-bottom:28px;display:grid;grid-gap:12px;gap:12px;justify-items:center}.pricing .pricing-title{font-size:clamp(24px,2.4vw,34px);letter-spacing:.2px;margin:0}.pricing .pricing-sub{color:var(--muted);margin:8px 0 18px}.pricing .bg-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(700px 700px at 50% 20%,rgba(0,0,0,.7),transparent 70%);mask-image:radial-gradient(700px 700px at 50% 20%,rgba(0,0,0,.7),transparent 70%)}.pricing .billing-row{display:inline-flex;align-items:center;gap:10px}.pricing .billing-toggle{position:relative;display:inline-flex;align-items:center;gap:0;padding:6px;border-radius:999px;background:var(--card);border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;isolation:isolate}.pricing .billing-toggle .toggle-btn{position:relative;z-index:2;padding:10px 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:700;font-size:14px;text-align:center;white-space:nowrap}.pricing .billing-toggle .toggle-btn.active{color:var(--text)}.pricing .billing-toggle .toggle-thumb{position:absolute;z-index:1;top:4px;bottom:4px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);transition:left .28s cubic-bezier(.2,.8,.2,1),right .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),background .2s ease}.pricing .billing-toggle .toggle-thumb.pos-left{left:4px;right:auto;width:calc(50% + 4px)}.pricing .billing-toggle .toggle-thumb.pos-right{left:auto;right:4px;width:calc(50% - 4px)}html[data-theme=light] .pricing .billing-toggle .toggle-thumb{background:rgba(0,0,0,.06)}html[data-theme=dark] .pricing .billing-toggle .toggle-thumb{background:hsla(0,0%,100%,.06)}.pricing .save-pill{margin-left:10px;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--btn-ink);transform:scale(0);opacity:0;animation:pill-bounce-in .5s cubic-bezier(.68,-.55,.265,1.55) .2s forwards}@keyframes pill-bounce-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}html[data-theme=light] .pricing .billing-toggle{background:#fff}html[data-theme=light] .pricing .billing-toggle .toggle-btn{color:#6b7280}html[data-theme=light] .pricing .billing-toggle .toggle-btn.active{color:#111827}.pricing .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:22px}@media (max-width:960px){.pricing .plan-grid{grid-template-columns:1fr}}.pricing .plan-card{position:relative;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:clip;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transform:translateY(6px);animation:floatIn .6s both;animation-delay:calc(var(--stagger-index) * 90ms)}@keyframes floatIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing .plan-card:hover{transform:translateY(0);transition:transform .25s ease}.pricing .plan-glow{position:absolute;inset:-2px;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,rgba(122,162,255,.25),rgba(161,125,255,.22),rgba(114,245,198,.22),rgba(122,162,255,.25));filter:blur(22px);opacity:0;transition:opacity .25s ease}.pricing .plan-card:hover .plan-glow{opacity:.9}.pricing .plan-head{padding:22px 22px 10px}.pricing .plan-name{margin:0 0 10px;font-size:18px;letter-spacing:.3px}.pricing .plan-price{display:flex;align-items:baseline;gap:6px;position:relative}.pricing .currency{opacity:.8}.pricing .amount{font-size:38px;font-weight:800;letter-spacing:.4px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.pricing .per{color:var(--muted);font-weight:700}.pricing .plan-note{margin-top:6px;color:var(--muted);font-size:14px;opacity:0;transform:translateY(-10px);animation:slide-in-down .4s ease-out .1s forwards}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pricing .amount:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent);opacity:0;border-radius:4px;transition:opacity .2s ease;z-index:-1}.pricing .plan-card.price-changing .amount:after{opacity:.15}.pricing .plan-card.price-changing .amount{animation:price-pulse .3s ease-in-out}@keyframes price-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pricing .billing-row.yearly-active .save-pill{animation:pill-bounce-in .5s cubic-bezier(.68,-.55,.265,1.55) .2s forwards,pill-glow 2s ease-in-out .7s infinite alternate}@keyframes pill-glow{0%{box-shadow:0 0 5px rgba(122,162,255,.3)}to{box-shadow:0 0 20px rgba(122,162,255,.6)}}.pricing .plan-features{list-style:none;margin:0;padding:0 22px 18px;display:grid;grid-gap:10px;gap:10px;color:var(--text)}.pricing .plan-features li{position:relative;padding-left:22px;color:var(--muted)}.pricing .plan-features li:before{content:"✔";position:absolute;left:0;opacity:.9;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing .plan-badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:900;letter-spacing:.3px;padding:6px 10px;border-radius:999px;background:var(--accent);color:var(--btn-ink);box-shadow:0 8px 18px rgba(0,0,0,.25)}.pricing .btn{display:inline-block;margin:8px 22px 22px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800;border:1px dashed rgba(0,0,0,.25);background:linear-gradient(0deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));color:var(--text);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pricing .btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.pricing .btn.primary{background:var(--accent);color:var(--btn-ink);border-color:transparent}html[data-theme=light] .pricing .btn:not(.primary){border:1px dashed rgba(0,0,0,.3)}html[data-theme=dark] .pricing .btn:not(.primary){border:1px dashed hsla(0,0%,100%,.25)}@media (prefers-reduced-motion:reduce){.pricing .billing-toggle .toggle-thumb,.pricing .plan-card{animation:none!important;transition:none!important}}.try-free{position:relative;padding:80px 24px;background:linear-gradient(135deg,rgba(139,92,246,.03),rgba(59,130,246,.02) 50%,rgba(16,185,129,.03));overflow:hidden}.try-free:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;opacity:.3;-webkit-mask-image:radial-gradient(800px 400px at 50% 50%,rgba(0,0,0,.8),transparent 70%);mask-image:radial-gradient(800px 400px at 50% 50%,rgba(0,0,0,.8),transparent 70%);pointer-events:none}.try-free-inner{max-width:600px;margin:0 auto;position:relative;z-index:1}.try-free-content{text-align:center}.try-free-title{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:.3px;margin:0 0 16px;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.try-free-sub{font-size:18px;color:var(--muted);margin:0 0 40px;line-height:1.6}.try-free-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;max-width:700px;margin:0 auto}.enterprise-plan-card,.free-plan-card{position:relative;background:var(--surface-elev);border:1px solid var(--line);border-radius:16px;padding:24px 20px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 15px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(8px);animation:floatIn .8s both;transition:transform .3s ease,box-shadow .3s ease}.enterprise-plan-card:hover,.free-plan-card:hover{transform:translateY(0);box-shadow:0 8px 12px rgba(0,0,0,.1),0 20px 30px rgba(0,0,0,.15)}.enterprise-plan-glow,.free-plan-glow{position:absolute;inset:-3px;pointer-events:none;filter:blur(24px);opacity:0;transition:opacity .4s ease;border-radius:20px}.free-plan-glow{background:conic-gradient(from 180deg at 50% 50%,rgba(139,92,246,.3),rgba(59,130,246,.25),rgba(16,185,129,.25),rgba(139,92,246,.3))}.enterprise-plan-glow{background:conic-gradient(from 180deg at 50% 50%,rgba(245,158,11,.3),rgba(239,68,68,.25),rgba(168,85,247,.25),rgba(245,158,11,.3))}.enterprise-plan-card:hover .enterprise-plan-glow,.free-plan-card:hover .free-plan-glow{opacity:1}.enterprise-plan-head,.free-plan-head{margin-bottom:20px;min-height:80px;display:flex;flex-direction:column;justify-content:space-between}.enterprise-plan-name,.free-plan-name{font-size:20px;font-weight:800;letter-spacing:.4px;margin:0 0 10px;text-align:center}.free-plan-name{color:var(--brand-purple)}.enterprise-plan-name{background:linear-gradient(135deg,var(--brand-amber),#ef4444);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.enterprise-plan-price,.free-plan-price{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:8px;min-height:50px}.enterprise-plan-price .currency,.free-plan-price .currency{opacity:.8;font-size:18px}.free-plan-price .amount{font-size:42px;letter-spacing:.5px;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text}.enterprise-plan-price .amount,.free-plan-price .amount{font-weight:800;-webkit-text-fill-color:transparent;line-height:1.2}.enterprise-plan-price .amount{font-size:28px;letter-spacing:.3px;background:linear-gradient(135deg,var(--brand-amber),#ef4444);background-clip:text;-webkit-background-clip:text}.enterprise-plan-price .per,.free-plan-price .per{color:var(--muted);font-weight:600;font-size:14px}.enterprise-plan-features,.free-plan-features{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-gap:10px;gap:10px;text-align:center}.enterprise-plan-features li,.free-plan-features li{position:relative;padding-left:24px;color:var(--fg);font-weight:500;font-size:14px}.free-plan-features li:before{background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text}.enterprise-plan-features li:before,.free-plan-features li:before{content:"✔";position:absolute;left:0;opacity:.9;-webkit-text-fill-color:transparent}.enterprise-plan-features li:before{background:linear-gradient(135deg,var(--brand-amber),#ef4444);background-clip:text;-webkit-background-clip:text}.try-free .btn{display:inline-block;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.3px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.try-free .btn.free{background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));color:#fff;border:none;box-shadow:0 4px 8px rgba(139,92,246,.3),0 2px 4px rgba(139,92,246,.2)}.try-free .btn.enterprise{background:linear-gradient(135deg,var(--brand-amber),#ef4444);color:#fff;border:none;box-shadow:0 4px 8px rgba(245,158,11,.3),0 2px 4px rgba(245,158,11,.2)}.try-free .btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .25s ease}.try-free .btn:hover{transform:translateY(-2px)}.try-free .btn.free:hover{box-shadow:0 8px 16px rgba(139,92,246,.4),0 4px 8px rgba(139,92,246,.3)}.try-free .btn.enterprise:hover{box-shadow:0 8px 16px rgba(245,158,11,.4),0 4px 8px rgba(245,158,11,.3)}.try-free .btn:hover:before{opacity:1}@media (max-width:768px){.try-free{padding:60px 24px}.try-free-cards{grid-template-columns:1fr;gap:20px;max-width:320px}.enterprise-plan-card,.free-plan-card{padding:20px 18px}.try-free-title{font-size:32px}.try-free-sub{font-size:16px}}h1{font-family:sans-serif;font-size:2.5rem;font-weight:700}.shine{color:#ff0080;font-weight:800;text-shadow:0 0 10px rgba(255,0,128,.3);background:linear-gradient(270deg,#ff0080,#7928ca,#2af598,#00f0ff,#ff6b00,#ff0080);background-size:400% 400%;animation:gradientShift 8s ease infinite,shine 2s linear infinite,pulse 3s ease-in-out infinite}@media (min-width:769px){.shine{-webkit-background-clip:text;background-clip:text;color:transparent}}@media (max-width:768px){.shine{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:0 0 15px rgba(255,0,128,.5)!important}.mobile-ai-fallback,.shine{color:#ff0080!important;font-weight:900!important;animation:none!important;filter:none!important}.mobile-ai-fallback{background:none!important;background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;text-shadow:2px 2px 4px rgba(255,0,128,.3)!important;opacity:1!important;visibility:visible!important;display:inline!important}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shine{0%{filter:brightness(1)}50%{filter:brightness(1)}to{filter:brightness(1.1)}}@keyframes pulse{0%,to{transform:scale(1);text-shadow:0 0 8px hsla(0,0%,100%,.6)}50%{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.9)}}.auth-container{min-height:100vh;justify-content:center;padding:2rem;position:relative;background:var(--bg)}.auth-container,.back-button{display:flex;align-items:center}.back-button{position:absolute;top:2rem;left:2rem;z-index:10;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.back-button:hover{background:var(--surface-elev);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.back-button svg{flex-shrink:0}.auth-logo{position:absolute;top:2rem;right:2rem;z-index:10;display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.08em}.auth-logo .logo-image{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0}.auth-logo .logo-text{font-size:1.2em;font-weight:inherit;letter-spacing:inherit}@media (max-width:768px){.back-button{top:1rem;left:1rem;padding:.5rem .75rem;font-size:13px}.auth-logo{top:1rem;right:1rem}.auth-logo .logo-image{width:24px;height:24px}.auth-logo .logo-text{font-size:1.1em}}.auth-background{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(236,72,153,.1) 0,transparent 50%);pointer-events:none;z-index:0}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--fg)}.auth-header p{color:var(--muted);margin:0;font-size:.95rem}.auth-content{display:flex;flex-direction:column;gap:1.5rem}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface-elev);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.google-auth-btn:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{position:relative;text-align:center;margin:.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}.auth-divider span{background:var(--surface);color:var(--muted);padding:0 1rem;font-size:.875rem;position:relative;z-index:1}.auth-form{gap:1rem}.auth-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:var(--fg)}.form-field input{padding:.875rem;background:var(--surface-elev);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:.95rem;transition:all .2s ease}.form-field input::placeholder{color:var(--muted)}.form-field input:focus{outline:none;border-color:var(--brand-purple);box-shadow:0 0 0 2px rgba(139,92,246,.2)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:var(--fg)}.password-toggle:focus{outline:none;color:var(--brand-purple)}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#fca5a5}.error-message,.success-message{padding:.75rem;font-size:.875rem;text-align:center}.success-message{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:6px;color:#10b981;margin-bottom:1rem}.auth-submit-btn{width:100%;padding:.875rem;background:var(--brand-purple);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){background:#7c3aed}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;color:var(--muted);font-size:.9rem}.toggle-link{background:none;border:none;color:var(--brand-purple);text-decoration:underline;cursor:pointer;font-size:inherit}.toggle-link:hover{color:#7c3aed}html[data-theme=light] .auth-card{background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.08)}html[data-theme=light] .google-auth-btn:hover:not(:disabled){background:#f8f9fa}html[data-theme=light] .form-field input:focus{box-shadow:0 0 0 2px rgba(139,92,246,.15)}html[data-theme=light] .back-button{background:#fff;border:1px solid rgba(0,0,0,.08);color:#111}html[data-theme=light] .back-button:hover{background:#fafafa;box-shadow:0 4px 12px rgba(0,0,0,.08)}html[data-theme=light] .password-toggle{color:#666}html[data-theme=light] .password-toggle:hover{color:#111}html[data-theme=light] .password-toggle:focus{color:var(--brand-purple)}html[data-theme=light] .error-message{background:rgba(239,68,68,.05);color:#dc2626}html[data-theme=light] .success-message{background:rgba(16,185,129,.05);color:#059669}.policy-header{position:-webkit-sticky;position:sticky;top:0;background:color-mix(in oklab,var(--bg),transparent 16%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:10;padding:16px 0}.policy-header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.back-to-home{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--fg);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.back-to-home:hover{background:var(--surface-elev);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.back-to-home svg{flex-shrink:0}.policy-content{padding:40px 24px 80px;min-height:calc(100vh - 200px)}.policy-container{max-width:800px;margin:0 auto}.policy-header-section{text-align:center;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--line)}.policy-header-section h1{font-size:clamp(28px,4vw,42px);font-weight:800;margin:0 0 16px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.policy-subtitle{color:var(--muted);font-size:16px;margin:0;font-weight:500}.policy-sections{display:flex;flex-direction:column;gap:32px}.policy-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease}.policy-section:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.policy-section h2{color:var(--fg);font-size:20px;font-weight:700;margin:0 0 16px;letter-spacing:-.01em}.policy-section h3{color:var(--fg);font-size:18px;font-weight:600;margin:16px 0 12px;letter-spacing:-.01em}.policy-section p{color:var(--fg);line-height:1.6;margin:0 0 16px;font-size:15px}.policy-section p:last-child{margin-bottom:0}.policy-section ul{margin:16px 0;padding-left:20px}.policy-section li{color:var(--fg);line-height:1.6;margin:8px 0;font-size:15px}.policy-section li strong{font-weight:600;color:var(--fg)}.policy-link{color:var(--brand-purple);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}.policy-link:hover{color:#7c3aed;border-bottom-color:#7c3aed}.cookie-category{background:rgba(139,92,246,.03);border:1px solid rgba(139,92,246,.1);border-radius:8px;padding:16px;margin:16px 0}.cookie-category h3{color:var(--brand-purple);margin-top:0}.cookie-management{background:rgba(59,130,246,.03);border:1px solid rgba(59,130,246,.1);border-radius:8px;padding:16px;margin:16px 0}.cookie-management h3{color:var(--brand-blue);margin-top:0}.policy-footer{background:var(--surface);border-top:1px solid var(--line);padding:32px 24px;margin-top:40px}.policy-footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.policy-footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.policy-footer-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.policy-footer-links a:hover{color:var(--fg)}.policy-footer-copyright{color:var(--muted);font-size:13px}@media (max-width:768px){.policy-header-content{padding:0 16px}.policy-content{padding:32px 16px 60px}.policy-section{padding:20px}.policy-header-section{margin-bottom:32px}.policy-sections{gap:24px}.policy-footer-links{gap:16px}.back-to-home{padding:6px 12px;font-size:13px}}@media (max-width:480px){.policy-content{padding:24px 16px 48px}.policy-section{padding:16px}.policy-section h2{font-size:18px}.policy-section h3{font-size:16px}.policy-footer-links{flex-direction:column;gap:12px}}html[data-theme=light] .policy-section{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}html[data-theme=light] .policy-section:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}html[data-theme=light] .cookie-category{background:rgba(139,92,246,.04);border:1px solid rgba(139,92,246,.15)}html[data-theme=light] .cookie-management{background:rgba(59,130,246,.04);border:1px solid rgba(59,130,246,.15)}html[data-theme=light] .back-to-home{background:#fff;border:1px solid rgba(0,0,0,.08);color:#111}html[data-theme=light] .back-to-home:hover{background:#fafafa;box-shadow:0 4px 12px rgba(0,0,0,.08)}html[data-theme=light] .policy-footer{background:#fafafa}.changelog-sections{display:flex;flex-direction:column;gap:40px}.changelog-entry{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease}.changelog-entry:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.changelog-entry.upcoming{border:2px solid var(--brand-purple);background:linear-gradient(135deg,rgba(139,92,246,.03) 0,var(--surface) 100%)}.changelog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent);border-bottom:1px solid var(--line)}.version-info{display:flex;align-items:center;gap:16px}.version-number{font-size:24px;font-weight:800;margin:0;letter-spacing:-.02em;color:var(--fg)}.release-type{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid}.release-type.new{background:linear-gradient(135deg,var(--brand-mint),#059669);color:#fff;border-color:var(--brand-mint);box-shadow:0 4px 12px rgba(16,185,129,.25)}.release-type.improvement{background:linear-gradient(135deg,var(--brand-blue),#2563eb);color:#fff;border-color:var(--brand-blue);box-shadow:0 4px 12px rgba(59,130,246,.25)}.release-type.major{background:linear-gradient(135deg,var(--brand-purple),#7c3aed);color:#fff;border-color:var(--brand-purple);box-shadow:0 4px 12px rgba(139,92,246,.25)}.release-type.bug-fix{background:linear-gradient(135deg,var(--brand-amber),#d97706);color:#fff;border-color:var(--brand-amber);box-shadow:0 4px 12px rgba(245,158,11,.25)}.release-type.upcoming{background:linear-gradient(135deg,var(--brand-pink),#be185d);color:#fff;border-color:var(--brand-pink);box-shadow:0 4px 12px rgba(236,72,153,.25)}.release-date{color:var(--muted);font-size:14px;font-weight:600}.changelog-content{padding:28px;display:flex;flex-direction:column;gap:24px}.feature-category{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px}.category-title{font-size:16px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.category-title.new-features{color:var(--brand-mint)}.category-title.improvements{color:var(--brand-blue)}.category-title.bug-fixes{color:var(--brand-amber)}.category-title.upcoming-features{color:var(--brand-pink)}.changelog-content ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.changelog-content li{display:flex;align-items:flex-start;gap:12px;color:var(--fg);line-height:1.5;font-size:15px;position:relative;padding-left:20px}.changelog-content li:before{content:"•";position:absolute;left:0;top:0;color:var(--brand-purple);font-weight:700;font-size:18px}.changelog-content li strong{font-weight:600;color:var(--fg)}.changelog-subscribe{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:2px solid rgba(139,92,246,.15);border-radius:16px;padding:32px;text-align:center;margin-top:40px}.subscribe-content h3{font-size:24px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subscribe-content p{color:var(--muted);margin:0 0 24px;font-size:16px}.subscribe-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.contact-btn,.subscribe-btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease}.subscribe-btn{background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));color:#fff;border:none;box-shadow:0 4px 12px rgba(139,92,246,.3)}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,.4)}.contact-btn{background:var(--surface-elev);color:var(--fg);border:1px solid var(--line)}.contact-btn:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:768px){.changelog-header{gap:12px;padding:20px 24px 16px}.changelog-header,.version-info{flex-direction:column;align-items:flex-start}.version-info{gap:8px}.version-number{font-size:20px}.changelog-content{padding:24px 20px;gap:20px}.feature-category{padding:16px}.changelog-subscribe{padding:24px 20px}.subscribe-actions{flex-direction:column;gap:12px}.contact-btn,.subscribe-btn{width:100%;text-align:center}}@media (max-width:480px){.changelog-sections{gap:24px}.changelog-header{padding:16px 16px 12px}.changelog-content{padding:20px 16px}.version-number{font-size:18px}.release-type{padding:4px 10px;font-size:11px}}html[data-theme=light] .changelog-entry{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}html[data-theme=light] .changelog-entry:hover{box-shadow:0 8px 24px rgba(0,0,0,.15)}html[data-theme=light] .feature-category{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05)}html[data-theme=light] .changelog-subscribe{background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(59,130,246,.03));border:2px solid rgba(139,92,246,.12)}html[data-theme=light] .contact-btn{background:#fff;border:1px solid rgba(0,0,0,.1)}html[data-theme=light] .contact-btn:hover{background:#fafafa}.status-container{max-width:1000px;margin:0 auto}.overall-status{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:2px solid rgba(139,92,246,.15);border-radius:16px;padding:32px;margin-bottom:40px}.status-overview{display:flex;justify-content:space-between;align-items:center;gap:24px}.status-indicator{display:flex;align-items:center;gap:16px}.status-dot{width:24px;height:24px;border-radius:50%;position:relative}.status-dot.operational{background:var(--brand-mint);box-shadow:0 0 20px rgba(16,185,129,.4);animation:pulse-operational 2s ease-in-out infinite alternate}.status-dot.partial{background:var(--brand-amber);box-shadow:0 0 20px rgba(245,158,11,.4);animation:pulse-warning 2s ease-in-out infinite alternate}@keyframes pulse-operational{0%{box-shadow:0 0 20px rgba(16,185,129,.4)}to{box-shadow:0 0 30px rgba(16,185,129,.8)}}@keyframes pulse-warning{0%{box-shadow:0 0 20px rgba(245,158,11,.4)}to{box-shadow:0 0 30px rgba(245,158,11,.8)}}.status-indicator h2{font-size:28px;font-weight:800;margin:0;color:var(--fg)}.uptime-stats{display:flex;gap:32px}.uptime-metric{text-align:center}.metric-value{display:block;font-size:24px;font-weight:800;color:var(--fg);margin-bottom:4px}.metric-label{font-size:14px;color:var(--muted);font-weight:500}.components-section{margin-bottom:40px}.section-title{font-size:24px;font-weight:800;margin:0 0 24px;color:var(--fg)}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.component-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;transition:all .2s ease}.component-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.component-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.component-info h3{font-size:16px;font-weight:700;margin:0 0 4px;color:var(--fg)}.component-info p{font-size:14px;color:var(--muted);margin:0}.component-status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.status-text{text-transform:capitalize}.component-metrics{display:flex;gap:24px}.metric{display:flex;flex-direction:column;gap:4px}.metric .metric-label{font-size:12px;color:var(--muted);font-weight:500}.metric .metric-value{font-size:16px;font-weight:700;color:var(--fg)}.simple-components-list{display:flex;flex-direction:column;gap:16px}.simple-component-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:all .2s ease}.simple-component-row:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.component-name{display:flex;flex-direction:column;gap:4px}.component-name>span:first-child{font-size:16px;font-weight:600;color:var(--fg)}.component-desc{font-size:14px;color:var(--muted)}.component-status.operational{color:var(--brand-mint)}.incidents-section{margin-bottom:40px}.incidents-list{display:flex;flex-direction:column;gap:16px}.incident-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.incident-header{margin-bottom:16px}.incident-info h3{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--fg)}.incident-meta{display:flex;gap:16px;align-items:center}.incident-date{font-size:14px;color:var(--muted)}.incident-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.incident-status.maintenance{background:rgba(245,158,11,.15);color:var(--brand-amber)}.incident-status.resolved{background:rgba(16,185,129,.15);color:var(--brand-mint)}.incident-details p{font-size:14px;line-height:1.5;color:var(--fg);margin:8px 0}.incident-details strong{font-weight:600}.history-section{margin-bottom:40px}.uptime-chart{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}.chart-container{display:flex;gap:2px;height:100px;align-items:flex-end;margin-bottom:16px}.uptime-bar{flex:1 1;min-width:4px;border-radius:2px 2px 0 0;transition:all .2s ease}.uptime-bar.excellent{background:var(--brand-mint)}.uptime-bar.good{background:var(--brand-blue)}.uptime-bar.degraded{background:var(--brand-amber)}.uptime-bar:hover{opacity:.8;transform:scaleY(1.1)}.chart-legend{display:flex;gap:20px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.legend-dot{width:12px;height:12px;border-radius:2px}.legend-dot.excellent{background:var(--brand-mint)}.legend-dot.good{background:var(--brand-blue)}.legend-dot.degraded{background:var(--brand-amber)}.chart-info{text-align:center;margin-top:16px}.chart-info p{color:var(--muted);font-size:14px;margin:0}.status-subscribe{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:2px solid rgba(139,92,246,.15);border-radius:16px;padding:32px;text-align:center}.about-container{max-width:1000px;margin:0 auto}.story-section{margin-bottom:48px}.story-content h2{font-size:28px;font-weight:800;margin:0 0 24px;text-align:center;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-text{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;line-height:1.7}.story-text p{font-size:16px;color:var(--fg);margin:0 0 20px}.story-text p:last-child{margin-bottom:0}.mission-section{margin-bottom:48px}.mission-vision-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.mission-card,.vision-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;text-align:center}.mission-card{border-color:var(--brand-purple);background:linear-gradient(135deg,rgba(139,92,246,.05) 0,var(--surface) 100%)}.vision-card{border-color:var(--brand-blue);background:linear-gradient(135deg,rgba(59,130,246,.05) 0,var(--surface) 100%)}.mission-card h3,.vision-card h3{font-size:20px;font-weight:800;margin:0 0 16px}.mission-card h3{color:var(--brand-purple)}.vision-card h3{color:var(--brand-blue)}.mission-card p,.vision-card p{font-size:16px;line-height:1.6;color:var(--fg);margin:0}.stats-section{margin-bottom:48px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-top:24px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.stat-number{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.stat-label{font-size:14px;color:var(--muted);font-weight:600}.values-section{margin-bottom:48px}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-top:24px}.value-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.value-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.value-icon{font-size:32px;margin-bottom:16px}.value-card h3{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--fg)}.value-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.team-section{margin-bottom:48px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-top:24px}.team-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.team-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.member-photo{margin-bottom:16px}.photo-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px;font-weight:700;color:#fff}.member-info h3{font-size:18px;font-weight:700;margin:0 0 4px;color:var(--fg)}.member-role{font-size:14px;color:var(--brand-purple);font-weight:600;margin:0 0 12px}.member-bio{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 16px}.member-linkedin{display:inline-flex;align-items:center;gap:6px;color:var(--brand-blue);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s ease}.member-linkedin:hover{color:var(--brand-purple)}.investors-section{margin-bottom:48px}.investors-content{text-align:center}.investors-content p{font-size:16px;color:var(--muted);margin:0 0 32px}.investors-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.investor-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center}.investor-logo{margin-bottom:16px}.investor-logo span{font-size:18px;font-weight:700;color:var(--fg)}.investor-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.careers-section{margin-bottom:48px}.careers-content{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(59,130,246,.05));border:2px solid rgba(139,92,246,.15);border-radius:16px;padding:32px;text-align:center}.careers-content h3{font-size:24px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.careers-content p{font-size:16px;color:var(--muted);margin:0 0 24px}.careers-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.careers-btn{padding:12px 24px;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.careers-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,.4)}.link-btn{padding:12px 24px;background:var(--surface-elev);color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:8px;font-weight:600;transition:all .2s ease}.link-btn:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.contact-section{margin-bottom:48px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:24px}.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center}.contact-card h4{font-size:16px;font-weight:700;margin:0 0 12px;color:var(--fg)}.contact-card p{font-size:14px;color:var(--muted);margin:0 0 16px;line-height:1.5}.contact-link{color:var(--brand-purple);text-decoration:none;font-weight:600;font-size:14px;transition:color .2s ease}.contact-link:hover{color:var(--brand-blue)}@media (max-width:768px){.status-overview{flex-direction:column;text-align:center;gap:16px}.uptime-stats{gap:20px}.components-grid{grid-template-columns:1fr}.simple-component-row{flex-direction:column;align-items:flex-start;gap:12px}.chart-legend{flex-direction:column;gap:8px}.mission-vision-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.investors-grid,.team-grid,.values-grid{grid-template-columns:1fr}.careers-actions{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.status-indicator h2{font-size:20px}.metric-value{font-size:18px}}html[data-theme=light] .component-card,html[data-theme=light] .contact-card,html[data-theme=light] .incident-card,html[data-theme=light] .investor-card,html[data-theme=light] .mission-card,html[data-theme=light] .simple-component-row,html[data-theme=light] .stat-card,html[data-theme=light] .story-text,html[data-theme=light] .team-card,html[data-theme=light] .uptime-chart,html[data-theme=light] .value-card,html[data-theme=light] .vision-card{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}html[data-theme=light] .link-btn{background:#fff;border:1px solid rgba(0,0,0,.1)}html[data-theme=light] .link-btn:hover{background:#fafafa}:root{--fx-bg:#07090d;--fx-grid:hsla(0,0%,100%,.04);--fx-text:#e9eef7;--fx-muted:#a7b0c0;--fx-g1:linear-gradient(135deg,#6c8afe,#7a46ff);--fx-g2:linear-gradient(135deg,#ff5ecd,#ff6a6a);--fx-g3:linear-gradient(135deg,#3ec9ff,#23ffd0);--fx-g4:linear-gradient(135deg,#93ffd9,#ffd1e3);--fx-radius:20px;--fx-card-bg:rgba(16,20,28,.75);--fx-border:hsla(0,0%,100%,.08);--fx-glow:0 10px 40px rgba(0,255,200,.08);--fx-accent:#7aa2ff;--fx-accent-2:#72f5c6}html[data-theme=light]{--fx-bg:#f8fafc;--fx-grid:rgba(0,0,0,.04);--fx-text:#0b111d;--fx-muted:#5b6475;--fx-accent:#5b7cff;--fx-accent-2:#8b5cf6}.fx-features{position:relative;padding:56px 24px 64px}.fx-bg{inset:0;pointer-events:none;z-index:0}.fx-bg,.fx-blob{position:absolute}.fx-blob{width:520px;height:520px;border-radius:50%;filter:blur(64px);opacity:.22;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--fx-accent),transparent 40%) 0,transparent 60%)}.fx-blob-a{left:8%;top:8%}.fx-blob-b{right:10%;top:42%}html[data-theme=light] .fx-blob{opacity:.12;filter:blur(84px)}.fx-container{width:min(1120px,92vw);margin:0 auto}.fx-head{text-align:center;margin-bottom:48px}.fx-head h2{color:var(--fx-text);font:700 36px/1.1 Inter,ui-sans-serif,system-ui;letter-spacing:.2px}.fx-head p{color:var(--fx-muted);margin-top:10px}.fx-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:32px;gap:32px}@media (min-width:900px){.fx-steps{grid-template-columns:repeat(2,1fr)}.fx-card:nth-child(odd){grid-column:1;transform:translateX(-6px)}.fx-card:nth-child(2n){grid-column:2;transform:translateX(6px)}}.fx-card{position:relative;border-radius:var(--fx-radius);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04) 50%,hsla(0,0%,100%,.01)),radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.05) 0,transparent 50%);border:1px solid hsla(0,0%,100%,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),inset 0 -1px 0 hsla(0,0%,100%,.04),0 8px 32px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);transition:all .4s cubic-bezier(.16,1,.3,1);animation:subtleFloat 6s ease-in-out infinite}html[data-theme=light] .fx-card{background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.95) 50%,hsla(0,0%,100%,.98)),radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.9) 0,transparent 50%);border-color:rgba(0,0,0,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.02),0 8px 32px rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.8)}.fx-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;filter:blur(24px);opacity:.25;z-index:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.06)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.1) 0,transparent 50%);animation:pulseGlow 4s ease-in-out infinite}.fx-card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--fx-accent),var(--fx-accent-2),transparent);opacity:.4;pointer-events:none;animation:shimmer 3s ease-in-out infinite}.fx-card__chrome{position:absolute;inset:1px;border-radius:calc(var(--fx-radius) - 1px);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));padding:1px}html[data-theme=light] .fx-card__chrome{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02))}.fx-card__content{position:relative;z-index:1;padding:28px min(28px,4vw) 26px}.fx-title{color:var(--fx-text);font:700 22px/1.15 Inter,system-ui;margin:8px 0 10px;letter-spacing:.2px}.fx-desc{color:var(--fx-muted);font:500 15px/1.6 Inter,system-ui;margin:0 0 18px}.fx-step-badge{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;color:var(--fx-text);font:800 20px/1 Inter;border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.1),0 4px 12px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(120% 120% at 30% 20%,hsla(0,0%,100%,.2),hsla(0,0%,100%,.06) 60%,hsla(0,0%,100%,.03) 100%),linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));position:relative;overflow:hidden}.fx-step-badge:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--fx-accent),var(--fx-accent-2));opacity:.1;z-index:-1}html[data-theme=light] .fx-step-badge{border-color:rgba(0,0,0,.08);box-shadow:inset 0 0 0 2px rgba(0,0,0,.03);background:radial-gradient(120% 120% at 30% 20%,rgba(0,0,0,.06),rgba(0,0,0,.02) 60%,rgba(0,0,0,.01) 100%)}.fx-step-badge.badge-active{border-color:color-mix(in oklab,var(--fx-accent) 60%,hsla(0,0%,100%,.3));box-shadow:0 0 0 8px color-mix(in oklab,var(--fx-accent) 25%,transparent),0 0 0 16px color-mix(in oklab,var(--fx-accent) 10%,transparent),inset 0 0 0 2px hsla(0,0%,100%,.15);background:linear-gradient(135deg,color-mix(in oklab,var(--fx-accent) 40%,transparent),color-mix(in oklab,var(--fx-accent-2) 30%,transparent)),radial-gradient(120% 120% at 30% 20%,hsla(0,0%,100%,.22),hsla(0,0%,100%,.08));animation:badgePulse 2s ease-in-out infinite}.fx-step-badge.badge-active:before{opacity:.2}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fx-pills{display:flex;flex-wrap:wrap;gap:10px}.fx-pill{border-radius:999px;padding:8px 16px;font:600 12px/1 Inter;color:#f0f9ff;letter-spacing:.3px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.06)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,transparent 70%);border:1px solid hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 8px rgba(0,0,0,.1);position:relative;overflow:hidden}.fx-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--fx-accent),var(--fx-accent-2));opacity:.05;z-index:-1}html[data-theme=light] .fx-pill{color:var(--fx-text);background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.95)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.8) 0,transparent 70%);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 2px 8px rgba(0,0,0,.06)}.fx-terminal{border-radius:16px;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.35)),radial-gradient(circle at 20% 20%,rgba(0,0,0,.6) 0,transparent 70%);border:1px solid hsla(0,0%,100%,.15);padding:16px 18px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 4px 16px rgba(0,0,0,.2)}.fx-terminal:before{content:"";position:absolute;inset:-40% -20% auto;height:140%;background:radial-gradient(600px 200px at 20% 20%,color-mix(in oklab,var(--fx-accent-2) 25%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in oklab,var(--fx-accent) 15%,transparent),transparent);pointer-events:none;animation:terminalGlow 4s ease-in-out infinite}html[data-theme=light] .fx-terminal{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.04)),radial-gradient(circle at 20% 20%,rgba(0,0,0,.12) 0,transparent 70%);border-color:rgba(0,0,0,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 4px 16px rgba(0,0,0,.08)}.fx-terminal__row{display:flex;gap:8px;align-items:center;color:var(--fx-text);opacity:.9;font:600 14px/1.6 Inter}.fx-caret{display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes terminalGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.fx-loader{display:flex;align-items:center;gap:12px}.fx-loader__text{color:var(--fx-text);opacity:.85;font-weight:600}.fx-ring{width:26px;height:26px;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in oklab,var(--fx-accent) 85%,transparent) 0 40%,transparent 60%),radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--fx-accent) 28%,transparent),transparent 60%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 57%,#000 58%);mask:radial-gradient(circle at 50% 50%,transparent 57%,#000 58%);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes subtleFloat{0%,to{transform:translateY(0) rotateX(0deg) rotateY(0deg)}25%{transform:translateY(-2px) rotateX(.5deg) rotateY(-.5deg)}50%{transform:translateY(-1px) rotateX(0deg) rotateY(.5deg)}75%{transform:translateY(-3px) rotateX(-.5deg) rotateY(0deg)}}@keyframes pulseGlow{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}@keyframes shimmer{0%,to{background:linear-gradient(90deg,transparent,var(--fx-accent),var(--fx-accent-2),transparent);transform:translateX(-100%)}50%{background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--fx-accent) 120%,#fff),color-mix(in oklab,var(--fx-accent-2) 120%,#fff),transparent);transform:translateX(100%)}}.fx-actions{display:flex;gap:10px;flex-wrap:wrap}.fx-btn{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.12) 0,transparent 70%);color:var(--fx-text);border:1px solid hsla(0,0%,100%,.18);padding:10px 18px;border-radius:14px;font:600 13px/1 Inter;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 8px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.fx-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--fx-accent),var(--fx-accent-2));opacity:.05;z-index:-1}.fx-btn:hover{transform:translateY(-2px) scale(1.02);border-color:color-mix(in oklab,var(--fx-accent) 30%,hsla(0,0%,100%,.2));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 8px 24px rgba(0,0,0,.3),0 0 0 1px color-mix(in oklab,var(--fx-accent) 20%,transparent),0 0 16px color-mix(in oklab,var(--fx-accent) 10%,transparent);background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.18) 0,transparent 70%)}html[data-theme=light] .fx-btn{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.95)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.8) 0,transparent 70%);border-color:rgba(0,0,0,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 2px 8px rgba(0,0,0,.08)}html[data-theme=light] .fx-btn:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.98)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.9) 0,transparent 70%);border-color:rgba(0,0,0,.16);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.95),0 8px 24px rgba(0,0,0,.12),0 0 16px rgba(0,0,0,.04)}.fx-card:hover{transform:translateY(-8px) scale(1.02);border-color:color-mix(in oklab,var(--fx-accent) 35%,hsla(0,0%,100%,.2));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -1px 0 hsla(0,0%,100%,.06),0 20px 60px rgba(0,0,0,.4),0 0 0 1px color-mix(in oklab,var(--fx-accent) 30%,transparent),0 0 20px color-mix(in oklab,var(--fx-accent) 15%,transparent),0 0 40px color-mix(in oklab,var(--fx-accent) 8%,transparent);animation-play-state:paused}.fx-card:hover:before{opacity:.4;filter:blur(32px);animation-play-state:paused}.fx-card:hover:after{opacity:.8;height:3px}.fx-card[data-step="1"]{--fx-accent:#4f8cff;--fx-accent-2:#00d4ff;--fx-glow:0 0 20px rgba(79,140,255,.3)}.fx-card[data-step="2"]{--fx-accent:#a855f7;--fx-accent-2:#06b6d4;--fx-glow:0 0 20px rgba(168,85,247,.3)}.fx-card[data-step="3"]{--fx-accent:#10b981;--fx-accent-2:#34d399;--fx-glow:0 0 20px rgba(16,185,129,.3)}.fx-card[data-step="4"]{--fx-accent:#f97316;--fx-accent-2:#fb7185;--fx-glow:0 0 20px rgba(249,115,22,.3)}.fx-card[data-step] .fx-card__content{background-image:linear-gradient(180deg,color-mix(in oklab,var(--fx-accent) 8%,transparent),transparent 70%);position:relative}.fx-card[data-step] .fx-card__content:after{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;opacity:.1;z-index:0}.fx-card[data-step="1"] .fx-card__content:after{background:radial-gradient(circle,var(--fx-accent) 0,transparent 70%);border-radius:50%;box-shadow:0 0 20px var(--fx-accent)}.fx-card[data-step="2"] .fx-card__content:after{background:linear-gradient(135deg,var(--fx-accent),var(--fx-accent-2));-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);box-shadow:0 0 20px var(--fx-accent)}.fx-card[data-step="3"] .fx-card__content:after{background:radial-gradient(circle at 30% 30%,var(--fx-accent) 0,transparent 50%),radial-gradient(circle at 70% 70%,var(--fx-accent-2) 0,transparent 50%);border-radius:50%;box-shadow:0 0 20px var(--fx-accent)}.fx-card[data-step="4"] .fx-card__content:after{background:linear-gradient(135deg,var(--fx-accent),var(--fx-accent-2));-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:8px;box-shadow:0 0 20px var(--fx-accent)}html[data-theme=light] .fx-card[data-step] .fx-card__content{background-image:linear-gradient(180deg,color-mix(in oklab,var(--fx-accent) 6%,transparent),transparent 70%)}