:root{--bg-dark:#07090e;--bg-surface:#0d121f;--bg-surface-elevated:#131b2e;--bg-surface-glass:#0d121fb8;--bg-dock:#12192ad1;--bg-input:#121826;--bg-card:#111827cc;--bg-card-hover:#1a243ae6;--primary-blue:#2563eb;--primary-blue-bright:#3b82f6;--primary-blue-glow:#60a5fa;--accent-cyan:#38bdf8;--accent-indigo:#6366f1;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#3b82f6;--border-subtle:#ffffff14;--border-glow:#3b82f659;--border-hover:#ffffff2e;--glow-blue:0 0 35px #2563eb59;--glow-strong:0 0 60px #3b82f673;--shadow-card:0 16px 36px -10px #0009;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-pill:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-dark);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.ambient-glow{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-glow:before{content:"";filter:blur(80px);background:radial-gradient(circle,#2563eb38 0%,#3b82f614 50%,#0000 75%);width:900px;height:550px;position:absolute;top:-15%;left:50%;transform:translate(-50%)}.ambient-glow:after{content:"";filter:blur(100px);background:radial-gradient(circle,#6366f11f 0%,#38bdf80a 60%,#0000 70%);width:600px;height:600px;position:absolute;top:45%;right:-10%}.grid-pattern{pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 40%,#0000 80%);mask-image:radial-gradient(circle at 50% 30%,#000 40%,#0000 80%)}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.text-gradient{background:linear-gradient(135deg,#fff 30%,#93c5fd 75%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-blue{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 60%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-tag{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--primary-blue-bright);background:#2563eb1f;border:1px solid #3b82f647;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title{margin-bottom:18px;font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.15}.section-subtitle{color:var(--text-secondary);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.6}.btn{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .22s ease-in-out;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #fff3;box-shadow:0 6px 20px #2563eb61}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 8px 28px #2563eb8c}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a;transform:translateY(-2px)}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";background:linear-gradient(45deg,#0000 40%,#ffffff40 50%,#0000 60%);width:200%;height:200%;animation:4s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}@keyframes shine{0%{transform:translate(-150%)rotate(25deg)}25%,to{transform:translate(150%)rotate(25deg)}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#3b82f666;box-shadow:0 20px 40px -12px #000000b3,0 0 24px #2563eb26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media (width<=768px){.container{padding:0 16px}}.navbar-wrapper{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#07090ebf;transition:all .25s;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:74px;display:flex}.logo-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon-img{object-fit:contain;border-radius:10px;width:38px;height:38px;transition:transform .2s;box-shadow:0 4px 14px #2563eb66}.logo-container:hover .logo-icon-img{transform:scale(1.06)rotate(-2deg)}.logo-text{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;align-items:baseline;font-size:1.55rem;font-weight:800;display:flex}.logo-text span.blue-q{color:var(--primary-blue-bright);text-shadow:0 0 12px #3b82f699;font-weight:900}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-actions{align-items:center;gap:14px;display:flex}.btn-sm{padding:8px 18px;font-size:.88rem}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;display:none}.hero-section{padding:80px 0 100px;position:relative;overflow:hidden}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-badge{border-radius:var(--radius-pill);color:var(--text-primary);background:#2563eb1f;border:1px solid #3b82f64d;align-items:center;gap:10px;margin-bottom:26px;padding:6px 18px;font-size:.86rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #2563eb26}.pulse-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px #38bdf8}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.hero-title{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(2.5rem,5.2vw,4.4rem);font-weight:800;line-height:1.08}.hero-subtitle{color:var(--text-secondary);max-width:720px;margin:0 auto 38px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.65}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:30px;display:flex}.hero-platforms{color:var(--text-muted);justify-content:center;align-items:center;gap:24px;margin-bottom:60px;font-size:.86rem;display:flex}.hero-platforms span{align-items:center;gap:6px;display:inline-flex}.showcase-wrapper{flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;display:flex;position:relative}.mockup-controls{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121826d9;align-items:center;margin-bottom:30px;padding:5px;display:inline-flex}.mockup-tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.mockup-tab-btn.active{background:var(--primary-blue);color:#fff;box-shadow:0 4px 14px #2563eb66}.showcase-stage{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.phone-frame{z-index:2;background:#000;border:6px solid #1a2233;border-radius:48px;width:320px;height:660px;transition:transform .4s;position:relative;overflow:hidden;box-shadow:0 30px 80px -15px #000000e6,0 0 0 1px #ffffff1a,0 0 50px #2563eb4d}.phone-screen{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.phone-img{object-fit:cover;width:100%;height:100%;display:block}.floating-badge{z-index:3;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#0d1321d9;border:1px solid #ffffff1f;align-items:center;gap:14px;padding:14px 18px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 14px 30px #0009,0 0 20px #2563eb33}.badge-top-left{animation-delay:0s;top:15%;left:5%}.badge-bottom-right{animation-delay:2s;bottom:18%;right:5%}.badge-mid-right{animation-delay:1s;top:30%;right:2%}.floating-badge-icon{width:40px;height:40px;color:var(--primary-blue-bright);background:linear-gradient(135deg,#2563eb40,#3b82f61a);border:1px solid #3b82f64d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.floating-badge-title{color:#fff;font-size:.92rem;font-weight:700}.floating-badge-desc{color:var(--text-secondary);font-size:.78rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#0b0f1a80;margin-bottom:100px;padding:40px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-item-number{font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#fff,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:clamp(2rem,3vw,2.8rem);font-weight:800}.stat-item-label{color:var(--text-secondary);font-size:.88rem;font-weight:500}.playground-section{padding:80px 0 110px}.playground-box{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#0d121ecc;padding:36px;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3,0 0 40px #2563eb1f}.playground-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.playground-top-title{align-items:center;gap:12px;display:flex}.app-pill-badge{color:var(--primary-blue-bright);border-radius:var(--radius-pill);text-transform:uppercase;background:#2563eb33;border:1px solid #3b82f64d;padding:4px 10px;font-size:.75rem;font-weight:700}.input-group-row{gap:12px;margin-bottom:16px;display:flex}.url-input-wrap{flex:1;align-items:center;display:flex;position:relative}.url-input-icon{color:var(--text-muted);position:absolute;left:18px}.url-input{background:var(--bg-input);border-radius:var(--radius-pill);color:#fff;border:1px solid #ffffff1a;outline:none;width:100%;padding:14px 16px 14px 48px;font-size:.95rem;transition:all .2s}.url-input:focus{border-color:var(--primary-blue-bright);box-shadow:0 0 16px #3b82f64d}.url-presets-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:.82rem;display:flex}.preset-chip{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;padding:4px 12px;font-size:.8rem;transition:all .2s}.preset-chip:hover{color:#fff;background:#2563eb33;border-color:#3b82f64d}.playground-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.category-pills{align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;padding:6px 14px;font-size:.84rem;font-weight:500;transition:all .2s}.cat-pill.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue-bright);box-shadow:0 4px 12px #2563eb4d}.toolbar-controls{align-items:center;gap:12px;display:flex}.search-mini-wrap{align-items:center;display:flex;position:relative}.search-mini-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:#fff;outline:none;width:170px;padding:8px 14px 8px 36px;font-size:.84rem;transition:width .2s}.search-mini-input:focus{border-color:var(--primary-blue-bright);width:220px}.search-mini-icon{color:var(--text-muted);position:absolute;left:12px}.layout-toggle-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;display:flex}.bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.bookmark-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#12192ab3;flex-direction:column;transition:all .25s;display:flex;position:relative;overflow:hidden}.bookmark-card:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 28px #00000080,0 0 20px #2563eb26}.card-thumb-wrap{background:#0a0e1a;width:100%;height:140px;position:relative;overflow:hidden}.card-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.bookmark-card:hover .card-thumb-img{transform:scale(1.05)}.card-tag-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);color:var(--text-primary);background:#07090ebf;border:1px solid #ffffff1a;padding:3px 10px;font-size:.72rem;font-weight:600;position:absolute;top:10px;left:10px}.card-fav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#07090ebf;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.card-fav-btn.active{color:#fbbf24}.card-body{flex-direction:column;flex:1;padding:16px;display:flex}.card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-domain-row{color:var(--text-muted);align-items:center;gap:8px;margin-top:auto;font-size:.78rem;display:flex}.domain-icon{border-radius:4px;width:16px;height:16px}.card-actions-row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.card-action-link{color:var(--primary-blue-bright);align-items:center;gap:4px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.card-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.card-delete-btn:hover{color:#ef4444}.collections-section{padding:80px 0 100px}.stacks-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.stack-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stack-card:hover{border-color:#3b82f666;transform:translateY(-6px);box-shadow:0 20px 40px #0009,0 0 28px #2563eb33}.stack-preview-container{border-radius:var(--radius-md);background:linear-gradient(#2563eb26 0%,#0d121f99 100%);border:1px solid #3b82f633;justify-content:center;align-items:center;height:160px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.card-layer{color:#000;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:140px;height:95px;font-size:.85rem;font-weight:700;transition:transform .3s;display:flex;position:absolute;box-shadow:0 10px 24px #0006}.layer-1{color:#94a3b8;background:#1e293b;transform:rotate(-10deg)translate(-20px,8px)scale(.9)}.layer-2{color:#fff;background:#3b82f6;transform:rotate(6deg)translate(20px,6px)scale(.95)}.layer-main{color:#0f172a;z-index:2;background:#fff;border:1px solid #0000001a;transform:rotate(-1deg)scale(1)}.stack-card:hover .layer-1{transform:rotate(-16deg)translate(-30px,4px)scale(.92)}.stack-card:hover .layer-2{transform:rotate(14deg)translate(30px,2px)scale(.96)}.stack-card:hover .layer-main{transform:translateY(-6px)scale(1.04)}.stack-count-badge{color:#fff;z-index:5;background:#2563ebe6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.stack-info-title{color:#fff;margin-bottom:6px;font-size:1.2rem;font-weight:700}.stack-info-desc{color:var(--text-secondary);font-size:.88rem}.features-section{padding:80px 0 100px}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;padding:36px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#3b82f666;box-shadow:0 20px 40px #0009,0 0 30px #2563eb26}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-12{grid-column:span 12}.bento-icon-pill{width:48px;height:48px;color:var(--primary-blue-bright);background:#2563eb2e;border:1px solid #3b82f64d;border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.bento-title{color:#fff;margin-bottom:12px;font-size:1.45rem}.bento-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.94rem;line-height:1.6}.bento-visual-preview{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#080c16b3;margin-top:auto;padding:18px;overflow:hidden}.mini-dock-preview{background:var(--bg-dock);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-pill);border:1px solid #ffffff1f;align-items:center;gap:18px;margin:10px auto;padding:10px 22px;display:inline-flex;box-shadow:0 10px 24px #00000080}.dock-item{color:var(--text-muted);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;transition:color .2s;display:flex}.dock-item.active{color:var(--primary-blue-bright)}.dock-plus-btn{background:var(--primary-blue-bright);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #2563eb66}.steps-section{padding:80px 0 100px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px;transition:all .3s;position:relative}.step-card:hover{border-color:#3b82f666;transform:translateY(-4px)}.step-number{font-family:var(--font-display);color:#3b82f62e;font-size:3.5rem;font-weight:900;line-height:1;position:absolute;top:24px;right:28px}.step-icon{width:52px;height:52px;color:var(--primary-blue-bright);background:linear-gradient(135deg,#2563eb4d,#3b82f61a);border:1px solid #3b82f64d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.step-title{margin-bottom:12px;font-size:1.3rem}.step-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.comparison-section{padding:80px 0 100px}.comparison-table-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-subtle);padding:18px 24px}.comparison-table th{color:var(--text-secondary);background:#12192acc;font-size:.95rem;font-weight:700}.comparison-table th.highlight-col,.comparison-table td.highlight-col{color:#fff;background:#2563eb14;border-left:1px solid #3b82f640;border-right:1px solid #3b82f640;font-weight:600}.comparison-table td{color:var(--text-secondary);font-size:.92rem}.testimonials-section{padding:80px 0 100px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:28px;transition:all .3s;display:flex}.testimonial-card:hover{border-color:#3b82f659;transform:translateY(-4px)}.rating-stars{color:#fbbf24;gap:4px;margin-bottom:16px;display:flex}.testimonial-text{color:#e2e8f0;margin-bottom:24px;font-size:.94rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.92rem;font-weight:700;display:flex}.author-name{color:#fff;font-size:.94rem;font-weight:700}.author-role{color:var(--text-muted);font-size:.78rem}.pricing-section{padding:80px 0 100px}.pricing-toggle-wrap{justify-content:center;align-items:center;gap:14px;margin-bottom:48px;display:flex}.billing-pill{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#12192acc;align-items:center;padding:4px;display:inline-flex}.billing-pill button{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s}.billing-pill button.active{background:var(--primary-blue);color:#fff}.discount-badge{color:#34d399;border-radius:var(--radius-pill);background:#10b9812e;border:1px solid #10b98159;padding:3px 9px;font-size:.76rem;font-weight:700}.pricing-cards-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:28px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;padding:36px 30px;transition:all .3s;display:flex;position:relative}.pricing-card.featured{border:2px solid var(--primary-blue-bright);background:linear-gradient(#141e34e6 0%,#0d121ee6 100%);transform:translateY(-8px);box-shadow:0 20px 50px #000c,0 0 40px #2563eb59}.featured-ribbon{color:#fff;border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:4px 16px;font-size:.78rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2563eb66}.plan-name{margin-bottom:6px;font-size:1.35rem;font-weight:700}.plan-desc{color:var(--text-secondary);min-height:42px;margin-bottom:24px;font-size:.86rem}.plan-price-wrap{align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.plan-price{font-family:var(--font-display);color:#fff;font-size:3rem;font-weight:800}.plan-period{color:var(--text-muted);font-size:.88rem}.plan-features-list{flex-direction:column;flex:1;gap:14px;margin-bottom:32px;list-style:none;display:flex}.plan-feature-item{color:#cbd5e1;align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.feature-check-icon{color:var(--primary-blue-bright);flex-shrink:0;margin-top:3px}.faq-section{padding:80px 0 100px}.faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .25s;overflow:hidden}.faq-item.active{background:#12192ad9;border-color:#3b82f666}.faq-question{color:#fff;width:100%;font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.05rem;font-weight:600;display:flex}.faq-answer{color:var(--text-secondary);padding:0 24px 22px;font-size:.94rem;line-height:1.65}.cta-section{padding:40px 0 100px}.cta-box{border-radius:var(--radius-xl);text-align:center;background:radial-gradient(circle at 50% 0,#2563eb47 0%,#0d121ee6 70%);border:1px solid #3b82f659;padding:64px 40px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000c,0 0 50px #2563eb33}.cta-title{margin-bottom:18px;font-size:clamp(2.2rem,4vw,3.4rem)}.cta-desc{color:var(--text-secondary);max-width:640px;margin:0 auto 36px;font-size:1.15rem}.cta-buttons-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.legal-page-wrapper{padding:60px 0 120px;position:relative}.legal-header{border-bottom:1px solid var(--border-subtle);margin-bottom:40px;padding-bottom:32px}.legal-back-btn{color:var(--primary-blue-bright);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:.92rem;font-weight:600;transition:transform .2s;display:inline-flex}.legal-back-btn:hover{transform:translate(-4px)}.legal-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:24px;margin-top:14px;font-size:.86rem;display:flex}.legal-layout{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}.legal-sidebar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;position:sticky;top:100px}.sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:16px;font-size:.88rem;font-weight:700}.sidebar-nav-list{flex-direction:column;gap:8px;list-style:none;display:flex}.sidebar-nav-item a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 12px;font-size:.88rem;text-decoration:none;transition:all .2s;display:block}.sidebar-nav-item a:hover{color:#fff;background:#2563eb26}.legal-content-body{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:#cbd5e1;padding:44px;font-size:.98rem;line-height:1.8}.legal-content-body h2{color:#fff;border-top:1px solid #ffffff0f;margin:36px 0 14px;padding-top:12px;font-size:1.55rem}.legal-content-body h2:first-of-type{border-top:none;margin-top:0}.legal-content-body h3{color:#93c5fd;margin:22px 0 10px;font-size:1.2rem}.legal-content-body p{margin-bottom:18px}.legal-content-body ul,.legal-content-body ol{margin-bottom:20px;padding-left:24px}.legal-content-body li{margin-bottom:8px}.legal-highlight-box{border-left:4px solid var(--primary-blue-bright);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#e2e8f0;background:#2563eb1a;margin:24px 0;padding:16px 20px;font-size:.92rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal-card{background:#080c16;border:1px solid #3b82f659;border-radius:36px;width:100%;max-width:440px;padding:40px 32px;animation:.25s ease-out modalEnter;position:relative;box-shadow:0 25px 60px #000000d9,0 0 45px #2563eb40}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:#fff;background:#ffffff29}.auth-header{text-align:center;margin-bottom:28px}.auth-logo-badge{align-items:center;gap:10px;margin-bottom:18px;display:inline-flex}.auth-logo-badge img{object-fit:contain;border-radius:12px;width:44px;height:44px}.auth-title{color:#fff;margin-bottom:6px;font-size:1.8rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:.92rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);position:absolute;left:18px}.auth-input{border-radius:var(--radius-pill);color:#fff;background:#111726;border:1px solid #ffffff17;outline:none;width:100%;padding:14px 18px 14px 48px;font-size:.95rem;transition:all .2s}.auth-input:focus{border-color:var(--primary-blue-bright);background:#141c2f;box-shadow:0 0 16px #3b82f659}.auth-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;right:18px}.auth-forgot-link{text-align:right;color:var(--primary-blue-bright);cursor:pointer;margin-top:-6px;font-size:.84rem;font-weight:500;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-submit-btn{border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;width:100%;margin-top:6px;padding:15px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 6px 20px #2563eb73}.auth-submit-btn:hover{background:linear-gradient(135deg,#60a5fa 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 8px 26px #2563eb99}.auth-divider{color:var(--text-muted);align-items:center;gap:16px;margin:14px 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.social-btns-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.social-auth-btn{border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#111726;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.social-auth-btn:hover{background:#192237;border-color:#ffffff38}.auth-footer-text{text-align:center;color:var(--text-secondary);margin-top:22px;font-size:.88rem}.auth-toggle-action{color:var(--primary-blue-bright);cursor:pointer;margin-left:6px;font-weight:700}.auth-toggle-action:hover{text-decoration:underline}.footer-wrapper{border-top:1px solid var(--border-subtle);z-index:2;background:#05070a;padding:70px 0 36px;position:relative}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:56px;display:grid}.footer-brand p{color:var(--text-secondary);max-width:320px;margin:18px 0 24px;font-size:.9rem;line-height:1.6}.footer-col-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:.92rem;font-weight:700}.footer-links-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-link-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;transition:color .2s}.footer-link-btn:hover{color:var(--primary-blue-bright)}.footer-newsletter p{color:var(--text-secondary);margin-bottom:14px;font-size:.88rem}.newsletter-form{gap:8px;display:flex}.newsletter-input{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:#fff;background:#111726;outline:none;flex:1;padding:10px 16px;font-size:.86rem}.newsletter-input:focus{border-color:var(--primary-blue-bright)}.newsletter-submit-btn{background:var(--primary-blue);border-radius:var(--radius-pill);color:#fff;cursor:pointer;border:none;padding:10px 16px;font-size:.86rem;font-weight:600;transition:background .2s}.newsletter-submit-btn:hover{background:var(--primary-blue-bright)}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;font-size:.84rem;display:flex}.system-status{border-radius:var(--radius-pill);color:#34d399;background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:8px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}@media (width<=1024px){.bento-grid{grid-template-columns:1fr}.col-span-8,.col-span-4,.col-span-6,.col-span-12{grid-column:span 1}.stacks-grid,.pricing-cards-grid,.testimonials-grid,.steps-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.legal-layout{grid-template-columns:1fr}.legal-sidebar,.badge-top-left,.badge-bottom-right,.badge-mid-right{display:none}}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.mobile-menu-drawer{border-bottom:1px solid var(--border-subtle);background:#0b0f19;flex-direction:column;gap:16px;padding:24px;display:flex}.phone-frame{width:280px;height:580px}.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}