@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap);
:root,[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #0a0f1e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--text-on-accent: #ffffff;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-primary-hover: #2563eb;--glass-bg: rgba(30, 41, 59, 0.7);--glass-border: rgba(255, 255, 255, 0.1);--glass-border-subtle: rgba(255, 255, 255, 0.05);--btn-outline-hover: rgba(255, 255, 255, 0.05);--form-control-bg: rgba(15, 23, 42, 0.5);--icon-accent-bg: rgba(59, 130, 246, 0.1);--glow-primary: rgba(139, 92, 246, 0.15);--glow-card-blue: rgba(59, 130, 246, 0.08);--glow-card-purple: rgba(139, 92, 246, 0.08);--glow-card-center: rgba(139, 92, 246, 0.04);--divider-gradient: rgba(255, 255, 255, 0.1);--nav-link-color: #f8fafc;--theme-toggle-bg: rgba(255, 255, 255, 0.08);--theme-toggle-hover: rgba(255, 255, 255, 0.14);--theme-toggle-color: #f8fafc;--logo-primary: #ffffff;--logo-cloud: #696c72;--logo-text: #ccc;--logo-text-secondary: #ccc}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f8fafc;--text-on-accent: #ffffff;--accent-primary: #2563eb;--accent-secondary: #7c3aed;--accent-primary-hover: #1d4ed8;--glass-bg: rgba(255, 255, 255, 0.7);--glass-border: rgba(0, 0, 0, 0.1);--glass-border-subtle: rgba(0, 0, 0, 0.05);--btn-outline-hover: rgba(0, 0, 0, 0.04);--form-control-bg: rgba(241, 245, 249, 0.8);--icon-accent-bg: rgba(37, 99, 235, 0.1);--glow-primary: rgba(124, 58, 237, 0.08);--glow-card-blue: rgba(37, 99, 235, 0.06);--glow-card-purple: rgba(124, 58, 237, 0.06);--glow-card-center: rgba(124, 58, 237, 0.03);--divider-gradient: rgba(0, 0, 0, 0.12);--nav-link-color: #0f172a;--theme-toggle-bg: rgba(0, 0, 0, 0.06);--theme-toggle-hover: rgba(0, 0, 0, 0.12);--theme-toggle-color: #0f172a;--logo-primary: #1482ff;--logo-cloud: #dee2ec;--logo-text: #686969;--logo-text-secondary: #686969}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-primary);color-scheme:dark;transition:background-color .25s ease,color .25s ease}html[data-theme=light]{color-scheme:light}body{font-family:"Inter",sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s;cursor:pointer;border:none;font-family:"Inter",sans-serif;gap:.5rem}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-outline{background:rgba(0,0,0,0);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover{background:var(--btn-outline-hover)}.card{padding:2rem;border-radius:1rem;transition:transform .3s}.card:hover{transform:translateY(-5px)}.navbar{position:fixed;top:0;width:100%;height:80px;z-index:1000;display:flex;align-items:center;border-bottom:1px solid var(--glass-border);transition:background-color .25s ease,border-color .25s ease}.nav-container{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.nav-logo .terminal-icon{border-right:0;border-left:0;height:40px;width:30px;color:var(--text-primary)}.nav-links{display:flex;gap:1rem;list-style:none}.nav-links li:last-child .nav-link{border-right:none}.nav-links li .nav-link{border-right:0;padding-right:25px}.nav-link{position:relative;font-weight:500;font-size:16px;transition:color .3s;color:var(--nav-link-color)}.nav-link:last-child{border-right:none}.nav-link:hover{color:var(--accent-primary)}.nav-link.active{color:var(--accent-primary);font-weight:700}.nav-link.active::after{position:absolute;right:25px;bottom:-8px;left:0;height:2px;content:"";border-radius:999px;background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary))}.nav-btn{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));padding:.5rem 1.5rem;border-radius:9999px;font-weight:600;color:var(--text-on-accent);transition:opacity .3s}.nav-btn:hover{opacity:.9}.theme-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--theme-toggle-bg);color:var(--theme-toggle-color);border:1px solid var(--glass-border);cursor:pointer;transition:background .2s ease,transform .2s ease;flex-shrink:0}.theme-toggle:hover{background:var(--theme-toggle-hover);transform:rotate(15deg)}.theme-toggle svg{transition:transform .3s ease}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-actions .resource-nav{gap:0}.nav-actions .resource-nav li:not(:last-child) .nav-link{border-right:1px solid var(--glass-border)}.nav-actions .resource-nav .nav-link{padding-right:8px;padding-left:8px;color:var(--logo-primary);font-weight:600}.nav-actions .resource-nav .nav-link::after{display:none}.seperator{border-right:2px solid var(--glass-border)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;color:var(--accent-primary);background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.mobile-menu-toggle:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.mobile-menu-toggle:active{transform:scale(0.96)}.mobile-nav-panel{position:absolute;top:calc(100% + 10px);right:1rem;left:1rem;display:none;padding:1rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 20px 45px rgba(0,0,0,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav-links,.mobile-resource-links{display:flex;flex-direction:column;list-style:none}.mobile-nav-links{gap:.25rem}.mobile-resource-links{gap:.35rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--glass-border)}.mobile-nav-panel .nav-link{display:flex;width:100%;padding:.7rem .85rem;border:0;border-radius:8px}.mobile-nav-panel .nav-link.active{color:var(--text-on-accent);background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary))}.mobile-nav-panel .nav-link.active::after{display:none}.mobile-nav-btn{display:flex;justify-content:center;margin-top:1rem}@media(max-width: 1050px){.nav-container{padding:0 1rem}.primary-nav,.nav-actions,.seperator{display:none}.mobile-menu-toggle{display:inline-flex}.navbar.menu-open{border-bottom-color:rgba(0,0,0,0)}.navbar.menu-open .mobile-nav-panel{display:block}}@media(max-width: 480px){.navbar{height:72px}.nav-logo{gap:.35rem}.nav-logo .terminal-icon{width:26px}.nav-logo .logo-img{max-width:155px}.mobile-nav-panel{right:.75rem;left:.75rem}}.footer{background:var(--bg-secondary);padding:4rem 0 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{margin-bottom:1rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem;color:var(--text-secondary)}.footer-col li:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border);color:var(--text-secondary)}.typewriter-container{display:inline;position:relative}.typewriter-cursor{display:inline-block;margin-left:2px;font-weight:300;color:currentColor;animation:typewriter-blink 1s step-end infinite;vertical-align:baseline;line-height:1}.gradient-text .typewriter-cursor,.gradient-text.typewriter-container .typewriter-cursor{color:var(--accent-secondary)}@keyframes typewriter-blink{from,to{opacity:1}50%{opacity:0}}.hero{position:relative;overflow:hidden;padding:5rem 0 4rem;text-align:center}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--glass-border-subtle) 1px, transparent 1px),linear-gradient(90deg, var(--glass-border-subtle) 1px, transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, #000 30%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, #000 30%, transparent 75%)}.hero-bg::before,.hero-bg::after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}.hero-bg::before{top:-10%;left:15%;width:480px;height:480px;background:var(--accent-primary);opacity:.16}.hero-bg::after{top:10%;right:12%;width:420px;height:420px;background:var(--accent-secondary);opacity:.16}.hero-content{max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem;margin-bottom:1.75rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:.875rem;font-weight:600}.hero-badge-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#22c55e}.hero-badge-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c55e;animation:hero-pulse 2s ease-out infinite}@keyframes hero-pulse{from{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}.hero-title{display:flex;flex-direction:column;align-items:center;font-size:4.25rem;font-weight:800;line-height:1.1;letter-spacing:-0.03em;margin-bottom:1.5rem}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:640px;margin:0 auto 2.25rem}.hero-btn-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-btn{min-width:180px;padding:.95rem 1.75rem;border-radius:999px;font-size:1rem}.hero-btn-primary{color:var(--text-on-accent);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));box-shadow:0 10px 30px -8px var(--accent-primary)}.hero-btn-primary svg{transition:transform .2s ease}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px var(--accent-primary)}.hero-btn-primary:hover svg{transform:translateX(3px)}.hero-btn-secondary{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px)}.hero-btn-secondary:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;margin-top:1.75rem;list-style:none}.hero-trust li{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.hero-trust svg{color:#22c55e}.hero-preview{position:relative;max-width:820px;margin:4rem auto 0;text-align:left}.hero-preview::before{content:"";position:absolute;inset:10% 5% -5%;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));filter:blur(70px);opacity:.22;z-index:-1}.hero-window{border-radius:1rem;border:1px solid var(--glass-border);background:var(--bg-secondary);box-shadow:0 30px 80px -20px rgba(0,0,0,.35);overflow:hidden}.hero-window-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);background:var(--bg-primary)}.hero-window-dots{display:inline-flex;gap:6px}.hero-window-dots i{width:11px;height:11px;border-radius:50%;background:#ef4444}.hero-window-dots i:nth-child(2){background:#f59e0b}.hero-window-dots i:nth-child(3){background:#22c55e}.hero-window-url{flex:1;max-width:320px;margin:0 auto;padding:.3rem .85rem;border-radius:.5rem;background:var(--bg-secondary);color:var(--text-muted);font-size:.8rem;text-align:center}.hero-window-body{display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:1.5rem;height:430px;padding:1.5rem 1.5rem 0;background:var(--bg-primary);overflow:hidden}.hero-app{display:flex;flex-direction:column;gap:1.1rem;padding-bottom:1.5rem}.hero-app-nav{display:flex;align-items:center;gap:.85rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border-subtle)}.hero-app-logo{width:28px;height:28px;border-radius:.5rem;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))}.hero-skeleton{display:block;height:10px;border-radius:999px;background:var(--bg-tertiary);opacity:.8}.hero-app-card{display:flex;align-items:center;gap:.9rem;padding:1rem;border-radius:.85rem;border:1px solid var(--glass-border);background:var(--bg-secondary)}.hero-app-card strong{display:block;color:var(--text-primary);font-size:.95rem}.hero-app-card span{color:var(--text-muted);font-size:.8rem}.hero-app-avatar{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff !important;font-size:.85rem !important;font-weight:700}.hero-app-badge{margin-left:auto;padding:.2rem .6rem;border-radius:999px;background:rgba(34,197,94,.14);color:#16a34a !important;font-size:.72rem !important;font-weight:700}.hero-app-json{margin:0;padding:1rem 1.1rem;border-radius:.85rem;background:#0b1120;color:#a5b4fc;font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow:hidden}.hero-app-rows{display:grid;gap:.6rem}.hero-devtool{align-self:start;width:100%;height:auto;filter:drop-shadow(0 18px 40px rgba(0, 0, 0, 0.22))}.hero-float{position:absolute;display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-radius:.85rem;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px);box-shadow:0 16px 40px -12px rgba(0,0,0,.3);color:var(--text-secondary);font-size:.85rem;white-space:nowrap;animation:hero-float 6s ease-in-out infinite}.hero-float strong{color:var(--text-primary)}.hero-float svg{color:var(--accent-secondary)}.hero-float-left{left:-80px;bottom:-36px}.hero-float-right{right:-70px;top:-36px;animation-delay:-3s}.hero-float-right svg{color:#f59e0b}@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion: reduce){.hero-float,.hero-badge-dot::after{animation:none}}@media(max-width: 1024px){.hero-float{display:none}}@media(max-width: 768px){.hero{padding:3rem 0 3rem}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1.05rem}.hero-badge-extra{display:none}.hero-btn-container{flex-direction:column;align-items:stretch}.hero-preview{margin-top:3rem}.hero-window-body{grid-template-columns:1fr;height:290px;padding:1.25rem 1.25rem 0}.hero-app{display:none}.hero-devtool{width:min(280px,100%);margin:0 auto}}.clients-section{padding:3rem 0 4rem;text-align:center}.clients-section .clients-title{color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.clients-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.client-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.client-logo{width:220px;height:100px;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.9rem;background:#fff;border:1px solid var(--glass-border);transition:transform .2s ease,box-shadow .2s ease}.client-logo:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.client-logo img{max-width:100%;max-height:100%;object-fit:contain}.client-name{color:var(--text-secondary);font-size:.9rem;font-weight:600}@media(max-width: 768px){.clients-grid{gap:1.25rem}.client-logo{width:160px;height:80px;padding:1rem}}.users-section{padding:0 0 5rem}.users-card{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:center;gap:3rem;padding:3.5rem;border-radius:1.5rem;border:1px solid var(--glass-border);background:radial-gradient(circle at top left, var(--glow-card-blue), transparent 50%),radial-gradient(circle at bottom right, var(--glow-card-purple), transparent 50%),var(--glass-bg);position:relative;overflow:hidden}.users-stat .users-count{display:inline-block;font-family:"Outfit",sans-serif;font-size:6rem;font-weight:800;line-height:1;letter-spacing:-0.04em;margin-bottom:1rem}.users-stat h2{font-size:2.25rem;line-height:1.2;margin-bottom:1rem}.users-stat p{color:var(--text-secondary);font-size:1.1rem;max-width:480px}.users-segments{display:grid;gap:1rem}.users-segment{display:grid;grid-template-columns:52px minmax(0, 1fr);gap:1rem;align-items:flex-start;padding:1.5rem;border-radius:1rem;border:1px solid var(--glass-border-subtle);background:var(--bg-primary);transition:transform .2s ease,border-color .2s ease}.users-segment:hover{transform:translateY(-3px);border-color:var(--accent-primary)}.users-segment h3{font-size:1.25rem;margin-bottom:.35rem}.users-segment p{color:var(--text-secondary);font-size:.95rem}.users-segment-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:.85rem;background:var(--icon-accent-bg);color:var(--accent-primary)}@media(max-width: 960px){.users-card{grid-template-columns:1fr;gap:2rem;text-align:center}.users-stat p{margin:0 auto}.users-segment{text-align:left}}@media(max-width: 768px){.users-section{padding-bottom:4rem}.users-card{padding:2rem 1.25rem}.users-stat .users-count{font-size:4.5rem}.users-stat h2{font-size:1.75rem}.users-segment{grid-template-columns:44px minmax(0, 1fr);padding:1.1rem}.users-segment-icon{width:44px;height:44px}}.devtool-showcase{padding:6rem 0;background:var(--bg-primary);position:relative;overflow:hidden}.devtool-showcase::before{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg, transparent 0%, var(--divider-gradient) 50%, transparent 100%)}.devtool-layout{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(280px, 0.9fr);align-items:center;gap:4rem}.devtool-copy .section-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 .85rem;border:1px solid var(--glass-border);border-radius:999px;color:var(--accent-primary);background:var(--icon-accent-bg);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem}.devtool-copy h2{font-size:3rem;max-width:720px;margin-bottom:1.25rem}.devtool-copy>p{color:var(--text-secondary);font-size:1.1rem;max-width:680px;margin-bottom:1.75rem}.capability-row,.framework-badges{display:flex;flex-wrap:wrap;gap:.75rem}.capability-row{margin-bottom:2rem}.capability-row span{display:inline-flex;align-items:center;min-height:38px;padding:0 1rem;border-radius:.65rem;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-weight:700}.support-grid{display:grid;gap:1rem;margin-bottom:2rem}.support-item{display:grid;grid-template-columns:44px minmax(0, 1fr);gap:1rem;align-items:flex-start;padding:1rem;border:1px solid var(--glass-border);border-radius:.75rem;background:var(--glass-bg)}.support-item svg{width:44px;height:44px;padding:.65rem;border-radius:.65rem;background:var(--icon-accent-bg);color:var(--accent-primary)}.support-item strong{display:block;margin-bottom:.25rem;color:var(--text-primary);font-size:1rem}.support-item p{color:var(--text-secondary);font-size:.95rem}.framework-icon-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.device-pill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.device-pill-list span{display:inline-flex;align-items:center;min-height:30px;padding:0 .7rem;border-radius:999px;background:rgba(20,184,166,.12);border:1px solid rgba(20,184,166,.22);color:var(--text-primary);font-size:.8rem;font-weight:700;white-space:nowrap}.framework-icon-item{display:inline-flex;align-items:center;min-height:34px;gap:.45rem;padding:.28rem .65rem .28rem .32rem;border:1px solid var(--glass-border-subtle);border-radius:999px;background:var(--bg-primary);color:var(--text-secondary);font-size:.82rem;font-weight:700;white-space:nowrap}.framework-mark{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:.72rem;font-weight:800;line-height:1}.framework-mark svg{width:18px;height:18px}.framework-mark-next{background:#111827;color:#fff}.framework-mark-react{background:rgba(97,218,251,.14);color:#61dafb}.framework-mark-react svg{fill:currentColor}.framework-mark-react svg ellipse{fill:none;stroke:currentColor;stroke-width:2.1}.framework-mark-angular{background:rgba(221,0,49,.14)}.framework-mark-angular svg{fill:#dd0031}.framework-mark-angular svg path:last-child{fill:#fff}.framework-mark-vue{background:rgba(65,184,131,.14)}.framework-mark-vue svg path:first-child{fill:#41b883}.framework-mark-vue svg path:last-child{fill:#35495e}.framework-mark-javascript{background:#f7df1e;color:#111827;border-radius:.35rem}.framework-mark-all{background:rgba(20,184,166,.16);color:#14b8a6;font-size:1.05rem}.framework-badges span{display:inline-flex;align-items:center;min-height:34px;padding:0 .85rem;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--glass-border-subtle);color:var(--text-secondary);font-size:.9rem;font-weight:600}.devtool-visual{display:flex;justify-content:center;position:relative}.devtool-visual::before{content:"";position:absolute;top:8%;width:min(420px,82%);height:76%;border-radius:2rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.24), rgba(20, 184, 166, 0.14));filter:blur(40px);opacity:.85}.devtool-visual img{position:relative;width:min(392px,100%);height:auto;border-radius:.8rem;box-shadow:0 28px 70px rgba(0,0,0,.28)}@media(max-width: 960px){.devtool-layout{grid-template-columns:1fr;gap:3rem}.devtool-copy{text-align:center}.devtool-copy h2,.devtool-copy>p{margin-left:auto;margin-right:auto}.capability-row,.framework-badges{justify-content:center}}@media(max-width: 768px){.devtool-showcase{padding:4rem 0}.devtool-copy h2{font-size:2.2rem}.devtool-copy>p{font-size:1rem}.support-item{text-align:left}.devtool-visual img{max-height:560px;object-fit:contain}}.features-preview{padding:6rem 0;background:var(--bg-secondary)}.features-preview .features-header{text-align:center;margin-bottom:4rem}.features-preview .features-header h2{font-size:2.5rem;margin-bottom:1rem}.features-preview .features-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.features-preview .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.features-preview .feature-card .icon-wrap{background:var(--icon-accent-bg);width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.features-preview .feature-card .icon-wrap .icon{color:var(--accent-primary)}.features-preview .feature-card h3{margin-bottom:1rem;font-size:1.5rem}.features-preview .feature-card p{color:var(--text-secondary)}.integrations-section{padding:6rem 0}.integrations-section .integrations-header{text-align:center}.integrations-section .integrations-header h2{font-size:2.5rem;margin-bottom:3rem}.integrations-section .integrations-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.integrations-section .integration-card{width:320px;text-align:center;display:flex;flex-direction:column;align-items:center}.integrations-section .integration-card .icon{margin:0 auto 1rem;flex-shrink:0}.integrations-section .integration-card h4{font-size:1.25rem;margin-bottom:.5rem;flex-shrink:0}.integrations-section .integration-card p{font-size:.95rem;color:var(--text-secondary);margin-top:.5rem;margin-bottom:1.5rem;line-height:1.5}.integrations-section .integration-card .btn{margin-top:auto;width:100%}.highlight-section{padding:6rem 0;position:relative;overflow:hidden}.highlight-section::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg, transparent 0%, var(--divider-gradient) 50%, transparent 100%)}.highlight-card{text-align:center;padding:4.5rem 2rem;border-radius:1.5rem;position:relative;overflow:hidden;background:radial-gradient(circle at top left, var(--glow-card-blue), transparent 45%),radial-gradient(circle at bottom right, var(--glow-card-purple), transparent 45%);border:1px solid var(--glass-border-subtle)}.highlight-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center, var(--glow-card-center) 0%, transparent 60%);pointer-events:none;z-index:0}.highlight-title{font-size:2.75rem;line-height:1.25;margin-bottom:1.5rem;position:relative;z-index:1;font-weight:800;letter-spacing:-0.02em}.highlight-text{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;position:relative;z-index:1;line-height:1.7}@media(max-width: 768px){.highlight-title{font-size:2rem}.highlight-text{font-size:1.1rem}}.about-page{padding:4rem 0}.about-page .about-header{max-width:800px;margin:0 auto;text-align:center;margin-bottom:4rem}.about-page .about-header .hero-title{font-size:3.5rem}.about-page .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-page .about-mission h2{font-size:2.5rem;margin-bottom:1.5rem}.about-page .about-mission p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.about-page .impact-card h3{margin-bottom:1.5rem}.about-page .impact-card ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.about-page .impact-card li{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.about-page .impact-card li .bullet{width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}@media(max-width: 768px){.about-grid{display:block !important}}.services-page{padding:4rem 0}.services-page .services-header{text-align:center;margin-bottom:4rem}.services-page .services-header .hero-title{font-size:3.5rem}.services-page .services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.services-page .service-card .service-icon{margin-bottom:1rem;color:var(--accent-primary)}.services-page .service-card h3{margin-bottom:1rem}.services-page .service-card p{color:var(--text-secondary)}.contact-page{padding:4rem 0}.contact-page .contact-header{text-align:center;margin-bottom:4rem}.contact-page .contact-header .hero-title{font-size:3.5rem}.contact-page .contact-grid{gap:0}.contact-page .contact-info{margin-top:60px}.contact-page .contact-info h2{margin-bottom:2rem}.contact-page .contact-info ul{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.contact-page .contact-info li{display:flex;align-items:flex-start;gap:1rem;color:var(--text-secondary)}.contact-page .contact-info li .icon-wrap{width:24px;height:24px;border-radius:50%;background:var(--icon-accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.contact-page .contact-info li .icon-wrap .bullet{width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}.contact-page .contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-page .contact-form .form-control{width:100%;padding:1rem;border-radius:.5rem;background:var(--form-control-bg);border:1px solid var(--glass-border);color:var(--text-primary);outline:none}.contact-page .contact-form .form-control.textarea{resize:vertical}.contact-page .contact-form .submit-btn{width:100%}@media(max-width: 768px){.contact-grid{display:block !important}}.pricing-page{padding:4rem 0}.pricing-page .pricing-header{text-align:center;margin-bottom:4rem}.pricing-page .pricing-header .hero-title{font-size:3.5rem}.pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.pricing-page .pricing-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.pricing-page .pricing-card .popular-badge{position:absolute;top:15px;right:-35px;background:var(--accent-primary);padding:5px 40px;transform:rotate(45deg);font-size:.8rem;font-weight:bold}.pricing-page .pricing-card .plan-name{text-transform:uppercase;color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.pricing-page .pricing-card .plan-price-wrap{display:flex;align-items:baseline;margin-bottom:.5rem}.pricing-page .pricing-card .plan-price-wrap .currency{font-size:1.5rem;font-weight:bold}.pricing-page .pricing-card .plan-price-wrap .amount{font-size:3.5rem;font-weight:bold}.pricing-page .pricing-card .plan-period{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.pricing-page .pricing-card .feature-list{list-style:none;display:flex;flex-direction:column;gap:1rem;flex:1;margin-bottom:2rem}.pricing-page .pricing-card .feature-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem}.pricing-page .pricing-card .feature-list li .check-icon{flex-shrink:0;margin-top:2px;color:var(--accent-primary)}.pricing-page .pricing-card .plan-btn{width:100%}.compare-page{padding:4rem 0 5rem}.compare-page .section-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 .85rem;margin-bottom:1.25rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--icon-accent-bg);color:var(--accent-primary);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.compare-header{text-align:center;margin-bottom:3rem}.compare-header .hero-title{font-size:3.5rem;letter-spacing:-0.02em}.compare-table-wrap{overflow-x:auto;border:1px solid var(--glass-border);border-radius:1.25rem;background:var(--glass-bg);box-shadow:0 30px 70px -30px rgba(0,0,0,.35)}.compare-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0}.compare-table th,.compare-table td{padding:1rem .75rem;border-bottom:1px solid var(--glass-border-subtle);text-align:center;vertical-align:middle}.compare-table tbody:last-child tr:last-child th,.compare-table tbody:last-child tr:last-child td{border-bottom:none}.compare-table tbody tr:hover th,.compare-table tbody tr:hover td{background-color:var(--btn-outline-hover)}.compare-table thead th{position:sticky;top:0;padding:1.25rem .75rem;background:var(--bg-secondary);color:var(--text-primary);font-family:"Outfit",sans-serif;font-size:1rem;font-weight:700;white-space:nowrap}.compare-table thead th.compare-highlight{color:var(--text-on-accent);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))}.compare-table td.compare-highlight{background-color:var(--icon-accent-bg)}.compare-table .compare-group-row th{padding:1.6rem 1rem .6rem;text-align:left;background:rgba(0,0,0,0);border-bottom:1px solid var(--glass-border)}.compare-table .compare-group-row th span{position:sticky;left:1rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.compare-table .compare-group-row th span::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))}.compare-table tbody:first-of-type .compare-group-row th{padding-top:1.1rem}.compare-table tbody tr.compare-group-row:hover th{background-color:rgba(0,0,0,0)}.compare-feature-col{position:sticky;left:0;z-index:1;width:280px;min-width:220px;text-align:left !important;background:var(--bg-primary);font-weight:400}.compare-feature-col strong{display:block;color:var(--text-primary);font-size:.95rem}.compare-feature-col span{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.8rem;line-height:1.4}thead .compare-feature-col{z-index:2}.compare-mark{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.compare-mark-yes{width:28px;height:28px;border-radius:50%;background:rgba(34,197,94,.15);color:#16a34a}.compare-mark-partial{padding:.2rem .6rem;border-radius:999px;background:rgba(245,158,11,.16);color:#d97706;font-size:.72rem;font-weight:700}.compare-mark-no{width:28px;height:28px;color:var(--text-muted)}.compare-note{display:block;max-width:140px;margin:.35rem auto 0;color:var(--text-secondary);font-size:.72rem;line-height:1.35}.compare-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.75rem;margin-top:1.25rem;color:var(--text-secondary);font-size:.85rem}.compare-legend>span{display:inline-flex;align-items:center;gap:.5rem}.compare-legend .compare-mark-yes,.compare-legend .compare-mark-no{width:22px;height:22px}.compare-best-for{margin-top:6rem}.compare-section-header{text-align:center;margin-bottom:2.5rem}.compare-section-header h2{font-size:2.5rem;margin-bottom:.75rem}.compare-section-header p{max-width:640px;margin:0 auto;color:var(--text-secondary)}.compare-best-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.25rem}.compare-best-card{padding:1.75rem;border-radius:1rem;border:1px solid var(--glass-border);background:var(--glass-bg);transition:transform .2s ease,border-color .2s ease}.compare-best-card:hover{transform:translateY(-3px);border-color:var(--accent-primary)}.compare-best-card h3{font-size:1.2rem;margin-bottom:.6rem}.compare-best-card p{color:var(--text-secondary);font-size:.95rem}.compare-best-card-featured{border-color:rgba(0,0,0,0);background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box,linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)) border-box;border:2px solid rgba(0,0,0,0)}.compare-best-card-featured h3{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.compare-cta{margin-top:5rem;padding:3.5rem 2rem;text-align:center;border-radius:1.5rem;border:1px solid var(--glass-border-subtle);background:radial-gradient(circle at top left, var(--glow-card-blue), transparent 50%),radial-gradient(circle at bottom right, var(--glow-card-purple), transparent 50%),var(--glass-bg)}.compare-cta h2{font-size:2.5rem;margin-bottom:.75rem}.compare-cta p{color:var(--text-secondary);margin-bottom:2rem}.compare-cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.compare-cta-buttons .btn{min-width:180px;padding:.9rem 1.75rem;border-radius:999px}.compare-disclaimer{max-width:820px;margin:2.5rem auto 0;color:var(--text-muted);font-size:.8rem;line-height:1.6;text-align:center}.compare-disclaimer a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}@media(max-width: 960px){.compare-best-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 768px){.compare-page{padding:3rem 0 4rem}.compare-header .hero-title{font-size:2.4rem}.compare-feature-col{width:136px;min-width:136px}.compare-feature-col strong{font-size:.82rem}.compare-feature-col span{display:none}.compare-table{min-width:760px}.compare-best-grid{grid-template-columns:1fr}.compare-section-header h2,.compare-cta h2{font-size:1.9rem}.compare-cta{padding:2.5rem 1.25rem}.compare-best-for{margin-top:4rem}}