:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-border: #1e1e2e;--color-primary: #7c3aed;--color-secondary: #ec4899;--color-accent: #06b6d4;--color-text: #e2e8f0;--color-text-muted: #64748b;--gradient-primary: linear-gradient(135deg, #7c3aed, #ec4899);--gradient-fire: linear-gradient(135deg, #ff4500, #ff8c00, #ffd700);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}@keyframes robotRunGood{0%{transform:translate3d(-50vw,0,0)}60%{transform:translate3d(-2vw,0,0)}to{transform:translate3d(-2vw,0,0)}}@keyframes robotRunBad{0%{transform:translate3d(50vw,0,0)}55%{transform:translate3d(6vw,0,0)}70%{transform:translate3d(6vw,0,0)}to{transform:translate3d(6vw,24px,0) rotate(22deg)}}@keyframes robotRun{0%{translate:0 0}50%{translate:0 -4px}to{translate:0 0}}@keyframes legWalk{0%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}to{transform:rotate(-14deg)}}@keyframes codeBlockDrop{0%{transform:translate(-50%,-200%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes sparkFly{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(calc((var(--si) - 5)*18px),calc((var(--si) - 5)*-14px),0) scale(.4)}}@keyframes screenShake{0%,to{transform:translateZ(0)}10%{transform:translate3d(-6px,4px,0)}30%{transform:translate3d(5px,-3px,0)}50%{transform:translate3d(-4px,5px,0)}70%{transform:translate3d(3px,-4px,0)}90%{transform:translate3d(-2px,2px,0)}}@keyframes explosion{0%{transform:scale(.2) translateZ(0);opacity:1}to{transform:scale(1.6) translate3d(calc((var(--p) - 16)*9px),calc((var(--p) - 16)*-7px),0);opacity:0}}@keyframes burnIn{0%{opacity:0;transform:scale(.3)}to{opacity:.7;transform:scale(1)}}@keyframes fireText{0%{opacity:0;transform:translateY(18px) scale(.92);filter:hue-rotate(0deg)}50%{filter:hue-rotate(0deg)}to{opacity:1;transform:translateY(0) scale(1);filter:hue-rotate(160deg)}}@keyframes wipeLeft{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes meshMove{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes floatCode{0%{transform:translateZ(0);opacity:.4}50%{transform:translate3d(0,-14px,0);opacity:1}to{transform:translateZ(0);opacity:.4}}@keyframes fadeSlideUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes cardHover{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes typingIntro{0%{width:0}to{width:20ch}}@keyframes carouselScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes checkDraw{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 6px #ef4444}50%{box-shadow:0 0 22px #ef4444}}@keyframes trustWalk{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}to{transform:rotate(-12deg)}}@keyframes armSwing{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}@keyframes armReach{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-35deg) translateY(-8px)}}@keyframes robotEntry{0%{transform:translate(-120%)}to{transform:translate(0)}}@keyframes robotEntryLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes robotEntryRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes laserEyePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes laserBeamDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes laserCross{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:0}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes typingCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes typingCursorShow{to{opacity:1}}@keyframes introTypewriterChar{0%{max-width:0;opacity:0}to{max-width:1ch;opacity:1}}@keyframes cmsReveal{0%{transform:scale(0);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fireLetter{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wipeLeftClip{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes introCursorToLogo{0%{transform:translate(-50%,-50%) translate(-42vw,-38vh)}to{transform:translate(-50%,-50%) translateY(-8vh)}}@keyframes introWhiteFlash{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes introCursorClick{0%,to{transform:translate(-50%,-50%) translateY(-8vh) scale(1)}50%{transform:translate(-50%,-50%) translateY(-8vh) scale(.75)}}@keyframes introCursorExplode{0%{transform:translate(-50%,-50%) translateY(-8vh) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(80) rotate(720deg);opacity:0}}*,*:before,*:after{box-sizing:border-box}html{margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}body{margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:auto;font-family:Inter,system-ui,sans-serif;background:radial-gradient(120% 80% at 50% 0%,#161226 0%,var(--color-bg) 45%,#050509 100%);color:var(--color-text)}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}body{scrollbar-width:thin;scrollbar-color:#7c3aed #0a0a0f}body::-webkit-scrollbar{display:block;width:6px}body::-webkit-scrollbar-track{background:#0a0a0f}body::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:3px}body.menu-open{overflow:hidden;touch-action:none}#root,.app-main,main,.page,.container{overflow:visible}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}code,.editor-code{font-family:JetBrains Mono,monospace}.custom-cursor{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:999px;background:#a855f7;pointer-events:none!important;z-index:50!important;box-shadow:0 0 28px #a855f788;will-change:transform;transition:transform .15s,opacity .2s}.custom-cursor.hide-on-interactive{opacity:0}.demo-page{position:relative;z-index:1}.demo-page *{pointer-events:auto}.demo-page .custom-cursor{pointer-events:none!important}.demo-page .demo-panel-interactive button,.demo-page .demo-panel-interactive input,.demo-page .demo-panel-interactive textarea,.demo-page .demo-panel-interactive label,.demo-page .demo-panel-interactive [role=button]{position:relative;z-index:101;pointer-events:all}.demo-page .demo-panel-interactive button,.demo-page .demo-panel-interactive label,.demo-page .demo-panel-interactive [role=button]{cursor:pointer}.container{width:min(1180px,92vw);margin:0 auto;padding-left:4vw;padding-right:4vw;box-sizing:border-box}.container>*{max-width:100%}.section{padding:82px 0}.section-title{text-align:center;margin-bottom:28px}.center-link{text-align:center;margin-top:18px}.center-link a{color:#c4b5fd;font-weight:600}.page{padding:64px 0 90px}.page-hero-title{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 10px;background:linear-gradient(135deg,#f8f7ff,#b9a3ff 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero-lead{color:#9da8c7;font-size:1.1rem;max-width:680px}.section-separator{height:2px;background:linear-gradient(90deg,transparent,#7c3aed66,#ec489966,transparent)}.reveal{opacity:0;transform:translate3d(0,40px,0);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateZ(0)}.feature-card.reveal{transform:translate3d(0,60px,0);visibility:visible}.app-main{opacity:1;transform:scale(1);display:flex;flex-direction:column;min-height:100vh}.app-main.visible{opacity:1;transform:scale(1)}main{overflow-x:hidden;overflow-y:visible;min-width:0;flex:1;padding-top:0}main .page{padding-top:64px!important}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800}.logo-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6d28d9,#ec4899);color:#fff;font-family:JetBrains Mono,monospace;font-size:.95rem}.logo-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{position:sticky;top:0;z-index:40;background:#0a0a0fad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);visibility:visible!important;opacity:1!important;min-height:64px}.navbar-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.navbar-links{display:flex;gap:20px}.nav-link{color:var(--color-text-muted);padding-bottom:3px;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gradient-primary);transition:width .24s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active,.nav-link:hover{color:var(--color-text)}.navbar-actions{display:flex;align-items:center;gap:10px}.language-switcher{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px;background:#ffffff08}.lang-btn{border:0;background:transparent;color:var(--color-text-muted);border-radius:999px;padding:6px 10px;font-size:.85rem}.lang-btn.active{background:#a855f733;color:#fff}.btn-login{display:inline-flex;align-items:center;border:1px solid transparent;background:linear-gradient(var(--color-bg),var(--color-bg)) padding-box,linear-gradient(135deg,#7c3aed,#ec4899) border-box;border-radius:12px;padding:10px 15px;color:#f3e8ff;transition:transform .2s,box-shadow .2s}.btn-login:hover{transform:translate3d(0,-1px,0);box-shadow:0 10px 28px #9f51ff3f}.btn-gradient{border:0;border-radius:12px;padding:12px 16px;color:#fff;background:var(--gradient-primary);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.btn-gradient:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 30px #9f51ff44}.btn-outline{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 16px;color:var(--color-text)}.btn-glass{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;background:#ffffff14;color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger{display:none;background:transparent;border:0;width:42px;height:42px}.hamburger span{display:block;height:2px;margin:6px 0;background:var(--color-text)}.mobile-overlay{display:none}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:200;position:relative}.hamburger-line{display:block;width:24px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .3s,opacity .3s}.hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;min-height:100vh;min-height:100dvh;background:#0a0a0f;z-index:999;display:flex;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch}.mobile-menu{background:transparent;width:100%;max-width:320px;height:100%;min-height:100%;padding:80px 24px 40px;display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative}.mobile-menu-close{position:fixed;top:20px;right:20px;left:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e2e8f0;font-size:22px;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;z-index:1000}.mobile-menu-close:hover{background:#ffffff1f;border-color:#fff3}.mobile-menu-link{color:#e2e8f0;text-decoration:none;font-size:1.125rem;font-weight:500;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:color .2s}.mobile-menu-link:hover,.mobile-menu-link.active{color:#a78bfa}.mobile-lang-switcher{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.mobile-lang-switcher button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.mobile-lang-switcher button:hover{background:#ffffff1a}.mobile-lang-switcher button.active{background:#7c3aed66;border-color:#7c3aed;color:#fff}.mobile-panel-btn{margin-top:24px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;text-decoration:none;padding:16px 24px;border-radius:12px;font-weight:600;text-align:center;font-size:1rem}@media (max-width:768px){.navbar-links,.navbar-right-desktop{display:none}.hamburger-btn{display:flex}}@media (min-width:769px){.navbar-links,.navbar-right-desktop{display:flex}.hamburger-btn,.mobile-menu-overlay{display:none!important}}.intro-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#020205;z-index:100;display:grid;place-items:center;overflow:hidden}.intro-skip{position:fixed;top:16px;right:16px;z-index:101;border:1px solid #ffffff44;border-radius:999px;padding:8px 14px;background:#0000007d;color:#fff}.intro-cms-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:auto;transition:opacity .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.intro--stage0 .intro-cms-scene,.intro--stage2 .intro-cms-scene,.intro--stage3 .intro-cms-scene{opacity:1}.intro-cms-logo-bg{background:#000;border-radius:20px;padding:28px 40px;box-shadow:0 0 0 1px #ffffff1a;opacity:0;animation:cmsReveal .6s ease-out forwards}.intro-cms-logo-bg .intro-cms-icon{font-size:clamp(3rem,10vw,5.5rem);font-family:JetBrains Mono,monospace;color:#fff;display:block}.intro--stage0 .intro-cms-logo-bg,.intro--stage2 .intro-cms-logo-bg,.intro--stage3 .intro-cms-logo-bg{will-change:transform}.intro--stage4 .intro-cms-logo-bg{will-change:auto}.intro-typewriter-placeholder{min-height:1.75em;justify-content:flex-start}.intro-typewriter-line{display:inline-flex;align-items:center;flex-wrap:nowrap;min-height:1.75em;font-family:JetBrains Mono,monospace;font-size:1.4rem;color:#e2e8f0}.intro-typewriter-char{max-width:0;opacity:0;overflow:hidden;display:inline-block;vertical-align:bottom;animation:introTypewriterChar .08s ease forwards}.intro-typing-cursor{width:3px;height:1.1em;background:#a78bfa;margin-left:1px;flex-shrink:0;opacity:1;animation:typingCursorBlink .85s step-end infinite;display:inline-block;vertical-align:bottom}.intro-mouse-cursor{position:fixed;left:50%;top:50%;width:28px;height:28px;pointer-events:none;z-index:103;opacity:0;transform:translate(-50%,-50%)}.intro-mouse-cursor .intro-cursor-svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.intro-mouse-cursor.move{opacity:1;animation:introCursorToLogo .5s ease-out forwards}.intro-mouse-cursor.atLogo{opacity:1;transform:translate(-50%,-50%) translateY(-8vh)}.intro-mouse-cursor.click1,.intro-mouse-cursor.click2,.intro-mouse-cursor.click3{opacity:1;transform:translate(-50%,-50%) translateY(-8vh);animation:introCursorClick .12s ease-out both}.intro-mouse-cursor.explode{opacity:1;animation:introCursorExplode 2ms linear forwards}.intro-white-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:104;pointer-events:none;opacity:0}.intro-white-flash.visible{animation:introWhiteFlash .3s ease-out forwards}.hero-v2{min-height:100vh;position:relative;display:flex;align-items:center;padding-top:20px}.mesh-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 20% 20%,#7c3aed44,transparent 70%),radial-gradient(65% 60% at 80% 20%,#ec489944,transparent 70%),radial-gradient(90% 90% at 50% 90%,#06b6d433,transparent 70%);animation:meshMove 11s ease-in-out infinite;will-change:transform}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:28px}.hero-badge{display:inline-flex;border:1px solid rgba(168,85,247,.45);border-radius:999px;padding:8px 14px;background:#7c3aed1f;margin-bottom:16px;font-size:.9rem}.hero-title{margin:0 0 14px;font-size:clamp(2.4rem,8vw,5.4rem);line-height:1.02;background:linear-gradient(135deg,#f8f7ff,#b9a3ff 45%,#ec4899 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:#9da8c7;font-size:1.15rem;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:16px}.trust-line{margin-top:18px;display:flex;align-items:center;gap:10px;color:var(--color-text-muted)}.avatar-stack span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;margin-left:-8px;border:2px solid #0f0f17;background:linear-gradient(135deg,#7c3aed,#ec4899);font-size:.7rem}.avatar-stack span:first-child{margin-left:0}.hero-editor-wrap{position:relative}.editor-window{border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#0f1220;box-shadow:0 22px 80px #0006;overflow:hidden;will-change:transform}.editor-top{display:flex;align-items:center;gap:8px;background:#161b2e;padding:12px;border-bottom:1px solid #ffffff14;font-family:JetBrains Mono,monospace;color:#aab5d8;font-size:.85rem}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.dot.red{background:#ef4444}.dot.yellow{background:#eab308}.dot.green{background:#22c55e}.editor-code{padding:14px;font-size:.88rem}.editor-code div{display:grid;grid-template-columns:30px 1fr;gap:8px;line-height:1.8}.editor-code .n{color:#64748b}.editor-code .kw{color:#06b6d4}.editor-code .str{color:#f472b6}.grid-perspective{position:absolute;inset:auto -6% -40px -6%;height:180px;background-image:linear-gradient(#ffffff17 1px,transparent 1px),linear-gradient(90deg,#ffffff17 1px,transparent 1px);background-size:18px 18px;transform:perspective(420px) rotateX(64deg);opacity:.25}.chip-cloud{position:absolute;right:7%;bottom:32px;display:flex;flex-wrap:wrap;gap:8px}.chip-cloud span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 10px;color:#b7c0d9;font-family:JetBrains Mono,monospace;animation:floatCode 2.3s ease-in-out infinite}.hero-right-widgets{display:flex;flex-direction:column;gap:20px;position:relative}@media (min-width:981px){.hero-right-widgets{flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.hero-editor-wrap{flex:1;min-width:0}.hero-dashboard-card{margin-left:auto;flex-shrink:0}}.hero-dashboard-card{border-radius:16px;padding:16px;min-width:0;max-width:320px;background:linear-gradient(160deg,#7c3aed24,#0f0f1cf2);border:1px solid rgba(124,58,237,.28);box-shadow:0 12px 40px #7c3aed1f,inset 0 1px #ffffff0f}.hero-dashboard-card-interactive{position:relative;z-index:2;pointer-events:auto}.hero-dashboard-card-interactive *{pointer-events:auto}.hero-dashboard-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.hero-dashboard-tabs button{border:none;background:transparent;font:inherit;font-size:.8rem;color:#94a3b8;padding:8px 12px;border-radius:8px;cursor:pointer;transition:color .2s,background .2s;-webkit-user-select:none;user-select:none;position:relative;z-index:3;-webkit-tap-highlight-color:transparent}.hero-dashboard-tabs button:hover{color:#e2e8f0;background:#ffffff14}.hero-dashboard-tabs button:active{transform:scale(.98)}.hero-dashboard-tabs button.active{color:#fff;background:linear-gradient(135deg,#7c3aed80,#ec489959);font-weight:600;box-shadow:0 2px 8px #7c3aed4d}.hero-dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.hero-metric{font-size:.75rem;font-weight:600;padding:10px 12px;border-radius:10px;text-align:center;color:#fff}.hero-metric-green{background:linear-gradient(135deg,#059669,#10b981)}.hero-metric-orange{background:linear-gradient(135deg,#ea580c,#f97316)}.hero-dashboard-swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-dashboard-swatches .swatch-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;min-height:64px;border:1px solid rgba(255,255,255,.08)}.hero-dashboard-swatches .swatch-card .swatch{width:28px;height:28px;border-radius:8px;display:block;flex-shrink:0}.hero-dashboard-swatches .swatch-card.teal .swatch{background:#14b8a6}.hero-dashboard-swatches .swatch-card.orange .swatch{background:#f97316}.hero-dashboard-swatches .swatch-card.blue .swatch{background:#38bdf8}.hero-dashboard-swatches .swatch-card.purple .swatch{background:#a78bfa}.hero-dashboard-swatches .swatch-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.hero-dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:120px}.hero-dashboard-pages .hero-mini-card,.hero-dashboard-themes .theme-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:10px;font-size:.75rem;font-weight:500;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}.hero-dashboard-pages .hero-mini-card:hover{border-color:#7c3aed66;box-shadow:0 4px 12px #7c3aed26}.hero-mini-card .mini-card-icon{font-size:1.25rem}.hero-dashboard-themes .theme-chip{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);font-weight:600}.hero-dashboard-themes .theme-chip:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000040}@media (max-width:480px){.hero-dashboard-card{padding:12px;max-width:100%}.hero-dashboard-tabs button{font-size:.75rem;padding:5px 8px}.hero-metric{font-size:.7rem;padding:8px 10px}.hero-dashboard-swatches .swatch-card{padding:8px;min-height:56px}.hero-dashboard-swatches .swatch-label{font-size:.65rem}.hero-dashboard-cards .hero-mini-card,.hero-dashboard-cards .theme-chip{font-size:.7rem;padding:8px}}.glass-card,.feature-card,.detail-card,.price-card,.testimonial-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;overflow:hidden}.feature-card{min-height:320px;isolation:isolate;z-index:1}.glass-card:before,.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,58,237,.1),transparent);opacity:0;transition:opacity .3s}.glass-card:hover:before,.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#a855f7}.feature-icon.large{font-size:2rem}.feature-card a{color:#c4b5fd}.check-list{list-style:none;padding:0;margin:8px 0 0}.check-list li{padding:3px 0;color:#c7d0e7}.check-list li:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2322c55e'%3E%3Cpath d='M6.5 11.5L3 8l1-1 2.5 2.5L12 4l1 1z'/%3E%3C/svg%3E") no-repeat center/contain}.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bento-grid.full .feature-card:nth-child(1),.bento-grid.full .feature-card:nth-child(4){grid-column:span 2}.mock-screen{height:130px;border-radius:12px;background:linear-gradient(135deg,#7c3aed1e,#ec48991e);margin-bottom:12px}.feature-image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:12px}.feature-image-tall{height:220px}.feature-check-list li{display:flex;align-items:center;gap:8px}.feature-check-list li:before{display:none}.feature-card.in-view .feature-check-list .check-path{animation:checkDraw .6s ease forwards}.feature-card.in-view .feature-check-list li:nth-child(2) .check-path{animation-delay:.08s}.feature-card.in-view .feature-check-list li:nth-child(3) .check-path{animation-delay:.16s}.feature-card.in-view .feature-check-list li:nth-child(4) .check-path{animation-delay:.24s}.pricing-switch{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff18;border-radius:999px;padding:4px;margin-bottom:16px}.pricing-switch button{border:0;border-radius:999px;background:transparent;color:var(--color-text);padding:8px 14px}.pricing-switch button.active{background:#ffffff14}.switch-tag{color:#c4b5fd;padding-inline:8px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-card{transition:transform .22s,box-shadow .22s}.price-card.big{transform:scale(1.05)}.price-card:hover{transform:translate3d(0,-6px,0);box-shadow:0 18px 40px #00000045}.price-card.popular{border:1px solid transparent;background:linear-gradient(140deg,#a761ff33,#ec48991f) padding-box,linear-gradient(135deg,#7c3aed,#ec4899) border-box}.price-card small{display:block;margin-bottom:8px;color:#c4b5fd}.price-card ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.price-card li:before{content:"✔ ";color:#22c55e}.table-wrap{overflow-x:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ffffff1a;padding:10px;text-align:left}.sticky-head th{position:sticky;top:80px;z-index:2;background:#101728}.accordion{display:grid;gap:8px}.accordion article{border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}.accordion button{width:100%;text-align:left;border:0;background:transparent;color:var(--color-text);padding:12px}.acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.accordion article.open .acc-body{max-height:200px}.accordion p{margin:0;padding:0 12px 12px;color:var(--color-text-muted)}.split-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.mission-gradient{max-width:760px;font-size:clamp(1.3rem,3vw,2.1rem);background:linear-gradient(135deg,#f5f3ff,#d8b4fe);-webkit-background-clip:text;background-clip:text;color:transparent}.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.values-grid article{text-align:center}.founder-card{display:flex;gap:16px;align-items:center}.founder-avatar{width:70px;height:70px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);font-size:1.4rem;font-weight:700;flex-shrink:0}.founder-xl{width:120px;height:120px;font-size:2.2rem}.founder-hero{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:start}.founder-role{color:#a9b9d9;margin:.2rem 0 1rem}.founder-hero blockquote{margin:0 0 10px;color:#e6ecff;border-left:3px solid #a855f7;padding-left:10px}.founder-list{margin:0;padding-left:18px;display:grid;gap:6px;color:#c8d4ef}.why-grid article{line-height:1.5}.stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stack-grid span{background:#ffffff10;border-radius:10px;padding:8px 10px}.timeline{display:grid;gap:10px}.timeline article{border-left:2px solid var(--color-accent);padding-left:12px}.contact-form{display:grid;gap:8px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #ffffff1a;background:#0c1120;color:var(--color-text);border-radius:10px;padding:10px}.contact-form input.err,.contact-form textarea.err{border-color:#ef4444}.success-anim{display:flex;align-items:center;gap:10px;margin-top:8px}.check-draw{stroke-dasharray:30;animation:checkDraw .5s ease forwards}.success-text{color:#22c55e}.error-text{color:#f97316}.contact-info{display:flex;flex-direction:column;gap:10px}.social-row{display:flex;gap:12px;margin-top:8px}.social-link{display:inline-flex;align-items:center;gap:6px;color:#c7d0e7;transition:color .2s}.social-link:hover{color:#a855f7}.social-link svg{transition:transform .2s}.social-link:hover svg{transform:scale(1.12)}.demo-studio-v2{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:20px}.demo-studio-v2.expanded{grid-template-columns:320px 1fr}.demo-sidebar,.demo-main{background:#0d1220;border:1px solid #ffffff12;border-radius:16px;padding:16px}.demo-sidebar nav{display:grid;gap:8px;margin-top:10px}.demo-sidebar button{border:1px solid transparent;border-radius:10px;background:#ffffff06;color:#c7d0e7;text-align:left;padding:10px 12px;display:flex;align-items:center;gap:8px}.demo-sidebar button.active{border-color:#a855f7;background:#a855f71a}.mini-icon{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#7c3aed,#ec4899)}.demo-controls{display:grid;gap:10px}.theme-row,.font-row,.device-row,.add-section-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.color-dot{width:24px;height:24px;border-radius:999px;border:2px solid transparent}.color-dot.active{border-color:#fff}.font-row button,.device-row button,.add-section-row button{border:1px solid #ffffff1f;background:transparent;color:var(--color-text);border-radius:10px;padding:6px 10px}.font-row button.active,.device-row button.active,.add-section-row button.active{background:#ffffff12;border-color:#a855f7}.preview-frame{margin-top:14px;border:1px dashed var(--demo-color);border-radius:14px;min-height:300px;padding:14px;font-family:var(--demo-font,Inter,sans-serif);background:#0b0f1a}.preview-frame.tablet{max-width:82%}.preview-frame.mobile{max-width:58%}.demo-site-header,.demo-site-footer{display:flex;justify-content:space-between;color:#c7d0e7;border-bottom:1px solid #ffffff12;padding-bottom:10px}.demo-site-footer{border-bottom:0;border-top:1px solid #ffffff12;margin-top:14px;padding-top:10px}.demo-site-hero h4{margin:8px 0;cursor:pointer}.editable-tag{color:#9aa9c7;font-size:.8rem}.demo-sections{display:grid;gap:8px}.demo-sections article{padding:9px 10px;border-radius:10px;background:#ffffff09}.demo-open-panel{margin-top:14px}.industry-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.industry-scroll span{white-space:nowrap;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 14px}.infinite-carousel{overflow:hidden}.carousel-track{display:flex;width:max-content;gap:14px;animation:carouselScroll 28s linear infinite;will-change:transform}.infinite-carousel:hover .carousel-track{animation-play-state:paused}.testimonial-card{width:280px;flex-shrink:0}.avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);margin-bottom:10px}.cta-strip{border-radius:20px;text-align:center;padding:46px 22px;background:radial-gradient(circle at 20% 30%,#ffffff1f 2px,transparent 2px) 0 0/28px 28px,var(--gradient-primary)}.page .bento-grid.full+.cta-strip{margin-top:80px}.site-footer{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding:40px 0 0;min-height:200px;background:#00000026}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding-bottom:24px}.footer-grid h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--color-text)}.footer-grid a{display:block;margin-bottom:8px;color:#b3bdd6;font-size:.95rem}.footer-grid a:hover{color:#a855f7}.footer-grid svg{vertical-align:middle}.footer-grid p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5;margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin:0;padding:20px 0;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted);font-size:.9rem}.footer-bottom a{color:#b3bdd6;margin-left:12px}.footer-bottom a:hover{color:#a855f7}@media (max-width:980px){.container{padding-left:4vw;padding-right:4vw}.hero-grid,.bento-grid,.demo-studio-v2,.pricing-grid,.pricing-grid-v2,.detail-grid,.split-row,.values-grid,.footer-grid,.stack-grid,.founder-hero{grid-template-columns:1fr}.bento-grid.full .feature-card:nth-child(1),.bento-grid.full .feature-card:nth-child(4){grid-column:span 1}.preview-frame.tablet,.preview-frame.mobile{max-width:100%}.robot-scene,.intro-robot-scene{transform:scale(.75);padding:0 2%}.intro-robot-svg{width:140px;height:168px}.price-card.big,.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.custom-cursor{display:none}.footer-bottom{flex-direction:column;gap:8px}.section{padding:56px 0}main .page{padding-top:56px!important}.page{padding:56px 0 60px}.hero-grid{grid-template-columns:1fr;gap:24px;text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-right-widgets,.hero-editor-wrap{order:2}.hero-right-widgets{align-items:center}.chip-cloud{right:50%;transform:translate(50%);bottom:20px}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box}.navbar-inner{height:64px;gap:12px;padding:0}.logo-icon{width:32px;height:32px;font-size:.8rem}.logo-gradient{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{padding:40px 0}.section-title{font-size:1.5rem;margin-bottom:20px}main .page{padding-top:56px!important}.page{padding:56px 0 48px}.page-hero-title{font-size:clamp(1.6rem,6vw,2.4rem)}.page-hero-lead{font-size:1rem}.hero-v2{min-height:auto;padding:48px 0 32px}.hero-grid{gap:20px;text-align:center}.hero-badge{font-size:.8rem;padding:6px 12px}.hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}.hero-sub{font-size:1rem;max-width:100%}.hero-actions{gap:10px;justify-content:center;flex-wrap:wrap}.hero-actions .btn-gradient,.hero-actions .btn-glass{padding:10px 16px;font-size:.9rem}.trust-line{justify-content:center}.editor-window{max-width:100%}.editor-code{font-size:.8rem;padding:10px}.chip-cloud{bottom:16px;gap:6px}.chip-cloud span{padding:5px 8px;font-size:.75rem}.feature-card{min-height:auto;padding:18px}.feature-icon.large{font-size:1.5rem}.bento-grid{gap:16px}.pricing-grid,.pricing-grid-v2{gap:12px}.mission-gradient{font-size:clamp(1.15rem,4vw,1.6rem)}.values-grid{grid-template-columns:1fr}.founder-avatar{width:56px;height:56px;font-size:1.2rem}.founder-xl{width:90px;height:90px;font-size:1.8rem}.footer-grid{gap:20px}.footer-grid h4{font-size:.95rem}.cta-strip{padding:32px 16px;font-size:clamp(1.1rem,4vw,1.4rem)}.table-wrap{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}@media (max-width:480px){.container{padding-left:12px;padding-right:12px}.section{padding:32px 0}.section-title{font-size:1.35rem}main .page{padding-top:52px!important}.page{padding:52px 0 40px}.hero-v2{padding:44px 0 24px}.hero-title{font-size:clamp(1.5rem,8vw,2.2rem)}.hero-actions .btn-gradient,.hero-actions .btn-glass{padding:8px 14px;font-size:.85rem}.logo-gradient{max-width:120px}.footer-bottom{padding:12px 0 16px;text-align:center}}@media (hover:none){.feature-card:before,.nav-link:after{display:none}.feature-card:hover,.price-card:hover{transform:none;box-shadow:none}}.social-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.social-contact-card{display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s,color .2s}.social-contact-card:hover{transform:translate3d(0,-4px,0);box-shadow:0 20px 40px #0000003d}.social-contact-card h2{margin:0}.social-contact-card p{margin:0;color:#b8c2db}.social-contact-card span{color:#d5dbeb;font-weight:600}.linkedin-card:hover{color:#60a5fa}.instagram-card:hover{background:linear-gradient(135deg,#ec48991f,#7c3aed24);color:#f0abfc}.pricing-hero{margin-bottom:18px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{position:relative}.plan-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7c3aed44,#ec489944);margin-bottom:8px}.price-value{font-size:2rem;line-height:1.1;display:block;transition:all .35s ease}.price-value span{font-size:.95rem;color:#b4bfda;margin-left:2px}.popular-card{border:2px solid transparent;background:linear-gradient(#12121a,#12121a) padding-box;z-index:1}.popular-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#ec4899);z-index:-1}.popular-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#a855f729;color:#e9d5ff;margin-bottom:8px}.pricing-check-list li{display:flex;align-items:center;gap:8px}.check-path{stroke-dasharray:20;stroke-dashoffset:20}.price-card.in-view .check-path{animation:checkDraw .6s ease forwards}.price-card.in-view .pricing-check-list li:nth-child(2) .check-path{animation-delay:.08s}.price-card.in-view .pricing-check-list li:nth-child(3) .check-path{animation-delay:.16s}.price-card.in-view .pricing-check-list li:nth-child(4) .check-path{animation-delay:.24s}.pricing-table-wrap{overflow-x:auto}.pricing-table{min-width:760px}.pricing-table tbody tr:nth-child(odd){background:#ffffff08}.pricing-table tbody tr:nth-child(2n){background:#ffffff03}.pricing-table th:first-child,.pricing-table td:first-child{position:sticky;left:0;background:#0f1524;z-index:2}.pricing-table .sticky-head th:first-child{z-index:3}.pricing-accordion article{transition:border-color .2s}.pricing-accordion article.open{border-left:3px solid #a855f7}.pricing-accordion button{display:flex;align-items:center;justify-content:space-between}.pricing-hero-v2{margin-bottom:28px;text-align:center}.pricing-hero-v2 .badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#7c3aed33;color:#c4b5fd;font-size:.9rem;margin-bottom:12px}.pricing-hero-v2 .gradient-text{background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.billing-toggle{display:inline-flex;gap:0;border-radius:12px;background:#ffffff0f;padding:4px;margin-top:16px}.billing-toggle button{padding:10px 20px;border-radius:10px;border:none;background:transparent;color:#b4bfda;cursor:pointer;transition:all .2s}.billing-toggle button.active{background:var(--color-primary,#7c3aed);color:#fff}.billing-toggle .discount-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#22c55e40;color:#86efac;font-size:.75rem;font-weight:600}.pricing-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.pricing-card{background:color-mix(in srgb,var(--color-text,#fff) 3%,transparent);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 24px;transition:transform .3s,box-shadow .3s;min-width:0}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px color-mix(in srgb,var(--color-accent,#7c3aed) 30%,transparent)}.pricing-card.popular{border:2px solid var(--color-primary,#7c3aed);background:color-mix(in srgb,var(--color-primary,#7c3aed) 14%,transparent);transform:scale(1.04);position:relative}.pricing-card.popular:hover{transform:scale(1.04) translateY(-8px)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--gradient-primary,linear-gradient(135deg,#7c3aed,#ec4899));color:#fff;padding:4px 16px;border-radius:999px;font-size:12px;font-weight:600}.pricing-card-icon{color:var(--color-primary,#a78bfa);margin-bottom:12px}.pricing-card h3{margin:0 0 8px;font-size:1.25rem}.pricing-card .price-value{font-size:2rem;line-height:1.2;display:block}.pricing-card .price-value span{font-size:.95rem;color:var(--color-text-muted,#b4bfda);margin-left:2px}.pricing-desc{font-size:.9rem;color:var(--color-text-muted,#94a3b8);margin:8px 0 16px;line-height:1.4}.pricing-features{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px;min-width:0}.pricing-features li{display:flex;align-items:center;gap:8px;color:var(--color-text,#cbd5e1);min-width:0;overflow-wrap:anywhere}.pricing-features .check-path{stroke-dasharray:20;stroke-dashoffset:0}.pricing-card .btn-gradient{display:block;text-align:center;padding:12px}.pricing-table-v2{width:100%;border-collapse:collapse;margin-top:80px}.pricing-table-v2 th{position:sticky;top:0;background:var(--color-surface,#0f1524);z-index:1}.pricing-table-v2 tr:nth-child(2n){background:#ffffff05}.pricing-table-v2 td,.pricing-table-v2 th{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.pricing-table-v2 .sticky-head th{position:sticky;top:0}.demo-rebuild{display:grid;grid-template-columns:300px 1fr 260px;gap:18px;align-items:start}.demo-control-panel{position:sticky;top:92px;display:flex;flex-direction:column;gap:0;min-height:380px}.demo-control-panel .demo-tabs{flex-shrink:0}.demo-control-panel .demo-tab-content{flex:1;display:flex;flex-direction:column;gap:14px;margin-top:14px;overflow-y:visible;min-height:0}.demo-tab-hint{margin:0 0 4px;font-size:.8rem;color:#94a3b8;line-height:1.4}.demo-panel-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;display:grid;gap:10px}.demo-section-title{display:block;font-size:.95rem;color:#e2e8f0;margin-bottom:4px}.demo-sub-label{font-size:.8rem;color:#94a3b8;margin-top:8px;margin-bottom:2px}.demo-sub-label:first-of-type{margin-top:0}.demo-remove-btn{background:#dc262626;border:1px solid rgba(220,38,38,.4);color:#fca5a5;border-radius:8px;padding:6px 10px;font-size:.85rem;justify-self:start}.demo-remove-btn:hover{background:#dc262640}.demo-control-sidebar{position:sticky;top:92px;display:grid;gap:14px}.demo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-tabs-three{grid-template-columns:repeat(3,1fr)}.demo-tabs button{background:#ffffff08;border:1px solid #ffffff20;color:#dbe5ff;border-radius:10px;padding:9px 8px}.demo-tabs button.active{background:#a855f733;border-color:#a855f7;color:#fff}.device-row,.demo-device-row{display:flex;flex-wrap:wrap;gap:8px}.device-row button,.demo-device-row button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#e2e8f0;border-radius:10px;padding:6px 12px}.device-row button.active,.demo-device-row button.active{background:#a855f74d;border-color:#a855f7}.demo-preview-column{display:flex;flex-direction:column;gap:12px;min-width:0}.demo-live-preview-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.demo-preview-title{margin:0;font-size:1.25rem;color:#e2e8f0}.demo-preview-actions{display:flex;gap:8px}.demo-preview-actions button{border:1px solid #ffffff24;background:#0d1220;color:#dbe5ff;border-radius:10px;padding:8px 14px}.demo-preview-actions button.active,.demo-preview-actions button:hover{border-color:#a855f7;background:#a855f733}.demo-save-message{margin:0;font-size:.9rem;color:#94a3b8}.demo-preview-wrap{display:flex;justify-content:center;min-height:0}.demo-preview-frame{background:#1e293b;border-radius:12px;overflow:visible;min-height:500px;border:1px solid #334155;transition:width .25s ease,transform .25s ease}.demo-preview-frame:has(.demo-preview-inner){background:transparent}.demo-preview-frame .demo-preview-inner{min-height:500px;background:var(--demo-bg)!important;color:var(--demo-text)!important;box-sizing:border-box}.demo-code-view{margin:0;padding:16px;height:100%;overflow:auto;background:#0f172a;color:#94a3b8;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.laptop-screen,.laptop-frame .laptop-screen,.pricing-table-wrapper,.pricing-table-wrap,.table-wrap,.modal-body,.mobile-menu-overlay,.demo-code-view{scrollbar-width:none}.laptop-screen::-webkit-scrollbar,.laptop-frame .laptop-screen::-webkit-scrollbar,.pricing-table-wrapper::-webkit-scrollbar,.pricing-table-wrap::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.mobile-menu-overlay::-webkit-scrollbar,.demo-code-view::-webkit-scrollbar{display:none}.demo-code-view code{font-family:ui-monospace,monospace}.demo-stats-panel{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px;padding:18px}.demo-stats-title{margin:0;font-size:1rem;color:#d9e1f5}.demo-stats-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.demo-stats-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0f;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.demo-stat-label{font-size:.9rem;color:#94a3b8}.demo-stat-value{font-weight:600;color:#e2e8f0}.demo-perf-btn{width:100%;border:1px solid #a855f7;background:#a855f726;color:#c4b5fd;border-radius:10px;padding:10px 14px;cursor:pointer}.demo-perf-btn:hover{background:#a855f740}.laptop-frame{background:#2d2d2d;border-radius:16px 16px 0 0;padding:12px 12px 0;box-shadow:0 25px 60px #00000080;transition:transform .25s ease}.laptop-frame .laptop-screen{width:100%;background:#fff;border-radius:8px 8px 0 0;overflow:visible;min-height:500px;border:none;padding:0;box-shadow:none}.laptop-frame .laptop-screen.demo-laptop-preview{background:transparent}.laptop-frame .laptop-base{width:120%;margin-left:-10%;height:20px;background:#3d3d3d;border-radius:0 0 20px 20px;clip-path:none}.demo-group,.demo-panel-section{display:grid;gap:8px}.demo-group strong,.demo-section-title{font-size:.95rem;color:#d9e1f5}.demo-group button,.demo-panel-section button:not(.demo-remove-btn){background:#ffffff08;border:1px solid #ffffff14;color:#e2e8f0;border-radius:10px;padding:8px 10px;text-align:left}.demo-group button:hover,.demo-panel-section button:not(.demo-remove-btn):hover{border-color:#a855f7}.demo-group label,.demo-panel-section label{display:flex;flex-direction:column;gap:4px;align-items:stretch;color:#bcc8e4;font-size:.95rem}.demo-group input[type=text],.demo-group textarea,.demo-group input[type=color],.demo-group input[type=file],.demo-group input:not([type]),.demo-panel-section input[type=text],.demo-panel-section textarea,.demo-panel-section input[type=color],.demo-panel-section input[type=file],.demo-panel-section input:not([type]){width:100%;margin-top:0;border:1px solid #ffffff24;background:#0d1220;color:#e2e8f0;border-radius:8px;padding:8px}.demo-group input,.demo-panel-section input{accent-color:#a855f7}.demo-panel-section label:has(input[type=checkbox]),.demo-panel-section label:has(input[type=radio]){flex-direction:row;align-items:center}.demo-panel-section label:has(input[type=checkbox]) input,.demo-panel-section label:has(input[type=radio]) input{width:auto}.demo-theme-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.demo-theme-card{border:2px solid rgba(255,255,255,.15);background:#ffffff0f;border-radius:12px;padding:12px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.demo-theme-card:hover{border-color:#a855f780;background:#a855f714}.demo-theme-card.active{border-color:#a855f7;background:#a855f733}.demo-theme-swatches{display:flex;gap:6px;margin-bottom:8px}.demo-theme-swatches span{width:28px;height:20px;border-radius:6px;display:block;flex-shrink:0}.demo-theme-name{font-size:.95rem;font-weight:600;color:#e2e8f0}.palette-grid{display:grid;gap:8px}.palette-card{border:1px solid #ffffff1e;background:#ffffff08;border-radius:10px;padding:8px}.palette-card.active{border-color:#a855f7}.palette-swatches{display:flex;gap:4px}.palette-swatches span{width:20px;height:14px;border-radius:4px;display:block}.laptop-shell{display:grid;gap:0;justify-items:center}.laptop-screen{width:min(900px,100%);background:#2a2f3d;border-radius:24px 24px 12px 12px;padding:14px;border:1px solid #4b5563;box-shadow:0 30px 70px #0005;transform-origin:top center;transition:transform .25s ease}.laptop-shell.tablet .laptop-screen{transform:scale(.82)}.laptop-shell.mobile .laptop-screen{transform:scale(.64)}.browser-surface{min-height:520px;background:#f9fafb;border-radius:14px;overflow:visible;color:#0f172a;border:1px solid #dbe0eb}.browser-surface.dark{background:#0f172a;color:#e2e8f0;border-color:#1f2d44}.browser-surface.light{background:#f9fafb;color:#0f172a}.laptop-shell.mobile .browser-surface{width:375px;max-width:100%}.laptop-shell.tablet .browser-surface{width:768px;max-width:100%}.laptop-base{width:min(960px,108%);height:34px;background:#4b5563;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 26px 26px}.preview-nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.preview-nav.transparent{background:color-mix(in srgb,var(--preview-primary) 18%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-nav.solid{background:#fff}.preview-nav strong{cursor:text;outline:none;color:var(--preview-primary)}.preview-nav nav{display:flex;align-items:center;gap:12px;font-size:.92rem}.preview-nav button{border:0;border-radius:999px;padding:8px 12px;background:var(--preview-primary);color:#fff}.preview-hero,.preview-about,.preview-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:24px 16px}.preview-hero h2{font-size:2rem;margin:0 0 8px;cursor:text;outline:none;color:#111827}.preview-hero button{border:0;border-radius:10px;padding:10px 14px;background:var(--preview-primary);color:#fff}.browser-surface.dark .preview-hero h2,.browser-surface.dark .preview-about h3,.browser-surface.dark .preview-services h3,.browser-surface.dark .preview-contact h3{color:#f8fafc}.preview-box{background:linear-gradient(135deg,var(--preview-secondary),var(--preview-accent));border-radius:12px;min-height:140px;border:1px solid #cbd5e1;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:600}.preview-box img{width:100%;height:100%;object-fit:cover}.preview-services{padding:10px 16px 24px}.preview-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-service-grid article{background:#fff;border:1px solid #dbe2ee;border-radius:12px;padding:16px}.browser-surface.dark .preview-service-grid article,.browser-surface.dark .preview-footer,.browser-surface.dark .preview-nav{background:#111d31;border-color:#243651;color:#d9e7ff}.preview-contact .map{display:grid;place-items:center;color:#64748b}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e2e8f0;background:#fff}@media (max-width:980px){.social-card-grid,.demo-rebuild{grid-template-columns:1fr}.demo-control-sidebar,.demo-control-panel,.demo-stats-panel{position:relative;top:0}.demo-control-panel .demo-tabs,.demo-tabs-three{grid-template-columns:repeat(3,1fr)}.preview-hero,.preview-about,.preview-contact,.preview-service-grid{grid-template-columns:1fr}}@media (max-width:640px){.demo-control-panel .demo-tabs,.demo-tabs-three{grid-template-columns:1fr}}.demo-group label:has(input[type=checkbox]),.demo-group label:has(input[type=radio]){flex-direction:row;align-items:center}.demo-group label:has(input[type=checkbox]) input,.demo-group label:has(input[type=radio]) input{width:auto;margin-top:0}.navbar{position:sticky;top:0;z-index:500;background:#0a0a0fd9!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-links{display:flex;align-items:center;gap:4px}.navbar-links a{color:#e2e8f0b3;text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;transition:color .2s,background .2s;white-space:nowrap}.navbar-links a:hover{color:#e2e8f0;background:#ffffff0d}.navbar-links a.active{color:#7c3aed}.navbar-links a.active:after{content:"";display:block;height:2px;background:#7c3aed;border-radius:1px;margin-top:2px}@media (max-width: 1024px) and (min-width: 769px){.navbar-links a{padding:6px 8px;font-size:13px}.navbar{padding:0 16px}}@media (max-width: 768px){.navbar-links,.navbar-right-desktop{display:none!important}.hamburger-btn{display:flex!important}.navbar{padding:0 16px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a0f!important}}@media (min-width: 769px){.hamburger-btn{display:none!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}@media (max-width: 768px){.features-grid,.bento-grid,.pricing-grid,.pricing-grid-v2{grid-template-columns:1fr!important}.pricing-card{width:100%;padding:22px 16px}.pricing-card.popular{transform:scale(1)!important}.pricing-card.popular:hover{transform:translateY(-4px)!important}.steps-grid{grid-template-columns:1fr!important}.sectors-scroll{gap:12px}.hero-content{flex-direction:column!important;text-align:center}.hero-code-editor{display:none}h1{font-size:2rem!important}h2{font-size:1.5rem!important}section{padding:60px 0!important}}@media (max-width: 480px){h1{font-size:1.75rem!important}.pricing-grid{grid-template-columns:1fr!important}.pricing-grid-v2{grid-template-columns:1fr!important;gap:12px}.pricing-card{padding:18px 14px;border-radius:14px}.pricing-card .price-value{font-size:1.75rem}}@media (max-width: 768px){.pricing-table-wrapper{overflow-x:auto}.pricing-table{min-width:600px}}@media (max-width: 768px){.demo-layout{flex-direction:column!important}.demo-panel,.demo-preview-area{width:100%!important}.laptop-stats{display:none}.demo-rebuild,.demo-preview-wrap{overflow:visible}}.page-contact{min-height:calc(100dvh - 144px)}