:root{--md-primary:#0062b8;--md-on-primary:#fff;--md-primary-container:#d5e3ff;--md-on-primary-container:#001b3b;--md-secondary:#555f71;--md-on-secondary:#fff;--md-secondary-container:#d9e3f8;--md-on-secondary-container:#121c2b;--md-tertiary:#6e5676;--md-on-tertiary:#fff;--md-tertiary-container:#f8d8fe;--md-on-tertiary-container:#27132f;--md-background:#fdfbff;--md-on-background:#1a1c1e;--md-surface:#fdfbff;--md-on-surface:#1a1c1e;--md-surface-variant:#e0e2ec;--md-on-surface-variant:#43474e;--md-surface-container:#f1f0f4;--md-surface-container-high:#e3e2e6;--md-outline:#74777f;--md-outline-variant:#c4c6cf;--md-font-sans:"Google Sans Flex", system-ui, -apple-system, sans-serif;--md-font-display:"Google Sans Flex", system-ui, -apple-system, sans-serif;--md-font-mono:"JetBrains Mono", "Fira Code", monospace;--md-shape-none:0;--md-shape-xs:4px;--md-shape-sm:8px;--md-shape-md:12px;--md-shape-lg:16px;--md-shape-xl:28px;--md-shape-full:9999px;--md-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-easing-decelerate:cubic-bezier(.05, .7, .1, 1);--md-easing-accelerate:cubic-bezier(.3, 0, .8, .15);--md-shadow-1:none;--md-shadow-2:none;--md-shadow-3:none;font-family:var(--md-font-sans);font-variation-settings:"ROND" 100;color:var(--md-on-background);background-color:var(--md-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--md-primary:#a7c8ff;--md-on-primary:#003060;--md-primary-container:#004788;--md-on-primary-container:#d5e3ff;--md-secondary:#bdc7dc;--md-on-secondary:#273141;--md-secondary-container:#3d4758;--md-on-secondary-container:#d9e3f8;--md-tertiary:#dbbce1;--md-on-tertiary:#3e2845;--md-tertiary-container:#553e5d;--md-on-tertiary-container:#f8d8fe;--md-background:#1a1c1e;--md-on-background:#e3e2e6;--md-surface:#1a1c1e;--md-on-surface:#e3e2e6;--md-surface-variant:#43474e;--md-on-surface-variant:#c4c6cf;--md-surface-container:#1e2023;--md-surface-container-high:#292a2d;--md-outline:#8e9199;--md-outline-variant:#43474e;--md-shadow-1:none;--md-shadow-2:none;--md-shadow-3:none}*,:before,:after{box-sizing:border-box}body{font-variation-settings:"ROND" 100;background-color:var(--md-background);min-height:100vh;color:var(--md-on-background);transition:background-color .3s var(--md-easing-standard), color .3s var(--md-easing-standard);margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--md-font-display);color:var(--md-on-background);margin:0;font-weight:700}h1{letter-spacing:-.02em;font-size:3.5rem;line-height:1.15}h2{letter-spacing:-.015em;font-size:2.25rem;line-height:1.25}h3{font-size:1.5rem;line-height:1.3}p{color:var(--md-on-surface-variant);margin:0;line-height:1.6}a,button{transition:all .2s var(--md-easing-standard)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}h1{font-size:2.5rem}h2{font-size:1.75rem}}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--md-background)}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:var(--md-shape-full);border:3px solid var(--md-background)}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}@keyframes md-ripple{0%{opacity:.35;transform:scale(0)}to{opacity:0;transform:scale(4)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);background-color:rgba(var(--navbar-bg-rgb,248, 253, 255), .8);border-bottom:1px solid var(--md-outline-variant);transition:background-color .3s var(--md-easing-standard), border-color .3s var(--md-easing-standard);position:sticky;top:0}[data-theme=dark] .navbar{background-color:#0e1417cc}.navbar-container{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.logo-group{font-family:var(--md-font-display);color:var(--md-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{object-fit:contain;width:2.25rem;height:2.25rem}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--md-on-surface-variant);border-radius:var(--md-shape-full);padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none}.nav-link:hover{background-color:var(--md-surface-container);color:var(--md-primary)}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-menu-toggle{cursor:pointer;border-radius:var(--md-shape-full);width:2.75rem;height:2.75rem;color:var(--md-on-surface);background:0 0;background-color:var(--md-surface-container);border:none;justify-content:center;align-items:center;display:none}.nav-menu-toggle:hover{background-color:var(--md-surface-container-high)}.theme-toggle-btn{cursor:pointer;border-radius:var(--md-shape-full);width:2.5rem;height:2.5rem;color:var(--md-on-surface);background:0 0;background-color:var(--md-surface-container);border:none;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:var(--md-surface-container-high);transform:scale(1.05)}.hero-section{padding:7rem 0 5rem;position:relative;overflow:hidden}.hero-container{text-align:left;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-gradient-orb{display:none}.hero-tagline{background-color:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:var(--md-shape-full);text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--md-shadow-1);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-flex}.hero-title{max-width:900px;color:var(--md-primary);margin:0 0 1.5rem;font-size:4rem;line-height:1.15}[data-theme=dark] .hero-title{color:#fff}.hero-description{max-width:680px;color:var(--md-on-surface-variant);margin:0 0 3rem;font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:1.25rem;width:100%;display:flex}.btn-filled{background-color:var(--md-primary);color:var(--md-on-primary);border-radius:var(--md-shape-full);cursor:pointer;box-shadow:var(--md-shadow-2);border:none;align-items:center;gap:.5rem;padding:.875rem 2.25rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-filled:hover{box-shadow:none;background-color:#00566d;transform:translateY(-1px)}[data-theme=dark] .btn-filled:hover{box-shadow:none;background-color:#72e0fa}.btn-tonal{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container);border-radius:var(--md-shape-full);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.875rem 2.25rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-tonal:hover{background-color:var(--md-outline-variant);transform:translateY(-1px)}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header h2{margin-bottom:1rem}.section-header p{font-size:1.1rem}.component-showcase-section{border-top:1px solid var(--md-outline-variant);background-color:var(--md-surface-container);padding:5rem 0}[data-theme=dark] .component-showcase-section{background-color:#1b222666}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}@media (width<=900px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-description{margin:0 auto 3rem}.hero-actions{justify-content:center}.showcase-grid{grid-template-columns:1fr;gap:1.5rem}}.showcase-card{border:1px solid var(--md-outline-variant);box-shadow:none;transition:background-color .25s var(--md-easing-standard), border-color .25s var(--md-easing-standard);background-color:#fff;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}[data-theme=dark] .showcase-card{background-color:#121214;border:1px solid #ffffff0f}.showcase-card:hover{background-color:#f8fafc;border-color:#6750a426}[data-theme=dark] .showcase-card:hover{background-color:#1a1a1f;border-color:#ffffff1f}.showcase-preview{background-color:#f8fafc;background-image:radial-gradient(#0f172a14 1.5px,#0000 1.5px);background-position:50%;background-size:24px 24px;border-radius:28px 28px 24px 24px;justify-content:center;align-items:center;min-height:260px;padding:2rem;display:flex;position:relative;overflow:hidden}[data-theme=dark] .showcase-preview{background-color:#0f172a;background-image:radial-gradient(#ffffff14 1.5px,#0000 1.5px)}.showcase-preview.has-iframe{justify-content:center;align-items:center;height:280px;min-height:280px;padding:0;display:flex;overflow:hidden}.showcase-iframe{transform-origin:50%;pointer-events:auto;background-color:#0000;border:none;flex-shrink:0;display:block;transform:scale(.8);width:125%!important;height:125%!important}.iframe-loader-container{z-index:2;pointer-events:none;background-color:#f8fafc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}[data-theme=dark] .iframe-loader-container{background-color:#0f172a}.iframe-loader-container.fade-out{opacity:0}.iframe-spinner{border:3px solid #b294cc33;border-top-color:var(--md-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite iframe-spin}@keyframes iframe-spin{to{transform:rotate(360deg)}}.showcase-info{text-align:left;background-color:#0000;flex-direction:column;gap:.5rem;padding:1.75rem;display:flex}.showcase-category{text-transform:uppercase;letter-spacing:.08em;color:var(--md-primary);font-size:.8rem;font-weight:700}.showcase-info h3{color:var(--md-on-surface);font-size:1.5rem;font-weight:700;font-family:var(--md-font-display);margin:0}.showcase-info p{color:var(--md-on-surface-variant);margin:0;font-size:.95rem;line-height:1.5}.badge-m3{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container);border-radius:var(--md-shape-full);align-self:flex-start;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.preview-collage{width:min(280px,100%);height:140px;position:relative}.m3-btn-filled-preview{background-color:var(--md-primary);color:var(--md-on-primary);font-family:var(--md-font-sans);border-radius:var(--md-shape-full);z-index:3;padding:8px 16px;font-size:.85rem;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:15px;left:20px;box-shadow:0 4px 12px #00000040}.m3-btn-tonal-preview{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container);font-family:var(--md-font-sans);border-radius:var(--md-shape-full);z-index:1;padding:8px 16px;font-size:.85rem;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:15px;left:45px;box-shadow:0 4px 12px #0003}.m3-chip-preview{color:#ebdff5;font-family:var(--md-font-sans);z-index:4;background-color:#31243b;border:1px solid #ebdff533;border-radius:8px;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:600;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:45px;right:15px;box-shadow:0 4px 12px #00000040}.m3-chip-preview svg{margin-right:4px}.m3-switch-preview{background-color:var(--md-primary);box-sizing:border-box;z-index:2;border-radius:20px;justify-content:flex-end;align-items:center;width:44px;height:26px;padding:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:25px;right:65px;box-shadow:0 4px 12px #0003}.m3-switch-thumb-preview{background-color:var(--md-on-primary);border-radius:50%;width:20px;height:20px}.showcase-card:hover .m3-btn-filled-preview{transform:translate(-4px,-6px)scale(1.05)}.showcase-card:hover .m3-btn-tonal-preview{transform:translate(-2px,4px)scale(1.03)}.showcase-card:hover .m3-chip-preview{transform:translate(6px,-2px)scale(1.05)}.showcase-card:hover .m3-switch-preview{transform:translate(2px,6px)scale(1.05)}.preview-spring{justify-content:center;align-items:center;width:min(240px,100%);height:120px;display:flex;position:relative}.spring-svg{transform-origin:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1.5,.5,1.2)}.spring-path{stroke-dasharray:8;animation:30s linear infinite spring-dash}@keyframes spring-dash{to{stroke-dashoffset:-1000px}}.spring-ball{z-index:5;background-color:#cfbcff;border-radius:50%;width:16px;height:16px;transition:transform .6s cubic-bezier(.25,1.5,.5,1.2);position:absolute;top:52px;left:218px;box-shadow:0 0 16px #cfbcff}.showcase-card:hover .spring-svg{transform:scaleX(1.1)scaleY(.85)}.showcase-card:hover .spring-ball{background-color:#a7c8ff;transform:scale(1.35)translate(-10px,-6px);box-shadow:0 0 20px #a7c8ff}.preview-theming{width:min(200px,100%);height:120px;position:relative}.palette-center-node{z-index:5;color:#fff;background:radial-gradient(circle,#ffb2be 0%,#a20021 100%);border:3px solid #ebdff5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .4s cubic-bezier(.25,1.5,.5,1.2),background .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffb2be66}.palette-node{z-index:4;border:2px solid #ebdff5;border-radius:50%;width:32px;height:32px;transition:transform .4s cubic-bezier(.25,1.5,.5,1.2),background-color .4s;position:absolute;box-shadow:0 4px 10px #0000004d}.node-primary{background-color:#a7c8ff;top:10px;left:20px;box-shadow:0 0 15px #a7c8ff66}.node-secondary{background-color:#cfbcff;top:10px;right:20px;box-shadow:0 0 15px #cfbcff66}.node-tertiary{background-color:#ffb2be;bottom:10px;left:20px;box-shadow:0 0 15px #ffb2be66}.node-error{background-color:#ffb4ab;bottom:10px;right:20px;box-shadow:0 0 15px #ffb4ab66}.palette-connections{z-index:1;stroke:#ebdff526;stroke-width:2.5px;stroke-dasharray:4;width:100%;height:100%;transition:stroke .4s;position:absolute;inset:0}.showcase-card:hover .palette-center-node{background:radial-gradient(circle,#cfbcff 0%,#381e72 100%);transform:translate(-50%,-50%)scale(1.1)rotate(45deg);box-shadow:0 0 25px #cfbcff99}.showcase-card:hover .node-primary{background-color:#ffb2be;transform:translate(-6px,-6px)scale(1.08)}.showcase-card:hover .node-secondary{background-color:#a7c8ff;transform:translate(6px,-6px)scale(1.08)}.showcase-card:hover .node-tertiary{background-color:#cfbcff;transform:translate(-6px,6px)scale(1.08)}.showcase-card:hover .node-error{background-color:#ebdff5;transform:translate(6px,6px)scale(1.08)}.showcase-card:hover .palette-connections{stroke:#cfbcff59}.preview-router{background-color:#170d20;border:1px solid #ebdff526;border-radius:12px;width:min(220px,100%);height:130px;transition:transform .4s cubic-bezier(.25,1.5,.5,1.1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0006}.router-sidebar{background-color:#12091a;border-right:1px solid #ebdff51a;flex-direction:column;align-items:center;gap:12px;width:48px;padding:10px 0;transition:width .4s cubic-bezier(.25,1.5,.5,1.1);display:flex}.router-side-item{background-color:#ebdff533;border-radius:4px;width:24px;height:8px;transition:background-color .3s,width .3s,height .3s,border-radius .3s}.router-side-item.active{background-color:var(--md-primary);border-radius:6px;width:32px;height:12px}.router-screen{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.router-header{align-items:center;gap:8px;display:flex}.router-back-btn{background-color:#ebdff526;border-radius:50%;width:14px;height:14px}.router-title-bar{background-color:#ebdff54d;border-radius:4px;width:60px;height:8px}.router-body{flex-direction:column;flex:1;gap:6px;display:flex}.router-card-row{background-color:#ebdff50d;border:1px solid #ebdff514;border-radius:6px;height:24px;transition:transform .3s,background-color .3s}.showcase-card:hover .preview-router{border-color:#a7c8ff66;transform:translateY(-4px)scale(1.03);box-shadow:0 10px 25px #a7c8ff26}.showcase-card:hover .router-sidebar{width:56px}.showcase-card:hover .router-side-item.active{background-color:#a7c8ff}.showcase-card:hover .router-card-row{background-color:#a7c8ff1a;transform:translate(4px)}.installation-section{border-top:1px solid var(--md-outline-variant);background-color:var(--md-surface-container);padding:5rem 0}[data-theme=dark] .installation-section{background-color:#1b222666}.terminal-block{background-color:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);max-width:600px;box-shadow:var(--md-shadow-2);margin:0 auto;overflow:hidden}.terminal-header{border-bottom:1px solid var(--md-outline-variant);background-color:#0000000d;justify-content:space-between;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;display:flex}[data-theme=dark] .terminal-header{background-color:#ffffff08}.terminal-dots{gap:.35rem;display:flex}.terminal-dot{border-radius:var(--md-shape-full);width:.65rem;height:.65rem}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27c93f}.terminal-tab-label{font-family:var(--md-font-mono);color:var(--md-on-surface-variant);font-size:.75rem}.terminal-body{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.terminal-code{font-family:var(--md-font-mono);color:var(--md-primary);text-align:left;margin:0;font-size:1rem}.terminal-code span.prompt{color:var(--md-outline);-webkit-user-select:none;user-select:none;margin-right:.5rem}.copy-btn{border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-sm);cursor:pointer;color:var(--md-on-surface-variant);background:0 0;background-color:var(--md-surface);padding:.5rem}.copy-btn:hover{background-color:var(--md-primary-container);color:var(--md-on-primary-container);border-color:var(--md-primary-container)}.copy-btn svg,.copy-btn .material-symbols-rounded{width:1.125rem;height:1.125rem;font-size:1.125rem}.footer{border-top:1px solid var(--md-outline-variant);background-color:var(--md-background);padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr repeat(2,1fr);gap:3rem;margin-bottom:3rem;display:grid}.footer-info{flex-direction:column;gap:1rem;max-width:320px;display:flex}.footer-info p{font-size:.9rem}.footer-links-group{flex-direction:column;gap:1rem;display:flex}.footer-links-group h4{font-size:1rem}.footer-links-group a{color:var(--md-on-surface-variant);font-size:.9rem;text-decoration:none}.footer-links-group a:hover{color:var(--md-primary)}.footer-bottom{border-top:1px solid var(--md-outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.footer-bottom p{font-size:.85rem}.social-links{gap:1rem;display:flex}.social-link{color:var(--md-on-surface-variant);border-radius:var(--md-shape-full);background-color:var(--md-surface-container);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.social-link:hover{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.social-link svg,.social-link .material-symbols-rounded{width:1.125rem;height:1.125rem;font-size:1.125rem}@media (width<=768px){.navbar-container{height:4rem}.nav-menu-toggle{display:flex}.nav-links{z-index:99;background-color:rgba(var(--navbar-bg-rgb,248, 253, 255), .98);border-bottom:1px solid var(--md-outline-variant);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:transform .25s var(--md-easing-standard), opacity .25s var(--md-easing-standard), visibility .25s;flex-direction:column;align-items:stretch;gap:0;padding:.75rem 1.25rem 1.25rem;position:absolute;top:100%;left:0;right:0;transform:translateY(-100%)}[data-theme=dark] .nav-links{background-color:#0e1417fa}.nav-links.nav-links-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{border-radius:var(--md-shape-md);padding:.875rem 1rem;font-size:1rem}.hero-section{padding:4rem 0 3rem}.hero-container{gap:2rem}.hero-title{font-size:2.5rem}.hero-description{margin-bottom:2rem;font-size:1.1rem}.hero-actions{gap:1rem}.hero-visual{display:none}.btn-filled,.btn-tonal{min-height:3rem;padding:1rem 2rem}.section-header{margin-bottom:2.5rem}.showcase-preview{min-height:180px;padding:2rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-links-group a{padding:.5rem 0}}@media (width<=480px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.5rem}.hero-section{padding:3rem 0 2.5rem}.hero-tagline{margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.btn-filled,.btn-tonal{justify-content:center;width:100%;min-height:3.25rem;padding:1rem 1.5rem}.section-header{margin-bottom:2rem}.section-header p{font-size:1rem}.component-showcase-section{padding:3rem 0}.showcase-info{padding:1.25rem}.showcase-info h3{font-size:1.25rem}.showcase-preview{min-height:160px;padding:1.5rem 1rem}.template-section{padding:4rem 0}.template-feature-item{padding:1.75rem 1.25rem}.installation-section{padding:3rem 0}.terminal-body{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.terminal-code{white-space:pre-wrap;word-break:break-all;max-width:100%;font-size:.8rem}.copy-btn{align-self:flex-end}.pricing-section{padding:3rem 0}.pricing-card{padding:1.5rem}.pricing-amount{font-size:1.875rem}.footer{padding:3rem 0 1.5rem}.social-link{width:2.75rem;height:2.75rem}}.template-section{border-top:1px solid var(--md-outline-variant);background-color:var(--md-background);padding:6rem 0}.template-grid{flex-direction:column;align-items:center;gap:3rem;display:flex}.template-content{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.template-features{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-top:2rem;display:grid}.template-feature-item{text-align:center;background-color:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-xl);transition:transform .3s var(--md-easing-standard), box-shadow .3s var(--md-easing-standard), border-color .3s var(--md-easing-standard);flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;display:flex}.template-feature-item:hover{border-color:var(--md-primary);transform:translateY(-6px);box-shadow:0 12px 24px #00000014}[data-theme=dark] .template-feature-item:hover{box-shadow:0 12px 24px #00000040}.template-feature-icon{border-radius:var(--md-shape-full);background-color:var(--md-primary-container);width:3.5rem;height:3.5rem;color:var(--md-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.template-feature-icon svg,.template-feature-icon .material-symbols-rounded{width:1.5rem;height:1.5rem;font-size:1.5rem}.template-feature-text{flex-direction:column;gap:.75rem;display:flex}.template-feature-text h4{color:var(--md-on-surface);margin:0;font-size:1.2rem;font-weight:700}.template-feature-text p{color:var(--md-on-surface-variant);margin:0;font-size:.95rem;line-height:1.6}.hero-visual{justify-content:center;align-items:center;width:100%;display:flex}.mock-phone{width:292px;height:592px;box-shadow:var(--md-shadow-3);box-sizing:border-box;background-color:#0f172a;border:2px solid #ffffff26;border-radius:38px;padding:6px;position:relative}[data-theme=dark] .mock-phone{border:2px solid #ffffff14}.mock-phone-camera{z-index:5;background-color:#ffffff1a;border-radius:2px;width:32px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mock-phone-screen{background-color:var(--md-surface);border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.mock-phone-screen iframe{transform-origin:0 0;border:none;position:absolute;top:24px;left:0;transform:scale(.7778);width:360px!important;height:715px!important;overflow:hidden!important}.mock-phone-status-bar{box-sizing:border-box;color:#191c1e;z-index:20;-webkit-user-select:none;user-select:none;background-color:#ebf1f8;justify-content:space-between;align-items:center;width:100%;height:24px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:600;transition:background-color .3s,color .3s;display:flex;position:absolute;top:0;left:0}.status-time{letter-spacing:-.1px}.status-notch{opacity:.85;background-color:#000;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-icons{align-items:center;gap:6px;display:flex}.status-icon{flex-shrink:0}@media (width<=996px){.template-features{grid-template-columns:1fr;gap:1.5rem}}.pricing-section{border-top:1px solid var(--md-outline-variant);background-color:var(--md-background);padding:5rem 0}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.pricing-card{background-color:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-xl);transition:border-color .3s var(--md-easing-standard), box-shadow .3s var(--md-easing-standard), transform .3s var(--md-easing-standard);flex-direction:column;gap:1.75rem;padding:2rem;display:flex;position:relative}.pricing-card:hover{border-color:var(--md-primary);box-shadow:var(--md-shadow-2);transform:translateY(-4px)}.pricing-card-featured{background-color:var(--md-primary-container);border-color:var(--md-primary);box-shadow:var(--md-shadow-1);border-width:2px}[data-theme=dark] .pricing-card-featured{border-color:var(--md-primary);background-color:#004d6140}.pricing-card-featured:hover{border-color:var(--md-primary);box-shadow:var(--md-shadow-3)}.pricing-card-badge{background-color:var(--md-primary);color:var(--md-on-primary);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--md-shape-full);white-space:nowrap;padding:.35rem 1.25rem;font-size:.75rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-card-header{flex-direction:column;gap:.35rem;display:flex}.pricing-card-header h3{color:var(--md-on-surface);font-size:1.35rem;font-weight:700;font-family:var(--md-font-display)}.pricing-card-subtitle{color:var(--md-on-surface-variant);margin:0;font-size:.85rem}.pricing-price{align-items:baseline;gap:.5rem;margin-top:.5rem;display:flex}.pricing-amount-original{color:var(--md-outline);font-size:1.15rem;font-weight:600;font-family:var(--md-font-display);text-decoration:line-through}.pricing-amount{color:var(--md-primary);font-size:2.25rem;font-weight:800;font-family:var(--md-font-display);letter-spacing:-.02em}.pricing-features{flex-direction:column;flex:1;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.pricing-feature{color:var(--md-on-surface);align-items:center;gap:.75rem;font-size:.9rem;line-height:1.4;display:flex}.pricing-feature svg,.pricing-feature .material-symbols-rounded{flex-shrink:0;width:1.125rem;height:1.125rem;font-size:1.125rem}.pricing-feature.included svg{color:var(--md-primary)}.pricing-feature.excluded{color:var(--md-outline)}.pricing-feature.excluded svg{color:var(--md-outline-variant)}.pricing-card-cta{margin-top:.5rem}.pricing-btn{text-align:center;justify-content:center;width:100%;text-decoration:none}[data-theme=dark] .pricing-card{background-color:#1b222699}[data-theme=dark] .pricing-card:hover{background-color:#1b2226cc}@media (width<=900px){.pricing-grid{grid-template-columns:1fr;gap:2rem;max-width:420px;margin:0 auto}}.feature-row-section{border-top:1px solid var(--md-outline-variant);background-color:var(--md-background);padding:7rem 0;overflow:hidden}.feature-row-section:nth-child(2n){background-color:var(--md-surface-container-low)}[data-theme=dark] .feature-row-section:nth-child(2n){background-color:#1b222633}.feature-row-container{align-items:center;gap:5rem;display:flex}.feature-row-content{text-align:left;flex-direction:column;flex:1.1;align-items:flex-start;display:flex}.feature-row-content h2{color:var(--md-on-surface);font-size:2.5rem;line-height:1.2;font-family:var(--md-font-display);margin-top:1rem;margin-bottom:1.25rem}.feature-row-content p{color:var(--md-on-surface-variant);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.feature-row-visual{flex:.9;justify-content:center;align-items:center;display:flex;position:relative}.feature-row-section .mock-phone{box-shadow:var(--md-shadow-2);transition:transform .5s cubic-bezier(.2,1,.2,1),box-shadow .5s,border-color .5s}.feature-row-section:hover .mock-phone{box-shadow:var(--md-shadow-4);border-color:var(--md-primary-container);transform:translateY(-8px)scale(1.02)}.feature-row-section:nth-child(2n) .feature-row-container{flex-direction:row-reverse}@media (width<=900px){.feature-row-section{padding:4.5rem 0}.feature-row-container{gap:3rem;flex-direction:column!important}.feature-row-content{text-align:center;align-items:center}.feature-row-content h2{font-size:2rem}.feature-row-content p{font-size:1rem}}.cli-feature-card:hover{box-shadow:var(--md-shadow-1);transform:translateY(-2px);background-color:var(--md-surface-container-high)!important;border-color:var(--md-primary)!important}.terminal-copy-btn:hover{color:var(--md-primary)!important;border-color:var(--md-primary)!important;background-color:#ffffff14!important}[data-theme=light] .terminal-copy-btn:hover{background-color:#0000000a!important}.animations-preview-container:hover .spring-animated-card{box-shadow:var(--md-shadow-3);transform:translate(8px,-8px)rotate(4deg)scale(1.02)}.spring-animated-card{transition:transform .5s cubic-bezier(.175,.885,.32,1.35),box-shadow .5s!important}@keyframes themeShiftPrimary{0%,to{background-color:#0062b8}33%{background-color:#6750a4}66%{background-color:#386b01}}@keyframes themeShiftSecondary{0%,to{background-color:#555f71}33%{background-color:#625b71}66%{background-color:#576249}}@keyframes themeShiftTertiary{0%,to{background-color:#6e5676}33%{background-color:#7d5260}66%{background-color:#006a60}}@keyframes themeShiftSurface{0%,to{background-color:#d5e3ff}33%{background-color:#ffd8e4}66%{background-color:#e8f5e9}}.dynamic-color-circle.primary{animation:6s infinite themeShiftPrimary}.dynamic-color-circle.secondary{animation:6s infinite themeShiftSecondary}.dynamic-color-circle.tertiary{animation:6s infinite themeShiftTertiary}.dynamic-color-circle.surface{animation:6s infinite themeShiftSurface}