.landing{--lp-c1:#fff;--lp-c2:#dbeafe;--lp-c3:#93c5fd;--lp-c4:#3b82f6;--lp-c5:#2563eb;--primary:#3b82f6;--primary-gradient:linear-gradient(120deg, #dbeafe 0%, #93c5fd 30%, #3b82f6 70%, #2563eb 100%);--on-surface:#1e293b;--on-surface-variant:#475569;--outline:#94a3b8;color:#1e293b;min-height:100vh;font-family:var(--font-inter), "Inter", system-ui, sans-serif;scroll-behavior:smooth;background:#fafbfe;position:relative;overflow-x:hidden}.landing-bg-fx{pointer-events:none;z-index:0;will-change:opacity;transition:opacity .25s linear;position:fixed;inset:0}.reveal{opacity:0;filter:blur(6px);will-change:opacity, transform, filter;transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1),filter 1.05s cubic-bezier(.22,1,.36,1);transform:translateY(56px)scale(.985)}.reveal.revealed{opacity:1;filter:blur();transform:translateY(0)scale(1)}.landing-stats .stats-grid>.reveal:first-child{transition-delay:50ms}.landing-stats .stats-grid>.reveal:nth-child(2){transition-delay:.15s}.landing-stats .stats-grid>.reveal:nth-child(3){transition-delay:.25s}.landing-stats .stats-grid>.reveal:nth-child(4){transition-delay:.35s}.landing-stats .stats-grid>.reveal:nth-child(5){transition-delay:.45s}.landing-stats .stats-grid>.reveal:nth-child(6){transition-delay:.55s}.landing-hero .hero-content.reveal{transition-delay:.15s}.landing-showcase .section-header.reveal{transition-delay:50ms}.landing-showcase .showcase-main.reveal{transition-delay:.2s}.landing-showcase .showcase-demo-cta.reveal{transition-delay:.3s}.landing-ai .section-header.reveal{transition-delay:50ms}.landing-ai .ai-models.reveal{transition-delay:.15s}.landing-ai .ai-code-example.reveal{transition-delay:.25s}.landing-pricing .section-header.reveal,.landing-how .section-header.reveal{transition-delay:50ms}.landing-final-cta .final-cta-content.reveal{transition-delay:.2s}@media (prefers-reduced-motion:reduce){.reveal,.reveal.revealed{opacity:1;filter:none;transition:none;transform:none}}.landing-nav{z-index:100;width:calc(100% - 32px);max-width:1120px;transition:top .3s,max-width .3s;position:fixed;top:18px;left:50%;transform:translate(-50%)}.landing-nav-inner{-webkit-backdrop-filter:blur(22px)saturate(1.7);background:radial-gradient(120% 200% at 0 0,#3b82f62e 0%,#0000 55%),radial-gradient(120% 200% at 100% 100%,#22d3ee24 0%,#0000 55%),#0b0e16c7;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:8px 10px 8px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff05,0 14px 48px #00000073,0 0 80px #3b82f614}.landing-nav-inner:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.9;background:linear-gradient(135deg,#ffffff38 0%,#3b82f659 30%,#22d3ee47 60%,#ffffff0f 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-nav-inner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}[data-theme=light] .landing-nav-inner{background:radial-gradient(120% 200% at 0 0,#3b82f61a 0%,#0000 55%),radial-gradient(120% 200% at 100% 100%,#6366f114 0%,#0000 55%),#ffffffd1;border-color:#0f172a0f;box-shadow:inset 0 1px #fffc,0 14px 48px #0f172a1a,0 0 60px #3b82f614}[data-theme=light] .landing-nav-inner:before{background:linear-gradient(135deg,#0f172a1a 0%,#3b82f64d 35%,#6366f138 65%,#0f172a0a 100%)}[data-theme=light] .landing-nav-inner:after{background:linear-gradient(90deg,#0000,#0f172a2e,#0000)}.landing-logo{border-right:1px solid #ffffff14;align-items:center;gap:10px;padding-right:12px;display:flex}[data-theme=light] .landing-logo{border-right-color:#0f172a14}.landing-logo-icon{color:#0b1220;background:linear-gradient(135deg,#f0f9ff 0%,#bfdbfe 35%,#3b82f6 70%,#1d4ed8 100%);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:900;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 1px #ffffff80,0 6px 18px #3b82f680,0 0 24px #22d3ee40}.landing-logo:hover .landing-logo-icon{transform:rotate(-6deg)scale(1.06);box-shadow:inset 0 0 0 1px #ffffff59,inset 0 1px #fff9,0 8px 24px #3b82f699,0 0 32px #22d3ee66}.landing-logo-icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff59,#0000 60%);position:absolute;inset:0}.landing-logo-text{background:linear-gradient(120deg,#f8fafc 0%,#bfdbfe 60%,#93c5fd 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}[data-theme=light] .landing-logo-text{background:linear-gradient(120deg,#0f172a 0%,#1e3a8a 60%,#2563eb 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-nav-links{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.landing-nav-links button,.landing-nav-links .nav-link-demo{color:#cbd5e1c7;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .25s,background .25s,transform .25s;position:relative}.landing-nav-links button:after{content:"";background:linear-gradient(90deg,#60a5fa,#22d3ee);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.landing-nav-links button:hover:after{width:calc(100% - 22px)}[data-theme=light] .landing-nav-links button,[data-theme=light] .landing-nav-links .nav-link-demo{color:#475569}.landing-nav-links button:hover,.landing-nav-links .nav-link-demo:hover{color:#fff;background:#ffffff0f}[data-theme=light] .landing-nav-links button:hover,[data-theme=light] .landing-nav-links .nav-link-demo:hover{color:#0f172a;background:#0f172a0d}.nav-link-demo{align-items:center;gap:6px;color:#5eead4!important;background:#2dd4bf14!important;border:1px solid #2dd4bf38!important;font-weight:600!important;display:inline-flex!important}.nav-link-demo:hover{color:#99f6e4!important;background:#2dd4bf29!important}.landing-nav-right{align-items:center;gap:12px;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:none;outline:none;padding:0}.theme-toggle-track{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;width:48px;height:26px;padding:0 4px;transition:background .35s,border-color .35s;display:flex;position:relative}[data-theme=light] .theme-toggle-track{background:#0f172a0f;border-color:#0f172a1a}.theme-toggle:hover .theme-toggle-track{background:#22d3ee1f;border-color:#22d3ee40}.theme-toggle-thumb{background:linear-gradient(135deg,#bfdbfe,#3b82f6 50%,#2563eb);border-radius:50%;width:20px;height:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;left:3px;box-shadow:0 2px 8px #22d3ee66,inset 0 0 0 1px #ffffff26}[data-theme=dark] .theme-toggle-thumb{transform:translate(22px)}.theme-toggle-icon{z-index:1;transition:opacity .3s,color .3s;position:relative}.theme-icon-sun{color:#f59e0b;opacity:1;margin-left:2px;margin-right:auto}.theme-icon-moon{color:var(--on-surface-variant,#475569);opacity:.5;margin-left:auto;margin-right:2px}[data-theme=dark] .theme-icon-sun{opacity:.5;color:var(--on-surface-variant,#94a3b8)}[data-theme=dark] .theme-icon-moon{opacity:1;color:#a5b4fc}.landing-nav-cta{color:#0b1220;isolation:isolate;background:linear-gradient(120deg,#f0f9ff 0%,#bfdbfe 25%,#60a5fa 55%,#2563eb 100%) 0%/220% 100%;border-radius:11px;align-items:center;gap:6px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:background-position .6s,transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 1px #ffffff80,0 6px 20px #3b82f673,0 0 24px #22d3ee40}.landing-nav-cta:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);transition:transform .9s;position:absolute;inset:0;transform:translate(-120%)}.landing-nav-cta:hover{background-position:100%;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff80,inset 0 1px #fff9,0 8px 28px #3b82f699,0 0 36px #22d3ee66}.landing-nav-cta:hover:before{transform:translate(120%)}.landing-hero{z-index:1;flex-direction:column;justify-content:center;align-items:stretch;width:100%;min-height:100vh;padding:120px 0 80px;display:flex;position:relative}.hero-grid{justify-content:flex-end;align-items:center;width:100%;max-width:none;padding:0 clamp(32px,6vw,80px) 0 0;display:flex}@media (max-width:960px){.hero-grid{justify-content:center;padding:0 clamp(24px,6vw,80px)}}.hero-content{z-index:2;text-align:left;flex-direction:column;gap:6px;max-width:640px;margin-right:clamp(40px,8vw,180px);display:flex;position:relative}@media (max-width:960px){.hero-content{text-align:center;align-items:center;margin-right:0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlowRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.hero-globe-wrap{pointer-events:none;z-index:1;will-change:opacity;justify-content:center;align-items:center;width:55vw;min-width:600px;max-width:900px;height:100vh;transition:opacity .15s linear;display:flex;position:fixed;top:0;left:0}.hero-globe{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;width:100%}.hero-globe:active{cursor:grabbing}.hero-globe-svg{filter:drop-shadow(0 0 80px #6366f18c)drop-shadow(0 0 140px #a855f740);width:100%;height:100%;animation:6s ease-in-out infinite globeFloat;overflow:visible}@keyframes globeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width:960px){.hero-globe-wrap{display:none}}.hero-brand{letter-spacing:-.045em;background:linear-gradient(110deg,#eff6ff 0%,#bfdbfe 22%,#93c5fd 42%,#3b82f6 60%,#bfdbfe 82%,#eff6ff 100%) 0%/220% 100%;-webkit-text-fill-color:transparent;cursor:default;filter:drop-shadow(0 0 22px #fb923c6b);-webkit-background-clip:text;background-clip:text;margin:0 0 22px;font-size:clamp(2.8rem,4.6vw,4.2rem);font-weight:900;line-height:1;transition:filter .4s;animation:8s ease-in-out infinite brandIdle;display:inline-block;position:relative}.hero-brand:before{content:attr(data-text);background:linear-gradient(110deg,#0000 30%,#ffffffd9 50%,#0000 70%) 200%/200% 100%;-webkit-text-fill-color:transparent;pointer-events:none;-webkit-background-clip:text;background-clip:text;transition:background-position 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.hero-brand:hover{filter:drop-shadow(0 0 32px #fb923ccc)drop-shadow(0 0 70px #fdba748c);animation-play-state:paused}.hero-brand:hover:before{background-position:-100%}@keyframes brandIdle{0%,to{background-position:0%}50%{background-position:100%}}.hero-actions{justify-content:flex-start!important}@media (max-width:960px){.hero-actions{justify-content:center!important}}.final-cta-actions{justify-content:center!important}.hero-badge{color:var(--primary,#6366f1);background:#6366f114;border:1px solid #6366f11f;border-radius:999px;align-items:center;gap:6px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-eyebrow{align-items:center;gap:12px;margin-bottom:18px;display:flex}.hero-eyebrow-line{background:linear-gradient(90deg,#0000,#fb923cd9);width:36px;height:1px}.hero-eyebrow-text{letter-spacing:.22em;color:#fdba74eb;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:600}.hero-title{text-shadow:0 0 40px #ffffff14,0 2px #ffffff0a;letter-spacing:-.04em;color:var(--on-surface,#1e293b);flex-direction:column;gap:6px;margin:8px 0 32px;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:900;line-height:1.05;display:flex}.hero-title-line{align-items:center;gap:4px;display:inline-flex}.hero-title em{padding:0 4px;font-style:normal;position:relative}.hero-title em:after{content:"";z-index:-1;background:linear-gradient(90deg,#fdba7473,#fb923c73);border-radius:2px;height:.32em;position:absolute;bottom:.12em;left:4px;right:4px}.hero-title-accent{position:relative}.hero-title-bar{background:linear-gradient(#fff,#bfdbfe 50%,#3b82f6);border-radius:3px;width:10px;height:1em;margin-left:16px;animation:1.4s ease-in-out infinite titleBarPulse;display:inline-block;box-shadow:0 0 24px #fb923cd9,0 0 48px #fdba7466}@keyframes titleBarPulse{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:.35;transform:scaleY(.9)}}.hero-gradient-text{background:var(--primary-gradient,linear-gradient(135deg, #38bdf8, #6366f1, #a855f7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{flex-direction:column;gap:14px;max-width:540px;margin:0 0 40px;display:flex}.hero-sub-tags{flex-wrap:wrap;gap:8px;display:flex}.hero-sub-tags span{color:#fed7aaf2;letter-spacing:.02em;background:#fb923c14;border:1px solid #fb923c40;border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-sub-text{color:#cbd5e1c7;max-width:520px;font-size:16px;line-height:1.75}[data-theme=light] .hero-sub-text{color:#475569}[data-theme=light] .hero-sub-tags span{color:#6366f1;background:#6366f114}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(120deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%) 0%/180% 100%;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:background-position .5s,transform .25s,box-shadow .25s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 28px #3b82f673,0 0 #3b82f600}.hero-btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff4d,0 14px 40px #3b82f68c,0 0 0 6px #3b82f61f}.hero-btn-demo{color:#e2e8f0e6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.hero-btn-demo:hover{color:#fff;background:#ffffff14;border-color:#93c5fd73;transform:translateY(-2px)}.hero-scroll-hint{color:#94a3b8bf;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;padding:0;transition:color .3s,transform .3s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll-hint:hover{color:#a5b4fc}.hero-scroll-text{letter-spacing:.22em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:500}.hero-scroll-mouse{opacity:.85;border:1.5px solid;border-radius:12px;justify-content:center;width:22px;height:36px;padding-top:6px;display:flex;position:relative}.hero-scroll-wheel{background:currentColor;border-radius:2px;width:2.5px;height:6px;animation:1.6s ease-in-out infinite scrollWheel}.hero-scroll-chev{opacity:.7;animation:1.6s ease-in-out infinite bounceDown}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}@keyframes bounceDown{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.hero-br{display:block}.landing-showcase{z-index:1;width:100%;max-width:none;margin:0;padding:80px clamp(24px,5vw,80px);position:relative}.showcase-main,.landing-showcase .section-header{max-width:1200px;margin-left:auto;margin-right:auto}.showcase-main{margin-bottom:40px}.showcase-browser{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#11131ceb,#0b0d14f5);border:1px solid #94a3b824;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0f172a8c,0 12px 40px #3b82f62e,0 0 0 1px #3b82f614,inset 0 1px #ffffff0f}.showcase-browser:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.55;background:linear-gradient(135deg,#38bdf873,#6366f140 40%,#a855f766);border-radius:20px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.showcase-browser:after{content:"";pointer-events:none;filter:blur(40px);opacity:.6;background:radial-gradient(60% 100% at 50% 0,#6366f159,#0000 70%);height:60%;position:absolute;inset:-40% -10% auto}.browser-bar{z-index:1;background:linear-gradient(#ffffff0a,#ffffff04);border-bottom:1px solid #94a3b81a;align-items:center;gap:12px;padding:14px 18px;display:flex;position:relative}.browser-dots{gap:6px;display:flex}.browser-dots span{border-radius:50%;width:10px;height:10px}.browser-dots span:first-child{background:#ff5f57;box-shadow:0 0 8px #ff5f5780}.browser-dots span:nth-child(2){background:#febc2e;box-shadow:0 0 8px #febc2e73}.browser-dots span:nth-child(3){background:#28c840;box-shadow:0 0 8px #28c84073}.browser-url{text-align:center;color:#cbd5e1c7;letter-spacing:.02em;background:#ffffff0a;border:1px solid #94a3b81f;border-radius:8px;flex:1;max-width:420px;margin:0 auto;padding:6px 18px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.browser-content{z-index:1;position:relative}.screenshot-placeholder{color:var(--outline,#94a3b8);background:linear-gradient(135deg,#38bdf80a 0%,#6366f10f 50%,#a855f70a 100%);border:2px dashed #6366f11f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;overflow:hidden}.screenshot-placeholder span{font-size:14px;font-weight:600}.screenshot-placeholder p{opacity:.7;margin:0;font-size:12px}.screenshot-hero{border:none;border-radius:0;min-height:400px}.screenshot-placeholder img{object-fit:cover;width:100%;height:100%}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px;display:grid}.showcase-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #6366f112;border-radius:16px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s;overflow:hidden}.showcase-card:hover{border-color:#6366f12e;transform:translateY(-4px);box-shadow:0 12px 40px #6366f11a}.showcase-card-preview{pointer-events:none;border-bottom:1px solid #6366f10f;max-height:320px;overflow:hidden}.showcase-card h4{margin:16px 20px 6px;font-size:15px;font-weight:700}.showcase-card p{color:var(--on-surface-variant,#475569);margin:0 20px 20px;font-size:13px;line-height:1.5}.showcase-demo-cta{text-align:center;padding:20px 0 0}.showcase-demo-cta p{color:var(--on-surface-variant,#475569);margin:0 0 14px;font-size:14px}.landing-stats{z-index:1;padding:40px 24px 80px;position:relative}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.stat-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #6366f114;border-radius:16px;padding:32px 20px}.stat-value{letter-spacing:-.03em;background:var(--primary-gradient,linear-gradient(135deg, #38bdf8, #6366f1, #a855f7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:32px;font-weight:800;display:block}.stat-label{color:var(--on-surface-variant,#475569);font-size:14px;font-weight:500}.section-header{text-align:center;margin-bottom:56px}.section-badge{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(120deg,#38bdf824,#6366f12e,#a855f724);border:1px solid #6366f152;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 18px 7px 16px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 28px #3b82f638}.section-badge:before{content:"";background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite badgePulse;box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf899}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}.section-title{letter-spacing:-.035em;text-shadow:0 2px 20px #6366f126;margin:0 0 18px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;line-height:1.15}.fs-wrap{grid-template-columns:320px 1fr;align-items:stretch;gap:28px;width:100%;max-width:1280px;margin:0 auto 56px;padding:0 24px;display:grid}@media (max-width:960px){.fs-wrap{grid-template-columns:1fr}}.fs-side{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(120% 60% at 50% 0,#6366f124,#0000 60%),linear-gradient(#ffffff0a,#ffffff04);border:1px solid #94a3b81f;border-radius:20px;flex-direction:column;align-self:stretch;padding:22px 16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000059,0 0 40px #3b82f60f}.fs-side:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#6366f173,#6366f100 60%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fs-side-head{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;margin-bottom:12px;padding:2px 6px 14px;display:flex;position:relative}.fs-side-label{letter-spacing:.18em;color:#cbd5e1;text-transform:uppercase;background:linear-gradient(90deg,#93c5fd,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.fs-side-label:before{content:"";background:linear-gradient(90deg,#38bdf8,#a855f7);border-radius:2px;width:14px;height:2px;box-shadow:0 0 10px #6366f1b3}.fs-side-count{color:#93c5fd;letter-spacing:.04em;background:#3b82f61f;border:1px solid #3b82f647;border-radius:6px;padding:3px 9px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:700}.fs-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fs-list-item{color:#cbd5e1c7;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex;position:relative}.fs-list-item:hover{color:#fff;background:#ffffff0b;border-color:#94a3b81f;transform:translate(2px)}.fs-list-item:hover .fs-list-arrow{opacity:.6;transform:translate(0)}.fs-list-item.active{color:#fff;background:linear-gradient(120deg,#38bdf82e,#6366f12e 50%,#a855f724);border-color:#6366f166;transform:translate(2px);box-shadow:inset 0 1px #ffffff14,0 8px 24px #3b82f638}.fs-list-item.active:before{content:"";background:linear-gradient(#38bdf8,#6366f1,#a855f7);border-radius:0 4px 4px 0;width:3px;position:absolute;top:14%;bottom:14%;left:-2px;box-shadow:0 0 18px #6366f1d9}.fs-list-item.active .fs-list-arrow{opacity:1;color:#93c5fd;transform:translate(2px)}.fs-list-num{color:#94a3b880;width:22px;font-family:ui-monospace,Menlo,monospace;font-size:10px}.fs-list-item.active .fs-list-num{color:#93c5fdd9}.fs-list-emoji{background:#ffffff0a;border:1px solid #94a3b81a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .25s;display:inline-flex}.fs-list-item.active .fs-list-emoji{background:#6366f138;border-color:#93c5fd73;box-shadow:0 0 14px #6366f159}.fs-list-title{flex:1}.fs-list-arrow{opacity:0;color:#94a3b8bf;font-size:14px;transition:all .25s;transform:translate(-4px)}.fs-stage{flex-direction:column;gap:18px;min-width:0;display:flex}.fs-card{background:#fff;border:1px solid #ffffff14;border-radius:16px;animation:.5s cubic-bezier(.22,1,.36,1) fsCardIn;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 0 1px #3b82f61a,0 0 60px #3b82f614}@keyframes fsCardIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.fs-card-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;padding:12px 16px;display:flex}.fs-browser-dots{gap:6px;display:flex}.fs-browser-dots span{background:#cbd5e1;border-radius:50%;width:11px;height:11px}.fs-browser-dots span:first-child{background:#ff5f57}.fs-browser-dots span:nth-child(2){background:#febc2e}.fs-browser-dots span:nth-child(3){background:#28c840}.fs-browser-url{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;max-width:380px;margin:0 auto;padding:5px 14px;font-size:12.5px}.fs-browser-url span{color:#94a3b8}.fs-card-tag{color:#3b82f6;letter-spacing:.05em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700}.fs-mode-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.fs-mode-toggle:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.fs-card.is-dark{background:#0b0d14;box-shadow:0 30px 80px #0009,0 0 0 1px #3b82f62e,0 0 80px #3b82f61f}.fs-card.is-dark .fs-card-head{background:#11131c;border-bottom-color:#ffffff0f}.fs-card.is-dark .fs-browser-url{color:#cbd5e1c7;background:#ffffff0a;border-color:#ffffff14}.fs-card.is-dark .fs-browser-url span{color:#94a3b88c}.fs-card.is-dark .fs-card-tag{color:#93c5fd;background:#3b82f61f;border-color:#3b82f64d}.fs-card.is-dark .fs-mode-toggle{color:#cbd5e1d9;background:#ffffff0a;border-color:#ffffff1a}.fs-card.is-dark .fs-mode-toggle:hover{color:#93c5fd;background:#3b82f626;border-color:#3b82f666}.fs-card.is-dark .fs-card-preview{color:#e2e8f0;background:#0b0d14}.fs-card.is-dark .fs-card-preview .preview-db-row,.fs-card.is-dark .fs-card-preview .preview-team-name,.fs-card.is-dark .fs-card-preview .preview-key-top strong,.fs-card.is-dark .fs-card-preview .preview-ai-bubble.bot{color:#e2e8f0!important}.fs-card.is-dark .fs-card-preview .preview-team-row,.fs-card.is-dark .fs-card-preview .preview-key-row,.fs-card.is-dark .fs-card-preview .preview-ai-bubble.bot{background:#ffffff0a!important}.fs-card.is-dark .fs-card-preview .preview-team-avatar{border-color:#0b0d14!important}.fs-card.is-dark .fs-card-preview .preview-kpi,.fs-card.is-dark .fs-card-preview .preview-chart-card,.fs-card.is-dark .fs-card-preview .preview-events-card,.fs-card.is-dark .fs-card-preview .preview-project-card{background:#ffffff06!important;border-color:#ffffff14!important}.fs-card-preview{color:#0f172a;background:#fff;min-height:380px;max-height:540px;padding:22px 26px;overflow:hidden}.fs-card-preview,.fs-card-preview *{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.fs-card-preview .preview-db-row,.fs-card-preview .preview-team-name,.fs-card-preview .preview-key-top strong,.fs-card-preview .preview-ai-bubble.bot{color:#1e293b!important}.fs-card-preview .preview-team-row,.fs-card-preview .preview-key-row,.fs-card-preview .preview-ai-bubble.bot{background:#f1f5f9!important}.fs-card-preview .preview-team-avatar{border-color:#fff!important}.fs-card-preview .preview-kpi,.fs-card-preview .preview-chart-card,.fs-card-preview .preview-events-card,.fs-card-preview .preview-project-card{background:#f8fafc!important;border-color:#e2e8f0!important}.fs-card-foot{padding:6px 4px 0}.fs-card-foot h3{color:#f1f5f9f5;letter-spacing:-.02em;align-items:center;gap:12px;margin:0 0 8px;font-size:22px;font-weight:800;display:flex}.fs-foot-emoji{background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:inline-flex}.fs-card-foot p{color:#94a3b8d9;max-width:620px;margin:0;font-size:14.5px;line-height:1.7}.lf-wrap{margin:0 -24px 56px;padding:0 24px;position:relative}.lf-header{color:#94a3b8d9;letter-spacing:.02em;justify-content:center;align-items:center;gap:14px;margin-bottom:32px;font-size:13px;display:flex}.lf-version{color:#94a3b899;font-family:ui-monospace,Menlo,monospace;font-size:12px}.lf-divider{background:#94a3b840;width:1px;height:14px}.lf-section-title{color:#e2e8f0eb;font-weight:600}.lf-arrow-mark{color:#94a3b88c;font-size:14px}[data-theme=light] .lf-section-title{color:#0f172a}[data-theme=light] .lf-version,[data-theme=light] .lf-arrow-mark{color:#64748b}.lf-stage{cursor:grab;touch-action:pan-y;width:100%;height:580px;position:relative;overflow:hidden}.lf-stage:active{cursor:grabbing}.lf-card{will-change:transform, opacity;background:#11131ceb;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;width:580px;max-width:92vw;height:520px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s,border-color .4s,box-shadow .4s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.lf-card.active{border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f,0 30px 80px #00000080,0 0 0 1px #6366f12e}.lf-card-head{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lf-card-tag{color:#94a3b8b3;letter-spacing:.05em;font-family:ui-monospace,Menlo,monospace;font-size:11px}.lf-card-dot{background:#6366f199;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #6366f199}.lf-card-preview{pointer-events:none;background:#ffffff04;flex:auto;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:hidden}.lf-card-preview>*{width:100%;max-height:100%}.lf-card-foot{border-top:1px solid #ffffff0d;flex:none;padding:16px 22px 20px}.lf-card-foot h4{color:#f1f5f9f5;letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.lf-card-foot p{color:#94a3b8d9;margin:0;font-size:13px;line-height:1.6}[data-theme=light] .lf-card{background:#fff;border-color:#0f172a14}[data-theme=light] .lf-card.active{border-color:#0f172a24;box-shadow:0 30px 80px #0f172a26,0 0 0 1px #6366f140}[data-theme=light] .lf-card-head,[data-theme=light] .lf-card-foot{border-color:#0f172a0f}[data-theme=light] .lf-card-foot h4{color:#0f172a}[data-theme=light] .lf-card-foot p{color:#475569}[data-theme=light] .lf-card-tag{color:#64748b}.lf-nav{justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.lf-nav-arrow{color:#e2e8f0d9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;width:34px;height:34px;font-size:14px;transition:all .2s}.lf-nav-arrow:hover{background:#ffffff12;border-color:#ffffff26}.lf-pills{scrollbar-width:none;background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;gap:6px;max-width:720px;padding:5px;display:flex;overflow-x:auto}.lf-pills::-webkit-scrollbar{display:none}.lf-pill{color:#94a3b8bf;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.lf-pill:hover{color:#e2e8f0f2;background:#ffffff0a}.lf-pill.active{color:#fff;background:#ffffff14;box-shadow:inset 0 1px #ffffff14}.lf-pill-num{opacity:.55;font-family:ui-monospace,Menlo,monospace;font-size:10px}[data-theme=light] .lf-nav-arrow{color:#0f172a;background:#fff;border-color:#0f172a1a}[data-theme=light] .lf-pills{background:#f8fafc;border-color:#0f172a14}[data-theme=light] .lf-pill{color:#64748b}[data-theme=light] .lf-pill.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14}.coverflow-wrap{margin:0 -24px 56px;padding:0 24px;position:relative}.coverflow{touch-action:pan-y;cursor:grab;width:100%;height:560px;position:relative;overflow:hidden}.coverflow:active{cursor:grabbing}.coverflow-track{position:absolute;inset:0}.coverflow-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:transform, opacity;background:#ffffffb3;border:1px solid #6366f11f;border-radius:20px;flex-direction:column;width:560px;max-width:90vw;height:500px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s,box-shadow .45s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 20px 60px #0f172a2e}.coverflow-card.active{box-shadow:0 30px 90px #6366f159,0 0 0 1px #6366f166}.coverflow-card-preview{pointer-events:none;background:linear-gradient(#6366f10a,#0000);border-bottom:1px solid #6366f114;flex:auto;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex;overflow:hidden}.coverflow-card-preview>*{width:100%;max-height:100%}.coverflow-card-body{flex:none;padding:18px 24px 22px}.coverflow-card-body h4{align-items:center;gap:10px;margin:0 0 8px;font-size:19px;font-weight:800;display:flex}.coverflow-emoji{font-size:24px}.coverflow-card-body p{color:var(--on-surface-variant,#475569);margin:0;font-size:13.5px;line-height:1.6}.coverflow-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;color:var(--primary,#6366f1);cursor:pointer;z-index:200;background:#ffffffd9;border:1px solid #6366f140;border-radius:50%;justify-content:center;align-items:center;font-size:28px;line-height:1;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.coverflow-arrow:hover{transform:translateY(-50%)scale(1.08);box-shadow:0 8px 24px #6366f14d}.coverflow-arrow.left{left:16px}.coverflow-arrow.right{right:16px}.coverflow-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.coverflow-dots button{cursor:pointer;background:#6366f140;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.coverflow-dots button.active{background:var(--primary,#6366f1);border-radius:999px;width:28px}[data-theme=dark] .coverflow-card{background:#1e293bbf;border-color:#94a3b826;box-shadow:0 20px 60px #00000080}[data-theme=dark] .coverflow-card.active{box-shadow:0 30px 90px #6366f173,0 0 0 1px #8b91ff80}[data-theme=dark] .coverflow-card-body p{color:#94a3b8}[data-theme=dark] .coverflow-arrow{color:#a5b4fc;background:#1e293bd9;border-color:#94a3b840}.preview-ai{flex-direction:column;gap:12px;padding:12px;display:flex}.preview-ai-models{flex-wrap:wrap;gap:6px;display:flex}.preview-ai-pill{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.preview-ai-dot{border-radius:50%;width:6px;height:6px}.preview-ai-chat{flex-direction:column;gap:8px;display:flex}.preview-ai-bubble{border-radius:14px;max-width:80%;padding:10px 14px;font-size:12px;line-height:1.5}.preview-ai-bubble.user{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);align-self:flex-end}.preview-ai-bubble.bot{color:#1e293b;background:#6366f114;align-self:flex-start}.preview-ai-typing{color:#6366f1;letter-spacing:2px;margin-right:4px}.preview-ai-meta{border-top:1px dashed #6366f126;flex-wrap:wrap;gap:8px;padding-top:6px;font-size:11px;display:flex}.preview-ai-meta span{color:#6366f1;background:#6366f114;border-radius:6px;padding:3px 8px}[data-theme=dark] .preview-ai-bubble.bot{color:#e2e8f0;background:#6366f12e}.preview-db{padding:12px;font-size:11px}.preview-db-tabs{gap:6px;margin-bottom:8px;display:flex}.preview-db-tab{color:#64748b;background:#6366f10f;border-radius:6px 6px 0 0;padding:4px 10px;font-weight:600}.preview-db-tab.active{color:#6366f1;background:#6366f12e}.preview-db-table{border:1px solid #6366f11f;border-radius:8px;overflow:hidden}.preview-db-row{border-top:1px solid #6366f114;grid-template-columns:50px 1fr 90px 50px;align-items:center;gap:8px;padding:8px 12px;display:grid}.preview-db-row.header{color:#6366f1;text-transform:uppercase;background:#6366f114;border-top:none;font-size:10px;font-weight:700}.preview-db-row .mono{color:#64748b;font-family:ui-monospace,Menlo,monospace}.preview-db-tag{text-align:center;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.preview-db-tag.weapon{color:#ef4444;background:#ef444426}.preview-db-tag.armor{color:#14b8a6;background:#14b8a626}.preview-db-tag.potion{color:#a855f7;background:#a855f726}[data-theme=dark] .preview-db-row{color:#e2e8f0}.preview-cdn{flex-direction:column;align-items:center;padding:8px;display:flex}.preview-cdn-globe{width:100%;max-width:260px;height:200px}.preview-cdn-stats{gap:24px;margin-top:8px;font-size:11px;display:flex}.preview-cdn-stats div{text-align:center;flex-direction:column;display:flex}.preview-cdn-stats strong{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:800}.preview-cdn-stats span{color:#64748b;font-size:10px}.preview-keys{flex-direction:column;gap:8px;padding:12px;display:flex}.preview-key-row{background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.preview-key-icon{font-size:18px}.preview-key-info{flex:1;min-width:0}.preview-key-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.preview-key-top strong{font-size:12px}.preview-key-env{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.preview-key-env.live{color:#16a34a;background:#22c55e2e}.preview-key-env.test{color:#f59e0b;background:#f59e0b2e}.preview-key-info code{color:#64748b;font-family:ui-monospace,Menlo,monospace;font-size:10px}.preview-key-uses{text-align:right}.preview-key-uses strong{color:#6366f1;font-size:13px;display:block}.preview-key-uses span{color:#94a3b8;font-size:9px}[data-theme=dark] .preview-key-row{background:#6366f11a}[data-theme=dark] .preview-key-top strong{color:#e2e8f0}.preview-team{padding:14px}.preview-team-stack{margin-bottom:14px;display:flex}.preview-team-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #0000001a}.preview-team-avatar.more{color:#6366f1;background:#6366f126;margin-left:-12px;font-size:11px}.preview-team-list{flex-direction:column;gap:6px;display:flex}.preview-team-row{background:#6366f10d;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.preview-team-mini{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.preview-team-name{flex:1;font-size:12px;font-weight:600}.preview-team-role{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.role-owner{color:#6366f1;background:#6366f12e}.role-developer{color:#14b8a6;background:#14b8a62e}.role-designer{color:#ec4899;background:#ec48992e}.role-viewer{color:#64748b;background:#94a3b82e}[data-theme=dark] .preview-team-row{background:#6366f11a}[data-theme=dark] .preview-team-name{color:#e2e8f0}[data-theme=dark] .preview-team-avatar{border-color:#1e293b}.showcase-scroll-hint{text-align:center;color:var(--on-surface-variant,#64748b);opacity:.7;letter-spacing:.05em;margin:0 0 14px;font-size:12px}.showcase-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6366f159 transparent;gap:20px;margin:0 -24px 48px;padding:8px 24px 24px;display:flex;overflow:auto hidden}.showcase-scroll::-webkit-scrollbar{height:8px}.showcase-scroll::-webkit-scrollbar-track{background:0 0}.showcase-scroll::-webkit-scrollbar-thumb{background:#6366f159;border-radius:999px}.showcase-scroll .showcase-card{scroll-snap-align:start;flex-direction:column;flex:none;display:flex}.showcase-card-lg{width:460px}.showcase-card-text{justify-content:flex-start;width:320px;padding:32px 24px}.showcase-text-icon{width:56px;height:56px;color:var(--primary,#6366f1);background:linear-gradient(135deg,#6366f126,#a855f726);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.showcase-card-text h4{margin:0 0 10px!important;font-size:18px!important}.showcase-card-text p{margin:0!important;font-size:14px!important}.section-subtitle{color:var(--on-surface-variant,#475569);max-width:540px;margin:0 auto;font-size:16px;line-height:1.65}.landing-features{z-index:1;max-width:1200px;margin:0 auto;padding:80px 24px;position:relative}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #6366f112;border-radius:16px;padding:28px 24px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s,opacity .7s cubic-bezier(.22,1,.36,1)}.feature-card:hover{border-color:#6366f12e;transform:translateY(-4px);box-shadow:0 12px 40px #6366f11a}.feature-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.feature-tag{color:var(--primary,#6366f1);background:#6366f114;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.feature-icon{background:var(--primary-gradient,linear-gradient(135deg, #38bdf8, #6366f1, #a855f7));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}.feature-card p{color:var(--on-surface-variant,#475569);margin:0;font-size:13px;line-height:1.65}.landing-ai{z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px;position:relative}.ai-models{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.ai-model-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#fff9;border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:inline-flex}.ai-model-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.ai-model-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ai-model-tag{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.ai-model-more{color:var(--primary,#6366f1);font-weight:500;background:#6366f10d!important;border-color:#6366f126!important}.ai-capabilities-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px;display:grid}.ai-cap-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #6366f112;border-radius:14px;align-items:flex-start;gap:14px;padding:24px;transition:box-shadow .3s,border-color .3s,background .3s;display:flex}.ai-cap-card:hover{border-color:#6366f12e;box-shadow:0 8px 28px #6366f11a}.ai-cap-card.active{background:#6366f114;border-color:#6366f18c;box-shadow:0 10px 32px #6366f138}.ai-cap-card svg{color:var(--primary,#6366f1);flex-shrink:0;margin-top:2px}.ai-cap-card h4{margin:0 0 4px;font-size:14px;font-weight:700}.ai-cap-card p{color:var(--on-surface-variant,#475569);margin:0;font-size:13px;line-height:1.5}.game-api-block{max-width:1040px;margin:72px auto 0;padding:0 20px}.game-api-heading{text-align:center;margin-bottom:28px}.game-api-heading h3{background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text;margin:14px 0 8px;font-size:26px;font-weight:800}.game-api-heading p{color:var(--on-surface-variant,#475569);margin:0;font-size:14px}.game-api-tabs{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;display:grid}@media (max-width:880px){.game-api-tabs{grid-template-columns:repeat(2,1fr)}}@keyframes api-fade-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.api-fade,.api-fade>*{animation:.55s cubic-bezier(.22,1,.36,1) both api-fade-in}.api-fade>:nth-child(2){animation-delay:60ms}.api-fade>:nth-child(3){animation-delay:.12s}.api-fade>:nth-child(4){animation-delay:.18s}.api-fade>:nth-child(5){animation-delay:.24s}.api-fade>:nth-child(6){animation-delay:.3s}.api-section-tabs-wrap{justify-content:center;margin:8px 0 36px;display:flex}.api-section-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #6366f12e;border-radius:999px;gap:6px;padding:6px;display:inline-flex}.api-section-tab{color:var(--on-surface-variant,#475569);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:color .25s,background .25s,box-shadow .25s;display:inline-flex}.api-section-tab:hover{color:#6366f1}.api-section-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#ec4899);box-shadow:0 10px 28px #6366f159}[data-theme=dark] .api-section-tabs{background:#141626a6;border-color:#94a3b82e}[data-theme=dark] .api-section-tab{color:#94a3b8}[data-theme=dark] .api-section-tab.active{color:#fff}.game-api-tab{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:inherit;background:#ffffffb3;border:1px solid #6366f11f;border-radius:14px;align-items:flex-start;gap:10px;padding:14px;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s,background .25s;display:flex}.game-api-tab:hover{border-color:#6366f147;transform:translateY(-2px);box-shadow:0 8px 24px #6366f11a}.game-api-tab.active{background:linear-gradient(135deg,#6366f11f,#8b5cf61a);border-color:#6366f18c;box-shadow:0 14px 36px #6366f138}.game-api-tab-icon{color:#6366f1;background:#6366f11f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.game-api-tab.active .game-api-tab-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.game-api-tab-text{flex-direction:column;gap:2px;min-width:0;display:flex}.game-api-tab-text strong{font-size:13px;font-weight:700}.game-api-tab-text em{color:var(--on-surface-variant,#64748b);font-size:11px;font-style:normal;line-height:1.4}.game-api-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border:1px solid #6366f12e;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px -20px #6366f140}.game-api-panel-head{background:#6366f10d;border-bottom:1px solid #6366f11f;align-items:center;gap:12px;padding:14px 18px;display:flex}.game-api-method{letter-spacing:.04em;color:#fff;background:#6366f1;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.game-api-method.m-get{background:#10b981}.game-api-method.m-post{background:#6366f1}.game-api-method.m-patch{background:#f59e0b}.game-api-method.m-delete{background:#ef4444}.game-api-endpoint{color:#1e293b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.game-api-panel .code-block{background:0 0;border:none;border-radius:0;margin:0}[data-theme=dark] .game-api-tab{background:#1e1e328c;border-color:#94a3b829}[data-theme=dark] .game-api-tab.active{background:linear-gradient(135deg,#6366f140,#8b5cf638);border-color:#8b5cf68c}[data-theme=dark] .game-api-tab-text em{color:#94a3b8}[data-theme=dark] .game-api-panel{background:#141626b3;border-color:#94a3b829}[data-theme=dark] .game-api-panel-head{background:#6366f11f;border-bottom-color:#94a3b824}[data-theme=dark] .game-api-endpoint{color:#e2e8f0}.ai-code-example{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #6366f11a;border-radius:14px;max-width:600px;margin:0 auto;overflow:hidden}.code-header{color:var(--on-surface-variant,#475569);border-bottom:1px solid #6366f10f;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.code-header svg{color:var(--primary,#6366f1)}.code-block{color:var(--on-surface,#1e293b);white-space:pre;tab-size:2;margin:0;padding:20px 24px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.landing-how{z-index:1;max-width:900px;margin:0 auto;padding:80px 24px;position:relative}.how-steps{align-items:center;gap:0;display:flex}.how-step{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #6366f112;border-radius:16px;flex:1;padding:36px 24px}.how-step-connector{background:linear-gradient(90deg,#6366f126,#a855f726);border-radius:2px;width:48px;min-width:48px;height:2px}.how-step-number{color:#fff;background:var(--primary-gradient,linear-gradient(135deg, #38bdf8, #6366f1, #a855f7));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 16px;font-size:18px;font-weight:800;display:flex}.how-step h3{margin:0 0 8px;font-size:16px;font-weight:700}.how-step p{color:var(--on-surface-variant,#475569);margin:0;font-size:14px;line-height:1.6}@property --pricing-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.landing-pricing{z-index:1;isolation:isolate;max-width:1240px;margin:0 auto;padding:120px 24px 100px;position:relative;overflow:hidden}.landing-pricing:before{content:"";aspect-ratio:16/9;filter:blur(30px);pointer-events:none;z-index:-1;background:radial-gradient(at 30%,#38bdf82e,#0000 60%),radial-gradient(at 70%,#a855f72e,#0000 60%),radial-gradient(#6366f11f,#0000 65%);width:70%;max-width:720px;animation:14s ease-in-out infinite pricingAurora;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-pricing:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#6366f112 1px,#0000 1px),linear-gradient(90deg,#6366f112 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 75%);mask-image:radial-gradient(#000 35%,#0000 75%)}@keyframes pricingAurora{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-52%)scale(1.05)}}.pricing-grid{perspective:1500px;grid-template-columns:repeat(3,1fr);align-items:center;gap:28px;max-width:1180px;margin:0 auto;display:grid}.pricing-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;background:linear-gradient(160deg,#181b2af5 0%,#080a14fa 100%);border:1px solid #ffffff24;border-radius:24px;flex-direction:column;height:100%;padding:52px 34px 36px;transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s,opacity .7s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.pricing-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--pricing-angle,0deg), #38bdf880, #6366f11f, #a855f780, #6366f11f, #38bdf880);-webkit-mask-composite:xor;pointer-events:none;opacity:.55;z-index:1;padding:1px;transition:opacity .45s;animation:8s linear infinite pricingBorderSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pricingBorderSpin{to{--pricing-angle:360deg}}.pricing-card:after{content:"";border-radius:inherit;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%), #6366f138, #38bdf814 30%, transparent 60%);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s;position:absolute;inset:-1px}.pricing-card:hover{border-color:#818cf866;transform:translateY(-10px)scale(1.015);box-shadow:0 40px 100px #0000008c,0 0 60px #6366f138}.pricing-card:hover:before,.pricing-card:hover:after{opacity:1}.pricing-card>*{z-index:2;position:relative}.pricing-highlighted{background:radial-gradient(at top,#6366f166,#0000 60%),linear-gradient(#1e295abf 0%,#0a0c16f2 100%);border-color:#818cf88c;transform:translateY(-12px)scale(1.04);box-shadow:0 50px 120px #0009,0 0 0 1px #818cf84d,0 0 80px #6366f159,inset 0 1px #ffffff14}.pricing-highlighted:before{opacity:1;background:conic-gradient(from var(--pricing-angle,0deg), #38bdf8, #6366f1, #a855f7, #6366f1, #38bdf8);animation:5s linear infinite pricingBorderSpin}.pricing-highlighted:hover{transform:translateY(-18px)scale(1.05);box-shadow:0 60px 140px #000000a6,0 0 100px #6366f173}.pricing-badge{letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap;z-index:3;background:linear-gradient(135deg,#38bdf8,#6366f1,#a855f7) 0 0/200% 200%;border-radius:999px;padding:7px 20px;font-size:11px;font-weight:800;animation:4s infinite pricingBadgeShimmer;position:absolute;top:16px;left:auto;right:16px;transform:none;box-shadow:0 8px 24px #6366f180,inset 0 0 0 1px #ffffff2e}@keyframes pricingBadgeShimmer{0%,to{background-position:0%}50%{background-position:100%}}.pricing-name{letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:800;position:relative}.pricing-desc{color:#cbd5e1;margin:0 0 28px;font-size:14px;line-height:1.55}.pricing-price{align-items:baseline;gap:6px;margin:0 0 30px;padding-bottom:26px;display:flex;position:relative}.pricing-price:after{content:"";background:linear-gradient(90deg,#6366f199,#0000);width:60px;height:1px;position:absolute;bottom:0;left:0}.pricing-amount{letter-spacing:-.04em;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 50%,#a855f7 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px #6366f159);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;line-height:1;animation:6s infinite pricingAmountFlow}@keyframes pricingAmountFlow{0%,to{background-position:0%}50%{background-position:100%}}.pricing-period{color:#cbd5e1;font-size:15px;font-weight:600}.pricing-features{flex-direction:column;flex:1;gap:14px;margin:0 0 32px;padding:0;list-style:none;display:flex}.pricing-features li{color:#e2e8f0;align-items:center;gap:12px;font-size:14px;font-weight:500;transition:transform .3s;display:flex}.pricing-card:hover .pricing-features li{transform:translate(2px)}.pricing-features li svg{color:#0b1020;stroke-width:3.5px;background:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:3px;box-shadow:0 0 0 1.5px #38bdf8e6,0 2px 12px #38bdf88c}.pricing-highlighted .pricing-features li svg{color:#1a0b2e;background:#fff;box-shadow:0 0 0 1.5px #a855f7f2,0 2px 14px #a855f7a6}.pricing-cta{text-align:center;letter-spacing:.02em;color:#e0e7ff;background:#6366f129;border:1px solid #818cf873;border-radius:14px;padding:14px 0;font-size:14px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s;display:block;position:relative;overflow:hidden}.pricing-cta:before{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff2e 50%,#0000 100%);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.pricing-cta:hover{background:#6366f12e;border-color:#818cf88c;transform:translateY(-2px);box-shadow:0 10px 30px #6366f140}.pricing-cta:hover:before{left:100%}.pricing-cta-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1,#a855f7) 0 0/200% 200%;border:none;animation:5s infinite pricingCtaFlow;box-shadow:0 10px 30px #6366f166,inset 0 0 0 1px #ffffff24}@keyframes pricingCtaFlow{0%,to{background-position:0%}50%{background-position:100%}}.pricing-cta-primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px #6366f18c,0 0 60px #a855f759}.landing-final-cta{z-index:1;text-align:center;padding:100px 24px;position:relative;overflow:hidden}.final-cta-particles{pointer-events:none;opacity:0;z-index:0;transition:opacity 1.6s ease-out;position:absolute;inset:0}.landing-final-cta.revealed .final-cta-particles{opacity:1}.final-cta-particle{will-change:transform, opacity;background:radial-gradient(circle,#6366f1e6 0%,#6366f100 70%);border-radius:50%;width:6px;height:6px;animation:linear infinite final-cta-float;position:absolute;bottom:-10px;box-shadow:0 0 12px #6366f199}.final-cta-particle.p-1{background:radial-gradient(circle,#a855f7e6 0%,#a855f700 70%);width:4px;height:4px;box-shadow:0 0 12px #a855f799}.final-cta-particle.p-2{background:radial-gradient(circle,#38bdf8e6 0%,#38bdf800 70%);width:8px;height:8px;box-shadow:0 0 12px #38bdf899}.final-cta-particle.p-3{background:radial-gradient(circle,#ec4899d9 0%,#ec489900 70%);width:5px;height:5px;box-shadow:0 0 10px #ec489980}.final-cta-particle.p-4{background:radial-gradient(circle,#22d3eee6 0%,#22d3ee00 70%);width:3px;height:3px;box-shadow:0 0 14px #22d3ee99}.final-cta-particle.p-5{background:radial-gradient(circle,#facc15d9 0%,#facc1500 70%);width:6px;height:6px;box-shadow:0 0 10px #facc1580}@keyframes final-cta-float{0%{opacity:0;transform:translate(0,0)scale(.6)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(20px,-480px)scale(1.1)}}[data-theme=dark] .final-cta-particle{background:radial-gradient(circle,#818cf8f2 0%,#818cf800 70%);box-shadow:0 0 14px #818cf8b3}.final-cta-content{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #6366f11a;border-radius:24px;max-width:600px;margin:0 auto;padding:64px 48px;position:relative}.final-cta-content h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.final-cta-content p{color:var(--on-surface-variant,#475569);margin:0 0 32px;font-size:15px}.landing-footer{z-index:1;border-top:1px solid #6366f10f;padding:24px;position:relative}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-copy{color:var(--on-surface-variant,#475569);margin:0;font-size:13px}.preview-dashboard{padding:16px;font-size:11px}.preview-kpi-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.preview-kpi{background:#ffffffb3;border:1px solid #6366f10f;border-radius:8px;padding:10px 12px}.preview-kpi-label{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.preview-kpi-value{letter-spacing:-.03em;font-size:18px;font-weight:800}.preview-kpi-trend{color:#94a3b8;margin-top:2px;font-size:8px;display:block}.preview-live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.preview-platform{flex-direction:column;gap:5px;margin-top:4px;display:flex}.preview-platform-row{align-items:center;gap:6px;display:flex}.preview-platform-name{color:#94a3b8;width:40px;font-size:8px}.preview-bar-track{background:#0000000a;border-radius:2px;flex:1;height:4px;overflow:hidden}.preview-bar-fill{border-radius:2px;height:100%}.preview-platform-pct{text-align:right;width:24px;font-size:8px;font-weight:700}.preview-charts-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.preview-chart-card,.preview-events-card{background:#ffffffb3;border:1px solid #6366f10f;border-radius:8px;overflow:hidden}.preview-chart-header{border-bottom:1px solid #6366f10a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.preview-chart-header strong{font-size:10px;font-weight:700}.preview-chart-header span{color:#94a3b8;font-size:8px}.preview-badge{border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700}.preview-badge.indigo{color:#6366f1;background:#6366f11a}.preview-badge.teal{color:#14b8a6;background:#14b8a61a}.preview-event-list{padding:4px 0}.preview-event-row{align-items:center;gap:6px;padding:4px 12px;font-size:9px;display:flex}.preview-event-row:not(:last-child){border-bottom:1px solid #00000008}.preview-pip{border-radius:50%;flex-shrink:0;width:5px;height:5px}.preview-pip.success{background:#22c55e}.preview-pip.info{background:#6366f1}.preview-pip.error{background:#ef4444}.preview-event-type{color:#475569;min-width:60px;font-family:monospace;font-size:8px}.preview-event-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.preview-event-badge{border-radius:999px;padding:1px 5px;font-size:7px;font-weight:700}.preview-event-badge.success{color:#22c55e;background:#22c55e1a}.preview-event-badge.error{color:#ef4444;background:#ef44441a}.preview-event-badge.info{color:#6366f1;background:#6366f11a}.preview-projects{padding:14px;font-size:11px}.preview-projects-header{margin-bottom:12px}.preview-tabs{border-bottom:2px solid #0000000a;gap:0;margin-bottom:10px;display:flex}.preview-tab{color:#94a3b8;cursor:default;padding:6px 12px;font-size:10px;font-weight:600}.preview-tab.active{color:#6366f1;border-bottom:2px solid #6366f1;margin-bottom:-2px}.preview-projects-toolbar{justify-content:space-between;align-items:center;display:flex}.preview-search-mini{color:#94a3b8;background:#ffffffb3;border:1px solid #0000000f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:9px;display:flex}.preview-add-btn{color:#fff;background:#6366f1;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700}.preview-project-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preview-project-card{background:#ffffffb3;border:1px solid #6366f10f;border-radius:8px;padding:10px}.preview-project-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.preview-project-icon{font-size:16px}.preview-project-badges{gap:4px;display:flex}.preview-env-badge{border-radius:999px;padding:1px 6px;font-size:7px;font-weight:700}.preview-env-badge.prod{color:#22c55e;background:#22c55e1a}.preview-env-badge.dev{color:#f59e0b;background:#f59e0b1a}.preview-status-badge{color:#6366f1;background:#6366f11a;border-radius:999px;padding:1px 6px;font-size:7px;font-weight:700}.preview-project-name{margin-bottom:8px;font-size:11px;display:block}.preview-project-stats{gap:10px;display:flex}.preview-project-stats div{flex-direction:column;gap:1px;display:flex}.preview-project-stats .label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:7px;font-weight:700}.preview-project-stats .value{color:#1e293b;font-size:10px;font-weight:700}.preview-api-docs{padding:14px;font-size:11px}.preview-api-endpoint{align-items:center;gap:8px;margin-bottom:8px;display:flex}.preview-method-badge{color:#fff;background:#22c55e;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:800}.preview-api-endpoint code{font-size:12px;font-weight:600}.preview-api-desc{color:#64748b;margin:0 0 10px;font-size:10px}.preview-model-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.preview-model-tags span{border:1px solid;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:600}.preview-model-tags small{background:#0000000d;border-radius:3px;margin-left:3px;padding:1px 4px;font-size:7px;font-weight:700}.preview-api-body strong{margin-bottom:6px;font-size:10px;display:block}.preview-api-fields{flex-direction:column;gap:0;display:flex}.preview-api-fields div{border-bottom:1px solid #0000000a;align-items:center;gap:6px;padding:5px 0;font-size:9px;display:flex}.preview-api-fields code{color:#6366f1;font-size:10px;font-weight:700}.preview-api-fields small{color:#94a3b8;font-size:8px}.preview-api-fields em{color:#ef4444;text-transform:uppercase;font-size:7px;font-style:normal;font-weight:700}.preview-api-fields span{color:#64748b}[data-theme=dark] .preview-kpi,[data-theme=dark] .preview-chart-card,[data-theme=dark] .preview-events-card,[data-theme=dark] .preview-project-card,[data-theme=dark] .preview-search-mini{background:#ffffff0a;border-color:#6366f11a}[data-theme=dark] .preview-kpi-value,[data-theme=dark] .preview-project-name,[data-theme=dark] .preview-project-stats .value,[data-theme=dark] .preview-api-endpoint code{color:#f1f5f9!important}[data-theme=dark] .preview-bar-track{background:#ffffff0f}[data-theme=dark] .preview-tabs{border-bottom-color:#ffffff0f}[data-theme=dark] .landing{color:#e2e8f0;background:radial-gradient(70% 50% at 15% 25%,#3b82f61a,#0000 60%),radial-gradient(60% 40% at 85% 75%,#2563eb12,#0000 60%),#08090d}[data-theme=dark] .landing-nav{background:#0f0f13d1;border-bottom-color:#6366f11a}[data-theme=dark] .landing-logo-text{color:#f1f5f9}[data-theme=dark] .landing-nav-links button,[data-theme=dark] .landing-nav-links .nav-link-demo{color:#94a3b8}[data-theme=dark] .landing-nav-links button:hover,[data-theme=dark] .landing-nav-links .nav-link-demo:hover{color:#a5b4fc;background:#6366f11f}[data-theme=dark] .nav-link-demo{color:#a5b4fc!important;border-color:#6366f140!important}[data-theme=dark] .hero-title,[data-theme=dark] .section-title,[data-theme=dark] .feature-card h3,[data-theme=dark] .how-step h3,[data-theme=dark] .pricing-name,[data-theme=dark] .final-cta-content h2,[data-theme=dark] .showcase-card h4,[data-theme=dark] .ai-cap-card h4{color:#f1f5f9}[data-theme=dark] .hero-subtitle,[data-theme=dark] .hero-badge,[data-theme=dark] .stat-label,[data-theme=dark] .feature-card p,[data-theme=dark] .how-step p,[data-theme=dark] .pricing-desc,[data-theme=dark] .pricing-period,[data-theme=dark] .pricing-features li,[data-theme=dark] .section-subtitle,[data-theme=dark] .final-cta-content p,[data-theme=dark] .footer-copy,[data-theme=dark] .showcase-card p,[data-theme=dark] .showcase-demo-cta p,[data-theme=dark] .ai-cap-card p,[data-theme=dark] .code-header{color:#94a3b8}[data-theme=dark] .hero-badge{color:#a5b4fc;background:#6366f11f;border-color:#6366f133}[data-theme=dark] .hero-btn-demo{color:#a5b4fc;background:#ffffff0f;border-color:#6366f140}[data-theme=dark] .hero-btn-demo:hover{background:#6366f11f;border-color:#6366f159}[data-theme=dark] .hero-scroll-hint{color:#64748b}[data-theme=dark] .stat-card,[data-theme=dark] .feature-card,[data-theme=dark] .how-step,[data-theme=dark] .pricing-card,[data-theme=dark] .final-cta-content,[data-theme=dark] .showcase-card,[data-theme=dark] .ai-cap-card,[data-theme=dark] .ai-code-example{background:#ffffff0a;border-color:#6366f11a}[data-theme=dark] .showcase-browser{background:#ffffff0a;border-color:#6366f11f;box-shadow:0 20px 60px #0000004d}[data-theme=dark] .browser-bar{background:#ffffff0a;border-bottom-color:#6366f114}[data-theme=dark] .browser-url{color:#64748b;background:#ffffff0f}[data-theme=dark] .screenshot-placeholder{color:#64748b;background:linear-gradient(135deg,#38bdf80a 0%,#6366f114 50%,#a855f70a 100%);border-color:#6366f11f}[data-theme=dark] .feature-card:hover,[data-theme=dark] .showcase-card:hover,[data-theme=dark] .ai-cap-card:hover{border-color:#6366f140;box-shadow:0 12px 40px #6366f126}[data-theme=dark] .pricing-card:hover{box-shadow:0 12px 40px #6366f126}[data-theme=dark] .pricing-highlighted{background:#ffffff12;border-color:#6366f14d;box-shadow:0 8px 40px #6366f126}[data-theme=dark] .pricing-highlighted:hover{box-shadow:0 16px 56px #6366f138}[data-theme=dark] .section-badge,[data-theme=dark] .feature-tag{color:#a5b4fc;background:#6366f11f;border-color:#6366f133}[data-theme=dark] .how-step-connector{background:linear-gradient(90deg,#6366f133,#a855f733)}[data-theme=dark] .pricing-cta{color:#a5b4fc;background:#6366f11a;border-color:#6366f133}[data-theme=dark] .pricing-cta:hover{background:#6366f12e}[data-theme=dark] .pricing-features li svg{color:#818cf8}[data-theme=dark] .ai-model-badge{background:#ffffff0a!important}[data-theme=dark] .ai-model-badge:hover{box-shadow:0 4px 16px #0003}[data-theme=dark] .code-block{color:#e2e8f0}[data-theme=dark] .code-header{border-bottom-color:#6366f11a}[data-theme=dark] .landing-footer{border-top-color:#6366f11a}[data-theme=dark] .theme-toggle-track{background:#6366f126;border-color:#6366f140}[data-theme=dark] .theme-toggle:hover .theme-toggle-track{background:#6366f138;border-color:#6366f159}@media (max-width:1024px){.features-grid,.ai-capabilities-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr}}@media (max-width:768px){.landing-nav-links{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.ai-capabilities-grid,.showcase-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-highlighted{transform:none}.pricing-highlighted:hover{transform:translateY(-4px)}.how-steps{flex-direction:column}.how-step-connector{width:2px;min-width:2px;height:32px}.hero-br{display:none}.screenshot-hero{min-height:240px}.final-cta-content{padding:40px 24px}.footer-inner{text-align:center;flex-direction:column;gap:12px}.ai-models{gap:8px}.ai-model-badge{padding:6px 14px;font-size:13px}}.sp{--sp-text:#0f172a;--sp-text-soft:#475569;--sp-text-mute:#94a3b8;--sp-bg:#fff;--sp-surface:#f8fafc;--sp-surface-hi:#f1f5f9;--sp-border:#e2e8f0;--sp-border-strong:#cbd5e1;--sp-accent:#3b82f6;--sp-accent-soft:#eff6ff;--sp-accent-text:#1d4ed8;--sp-up:#10b981;--sp-down:#ef4444;width:100%;height:100%;color:var(--sp-text);flex-direction:column;gap:14px;font-size:12.5px;display:flex}.fs-card.is-dark .fs-card-preview .sp,.browser-content .sp{--sp-text:#e2e8f0;--sp-text-soft:#94a3b8;--sp-text-mute:#64748b;--sp-bg:#0b0d14;--sp-surface:#ffffff08;--sp-surface-hi:#ffffff0f;--sp-border:#94a3b824;--sp-border-strong:#94a3b838;--sp-accent:#60a5fa;--sp-accent-soft:#3b82f624;--sp-accent-text:#93c5fd}.sp *{box-sizing:border-box}.sp-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-tabs{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.sp-tab{color:var(--sp-text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .18s}.sp-tab:hover{color:var(--sp-text);background:var(--sp-surface-hi)}.sp-tab.active{background:var(--sp-bg);color:var(--sp-accent-text);box-shadow:0 1px 3px #0f172a2e, 0 0 0 1px var(--sp-border-strong)}.fs-card.is-dark .fs-card-preview .sp-tab.active,.browser-content .sp-tab.active{background:#3b82f62e;box-shadow:0 0 0 1px #6382f666}.sp-pill{color:var(--sp-text-soft);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.sp-pill.subtle{background:0 0}.sp-btn{appearance:none;border:1px solid var(--sp-border-strong);background:var(--sp-bg);color:var(--sp-text);cursor:pointer;border-radius:8px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .18s}.sp-btn:hover{background:var(--sp-accent);color:#fff;border-color:var(--sp-accent);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.sp-search{color:var(--sp-text-mute);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:260px;padding:7px 12px;font-size:12px;display:inline-flex}.sp-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-mute);margin-top:6px;font-size:10px;font-weight:800}.sp-dashboard .sp-kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sp-kpi{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .2s;display:flex}.sp-kpi:hover{border-color:var(--sp-accent);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.sp-kpi-label{color:var(--sp-text-mute);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:600}.sp-kpi-value{letter-spacing:-.02em;color:var(--sp-text);align-items:center;gap:8px;font-size:22px;font-weight:800;display:inline-flex}.sp-live-dot{background:var(--sp-up);width:7px;height:7px;box-shadow:0 0 8px var(--sp-up);border-radius:50%;animation:1.6s ease-in-out infinite spLive}@keyframes spLive{0%,to{opacity:1}50%{opacity:.35}}.sp-kpi-trend{font-size:11px;font-weight:700}.sp-kpi-trend.up{color:var(--sp-up)}.sp-kpi-trend.down{color:var(--sp-down)}.sp-chart-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;padding:14px 16px 10px}.sp-chart-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sp-chart-head strong{color:var(--sp-text);font-size:13px;display:block}.sp-chart-sub{color:var(--sp-text-mute);margin-left:8px;font-size:11px}@keyframes spFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spPop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}.sp-kpis>.sp-kpi,.sp-rows>.sp-row,.sp-events>.sp-event,.sp-team-list>.sp-team-row,.sp-fields>.sp-field,.sp-key{animation:.45s cubic-bezier(.22,1,.36,1) both spFadeUp}.sp-kpis>.sp-kpi:first-child,.sp-rows>.sp-row:first-child,.sp-events>.sp-event:first-child,.sp-team-list>.sp-team-row:first-child,.sp-fields>.sp-field:first-child,.sp-key:first-of-type{animation-delay:20ms}.sp-kpis>.sp-kpi:nth-child(2),.sp-rows>.sp-row:nth-child(2),.sp-events>.sp-event:nth-child(2),.sp-team-list>.sp-team-row:nth-child(2),.sp-fields>.sp-field:nth-child(2),.sp-key:nth-of-type(2){animation-delay:70ms}.sp-kpis>.sp-kpi:nth-child(3),.sp-rows>.sp-row:nth-child(3),.sp-events>.sp-event:nth-child(3),.sp-team-list>.sp-team-row:nth-child(3),.sp-fields>.sp-field:nth-child(3),.sp-key:nth-of-type(3){animation-delay:.12s}.sp-kpis>.sp-kpi:nth-child(4),.sp-rows>.sp-row:nth-child(4),.sp-events>.sp-event:nth-child(4),.sp-team-list>.sp-team-row:nth-child(4),.sp-fields>.sp-field:nth-child(4){animation-delay:.17s}.sp-rows>.sp-row:nth-child(5),.sp-events>.sp-event:nth-child(5){animation-delay:.22s}.sp-chart-card,.sp-chat,.sp-team-banner,.sp-table,.sp-api-endpoint,.sp-code{animation:.5s cubic-bezier(.22,1,.36,1) 80ms both spFadeUp}.sp-tabs .sp-tab.active{animation:.35s cubic-bezier(.22,1,.36,1) spPop}.sp-tab,.sp-pill,.sp-btn,.sp-cap,.sp-model{transition:background .22s,color .22s,border-color .22s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}.sp-btn:active,.sp-tab:active,.sp-pill:active{transform:scale(.96)}.sp-msg.bot{animation:.4s cubic-bezier(.22,1,.36,1) both spFadeUp}.sp-msg.user{animation:.4s cubic-bezier(.22,1,.36,1) both spSlideIn}.sp-events{flex-direction:column;gap:6px;display:flex}.sp-event{background:var(--sp-surface);border:1px solid var(--sp-border);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:all .18s;display:flex}.sp-event:hover{background:var(--sp-surface-hi);transform:translate(2px)}.sp-event-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sp-event-main{flex:1;min-width:0}.sp-event-title{color:var(--sp-text);font-size:12.5px;font-weight:700}.sp-event-desc{color:var(--sp-text-mute);margin-top:2px;font-size:11px}.sp-event-time{color:var(--sp-text-mute);background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:5px;padding:3px 8px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.sp-rows{flex-direction:column;gap:8px;display:flex}.sp-row{background:var(--sp-surface);border:1px solid var(--sp-border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.sp-row:hover{border-color:var(--sp-accent);background:var(--sp-surface-hi);transform:translate(3px);box-shadow:0 6px 18px #3b82f61f}.sp-row-icon{background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:inline-flex}.sp-row-main{flex:1;min-width:0}.sp-row-title{color:var(--sp-text);align-items:center;gap:10px;margin-bottom:4px;font-size:13.5px;font-weight:700;display:flex}.sp-row-meta{color:var(--sp-text-mute);gap:14px;font-size:11.5px;display:flex}.sp-row-meta strong{color:var(--sp-text-soft);font-weight:700}.sp-row-meta .up{color:var(--sp-up);font-weight:700}.sp-row-arrow{color:var(--sp-text-mute);font-size:16px;transition:transform .2s}.sp-row:hover .sp-row-arrow{color:var(--sp-accent);transform:translate(3px)}.sp-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:9.5px;font-weight:800}.sp-tag.live{color:#10b981;background:#10b98124;border:1px solid #10b98152}.sp-tag.dev,.sp-tag.test{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b52}.sp-api-endpoint{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.sp-method{color:#fff;letter-spacing:.04em;background:#10b981;border-radius:5px;padding:4px 10px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:800}.sp-api-endpoint code{color:var(--sp-text);flex:1;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.sp-api-desc{color:var(--sp-text-soft);margin:0;font-size:12px;line-height:1.6}.sp-fields{flex-direction:column;gap:6px;display:flex}.sp-field{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:8px;align-items:center;gap:12px;padding:9px 14px;font-size:12px;display:flex}.sp-field code{color:var(--sp-accent-text);flex:1;font-family:ui-monospace,Menlo,monospace;font-weight:600}.sp-type{color:var(--sp-text-mute);font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.sp-required{color:#ef4444;background:#ef44441a;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.sp-optional{color:var(--sp-text-mute);background:var(--sp-surface-hi);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.sp-code{color:#e2e8f0;border:1px solid var(--sp-border);white-space:pre-wrap;background:#0b0d14;border-radius:10px;margin:0;padding:14px 16px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.7;overflow-x:auto}.sp-code .c-key{color:#c4b5fd}.sp-code .c-str{color:#6ee7b7}.sp-models{flex-wrap:wrap;gap:7px;display:flex}.sp-model{background:var(--sp-surface);border:1px solid var(--sp-border);color:var(--sp-text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.sp-model:hover{background:var(--sp-surface-hi);transform:translateY(-1px)}.sp-model-dot{border-radius:50%;width:7px;height:7px}.sp-chat{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.sp-msg{border-radius:12px;max-width:88%;padding:10px 14px;font-size:12.5px;line-height:1.55}.sp-msg.user{background:var(--sp-accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.sp-msg.bot{background:var(--sp-bg);border:1px solid var(--sp-border);color:var(--sp-text);border-bottom-left-radius:4px;align-self:flex-start}.sp-msg-meta{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:3px;font-size:9.5px;font-weight:700;display:block}.sp-msg.user .sp-msg-meta{text-align:right;opacity:.85}.sp-msg-meta.gpt{color:#10a37f;opacity:1}.sp-typing{margin-left:2px;animation:1s steps(2,end) infinite spBlink;display:inline-block}@keyframes spBlink{0%,to{opacity:0}50%{opacity:1}}.sp-cap-row{flex-wrap:wrap;gap:8px;display:flex}.sp-cap{background:var(--sp-surface);border:1px solid var(--sp-border);color:var(--sp-text-soft);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .18s}.sp-cap:hover{background:var(--sp-accent-soft);color:var(--sp-accent-text);border-color:var(--sp-accent)}.sp-table{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:12px;overflow:hidden}.sp-tr{color:var(--sp-text);border-bottom:1px solid var(--sp-border);cursor:pointer;grid-template-columns:50px 1.6fr 1fr 60px 1fr;align-items:center;gap:10px;padding:10px 14px;font-size:12px;transition:background .18s;display:grid}.sp-tr:last-child{border-bottom:none}.sp-tr:hover:not(.head){background:var(--sp-surface-hi)}.sp-tr.head{background:var(--sp-bg);text-transform:uppercase;letter-spacing:.08em;color:var(--sp-text-mute);cursor:default;font-size:10px;font-weight:800}.sp-tr .mono{color:var(--sp-text-soft);font-family:ui-monospace,Menlo,monospace}.sp-type-tag{border-radius:5px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.sp-type-tag.weapon{color:#ef4444;background:#ef444424}.sp-type-tag.armor{color:#3b82f6;background:#3b82f624}.sp-type-tag.potion{color:#10b981;background:#10b98124}.sp-stars{color:#f59e0b;letter-spacing:-1px;font-size:11px}.sp-key{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.sp-key:hover{border-color:var(--sp-accent);transform:translate(3px)}.sp-key-icon{background:var(--sp-accent-soft);width:38px;height:38px;color:var(--sp-accent-text);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.sp-key-info{flex:1;min-width:0}.sp-key-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sp-key-top strong{color:var(--sp-text);font-size:13px}.sp-key-info code{color:var(--sp-text-mute);font-family:ui-monospace,Menlo,monospace;font-size:11px;display:block}.sp-key-stats{text-align:right}.sp-key-stats strong{color:var(--sp-text);font-size:14px;font-weight:800;display:block}.sp-key-stats span{color:var(--sp-text-mute);font-size:10.5px}.sp-team-banner{border:1px solid var(--sp-border);background:linear-gradient(120deg,#3b82f614,#a855f714);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.sp-team-stack{display:flex}.sp-team-avatar{color:#fff;border:2px solid var(--sp-bg);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-flex}.sp-team-avatar.more{background:var(--sp-surface-hi);color:var(--sp-text-soft);margin-left:-10px}.sp-team-banner-text{flex:1;min-width:0}.sp-team-banner-text strong{color:var(--sp-text);margin-bottom:2px;font-size:13px;display:block}.sp-team-banner-text span{color:var(--sp-text-mute);font-size:11px}.sp-team-list{flex-direction:column;gap:6px;display:flex}.sp-team-row{background:var(--sp-surface);border:1px solid var(--sp-border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .18s;display:flex}.sp-team-row:hover{background:var(--sp-surface-hi);transform:translate(2px)}.sp-team-mini{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:inline-flex}.sp-team-row-info{flex:1}.sp-team-row-info strong{color:var(--sp-text);font-size:12.5px;display:block}.sp-team-row-info span{color:var(--sp-text-mute);font-size:10.5px}.sp-role{text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:700}.sp-role.role-owner{color:#3b82f6;background:#3b82f624}.sp-role.role-developer{color:#10b981;background:#10b98124}.sp-role.role-designer{color:#ec4899;background:#ec489924}.sp-role.role-viewer{color:#f59e0b;background:#f59e0b24}.sp-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);cursor:grab;border-radius:14px;flex-direction:column;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s,opacity .2s;animation:.45s cubic-bezier(.22,1,.36,1) both spFadeUp;display:flex;overflow:hidden}.sp-card:hover{border-color:var(--sp-accent);transform:translateY(-3px);box-shadow:0 12px 30px #3b82f633}.sp-card.dragging{opacity:.45;cursor:grabbing;transform:scale(.96)rotate(-1deg)}.sp-card.drag-over{border-color:var(--sp-accent);transform:translateY(-2px);box-shadow:0 0 0 2px #3b82f666,0 12px 30px #3b82f640}.sp-card-banner{justify-content:space-between;align-items:center;height:64px;padding:0 14px;display:flex;position:relative}.sp-card-emoji{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:inline-flex}.sp-card-banner .sp-tag{color:#fff!important;background:#00000059!important;border-color:#ffffff4d!important}.sp-card-grip{color:#ffffffb3;letter-spacing:-2px;cursor:grab;font-size:11px;position:absolute;top:8px;right:10px}.sp-card-body{padding:12px 14px 14px}.sp-card-name{color:var(--sp-text);margin-bottom:8px;font-size:13.5px;font-weight:800;display:block}.sp-card-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sp-card-stats>div{flex-direction:column;gap:2px;display:flex}.sp-card-stats span{color:var(--sp-text-mute);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.sp-card-stats strong{color:var(--sp-text);font-size:12.5px;font-weight:700}.sp-card-stats strong.up{color:var(--sp-up)}.sp-vip{color:#fff;background:linear-gradient(120deg,#f59e0b,#ef4444);border-radius:5px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:800}.sp-text-mute{color:var(--sp-text-mute)}.sp-security-banner{background:linear-gradient(120deg,#10b9811f,#3b82f61f);border:1px solid #10b98152;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.sp-security-icon{background:#10b9812e;border:1px solid #10b98166;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:inline-flex}.sp-security-text{flex:1;min-width:0}.sp-security-text strong{color:var(--sp-text);margin-bottom:3px;font-size:13px;display:block}.sp-security-text span{color:var(--sp-text-soft);font-size:11.5px;line-height:1.5}.sp-security-badges{flex-direction:column;gap:4px;display:flex}.sp-security-badges span{color:#10b981;text-align:center;background:#10b98124;border:1px solid #10b98152;border-radius:5px;padding:3px 8px;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;font-weight:800}.sp-credit-balance{background:linear-gradient(120deg,#6366f12e,#a855f724);border:1px solid #6366f159;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.sp-credit-label{color:var(--sp-text-mute);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.sp-credit-value{color:var(--sp-text);letter-spacing:-.02em;align-items:center;gap:8px;margin-top:4px;font-size:32px;font-weight:900;display:flex}.sp-credit-coin{color:#a855f7;filter:drop-shadow(0 0 8px #a855f799);font-size:28px}.sp-credit-unit{color:var(--sp-text-mute);margin-left:4px;font-size:12px;font-weight:600}.sp-credit-mini{text-align:right;flex-direction:column;gap:6px;display:flex}.sp-credit-mini>div{flex-direction:column;display:flex}.sp-credit-mini span{color:var(--sp-text-mute);font-size:10px}.sp-credit-mini strong{color:var(--sp-text);font-size:14px;font-weight:800}.sp-credit-mini strong.up{color:var(--sp-up)}.sp-credit-pkgs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sp-credit-pkg{background:var(--sp-surface);border:2px solid var(--sp-border);cursor:pointer;text-align:center;border-radius:12px;padding:14px;transition:all .2s;position:relative}.sp-credit-pkg:hover{border-color:var(--sp-border-strong);transform:translateY(-2px)}.sp-credit-pkg.active{background:#a855f71a;border-color:#a855f7;box-shadow:0 8px 22px #a855f740}.sp-pkg-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(120deg,#f59e0b,#ef4444);border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:-8px;right:10px}.sp-pkg-name{color:var(--sp-text-mute);font-size:11px;font-weight:600}.sp-pkg-credits{color:#a855f7;margin:4px 0;font-size:18px;font-weight:800}.sp-pkg-price{color:var(--sp-text);font-size:13px;font-weight:700}.sp-track-list{flex-direction:column;gap:10px;display:flex}.sp-track-row{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:10px;padding:12px 14px;animation:.45s cubic-bezier(.22,1,.36,1) both spFadeUp}.sp-track-list>.sp-track-row:first-child{animation-delay:20ms}.sp-track-list>.sp-track-row:nth-child(2){animation-delay:70ms}.sp-track-list>.sp-track-row:nth-child(3){animation-delay:.12s}.sp-track-list>.sp-track-row:nth-child(4){animation-delay:.17s}.sp-track-list>.sp-track-row:nth-child(5){animation-delay:.22s}.sp-track-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.sp-track-head code{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700}.sp-track-count{color:var(--sp-text);font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:800}.sp-track-trend{font-size:11px;font-weight:700}.sp-track-trend.up{color:var(--sp-up)}.sp-track-bar{background:var(--sp-bg);border-radius:999px;height:6px;overflow:hidden}.sp-track-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);animation:.8s cubic-bezier(.22,1,.36,1) both spBarGrow}@keyframes spBarGrow{0%{width:0!important}}.sp-media-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sp-media-tile{background:var(--sp-surface);border:1px solid var(--sp-border);cursor:pointer;border-radius:10px;padding:8px;transition:all .2s;animation:.4s cubic-bezier(.22,1,.36,1) both spFadeUp}.sp-media-tile:hover{border-color:var(--sp-accent);transform:translateY(-2px);box-shadow:0 6px 18px #3b82f62e}.sp-media-grid>.sp-media-tile:first-child{animation-delay:20ms}.sp-media-grid>.sp-media-tile:nth-child(2){animation-delay:50ms}.sp-media-grid>.sp-media-tile:nth-child(3){animation-delay:80ms}.sp-media-grid>.sp-media-tile:nth-child(4){animation-delay:.11s}.sp-media-grid>.sp-media-tile:nth-child(5){animation-delay:.14s}.sp-media-grid>.sp-media-tile:nth-child(6){animation-delay:.17s}.sp-media-thumb{aspect-ratio:16/10;border:1px solid;border-radius:8px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.sp-media-name{color:var(--sp-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.sp-media-meta{color:var(--sp-text-mute);margin-top:2px;font-size:9.5px}.sp-err-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sp-err-stat{background:var(--sp-surface);border:1px solid var(--sp-border);text-align:center;border-radius:10px;padding:12px}.sp-err-stat span{color:var(--sp-text-mute);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700;display:block}.sp-err-stat strong{color:var(--sp-text);margin-top:2px;font-size:22px;font-weight:900;display:block}.sp-err-stat.critical{background:#ef444414;border-color:#ef444466}.sp-err-stat.critical strong{color:#ef4444}.sp-err-stat.warn{background:#f59e0b14;border-color:#f59e0b66}.sp-err-stat.warn strong{color:#f59e0b}.sp-err-stat.info{background:#3b82f614;border-color:#3b82f666}.sp-err-stat.info strong{color:#3b82f6}.sp-err-list{flex-direction:column;gap:6px;display:flex}.sp-err-row{background:var(--sp-surface);border:1px solid var(--sp-border);border-left:3px solid var(--sp-text-mute);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .18s;animation:.4s cubic-bezier(.22,1,.36,1) both spFadeUp;display:flex}.sp-err-row:hover{background:var(--sp-surface-hi);transform:translate(2px)}.sp-err-list>.sp-err-row:first-child{animation-delay:20ms}.sp-err-list>.sp-err-row:nth-child(2){animation-delay:70ms}.sp-err-list>.sp-err-row:nth-child(3){animation-delay:.12s}.sp-err-list>.sp-err-row:nth-child(4){animation-delay:.17s}.sp-err-row.sev-critical{border-left-color:#ef4444}.sp-err-row.sev-warn{border-left-color:#f59e0b}.sp-err-row.sev-info{border-left-color:#3b82f6}.sp-err-code{background:var(--sp-bg);border:1px solid var(--sp-border);color:var(--sp-text);border-radius:6px;padding:4px 9px;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:800}.sp-err-row.sev-critical .sp-err-code{color:#ef4444;border-color:#ef444466}.sp-err-row.sev-warn .sp-err-code{color:#f59e0b;border-color:#f59e0b66}.sp-err-row.sev-info .sp-err-code{color:#3b82f6;border-color:#3b82f666}.sp-err-main{flex:1;min-width:0}.sp-err-title{color:var(--sp-text);font-size:12.5px;font-weight:700}.sp-err-meta{color:var(--sp-text-mute);margin-top:2px;font-size:10.5px}.sp-err-meta code{font-family:ui-monospace,Menlo,monospace}.sp-err-count{color:var(--sp-text-soft);font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:800}.sp-pay-summary{grid-template-columns:1.6fr 1fr 1fr;gap:10px;display:grid}.sp-pay-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;padding:14px}.sp-pay-card span{color:var(--sp-text-mute);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700;display:block}.sp-pay-card strong{color:var(--sp-text);letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:900;display:block}.sp-pay-card span.up{color:var(--sp-up);text-transform:none;letter-spacing:0;margin-top:2px;font-size:11px}.sp-pay-card.primary{background:linear-gradient(120deg,#10b98129,#3b82f624);border-color:#10b98166}.sp-pay-card.primary strong{background:linear-gradient(120deg,#10b981,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sp-pay-list{flex-direction:column;gap:6px;display:flex}.sp-pay-row{background:var(--sp-surface);border:1px solid var(--sp-border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;transition:all .18s;animation:.4s cubic-bezier(.22,1,.36,1) both spFadeUp;display:flex}.sp-pay-row:hover{background:var(--sp-surface-hi);transform:translate(2px)}.sp-pay-list>.sp-pay-row:first-child{animation-delay:20ms}.sp-pay-list>.sp-pay-row:nth-child(2){animation-delay:60ms}.sp-pay-list>.sp-pay-row:nth-child(3){animation-delay:.1s}.sp-pay-list>.sp-pay-row:nth-child(4){animation-delay:.14s}.sp-pay-list>.sp-pay-row:nth-child(5){animation-delay:.18s}.sp-pay-info{flex:1;min-width:0}.sp-pay-info strong{color:var(--sp-text);font-size:12.5px;font-weight:700;display:block}.sp-pay-info span{color:var(--sp-text-mute);font-size:10.5px}.sp-pay-amount{color:var(--sp-text);font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:800}.sp-pay-status{border-radius:5px;padding:4px 9px;font-size:10.5px;font-weight:700}.sp-pay-status.status-success{color:#10b981;background:#10b98124}.sp-pay-status.status-pending{color:#f59e0b;background:#f59e0b24}.sp-pay-status.status-failed{color:#ef4444;background:#ef444424}@media (max-width:720px){.sp-dashboard .sp-kpis{grid-template-columns:repeat(2,1fr)}.sp-tr{grid-template-columns:40px 1.4fr 1fr 50px!important}.sp-tr>:nth-child(5){display:none}.sp-grid,.sp-media-grid,.sp-credit-pkgs{grid-template-columns:1fr}.sp-err-summary{grid-template-columns:repeat(2,1fr)}.sp-pay-summary{grid-template-columns:1fr}}