html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--md-font);color:var(--md-on-surface);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}.page-bg{background:var(--md-surface);min-height:100vh;transition:background-color var(--md-dur-medium4) var(--md-ease-standard)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--md-primary);z-index:10000;transition:width .1s linear;border-radius:0 2px 2px 0}.glass{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);box-shadow:var(--md-elev-1);position:relative;overflow:hidden;isolation:isolate;transition:transform var(--md-dur-medium2) var(--md-ease-emphasized),box-shadow var(--md-dur-medium2) var(--md-ease-standard),background-color var(--md-dur-medium2) var(--md-ease-standard),border-color var(--md-dur-medium2) var(--md-ease-standard)}.glass-card{padding:2rem}.glass-card:hover{transform:translateY(-4px);background:var(--md-surface-container);box-shadow:var(--md-elev-2)}.glass-highlight{display:none}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.75rem;height:44px;border-radius:var(--md-shape-full);font:var(--md-label-large);border:1px solid var(--md-outline);background:transparent;color:var(--md-primary);cursor:pointer;position:relative;isolation:isolate;overflow:hidden;transition:background-color var(--md-dur-short4) var(--md-ease-standard),border-color var(--md-dur-short4) var(--md-ease-standard),box-shadow var(--md-dur-short4) var(--md-ease-standard),transform var(--md-dur-short4) var(--md-ease-spring)}.glass-btn:hover{background:color-mix(in srgb,var(--md-primary) 8%,transparent);transform:translateY(-1px)}.glass-btn:active{transform:scale(.97)}.glass-btn-accent{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}.glass-btn-accent:hover{background:var(--md-primary);box-shadow:var(--md-elev-2)}.glass-btn .md-ripple{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:0;transform:scale(0);animation:md-ripple-legacy-in var(--md-dur-long2) var(--md-ease-decelerate) forwards,md-ripple-legacy-out var(--md-dur-long2) var(--md-ease-accelerate) var(--md-dur-short4) forwards}@keyframes md-ripple-legacy-in{to{transform:scale(1);opacity:.14}}@keyframes md-ripple-legacy-out{to{opacity:0}}.md-btn--block{width:100%}.glass-pill{display:inline-block;padding:.35rem 1rem;border-radius:var(--md-shape-full);font:var(--md-label-medium);letter-spacing:.06em;text-transform:uppercase;background:var(--md-secondary-container);border:none;color:var(--md-on-secondary-container)}.glass-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height, 72px);background:color-mix(in srgb,var(--md-surface) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--md-outline-variant);transition:background-color var(--md-dur-medium2) var(--md-ease-standard)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.35rem;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.logo-text{color:var(--md-on-surface)}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--md-primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-size:.9rem;color:var(--md-on-surface-variant);padding:.4rem .2rem;border-radius:var(--md-shape-xs);position:relative;transition:color var(--md-dur-short3) var(--md-ease-standard)}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--md-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--md-dur-medium2) var(--md-ease-emphasized)}.nav-links a:hover{color:var(--md-on-surface)}.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-link-btn{font-size:.9rem;color:var(--md-on-surface-variant);transition:color var(--md-dur-short3) var(--md-ease-standard)}.nav-link-btn:hover{color:var(--md-on-surface)}.theme-toggle--menu{vertical-align:middle}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-mobile-toggle span{display:block;width:24px;height:2px;background:var(--md-on-surface);border-radius:2px;transition:transform var(--md-dur-medium2) var(--md-ease-spring),opacity var(--md-dur-short3) var(--md-ease-standard)}.nav-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-mobile-toggle.active span:nth-child(2){opacity:0}.nav-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.glass-mobile-menu-expander{position:fixed;top:var(--nav-height, 72px);left:1rem;right:1rem;z-index:999;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);box-shadow:var(--md-elev-3)}.glass-mobile-menu-expander .md-expander__panel{grid-template-rows:0fr;transition:grid-template-rows var(--md-dur-long4) var(--md-ease-emphasized)}.glass-mobile-menu-expander.md-expander--open .md-expander__panel{grid-template-rows:1fr}.glass-mobile-menu{padding:1.25rem 1.5rem}.glass-mobile-menu ul{display:flex;flex-direction:column;gap:.25rem;text-align:left}.glass-mobile-menu a{display:block;padding:.7rem .9rem;border-radius:var(--md-shape-full);color:var(--md-on-surface);font:var(--md-label-large);transition:background-color var(--md-dur-short3) var(--md-ease-standard)}.glass-mobile-menu a:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.md-mobile-divider{height:1px;margin:.5rem .9rem;background:var(--md-outline-variant)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--nav-height, 72px) + 3.5rem) 1.5rem 0;overflow:clip}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-content{max-width:860px;position:relative;z-index:1}.hero-badge{display:inline-block;margin-bottom:1.75rem}.hero-title{font:800 clamp(2.75rem,7.5vw,5.25rem)/1.02 var(--md-font);letter-spacing:-.035em;color:var(--md-on-surface);margin-bottom:1.5rem;text-wrap:balance}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--md-on-surface-variant);max-width:620px;margin:0 auto 2.5rem;line-height:1.7}.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-product{position:relative;z-index:1;width:min(1040px,100%);margin:4rem auto 0;padding-bottom:0}.hero-product-glow{position:absolute;top:12%;right:6%;bottom:-10%;left:6%;background:radial-gradient(ellipse at center,var(--md-primary-container),transparent 65%);filter:blur(60px);opacity:.55;z-index:-1;pointer-events:none}.browser-frame{border-radius:var(--md-shape-lg) var(--md-shape-lg) 0 0;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-bottom:none;box-shadow:var(--md-elev-4);overflow:hidden;text-align:left}.browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--md-surface-container-high);border-bottom:1px solid var(--md-outline-variant)}.browser-dot{width:10px;height:10px;border-radius:50%;background:var(--md-outline-variant)}.browser-url{margin-inline:auto;padding:3px 14px;border-radius:var(--md-shape-full);background:var(--md-surface);color:var(--md-on-surface-variant);font:var(--md-label-medium)}.mock-panel{display:grid;grid-template-columns:200px 1fr;min-height:340px}.mock-side{display:flex;flex-direction:column;gap:14px;padding:18px 14px;background:var(--md-surface-container-low);border-right:1px solid var(--md-outline-variant)}.mock-side-item{height:10px;border-radius:var(--md-shape-full);background:var(--md-surface-container-highest)}.mock-side-item--active{background:var(--md-primary);width:70%}.mock-main{padding:20px 22px;display:flex;flex-direction:column;gap:18px;background:var(--md-surface)}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mock-stat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--md-shape-md);background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant)}.mock-stat-num{font:700 1.4rem/1.2 var(--md-font);color:var(--md-on-surface)}.mock-stat-label{font:var(--md-label-small);color:var(--md-on-surface-variant)}.mock-chart{display:flex;align-items:flex-end;gap:10px;height:110px;padding:12px;border-radius:var(--md-shape-md);background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant)}.mock-chart span{flex:1;height:var(--h, 40%);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--md-primary),color-mix(in srgb,var(--md-primary) 45%,transparent))}.mock-chart span:nth-child(6n){background:linear-gradient(180deg,var(--md-tertiary),color-mix(in srgb,var(--md-tertiary) 45%,transparent))}.mock-queue{display:flex;flex-direction:column;gap:10px}.mock-queue-row{display:flex;align-items:center;gap:10px}.mock-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.mock-dot--ok{background:var(--md-success)}.mock-dot--wait{background:var(--md-warning)}.mock-line{height:8px;width:var(--w, 60%);border-radius:var(--md-shape-full);background:var(--md-surface-container-highest)}.section{padding:6rem 1.5rem;max-width:1200px;margin:0 auto}.section-label{text-align:center;margin-bottom:1rem}.section-title{text-align:center;font:700 clamp(1.9rem,4vw,2.75rem)/1.2 var(--md-font);letter-spacing:-.02em;color:var(--md-on-surface);margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--md-on-surface-variant);max-width:600px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.7}.trust{padding:2rem 1.5rem 4rem;text-align:center}.trust-label{font:var(--md-label-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--md-on-surface-variant);margin-bottom:1.5rem}.trust-icons{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.trust-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;color:var(--md-on-surface-variant)}.trust-icon svg{width:32px;height:32px;opacity:.65;transition:opacity var(--md-dur-medium2) var(--md-ease-standard),transform var(--md-dur-medium2) var(--md-ease-spring)}.trust-icon:hover svg{opacity:1;transform:translateY(-3px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card{text-align:left}.feature-icon{width:48px;height:48px;border-radius:var(--md-shape-md);background:var(--md-primary-container);color:var(--md-on-primary-container);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:transform var(--md-dur-medium2) var(--md-ease-spring)}.glass-card:hover .feature-icon{transform:scale(1.08) rotate(-4deg)}.feature-card h3,.glass-card h3{font:700 1.15rem/1.4 var(--md-font);margin-bottom:.75rem;color:var(--md-on-surface)}.feature-card p,.glass-card p{color:var(--md-on-surface-variant);font-size:.95rem;line-height:1.6}.steps{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.step{flex:1;min-width:250px;max-width:340px;text-align:center;padding:2.5rem 2rem}.step-number{width:48px;height:48px;border-radius:var(--md-shape-full);background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin:0 auto 1.25rem}.step h3{font:700 1.15rem/1.4 var(--md-font);margin-bottom:.75rem}.step p{color:var(--md-on-surface-variant);font-size:.95rem;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;margin:0 auto}.pricing-card{padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column}.pricing-card.featured{background:var(--md-primary-container);border-color:transparent;color:var(--md-on-primary-container);box-shadow:var(--md-elev-3);transform:scale(1.02)}.pricing-card.featured:hover{background:var(--md-primary-container);box-shadow:var(--md-elev-4)}.pricing-card h3{font:700 1.25rem/1.3 var(--md-font);margin-bottom:.5rem}.pricing-price{font:700 3rem/1.1 var(--md-font);letter-spacing:-.03em;margin:1rem 0}.pricing-price span{font-size:1rem;font-weight:400;color:var(--md-on-surface-variant)}.pricing-card.featured .pricing-price span{color:inherit;opacity:.75}.pricing-features{margin:1.5rem 0;text-align:left;flex:1}.pricing-features li{padding:.4rem 0;font-size:.9rem;color:var(--md-on-surface-variant);display:flex;align-items:center;gap:.5rem}.pricing-card.featured .pricing-features li{color:inherit;opacity:.85}.pricing-features li:before{content:"✓";color:var(--md-primary);font-weight:700}.pricing-card.featured .pricing-features li:before{color:inherit}.billing-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.billing-toggle{position:relative;width:56px;height:28px;border-radius:var(--md-shape-full);border:none;cursor:pointer;background:var(--md-surface-container-highest);transition:background-color var(--md-dur-medium2) var(--md-ease-standard)}.billing-toggle.active{background:var(--md-primary)}.billing-toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--md-on-primary);box-shadow:var(--md-elev-1);transition:transform var(--md-dur-medium2) var(--md-ease-spring)}.billing-label{font:var(--md-label-large);color:var(--md-on-surface-variant);transition:color var(--md-dur-short3) var(--md-ease-standard)}.billing-label.active{color:var(--md-primary);font-weight:700}.annual-badge{display:none;background:var(--md-success);color:var(--md-on-success);padding:.25rem .75rem;border-radius:var(--md-shape-full);font:var(--md-label-medium)}.pricing-error{max-width:760px;margin:0 auto 1.5rem;background:var(--md-error-container);border:1px solid var(--md-error);color:var(--md-on-error-container);padding:.875rem 1rem;border-radius:var(--md-shape-md);font-size:.9rem}.pricing-grid--plans{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;padding:0 1.5rem}.pricing-card--popular{border-color:var(--md-primary);box-shadow:var(--md-elev-3)}.plan-name{font:700 1.5rem/1.3 var(--md-font);color:var(--md-on-surface);margin-bottom:.5rem}.plan-description{color:var(--md-on-surface-variant);margin-bottom:1.5rem;font-size:.875rem}.plan-price{margin-bottom:2rem}.price-amount{font:800 2.5rem/1.1 var(--md-font);letter-spacing:-.02em;color:var(--md-on-surface)}.price-cycle{color:var(--md-on-surface-variant);font-size:.875rem}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1;display:flex;flex-direction:column;gap:.75rem}.plan-feature{display:flex;align-items:center;gap:.75rem;color:var(--md-on-surface-variant);font-size:.875rem}.plan-feature-icon{width:20px;height:20px;color:var(--md-success);flex-shrink:0}.plan-feature--off,.plan-feature-icon--off{color:var(--md-outline)}.plan-feature--trial,.plan-feature-icon--trial{color:var(--md-warning)}.plan-badge{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.plan-badge--card{margin-bottom:.75rem;align-self:flex-start}.pricing-empty{text-align:center;padding:4rem;color:var(--md-on-surface-variant);grid-column:1 / -1}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.testimonial-card{padding:2rem}.testimonial-text{font-size:.95rem;color:var(--md-on-surface-variant);line-height:1.7;margin-bottom:1.25rem}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:40px;height:40px;border-radius:var(--md-shape-full);background:var(--md-tertiary);color:var(--md-on-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.testimonial-name{font-weight:600;font-size:.9rem}.testimonial-role{font-size:.8rem;color:var(--md-on-surface-variant)}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid var(--md-outline-variant)}.faq-question{width:100%;padding:1.25rem .25rem;background:none;border:none;color:var(--md-on-surface);font:500 1rem/1.5 var(--md-font);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:var(--md-shape-sm);transition:color var(--md-dur-short3) var(--md-ease-standard)}.faq-question:hover{color:var(--md-primary)}.faq-question:after{content:"expand_more";font-family:Material Symbols Rounded;font-size:1.4rem;line-height:1;color:var(--md-on-surface-variant);transition:rotate var(--md-dur-medium4) var(--md-ease-spring)}.faq-item.active .faq-question:after{rotate:180deg;color:var(--md-primary)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--md-dur-long4) var(--md-ease-emphasized)}.faq-item.active .faq-answer{grid-template-rows:1fr}.faq-answer>p{overflow:hidden;min-height:0;padding:0 .25rem;color:var(--md-on-surface-variant);font-size:.95rem;line-height:1.7}.faq-item.active .faq-answer>p{padding-bottom:1.25rem}.final-cta{text-align:center;padding:5rem 2.5rem;background:var(--md-primary-container);border:none;color:var(--md-on-primary-container)}.final-cta h2{font:700 clamp(1.9rem,4vw,2.75rem)/1.2 var(--md-font);letter-spacing:-.02em;margin-bottom:1rem}.final-cta p{color:inherit;opacity:.8;margin-bottom:2rem;font-size:1.1rem}.final-cta .glass-btn{border-color:transparent;color:var(--md-on-primary-container)}.final-cta .glass-btn:hover{background:color-mix(in srgb,var(--md-on-primary-container) 10%,transparent)}.glass-footer{border-top:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);padding:3rem 1.5rem 2rem;margin-top:2rem;transition:background-color var(--md-dur-medium2) var(--md-ease-standard)}.footer-container{max-width:1200px;margin:0 auto}.footer-brand{margin-bottom:2rem}.footer-brand .logo-text{font-size:1.3rem;display:inline}.footer-tagline{color:var(--md-on-surface-variant);font-size:.85rem;margin-top:.5rem}.footer-links{display:flex;gap:4rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links h4{font:600 .85rem/1.4 var(--md-font);margin-bottom:.75rem;color:var(--md-on-surface);text-transform:uppercase;letter-spacing:.05em}.footer-links a{display:block;font-size:.9rem;color:var(--md-on-surface-variant);padding:.25rem 0;transition:color var(--md-dur-short3) var(--md-ease-standard)}.footer-links a:hover{color:var(--md-primary)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--md-outline-variant)}.footer-bottom p{font-size:.8rem;color:var(--md-on-surface-variant)}.operator-page{min-height:100vh;padding:1.25rem}.operator-shell{max-width:1200px;margin:0 auto}.operator-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);box-shadow:var(--md-elev-1);transition:background-color var(--md-dur-medium2) var(--md-ease-standard)}.operator-brand{display:flex;align-items:center;gap:.75rem}.operator-brand .logo-text{font-size:1.125rem;font-weight:800;letter-spacing:.02em;color:var(--md-primary)}.operator-brand .operator-label{display:block;color:var(--md-on-surface-variant);font:var(--md-label-medium);margin-top:.1rem}.operator-brand .operator-tenant{color:var(--md-on-surface);font:600 .95rem/1.4 var(--md-font)}.operator-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.operator-nav a{color:var(--md-on-surface-variant);text-decoration:none;font:var(--md-label-large);padding:.5rem 1rem;border-radius:var(--md-shape-full);transition:background-color var(--md-dur-short3) var(--md-ease-standard),color var(--md-dur-short3) var(--md-ease-standard)}.operator-nav a:hover{color:var(--md-on-surface);background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.operator-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.operator-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:var(--md-shape-full);background:var(--md-secondary-container);color:var(--md-on-secondary-container);font:var(--md-label-medium);white-space:nowrap}.operator-content{max-width:1200px;margin:0 auto}@media (max-width: 768px){.operator-topbar{align-items:flex-start;flex-direction:column}.operator-meta{justify-content:flex-start}}.page-section{padding:1rem 0 4rem;max-width:960px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font:700 1.75rem/1.3 var(--md-font);color:var(--md-on-surface);margin-bottom:.5rem}.page-subtitle{color:var(--md-on-surface-variant)}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.alert{padding:.75rem 1rem;border-radius:var(--md-shape-md);margin-bottom:1.5rem;font-size:.875rem}.alert--success{background:var(--md-success-container);color:var(--md-on-success-container)}.alert--error{background:var(--md-error-container);color:var(--md-on-error-container)}.panel{padding:2rem;border-radius:var(--md-shape-lg)}.panel-title{font:600 1.125rem/1.4 var(--md-font);color:var(--md-on-surface);margin-bottom:1.5rem}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--md-outline-variant)}.meta-label{color:var(--md-on-surface-variant);font-size:.75rem;display:block;margin-bottom:.25rem}.meta-value{color:var(--md-on-surface);font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--md-shape-full);font:var(--md-label-medium);background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.status-badge--active{background:var(--md-success-container);color:var(--md-on-success-container)}.status-badge--trialing{background:var(--md-warning-container);color:var(--md-on-warning-container)}.status-badge--past-due{background:var(--md-error-container);color:var(--md-on-error-container)}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.usage-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.usage-bar{height:8px;background:color-mix(in srgb,var(--md-on-surface) 10%,transparent);border-radius:var(--md-shape-full);overflow:hidden}.usage-bar__fill{height:100%;border-radius:inherit;background:var(--md-primary);transition:width var(--md-dur-xlong4) var(--md-ease-emphasized)}.usage-bar__fill--danger{background:var(--md-error)}.usage-bar--unlimited{background:color-mix(in srgb,var(--md-success) 20%,transparent)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.75rem .5rem;color:var(--md-on-surface-variant);font:var(--md-label-medium);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--md-outline-variant)}.data-table td{padding:.75rem .5rem;color:var(--md-on-surface);font-size:.875rem;border-bottom:1px solid var(--md-outline-variant)}.data-table tbody tr{transition:background-color var(--md-dur-short3) var(--md-ease-standard)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--md-on-surface) 5%,transparent)}.chip{display:inline-block;padding:.125rem .6rem;border-radius:var(--md-shape-sm);font:var(--md-label-medium);background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.chip--success{background:var(--md-success-container);color:var(--md-on-success-container)}.chip--warning{background:var(--md-warning-container);color:var(--md-on-warning-container)}.chip--error{background:var(--md-error-container);color:var(--md-on-error-container)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.5rem;height:44px;background:transparent;border:1px solid var(--md-error);color:var(--md-error);font:var(--md-label-large);border-radius:var(--md-shape-full);cursor:pointer;transition:background-color var(--md-dur-short3) var(--md-ease-standard)}.btn-danger:hover{background:color-mix(in srgb,var(--md-error) 10%,transparent)}.stack{display:grid;grid-template-columns:1fr;gap:2rem}.checkout-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.payment-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1.5px solid var(--md-outline-variant);border-radius:var(--md-shape-md);cursor:pointer;transition:border-color var(--md-dur-short3) var(--md-ease-standard),background-color var(--md-dur-short3) var(--md-ease-standard),box-shadow var(--md-dur-short3) var(--md-ease-standard)}.payment-option:hover{background:color-mix(in srgb,var(--md-on-surface) 4%,transparent)}.payment-option.selected{border-color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 6%,transparent);box-shadow:0 0 0 1px var(--md-primary)}.payment-option input[type=radio]{width:18px;height:18px;accent-color:var(--md-primary);flex-shrink:0}.payment-option__title{color:var(--md-on-surface);font-weight:600}.payment-option__subtitle{color:var(--md-on-surface-variant);font-size:.8rem}.payment-option__price{color:var(--md-on-surface-variant);font-size:.8rem;font-weight:600;white-space:nowrap}.cycle-card,.payment-card{text-align:center;padding:.75rem;border:1.5px solid var(--md-outline-variant);border-radius:var(--md-shape-sm);color:var(--md-on-surface);font-size:.875rem;transition:border-color var(--md-dur-short3) var(--md-ease-standard),background-color var(--md-dur-short3) var(--md-ease-standard)}.cycle-card.selected,.payment-card.selected{border-color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 8%,transparent);color:var(--md-primary);font-weight:600}.result-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:var(--md-shape-full);display:flex;align-items:center;justify-content:center;animation:md-pop var(--md-dur-medium4) var(--md-ease-spring) both}.result-icon--success{background:var(--md-success-container);color:var(--md-success)}.result-icon--error{background:var(--md-error-container);color:var(--md-error)}.photo-band{position:relative;border-radius:var(--md-shape-xl);overflow:hidden;padding:4.5rem 2.5rem}.photo-band-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#0d0f1ac7,#0d0f1adb),var(--band-img);background-size:cover;background-position:center;z-index:0}.photo-band-bg--cta{background-image:linear-gradient(120deg,#262f8af0,#783060e6),var(--band-img)}.photo-band-inner{position:relative;z-index:1}.photo-band .section-title,.final-cta--photo h2{color:#fff}.photo-band .section-subtitle,.final-cta--photo p{color:#fffffff2}.photo-band .glass-pill{background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.final-cta--photo{position:relative;overflow:hidden;border:none;padding:5.5rem 2.5rem;color:#fff}.final-cta--photo .final-cta-inner{position:relative;z-index:1}.final-cta--photo .md-btn--filled{background:#fff;color:var(--md-primary)}.final-cta--photo .md-btn--filled:hover{background:#fff;box-shadow:0 8px 28px #00000059}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.nav-mobile-toggle{display:flex}.hero{padding-top:calc(var(--nav-height, 72px) + 2.5rem)}.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .md-btn,.hero-ctas .glass-btn{width:100%;max-width:320px}.hero-product{margin-top:2.5rem}.mock-panel{grid-template-columns:1fr;min-height:300px}.mock-side{display:none}.mock-stats{grid-template-columns:repeat(3,1fr);gap:8px}.mock-stat{padding:10px 12px}.mock-stat-num{font-size:1.3rem}.mock-stat-label{font-size:.625rem}.mock-chart{height:96px}.photo-band{padding:3rem 1.25rem}.steps{flex-direction:column;align-items:center}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.footer-links{flex-direction:column;gap:2rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}