@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#08090c;--bg-card:#11131899;--bg-card-solid:#101216;--bg-card-hover:#15181d;--surface:#0e1014;--bg-glass:#1113188c;--border:#ffffff12;--border-hover:#ffffff24;--border-glow:#2dd4a840;--text:#ecedf2;--text-dim:#9a9daa;--text-muted:#5c5f6e;--primary:#2dd4a8;--primary-dark:#20b890;--primary-glow:#2dd4a81f;--primary-soft:#2dd4a812;--accent:#5eead4;--accent-glow:#5eead41a;--accent-soft:#5eead40d;--cyan:#22d3ee;--cyan-glow:#22d3ee1a;--purple:#a78bfa;--purple-glow:#a78bfa1a;--purple-soft:#a78bfa0f;--emerald:#34d399;--emerald-glow:#34d3991a;--danger:#f43f5e;--warning:#f59e0b;--lavender:#e4e6ef;--radius:10px;--radius-lg:16px;--radius-xl:20px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--max-width:1200px;--font:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:var(--font-space-grotesk), "Space Grotesk", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 45% at 50% -10%,#2dd4a80d 0%,#0000 55%),radial-gradient(45% 40% at 90% 85%,#22d3ee06 0%,#0000 55%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#ecedf206 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(36px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:scale(.93)}.reveal-scale.visible{opacity:1;transform:scale(1)}.orbs-container,.orb{display:none}@keyframes orbFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(var(--dx,60px), var(--dy,-40px)) scale(1.15)}66%{transform:translate(calc(var(--dx,60px) * -.5), calc(var(--dy,-40px) * 1.5)) scale(.9)}to{transform:translate(calc(var(--dx,60px) * .3), calc(var(--dy,-40px) * -.8)) scale(1.05)}}.container{max-width:var(--max-width);z-index:1;margin:0 auto;padding:0 24px;position:relative}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .3s var(--ease);letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;display:inline-flex;position:relative;overflow:hidden;text-decoration:none!important}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-outline{color:var(--text);border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08}.btn-outline:hover{border-color:var(--primary);color:#fff;background:var(--primary-soft)}.btn-purple{color:#fff;box-shadow:0 0 20px var(--purple-glow);background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.btn-purple:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-purple:hover:after{left:100%}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b5cf64d}.btn-sm{padding:8px 18px;font-size:13px}.gradient-text{background:linear-gradient(135deg,#2dd4a8,#5eead4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text.italic{padding-right:.12em;display:inline-block}.gradient-text-hero{background:linear-gradient(120deg,#2dd4a8 0%,#5eead4 50%,#7ef0d6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes heroGrad{0%,to{background-position:0%}50%{background-position:100%}}.section-badge{border:1px solid var(--border);letter-spacing:1.2px;text-transform:uppercase;color:var(--primary);background:#ffffff08;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(30px,5vw,54px);font-weight:700;line-height:1.08}.lamp-title{display:inline-block;position:relative}.lamp-title:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);border-radius:2px;width:40%;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.lamp-title:after{content:none}.section-subtitle{color:var(--text-dim);max-width:580px;margin:0 auto 56px;font-size:17px;line-height:1.7}.italic{font-style:italic}.announcement-bar{border-bottom:1px solid var(--border);text-align:center;color:var(--text-dim);z-index:1001;background:#ffffff05;padding:9px 24px;font-size:13px;font-weight:500;position:relative}@keyframes annShimmer{0%,to{background-position:0%}50%{background-position:100%}}.announcement-bar a{color:var(--primary);font-weight:600;text-decoration:none}.announcement-bar a:hover{text-underline-offset:2px;text-decoration:underline}.ann-dot{background:var(--primary);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}@keyframes annPulse{0%,to{box-shadow:0 0 4px #2dd4a866}50%{box-shadow:0 0 14px #2dd4a8cc}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(160%);transition:all .4s var(--ease);background:#08090c8c;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-display);color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex;text-decoration:none!important}.nav-logo svg{transition:opacity .3s}.nav-logo:hover svg{opacity:.85}.nav-logo .kf-brand-wordmark,.footer-logo .kf-brand-wordmark{transition:opacity .3s}.nav-logo:hover .kf-brand-wordmark{opacity:.85}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-dim);font-size:14px;font-weight:500;transition:color .2s;position:relative;text-decoration:none!important}.nav-links a:after{content:"";background:var(--primary);width:0;height:1.5px;transition:width .3s var(--ease);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-actions{gap:12px;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.nav-auth-btns{align-items:center;gap:8px;display:flex}.btn-login{border-radius:var(--radius);border:1px solid var(--border-hover);color:var(--text);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;padding:8px 20px;transition:all .2s;text-decoration:none!important}.btn-login:hover{border-color:var(--primary);color:#fff}.btn-signup{border-radius:var(--radius);color:#06231b;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;background:#2dd4a8;border:none;padding:8px 20px;transition:all .2s;text-decoration:none!important}.btn-signup:hover{background:#3ce0b6;transform:translateY(-1px);box-shadow:0 4px 16px #2dd4a840}.hero{align-items:center;min-height:100vh;padding:150px 0 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#2dd4a812 0%,#0000 60%);width:1100px;height:700px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}@keyframes heroGlow{0%{opacity:.6;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.hero-grid{pointer-events:none;background-image:linear-gradient(#ecedf205 1px,#0000 1px),linear-gradient(90deg,#ecedf205 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(60% 50% at 50% 40%,#000 20%,#0000 70%)}.hero-content{width:100%}.hero-content,.hero .container{z-index:1;position:relative}.hero-bento{grid-template-rows:auto auto;grid-template-columns:1.1fr .9fr;gap:16px;max-width:1100px;margin:0 auto;display:grid}.hero-main{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-area:1/1/3/2;padding:56px 44px;position:relative;overflow:hidden}.hero-main:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05,#0000 50%);position:absolute;inset:0}.hero-badge{border:1px solid var(--border);color:var(--text-dim);background:#ffffff08;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge svg{stroke-width:2px;width:14px;height:14px;color:var(--primary)}.hero-title{font-family:var(--font-display);letter-spacing:-.05em;margin-bottom:24px;font-size:clamp(38px,5.5vw,72px);font-weight:800;line-height:1.02}.hero-subtitle{color:var(--text-dim);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.typewriter-cursor{background:var(--primary);vertical-align:baseline;width:3px;height:.9em;margin-left:4px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-stats-bento{grid-area:1/2/2/3;grid-template-columns:1fr 1fr;gap:16px;display:grid}.bento-stat{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .35s var(--ease);padding:28px 24px;position:relative;overflow:hidden}.bento-stat:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff04,#0000 55%);position:absolute;inset:0}.bento-stat:hover{border-color:var(--border-hover);transform:translateY(-3px)}.bento-stat-num{font-family:var(--font-display);background:linear-gradient(#fff 30%,#ecedf28c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:36px;font-weight:700}.bento-stat-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.bento-stat-icon{width:20px;height:20px;color:var(--primary);opacity:.3;position:absolute;top:16px;right:16px}.hero-demo{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .35s var(--ease);grid-area:2/2/3/3;padding:24px;position:relative;overflow:hidden}.hero-demo:hover{border-color:var(--border-hover);transform:translateY(-2px)}.hero-demo:before{content:"";pointer-events:none;background:radial-gradient(circle,#2dd4a80a,#0000 70%);width:200px;height:200px;position:absolute;top:0;right:0}.demo-topbar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.demo-dots{gap:5px;display:flex}.demo-dots span{border-radius:50%;width:8px;height:8px}.demo-dots span:first-child{background:#ff5f56}.demo-dots span:nth-child(2){background:#ffbd2e}.demo-dots span:nth-child(3){background:#27c93f}.demo-title{color:var(--text-muted);font-size:11px}.demo-body{gap:12px;display:flex}.demo-sidebar{flex-direction:column;gap:4px;width:120px;display:flex}.demo-sidebar-item{color:var(--text-muted);border-radius:6px;padding:5px 8px;font-size:10px}.demo-sidebar-item.active{background:var(--primary-soft);color:var(--accent);border-left:2px solid var(--primary)}.demo-content{flex:1}.demo-bar{border-radius:4px;height:8px;margin-bottom:8px}.demo-bar:first-child{background:linear-gradient(90deg,#2dd4a84d,#5eead433);width:80%}.demo-bar:nth-child(2){background:#ffffff0a;width:60%}.demo-bar:nth-child(3){background:#ffffff08;width:90%}.demo-bar:nth-child(4){background:#2dd4a826;width:45%}.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0;position:relative;overflow:hidden}.marquee-section:before,.marquee-section:after{content:"";z-index:2;width:150px;height:100%;position:absolute;top:0}.marquee-section:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.marquee-section:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.marquee-track{gap:56px;width:max-content;animation:35s linear infinite marqueeScroll;display:flex}.marquee-item{color:var(--text-dim);white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.marquee-item svg{width:16px;height:16px;color:var(--primary);opacity:.6;flex-shrink:0}.marquee-item strong{color:var(--lavender);font-weight:700}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento-section{padding:140px 0}.bento-features{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);gap:16px;margin-top:56px;display:grid}.bento-feature{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s var(--ease);cursor:default;padding:32px;position:relative;overflow:hidden}.bento-feature:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #2dd4a80f, transparent 40%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.bento-feature:hover:before{opacity:1}.bento-feature:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 16px 48px #00000059}.bento-feature.span-2{grid-column:span 2}.bento-feature.span-row{grid-row:span 2}.bf-icon{width:48px;height:48px;transition:transform .4s var(--spring);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.bf-icon.indigo{background:var(--primary-soft);border:1px solid #2dd4a81f}.bf-icon.indigo svg{color:var(--primary)}.bf-icon.purple{background:var(--purple-soft);border:1px solid #a78bfa1a}.bf-icon.purple svg{color:var(--purple)}.bf-icon.cyan{background:var(--cyan-glow);border:1px solid #22d3ee1a}.bf-icon.cyan svg{color:var(--cyan)}.bf-icon.emerald{background:var(--emerald-glow);border:1px solid #34d3991a}.bf-icon.emerald svg{color:var(--emerald)}.bf-icon svg{stroke-width:1.8px;width:22px;height:22px}.bento-feature:hover .bf-icon{transform:scale(1.08)rotate(-3deg)}.bf-title{font-family:var(--font-display);margin-bottom:8px;font-size:18px;font-weight:700}.bf-desc{color:var(--text-dim);font-size:14px;line-height:1.6}.bf-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:16px;right:16px}.bf-tag.free{background:var(--emerald-glow);color:var(--emerald);border:1px solid #34d3991a}.bf-tag.pro{background:var(--purple-soft);color:var(--purple);border:1px solid #a78bfa1a}.bf-visual{margin-top:20px}.bf-mini-bars{align-items:end;gap:4px;height:40px;display:flex}.bf-mini-bar{background:linear-gradient(180deg, var(--primary), #2dd4a833);border-radius:4px 4px 0 0;width:12px;animation:3s ease-in-out infinite miniBarPulse}@keyframes miniBarPulse{0%,to{height:30%}50%{height:100%}}.bf-mini-bar:nth-child(2){animation-delay:.3s}.bf-mini-bar:nth-child(3){animation-delay:.6s}.bf-mini-bar:nth-child(4){animation-delay:.9s}.bf-mini-bar:nth-child(5){animation-delay:1.2s}.bf-caption-preview{gap:6px;margin-top:8px;display:flex}.bf-caption-word{color:var(--text-dim);background:#2dd4a814;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .4s}.bf-caption-word.active{background:var(--primary);color:#fff;transform:scale(1.05)}.how-section{text-align:center;padding:140px 0}.how-flow{align-items:stretch;gap:0;margin-top:64px;display:flex;position:relative}.how-flow:before,.how-flow:after{content:"";background:var(--primary);z-index:5;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23050315' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #2dd4a84d}.how-flow:before{left:33.333%}.how-flow:after{left:66.666%}.how-step{text-align:center;background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s var(--ease);flex:1;padding:40px 28px;position:relative}.how-step:first-child{border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.how-step:last-child{border-radius:0 var(--radius-xl) var(--radius-xl) 0}.how-step:not(:last-child){border-right:none}.how-step:hover{z-index:2;border-radius:var(--radius-xl);background:#2dd4a80a;border:1px solid #2dd4a826;transform:translateY(-4px)}.how-num{background:var(--primary-soft);width:48px;height:48px;font-family:var(--font-display);color:var(--primary);transition:transform .4s var(--spring);border:1px solid #2dd4a81f;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:20px;font-weight:800;display:flex}.how-step:hover .how-num{transform:scale(1.1)rotate(-3deg)}.how-step h4{font-family:var(--font-display);margin-bottom:8px;font-size:17px;font-weight:700}.how-step p{color:var(--text-dim);font-size:13px;line-height:1.6}.tools-section{text-align:center;padding:140px 0}.feature-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;display:flex}.feature-tab{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:#ffffff05;border-radius:100px;padding:8px 20px;transition:all .3s}.feature-tab:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff0a}.feature-tab.active{background:var(--primary-soft);color:var(--accent);border-color:#2dd4a833}.tools-grid{text-align:left;background:var(--border);border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;display:grid;overflow:hidden}.tool-card{background:var(--bg-card-solid);transition:all .3s var(--ease);padding:28px;position:relative;overflow:hidden}.tool-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #2dd4a80d, transparent 40%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tools-grid:hover .tool-card:before{opacity:1}.tool-card:hover{background:var(--bg-card-hover)}.tool-icon{background:var(--primary-soft);width:44px;height:44px;transition:transform .4s var(--spring);border:1px solid #2dd4a81a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.tool-card:hover .tool-icon{transform:scale(1.08)rotate(-3deg)}.tool-icon i,.tool-icon svg{width:20px;height:20px;color:var(--primary);stroke-width:1.8px}.tool-card:nth-child(4n+2) .tool-icon{background:var(--purple-soft);border-color:#a78bfa1a}.tool-card:nth-child(4n+2) .tool-icon i,.tool-card:nth-child(4n+2) .tool-icon svg{color:var(--purple)}.tool-card:nth-child(4n+3) .tool-icon{background:var(--cyan-glow);border-color:#22d3ee1a}.tool-card:nth-child(4n+3) .tool-icon i,.tool-card:nth-child(4n+3) .tool-icon svg{color:var(--cyan)}.tool-card:nth-child(4n+4) .tool-icon{background:var(--emerald-glow);border-color:#34d3991a}.tool-card:nth-child(4n+4) .tool-icon i,.tool-card:nth-child(4n+4) .tool-icon svg{color:var(--emerald)}.tool-card h3{font-family:var(--font-display);margin-bottom:6px;font-size:15px;font-weight:600}.tool-card p{color:var(--text-dim);font-size:13px;line-height:1.5}.tool-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.tool-tag.premium{background:var(--purple-soft);color:var(--purple);border:1px solid #a78bfa1a}.tool-tag.free{background:var(--emerald-glow);color:var(--emerald);border:1px solid #34d3991a}.showcase-section{padding:140px 0}.showcase-section .section-title{text-align:center;margin-bottom:100px}.showcase-row{align-items:center;gap:80px;margin-bottom:120px;display:flex}.showcase-row.reverse{flex-direction:row-reverse}.showcase-text{flex:1}.showcase-num{font-family:var(--font-display);color:var(--primary);letter-spacing:2px;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.showcase-num:after{content:"";background:linear-gradient(90deg,#2dd4a833,#0000);flex:1;max-width:80px;height:1px}.showcase-text h3{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.15}.showcase-text p{color:var(--text-dim);margin-bottom:24px;font-size:15px;line-height:1.7}.showcase-features{flex-direction:column;gap:10px;list-style:none;display:flex}.showcase-features li{color:var(--text);padding-left:28px;font-size:14px;position:relative}.showcase-features li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;top:0;left:0}.showcase-visual{perspective:800px;flex:1;justify-content:center;display:flex}.showcase-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;transform-style:preserve-3d;will-change:transform;padding:40px;transition:transform .15s ease-out,box-shadow .3s;box-shadow:0 30px 100px #00000080}.showcase-card:hover{box-shadow:0 40px 120px #0009,0 0 60px #2dd4a80d}.sc-header{font-family:var(--font-display);color:var(--primary);margin-bottom:24px;font-size:14px;font-weight:600}.sc-bars{flex-direction:column;gap:12px;display:flex}.sc-bar{background:linear-gradient(90deg, var(--primary), var(--purple));opacity:.3;border-radius:5px;height:10px;animation:3s ease-in-out infinite barGrow}.sc-bar:nth-child(2){animation-delay:.5s}.sc-bar:nth-child(3){animation-delay:1s}@keyframes barGrow{0%,to{opacity:.2;transform:scaleX(.7)}50%{opacity:.5;transform:scaleX(1)}}.caption-card{background:linear-gradient(135deg, var(--bg-card-solid), #2dd4a80a);justify-content:center;align-items:center;min-height:220px;display:flex}.sc-caption-preview{font-family:var(--font-display);gap:10px;font-size:30px;font-weight:700;display:flex}.sc-caption-word{color:var(--text-muted)}@keyframes captionHighlight{0%,to{color:var(--text-muted);transform:scale(1)}25%{color:var(--primary);text-shadow:0 0 20px #2dd4a84d;transform:scale(1.15)}}.sc-caption-word:first-child{animation:3s ease-in-out infinite captionHighlight}.sc-caption-word:nth-child(2){animation:3s ease-in-out .5s infinite captionHighlight}.sc-caption-word:nth-child(3){animation:3s ease-in-out 1s infinite captionHighlight}.sc-caption-word:nth-child(4){animation:3s ease-in-out 1.5s infinite captionHighlight}.sc-waveform{align-items:center;gap:4px;height:70px;padding:0 12px;display:flex}.sc-wave-segment{background:linear-gradient(180deg, var(--primary), transparent);opacity:.3;border-radius:4px;width:60px;height:44px}.sc-wave-segment.wide{width:100px}.sc-wave-gap{background:var(--danger);opacity:.2;border-radius:2px;width:30px;height:4px}.sc-label{color:var(--text-muted);text-align:center;margin-top:18px;font-size:11px}.testimonials-section{text-align:center;padding:140px 0;overflow:hidden}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.testimonial-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;transition:all .4s var(--ease);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:32px;position:relative;overflow:hidden}.testimonial-card:after{content:"";opacity:0;background:linear-gradient(135deg,#2dd4a808,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.testimonial-card:hover:after{opacity:1}.testimonial-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.tc-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:16px;font-size:14px}.tc-quote{color:var(--text);margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.65}.tc-author{align-items:center;gap:12px;display:flex}.tc-avatar{background:linear-gradient(135deg, var(--primary-soft), var(--purple-soft));border:1px solid var(--border);width:40px;height:40px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.tc-name{font-size:14px;font-weight:600}.tc-role{color:var(--text-muted);font-size:12px}.comparison-section{text-align:center;padding:140px 0}.comparison-table{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card-solid);max-width:1050px;margin:56px auto 0;overflow:hidden}.ct-row{border-bottom:1px solid var(--border);grid-template-columns:2fr repeat(5,1fr);display:grid}.ct-row:last-child{border-bottom:none}.ct-row.ct-head{text-transform:uppercase;letter-spacing:.5px;background:#2dd4a808;font-size:12px;font-weight:700}.ct-row.ct-head .ct-cell:nth-child(2){color:var(--primary)}.ct-cell{color:var(--text);align-items:center;padding:14px;font-size:13px;font-weight:600;display:flex}.ct-cell:first-child{color:var(--text);font-weight:700}.ct-cell:not(:first-child){text-align:center;justify-content:center}.ct-check{color:var(--primary);font-size:18px;font-weight:900}.ct-x{color:var(--text-muted);font-size:15px;font-weight:800}.ct-row:not(.ct-head):hover{background:#2dd4a805}.editors-section{text-align:center;padding:140px 0}.editors-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:56px;display:grid}.editor-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s var(--ease);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:28px}.editor-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 16px 48px #0000004d}.ec-icon{background:var(--primary-glow);width:52px;height:52px;transition:transform .4s var(--spring);border:1px solid #2dd4a81f;border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.editor-card:hover .ec-icon{transform:scale(1.08)rotate(-3deg)}.ec-icon i,.ec-icon svg{width:24px;height:24px;color:var(--primary);stroke-width:1.8px}.editor-card:nth-child(2) .ec-icon{background:var(--purple-soft);border-color:#a78bfa1a}.editor-card:nth-child(2) .ec-icon i,.editor-card:nth-child(2) .ec-icon svg{color:var(--purple)}.editor-card:nth-child(3) .ec-icon{background:var(--cyan-glow);border-color:#22d3ee1a}.editor-card:nth-child(3) .ec-icon i,.editor-card:nth-child(3) .ec-icon svg{color:var(--cyan)}.editor-card:nth-child(4) .ec-icon{background:#f59e0b0a;border-color:#f59e0b1a}.editor-card:nth-child(4) .ec-icon i,.editor-card:nth-child(4) .ec-icon svg{color:var(--warning)}.editor-card h4{margin-bottom:8px;font-size:16px;font-weight:700}.editor-card p{color:var(--text-dim);font-size:13px}.pricing-preview{text-align:center;padding:140px 0}.pricing-toggle{justify-content:center;align-items:center;gap:12px;margin-bottom:48px;display:flex}.pricing-toggle span{color:var(--text-dim);font-size:14px;font-weight:500}.toggle-switch{background:var(--border);cursor:pointer;border-radius:14px;width:52px;height:28px;transition:background .3s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:3px;left:3px}.toggle-switch.active{background:var(--primary)}.toggle-switch.active:after{transform:translate(24px)}.save-badge{color:var(--primary);background:#2dd4a826;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.price-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:left;min-width:260px;max-width:360px;transition:all .3s var(--ease);flex:1;padding:44px 36px;position:relative;overflow:visible}.price-card:hover{transform:translateY(-6px);box-shadow:0 24px 80px #0006}.price-card.featured{border:1px solid #2dd4a873;margin-top:16px;padding-top:56px;overflow:visible;box-shadow:0 0 0 1px #2dd4a826,0 16px 48px #00000059}.price-card.featured:before,.price-card.featured:after{content:none}.price-card.featured>*{z-index:1;position:relative}@keyframes borderBeam{0%{--beam-angle:0deg}to{--beam-angle:360deg}}.popular-badge{color:#06231b;white-space:nowrap;z-index:10;background:#2dd4a8;border-radius:100px;padding:6px 22px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #2dd4a84d}.price-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:20px;font-weight:700}.price-card .price{font-family:var(--font-display);margin-bottom:24px;font-size:44px;font-weight:800}.price-card .price span{color:var(--text-dim);font-size:16px;font-weight:400}.price-card ul{margin-bottom:28px;list-style:none}.price-card ul li{color:var(--text-dim);padding:7px 0 7px 26px;font-size:13px;position:relative}.price-card ul li.yes:before{content:"✓";color:var(--primary);font-size:14px;font-weight:700;position:absolute;top:7px;left:0}.price-card ul li.no:before{content:"✗";color:var(--text-muted);font-size:14px;font-weight:700;position:absolute;top:7px;left:2px}.price-card ul li.no{color:var(--text-muted);text-decoration:line-through}.price-card .btn{width:100%}.faq-section{text-align:center;padding:140px 0}.faq-list{text-align:left;max-width:720px;margin:56px auto 0}.faq-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.faq-item:hover{background:#2dd4a805}.faq-q{color:#fff;justify-content:space-between;align-items:center;padding:22px 0;font-size:15px;font-weight:600;display:flex}.faq-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);transition:all .35s var(--ease);background:#ffffff05;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.faq-item.open .faq-icon{background:var(--primary-soft);color:var(--primary);border-color:#2dd4a826;transform:rotate(45deg)}.faq-a{max-height:0;color:var(--text-dim);font-size:14px;line-height:1.7;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;padding-bottom:22px}.cta-banner{text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(#2dd4a80f 0%,#0000 65%);width:900px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ctaPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.cta-banner h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(30px,5vw,48px);font-weight:800}.cta-banner p{color:var(--text-dim);max-width:500px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:17px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.newsletter-section{text-align:center;padding:80px 0}.newsletter-form{gap:12px;max-width:480px;margin:32px auto 0;display:flex}.nl-input{border:1px solid var(--border);background:var(--surface);color:#fff;font-size:14px;font-family:var(--font);border-radius:12px;flex:1;padding:13px 18px;transition:all .3s}.nl-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 24px #2dd4a814}.footer{border-top:1px solid var(--border);padding:64px 0 32px}.footer-grid{grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{font-family:var(--font-display);color:#fff;align-items:center;gap:8px;margin-bottom:10px;font-size:18px;font-weight:700;display:flex}.footer-brand p{color:var(--text-dim);max-width:250px;font-size:13px;line-height:1.6}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:700}.footer-col a{color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff;text-decoration:none}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex}.footer-socials{gap:16px;display:flex}.footer-socials a{color:var(--text-muted);transition:color .2s;text-decoration:none!important}.footer-socials a:hover{color:var(--primary)}.footer-socials i,.footer-socials svg{stroke-width:1.8px;width:18px;height:18px}.page-hero{text-align:center;padding:150px 0 60px}.auth-body{min-height:100vh;overflow-x:hidden}.auth-back{z-index:10;color:var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex;position:fixed;top:20px;left:24px;text-decoration:none!important}.auth-back:hover{color:#fff;border-color:#ffffff26}.auth-layout{min-height:100vh;display:flex}.auth-brand{background:linear-gradient(135deg,#060709,#101216);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-brand-glow{pointer-events:none;background:radial-gradient(circle,#2dd4a814 0%,#8b5cf60a 50%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:15s ease-in-out infinite alternate orbFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-brand-content{z-index:1;align-items:center;gap:14px;display:flex}.auth-brand-name{font-family:var(--font-display);color:#fff;font-size:36px;font-weight:800}.auth-form-side{background:var(--bg-card-solid);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-wrapper{width:100%;max-width:400px}.auth-title{font-family:var(--font-display);color:#fff;margin-bottom:28px;font-size:28px;font-weight:800}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px}.auth-field{margin-bottom:18px}.auth-field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-field label .req{color:var(--primary)}.auth-field input{border:1px solid var(--border);background:var(--bg);color:#fff;width:100%;font-size:14px;font-family:var(--font);border-radius:10px;padding:12px 16px;transition:all .3s}.auth-field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 16px #2dd4a814}.auth-field input::placeholder{color:var(--text-muted)}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:48px}.pw-toggle{cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-link{color:var(--accent);font-size:13px;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-submit{width:100%;margin-top:4px}.btn-google{color:#333;width:100%;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;padding:12px 24px;text-decoration:none;transition:all .2s;display:flex}.btn-google:hover{background:#f0f0f0;text-decoration:none}.auth-divider{align-items:center;gap:16px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);white-space:nowrap;font-size:12px}.auth-status{text-align:center;border-radius:10px;margin-top:16px;padding:12px 16px;font-size:13px;display:none}.auth-status.error{color:var(--danger);background:#f43f5e0d;border:1px solid #f43f5e1a}.auth-status.success{background:var(--primary-soft);color:var(--accent);border:1px solid #2dd4a81a}.contact-form{max-width:560px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);background:var(--surface);color:#fff;width:100%;font-size:14px;font-family:var(--font);border-radius:10px;padding:12px 16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none}.form-group textarea{resize:vertical;min-height:120px}.steps-section{padding:60px 0}.step-block{align-items:flex-start;gap:48px;max-width:900px;margin-bottom:80px;margin-left:auto;margin-right:auto;display:flex}.step-num{background:var(--primary-glow);width:48px;height:48px;font-family:var(--font-display);color:var(--primary);border:1px solid #2dd4a826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.step-content h3{font-family:var(--font-display);margin-bottom:10px;font-size:22px;font-weight:700}.step-content p{color:var(--text-dim);margin-bottom:16px;font-size:14px;line-height:1.7}.step-content .btn{margin-top:8px}.step-note{color:var(--warning);background:#f59e0b08;border:1px solid #f59e0b14;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:13px}@media (max-width:1024px){.hero-bento{grid-template-columns:1fr}.hero-main,.hero-stats-bento,.hero-demo{grid-area:auto/1}.bento-features{grid-template-columns:1fr 1fr}.bento-feature.span-2{grid-column:span 1}.ct-row{grid-template-columns:2fr repeat(5,1fr);font-size:11px}.ct-cell{padding:10px 8px}}@media (max-width:768px){.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#08090cf7;flex-direction:column;gap:16px;padding:20px;display:none;position:fixed;top:64px;left:0;right:0}.nav-links.open{display:flex}.nav-actions{display:none}.mobile-menu-btn{display:block}.hero{min-height:auto;padding:120px 0 60px}.hero-stats-bento{grid-template-columns:1fr 1fr}.bento-features{grid-template-columns:1fr}.how-flow{flex-direction:column;gap:16px}.how-flow:before,.how-flow:after{display:none!important}.how-step{border-radius:var(--radius-lg)!important;border:1px solid var(--border)!important}.how-step:after{display:none!important}.showcase-row,.showcase-row.reverse{flex-direction:column;gap:36px}.testimonials-grid{grid-template-columns:1fr}.ct-row{grid-template-columns:1.5fr repeat(5,1fr)}.pricing-cards{flex-direction:column;align-items:center}.price-card{width:100%;min-width:auto;max-width:400px}.footer-grid{grid-template-columns:1fr 1fr}.newsletter-form{flex-direction:column}.tools-grid{grid-template-columns:1fr}.auth-layout{flex-direction:column}.auth-brand{min-height:200px}.auth-form-side{padding:24px}.nav-auth-btns{display:none}.editors-grid{grid-template-columns:1fr}.marquee-section{padding:28px 0}.announcement-bar{padding:8px 16px;font-size:12px}}@media (max-width:480px){.hero-title{font-size:36px}.hero-stats-bento{grid-template-columns:1fr}.bento-stat-num{font-size:28px}.ct-cell{padding:8px 4px;font-size:9px}.comparison-table{overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pricing-cards.pricing-cards-4{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;max-width:1400px;display:grid}.pricing-cards.pricing-cards-4 .price-card{flex-direction:column;min-width:0;max-width:none;padding:36px 28px;display:flex}.pricing-cards.pricing-cards-4 .price-card .price{font-size:36px}.pricing-cards.pricing-cards-4 .price-card ul{flex:auto;margin-bottom:24px}.pricing-cards.pricing-cards-4 .price-card ul li{padding:6px 0 6px 24px;font-size:12.5px}.pricing-cards.pricing-cards-4 .price-card .cta-group{flex-direction:column;justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.pricing-cards.pricing-cards-4 .price-card .cta-group .btn{justify-content:center;align-items:center;width:100%;min-height:44px;margin:0;line-height:1.2;display:flex}@media (max-width:1100px){.pricing-cards.pricing-cards-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pricing-cards.pricing-cards-4{grid-template-columns:1fr}}.hero{isolation:isolate}.hero:after{content:"";z-index:-1;pointer-events:none;filter:blur(48px);background:radial-gradient(38% 42% at 38% 30%,#2dd4a829,#0000 60%),radial-gradient(32% 38% at 64% 22%,#22d3ee1f,#0000 60%),radial-gradient(30% 34% at 50% 48%,#a78bfa17,#0000 60%);width:1400px;height:900px;animation:14s ease-in-out infinite alternate auroraDrift;position:absolute;top:-15%;left:50%;transform:translate(-50%)}@keyframes auroraDrift{0%{opacity:.85;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(26px)scale(1.05)}}.hero-title{font-size:clamp(44px,6vw,84px)}.gradient-text-hero{background:linear-gradient(110deg,#2dd4a8 10%,#8ef5dc 35%,#5eead4 50%,#2dd4a8 75%) 0 0/220% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite heroSheen}@keyframes heroSheen{0%{background-position:0 0}to{background-position:-220% 0}}.btn-primary{box-shadow:inset 0 1px #ffffff40,0 0 0 1px #2dd4a866,0 4px 24px #2dd4a847,0 0 48px #2dd4a81f}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #2dd4a899,0 6px 32px #2dd4a873,0 0 72px #2dd4a833}.hero-main,.bento-stat,.hero-demo,.bento-feature,.testimonial-card,.editor-card,.price-card{background:linear-gradient(var(--bg-card-solid), var(--bg-card-solid)) padding-box, linear-gradient(155deg, #ffffff24, #ffffff08 35%, #2dd4a81a 100%) border-box;border:1px solid #0000;position:relative}.bento-feature:hover,.bento-stat:hover,.testimonial-card:hover,.editor-card:hover{background:linear-gradient(var(--bg-card-hover), var(--bg-card-hover)) padding-box, linear-gradient(155deg, #2dd4a880, #5eead41f 40%, #a78bfa59 100%) border-box;box-shadow:0 20px 60px #00000073,0 0 40px #2dd4a812}.hero-demo:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff0b 45%,#0000 60%) 0 0/250% 100%;animation:6s ease-in-out infinite demoShine;position:absolute;inset:0}@keyframes demoShine{0%,60%{background-position:120% 0}to{background-position:-80% 0}}.demo-bar:first-child{background:linear-gradient(90deg,#2dd4a88c,#5eead44d);box-shadow:0 0 12px #2dd4a840}.demo-bar:nth-child(4){background:#2dd4a84d}.demo-sidebar-item.active{box-shadow:inset 0 0 16px #2dd4a814}.bento-stat-num{background:linear-gradient(#fff 25%,#9df0db 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #2dd4a840);-webkit-background-clip:text;background-clip:text}.bento-stat-icon{opacity:.55;filter:drop-shadow(0 0 8px #2dd4a880)}.section-badge{color:#7df0d2;background:#2dd4a814;border:1px solid #2dd4a840;box-shadow:0 0 20px #2dd4a814,inset 0 0 12px #2dd4a80d}.marquee-section{background:#ffffff03}.marquee-item svg{opacity:1;filter:drop-shadow(0 0 6px #2dd4a880)}.lamp-title:after{content:"";pointer-events:none;background:radial-gradient(at top,#2dd4a829,#0000 70%);width:60%;height:44px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.cta-banner:before{background:radial-gradient(#2dd4a821 0%,#5eead40d 40%,#0000 70%);width:1000px;height:560px;animation:6s ease-in-out infinite ctaPulse}.popular-badge{background:linear-gradient(110deg,#2dd4a8 25%,#9ff5de 50%,#2dd4a8 75%) 0 0/200% 100%;animation:3.2s linear infinite badgeShimmer}@keyframes badgeShimmer{0%{background-position:130% 0}to{background-position:-70% 0}}@media (prefers-reduced-motion:reduce){.hero:after,.gradient-text-hero,.hero-demo:after,.popular-badge{animation:none!important}}:root{--font-display:"Bricolage Grotesque","Space Grotesk",sans-serif}.navbar{-webkit-backdrop-filter:blur(22px)saturate(160%);background:#0e1015b3;border:1px solid #ffffff17;border-radius:100px;width:min(1060px,100% - 28px);left:50%;right:auto;transform:translate(-50%);box-shadow:0 8px 32px #00000059;top:16px!important}.navbar.scrolled{background:#0b0c10eb;box-shadow:0 16px 48px #0000008c,0 0 0 1px #2dd4a80f}.nav-container{height:58px;padding:0 10px 0 24px}.nav-links{gap:28px}.nav-links a{font-size:13.5px}.btn-login{color:var(--text-dim);border:none;border-radius:100px;padding:9px 18px}.btn-login:hover{color:#fff;background:#ffffff0d}.btn-signup{border-radius:100px;padding:10px 22px;font-weight:700}.section-title{letter-spacing:-.035em;font-size:clamp(38px,5.5vw,64px);font-weight:700;line-height:1}.section-badge{color:var(--primary);letter-spacing:.22em;box-shadow:none;text-align:inherit;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:12px;font-weight:700;line-height:1;display:block}.section-badge:before{content:"";vertical-align:middle;background:var(--primary);width:32px;height:1px;margin-right:12px;display:inline-block}.lamp-title:before,.lamp-title:after{content:none}.btn{border-radius:100px}.btn-lg{border-radius:100px;padding:17px 38px;font-size:15px}.btn-sm{border-radius:100px}.hero{min-height:auto;padding:170px 0 80px}.hero:before{content:none}.hero:after{filter:blur(60px);background:radial-gradient(35% 38% at 30% 35%,#2dd4a82e,#0000 60%),radial-gradient(30% 34% at 68% 25%,#22d3ee1a,#0000 60%);width:1600px;height:1000px;top:-30%}.hero-bento{grid-template-rows:auto auto;grid-template-columns:1.08fr .92fr;align-items:center;gap:24px 56px;max-width:1200px}.hero-main{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;grid-area:1/1/2/2;padding:0;overflow:visible;background:0 0!important;border:none!important}.hero-main:before{content:none}.hero-badge{color:#8df0d6;background:#2dd4a812;border:1px solid #2dd4a833;border-radius:100px;font-weight:600}.hero-title{letter-spacing:-.045em;font-size:clamp(54px,7.2vw,100px);font-weight:800;line-height:.98}.hero-subtitle{max-width:460px;font-size:18px}.typewriter-cursor{width:4px}.hero-stats-bento{grid-area:2/1/3/2;grid-template-columns:repeat(4,1fr);gap:24px}.bento-stat{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;padding:4px 0 4px 16px;background:0 0!important;border:none!important;border-left:2px solid #2dd4a866!important}.bento-stat:before{content:none}.bento-stat:hover{box-shadow:none;transform:none;border-left-color:var(--primary)!important}.bento-stat-icon{display:none}.bento-stat-num{filter:none;margin-bottom:2px;font-size:30px}.bento-stat-label{font-size:10.5px}.hero-demo{border-radius:24px;grid-area:1/2/3/3;padding:20px}.marquee-section{background:0 0;border:none;padding:24px 0 8px}.bento-section,.how-section,.showcase-section,.testimonials-section,.comparison-section,.editors-section,.pricing-preview,.faq-section{padding:120px 0;position:relative}.bento-section:before,.showcase-section:before,.comparison-section:before,.pricing-preview:before,.faq-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:min(1200px,100% - 48px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bento-feature,.testimonial-card,.editor-card{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;background:#0e1116!important;border:1px solid #ffffff14!important}.bento-feature:hover,.testimonial-card:hover,.editor-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px #00000080;background:#10141a!important;border-color:#2dd4a88c!important}.bf-title{font-size:20px}.price-card{border-radius:24px;background:#0e1116!important;border:1px solid #ffffff14!important}.price-card.featured{background:linear-gradient(#2dd4a80f,#0e1116 40%)!important;border:1px solid #2dd4a88c!important}.how-step{background:#0e1116}.kf-tool-card,.kfd-window{border-radius:24px}.page-hero{padding:190px 0 70px}.page-hero .section-title{letter-spacing:-.045em;font-size:clamp(46px,6.5vw,80px)}.footer{padding:80px 0 36px;position:relative}.footer:before{content:"KREATEFLO";font-family:var(--font-display);letter-spacing:-.02em;color:#ffffff05;pointer-events:none;white-space:nowrap;-webkit-text-stroke:1px #2dd4a80d;font-size:clamp(80px,16vw,230px);font-weight:800;line-height:1;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.footer .container{position:relative}@media (max-width:1024px){.hero-bento{grid-template-columns:1fr;gap:40px}.hero-main,.hero-stats-bento{grid-column:1}.hero-demo{grid-area:auto/1}.hero-stats-bento{grid-row:auto}}@media (max-width:768px){.navbar{border-radius:20px;width:calc(100% - 20px);top:10px!important}.nav-links{border:1px solid var(--border);border-radius:20px;position:absolute;top:64px;left:8px;right:8px}.hero{padding:130px 0 60px}.hero-title{font-size:clamp(44px,11vw,64px)}.hero-stats-bento{grid-template-columns:repeat(2,1fr)}.footer:before{font-size:64px}}.btn-signup,.btn-login{white-space:nowrap}.nav-auth-btns{gap:6px}.hero-cta .btn{white-space:nowrap}:root{--font-display:"Montserrat","Inter",sans-serif;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}.hero-title,.section-title,.page-hero .section-title,.fp-hero-title,.auth-title,.auth-brand-name{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800}.bf-title,.tool-card h3,.price-card h3,.kf-tool-name,.how-step h4,.editor-card h4,.step-content h3,.fp-section-h,.cta-banner h2{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.bento-stat-num,.price-card .price,.dl-v-num,.kfd-duration{font-family:var(--font-display);font-weight:800}.btn,.btn-login,.btn-signup,.auth-submit,.btn-google,.nl-btn,.feature-tab,.kf-chip,.kfd-preset-pill{-webkit-tap-highlight-color:transparent}.btn{letter-spacing:-.01em;transition:transform .2s var(--ease), box-shadow .25s var(--ease), background .2s, border-color .2s, color .2s;font-weight:600}.btn:active{transform:translateY(0)scale(.985)}.btn-primary{color:#04211a;background:linear-gradient(#36e0b4,#25c89c);font-weight:700;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000001f,0 1px 2px #0006,0 6px 24px #2dd4a840}.btn-primary:hover{background:linear-gradient(#46e8be,#2dd4a8);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #0000001a,0 2px 4px #0006,0 10px 36px #2dd4a866}.btn-outline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff24}.btn-outline:hover{color:#fff;background:#ffffff12;border-color:#2dd4a899;transform:translateY(-2px)}.btn-signup{color:#04211a;background:linear-gradient(#36e0b4,#25c89c);box-shadow:inset 0 1px #ffffff4d,0 4px 14px #2dd4a840}.btn-signup:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff57,0 6px 22px #2dd4a866}.btn:focus-visible,.btn-login:focus-visible,.btn-signup:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #5eead4}.btn:focus-visible{border-radius:100px}.auth-field input,.form-group input,.form-group textarea,.form-group select,.nl-input{background:#ffffff06;border:1px solid #ffffff1a;border-radius:12px;padding:13px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-field input:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.nl-input:focus{background:#2dd4a808;border-color:#2dd4a8b3;outline:none;box-shadow:0 0 0 3px #2dd4a81f}.auth-card{background:#0e1116;border:1px solid #ffffff14;border-radius:24px;padding:32px;box-shadow:0 24px 64px #0006}.btn-google{border-radius:100px;font-weight:600}.auth-submit{border-radius:100px}.tool-card,.faq-item,.dl-card,.dl-whatsnew,.dl-manual,.dl-requirements,.dl-included,.dl-trust,.comparison-table{border-radius:20px}.tool-card{background:#0e1116}.tools-grid{border-radius:24px}.faq-item{border:none;border-bottom:1px solid #ffffff12}.faq-q{font-family:var(--font-display);font-size:15.5px;font-weight:600}.dl-card{background:#0e1116;border:1px solid #ffffff14}.dl-card:hover{border-color:#2dd4a88c;transform:translateY(-5px);box-shadow:0 24px 56px #00000073}.nav-links a{font-weight:500}.nav-links a:after{border-radius:2px;height:2px;bottom:-6px}.nav-logo img{transition:transform .25s var(--ease)}.nav-logo:hover img{transform:scale(1.04)}::selection{color:#fff;background:#2dd4a84d}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#0a0b0e}::-webkit-scrollbar-thumb{background:#23262e;border:2.5px solid #0a0b0e;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#2dd4a8}.ct-row.ct-head{font-family:var(--font-display)}.ct-row .ct-cell:nth-child(2){background:#2dd4a80b}.toggle-switch{background:#ffffff1f;transition:background .25s}.toggle-switch.active{background:linear-gradient(#36e0b4,#25c89c);box-shadow:0 0 16px #2dd4a859}.toggle-switch:after{box-shadow:0 2px 6px #0006}.price-card{--plan:#9a9daa;--plan-hi:#c8cad4;--plan-soft:#ffffff12;--plan-ink:#0b0d11;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:transform .35s var(--ease), border-color .35s, box-shadow .35s;border-radius:22px;padding:34px 28px 30px;background:linear-gradient(#ffffff0b 0%,#ffffff03 55%,#ffffff05 100%),#0c0e12!important;border:1px solid #ffffff17!important;overflow:hidden!important}.price-card:before{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;position:absolute;top:0;left:12%;right:12%;content:""!important}.price-card:after{content:"";background:radial-gradient(ellipse at center, var(--plan-soft), transparent 70%);opacity:.8;pointer-events:none;border-radius:50%;width:260px;height:170px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.price-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px #00000080;border-color:#ffffff2e!important}.price-card.plan-starter{--plan:#34d399;--plan-hi:#6ee7b7;--plan-soft:#34d39924;--plan-ink:#03241a}.price-card.plan-pro{--plan:#2dd4a8;--plan-hi:#5eead4;--plan-soft:#2dd4a829;--plan-ink:#04211a}.price-card.plan-studio{--plan:#a78bfa;--plan-hi:#c4b5fd;--plan-soft:#a78bfa26;--plan-ink:#160b33}.price-card.featured{box-shadow:0 0 0 1px #2dd4a81f,0 0 56px #2dd4a81a,0 18px 48px #0006;background:linear-gradient(#2dd4a812 0%,#ffffff04 45%,#ffffff05 100%),#0c0e12!important;border:1px solid #2dd4a880!important}.price-card.featured:hover{box-shadow:0 0 0 1px #2dd4a833,0 0 80px #2dd4a829,0 28px 70px #00000080;border-color:#2dd4a8bf!important}.price-card.featured h3{color:var(--text)}.price-card h3{letter-spacing:.01em;color:var(--text);align-items:center;gap:9px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.price-card h3:before{content:"";background:linear-gradient(135deg, var(--plan-hi), var(--plan));width:9px;height:9px;box-shadow:0 0 10px var(--plan-soft), 0 0 0 3px var(--plan-soft);border-radius:3px;flex:none}.price-card .price{letter-spacing:-.03em;margin-bottom:6px;font-weight:800;line-height:1;font-size:42px!important}.price-card .price span{color:var(--text-dim);letter-spacing:0;font-size:14px;font-weight:500}.price-card .price+p{border-bottom:1px solid #ffffff12;min-height:34px;padding-bottom:16px;margin-bottom:16px!important}.price-card ul li{color:var(--text-dim);font-size:13px;padding:6.5px 0 6.5px 28px!important}.price-card ul li.yes:before{content:"✓";text-align:center;background:var(--plan-soft);width:16px;height:16px;color:var(--plan-hi);border-radius:50%;font-size:9.5px;font-weight:800;line-height:16px;top:8px;left:0}.price-card ul li.no{opacity:.55;text-decoration:none}.price-card ul li.no:before{content:"✕";text-align:center;width:16px;height:16px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;font-size:8.5px;font-weight:700;line-height:16px;top:8px;left:0}.popular-badge{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg, var(--plan-hi), var(--plan))!important;width:auto!important;color:var(--plan-ink)!important;box-shadow:0 6px 20px var(--plan-soft)!important;border-radius:0 20px 0 14px!important;padding:7px 16px 8px 18px!important;font-size:10.5px!important;position:absolute!important;top:0!important;left:auto!important;right:0!important;transform:none!important}.price-card.featured{margin-top:0;padding-top:34px}.price-card .btn-primary{box-shadow:inset 0 1px 0 #ffffff59, 0 4px 18px var(--plan-soft);font-weight:700;background:linear-gradient(180deg, var(--plan-hi) 0%, var(--plan) 100%)!important;color:var(--plan-ink)!important;border-color:#0000!important}.price-card .btn-primary:hover{box-shadow:inset 0 1px 0 #fff6, 0 6px 28px var(--plan-soft), 0 0 0 1px var(--plan);transform:translateY(-1px)}.price-card .btn-outline{background:#ffffff09;border-color:#ffffff1f}.price-card .btn-outline:hover{border-color:var(--plan);color:var(--plan-hi)}.price-card .btn-state{font-weight:600;cursor:default!important;box-shadow:none!important;transform:none!important}.price-card .btn-state.ok{color:#6ee7b7!important;background:#34d3991f!important;border:1px solid #34d39966!important}.price-card .btn-state.bad{color:#fda4af!important;background:#f43f5e1a!important;border:1px solid #f43f5e66!important}.hero-v10{min-height:auto!important;padding:170px 0 0!important;display:block!important;overflow:visible!important}.hero-v10:before{content:none}.hero-aurora{z-index:0;pointer-events:none;filter:saturate(1.1);background:radial-gradient(900px 520px at 50% -8%,#2dd4a824,#0000 60%),radial-gradient(700px 480px at 18% 22%,#5eead412,#0000 65%),radial-gradient(760px 500px at 84% 30%,#a78bfa14,#0000 65%);animation:14s ease-in-out infinite alternate auroraDrift;position:absolute;inset:-200px 0 0}.hero-center{z-index:2;text-align:center;max-width:920px;margin:0 auto;position:relative}.hero-v10 .hero-title{margin-bottom:28px;font-size:clamp(52px,7.4vw,104px);line-height:.98}.hero-v10 .hero-subtitle{max-width:620px;margin:0 auto 36px;font-size:17px}.hero-v10 .hero-cta{justify-content:center}.hero-statsline{justify-content:center;align-items:center;gap:0;margin-top:44px;display:flex}.hsl-item{text-align:center;flex-direction:column;gap:3px;padding:0 32px;display:flex}.hsl-item+.hsl-item{border-left:1px solid #ffffff14}.hsl-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:800}.hsl-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.hero-stage{z-index:1;max-width:1240px;margin:72px auto 0;padding:0 24px 110px;position:relative}.hero-stage .hero-demo{grid-area:auto;max-width:820px;margin:0 auto;box-shadow:0 40px 120px #0000008c,0 0 90px #2dd4a812}.hero-stage:after{content:"";filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(#2dd4a81f,#0000 70%);border-radius:50%;width:74%;height:160px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-floater{z-index:4;pointer-events:none;position:absolute}.hf-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-dim);white-space:nowrap;background:#0f1217c7;border:1px solid #ffffff1c;border-radius:14px;padding:12px 16px;font-size:12.5px;animation:7s ease-in-out infinite hfBob;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff14}@keyframes hfBob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hf-p1{top:-6%;left:4%}.hf-p2{top:18%;right:2%}.hf-p3{top:48%;left:2.5%}.hf-p4{bottom:22%;right:5%}.hf-p5{top:-12%;right:15%}.hf-p6{bottom:14%;left:9%}.hf-cams{align-items:center;gap:7px;display:flex}.hf-cam{width:30px;height:22px;color:var(--text-muted);transition:all .4s var(--ease);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.hf-cam.live{border-color:var(--primary);color:var(--primary);background:#2dd4a829;box-shadow:0 0 14px #2dd4a859}.hf-cam-label{color:var(--text-dim);margin-left:4px;font-weight:600}.hf-caption{gap:5px;display:flex}.hf-caption span{color:var(--text-dim);border-radius:6px;padding:3px 7px;font-size:12px;font-weight:600;transition:all .35s}.hf-caption span.on{background:var(--primary);color:#04211a;transform:scale(1.08)}.hf-wave{align-items:end;gap:3px;width:130px;height:30px;display:flex}.hf-wave i{background:#2dd4a8a6;border-radius:2px;flex:1;animation:1.6s ease-in-out infinite hfWavePulse}.hf-wave i.cut{background:#f43f5e80}@keyframes hfWavePulse{0%,to{opacity:.55}50%{opacity:1}}.hf-toast{color:var(--emerald);align-items:center;gap:8px;font-weight:600;display:flex}.hf-check{background:#34d39926;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex}.hf-ai{color:var(--accent);align-items:center;gap:8px;font-weight:600;display:flex}.hf-ai svg{width:14px;height:14px}.hf-rating{align-items:center;gap:8px;font-weight:600;display:flex}.hf-rating svg{color:#fbbf24;fill:#fbbf24;width:13px;height:13px}@media (max-width:1000px){.hero-floater{display:none}.hero-v10{padding-top:130px!important}.hero-stage{margin-top:48px;padding-bottom:70px}.hero-statsline{flex-wrap:wrap;gap:18px 0}.hsl-item{padding:0 20px}}@media (prefers-reduced-motion:reduce){.hero-aurora,.hf-inner,.hf-wave i{animation:none!important}}.bento-features{gap:18px}.bento-feature{--bf:#2dd4a8;--bf-soft:#2dd4a81f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:30px 30px 28px;background:linear-gradient(#ffffff0b 0%,#ffffff03 60%,#ffffff06 100%),#0c0e12!important;border:1px solid #ffffff17!important;border-radius:22px!important}.bento-feature>.bf-icon:after{content:none}.bento-feature:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:14%;right:14%}.bento-feature:hover{transform:translateY(-5px);border-color:color-mix(in srgb, var(--bf) 45%, transparent)!important;box-shadow:0 26px 70px #00000080, 0 0 50px var(--bf-soft)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--bf) 7%, transparent) 0%, #ffffff03 55%, #ffffff06 100%), #0c0e12!important}.bento-feature:has(.bf-icon.purple){--bf:#a78bfa;--bf-soft:#a78bfa1f}.bento-feature:has(.bf-icon.cyan){--bf:#22d3ee;--bf-soft:#22d3ee1f}.bento-feature:has(.bf-icon.emerald){--bf:#34d399;--bf-soft:#34d3991f}.bf-icon{width:46px;height:46px;box-shadow:inset 0 1px 0 #ffffff1f, 0 6px 18px var(--bf-soft);border-radius:13px;background:linear-gradient(180deg, color-mix(in srgb, var(--bf) 18%, transparent), color-mix(in srgb, var(--bf) 7%, transparent))!important;border:1px solid color-mix(in srgb, var(--bf) 26%, transparent)!important}.bf-icon svg{color:var(--bf)!important}.bf-title{letter-spacing:-.01em;font-size:19px}.bf-desc{font-size:13.5px}.bf-tag{letter-spacing:.07em;padding:4px 11px;font-size:9.5px;top:18px;right:18px;color:var(--text-dim)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.bf-tag.free{color:var(--emerald)!important;background:#34d39914!important;border-color:#34d39940!important}.bf-tag.pro{color:#c4b5fd!important;background:#a78bfa14!important;border-color:#a78bfa40!important}@keyframes heroRise{0%{opacity:.01;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-lcp-rise{animation:.7s cubic-bezier(.16,1,.3,1) both heroRise}.hero-lcp-rise-2{animation-duration:.6s;animation-delay:.15s}@media (prefers-reduced-motion:reduce){.hero-lcp-rise,.hero-lcp-rise-2{animation:none}}