*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--primary: #5800a5;--primary-container: #722ac1;--on-primary: #ffffff;--on-primary-container: #dcbeff;--primary-fixed: #eedbff;--primary-fixed-dim: #d9b9ff;--secondary: #5f48c8;--secondary-container: #927dff;--on-secondary: #ffffff;--on-secondary-container: #290089;--on-secondary-fixed: #1b0063;--on-secondary-fixed-variant: #472caf;--surface: #fbf8ff;--surface-container-lowest: #ffffff;--surface-container-low: #f3f2ff;--surface-container: #ececff;--surface-container-high: #e6e7fb;--surface-container-highest: #e0e1f5;--surface-dim: #d7d9ec;--on-surface: #181b29;--on-surface-variant: #4b4453;--outline: #7d7485;--outline-variant: #cec2d6;--error: #ba1a1a;--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-container));--shadow-ambient: 0 20px 40px rgba(63, 34, 168, .08);--ms-default: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Newsreader", Georgia, serif;--font-data: "Space Grotesk", system-ui, sans-serif;--radius-md: .375rem;--radius-lg: .75rem;--radius-xl: 1.25rem;--radius-2xl: 2rem;--radius-3xl: 3rem;--max-width: 1280px;--nav-height: 5.5rem}body{font-family:var(--font-body);color:var(--on-surface);background:var(--surface);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--on-secondary-fixed);letter-spacing:-.02em}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.material-symbols-outlined{font-variation-settings:var(--ms-default)}.btn{display:inline-block;padding:.6rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-data);font-weight:500;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:opacity .2s;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--on-primary);box-shadow:0 12px 24px #5800a533}.btn-primary:hover{opacity:.88}.btn-secondary{background:transparent;color:var(--on-secondary-fixed);border:1px solid rgba(125,116,133,.3)}.btn-secondary:hover{background:#7d74850f}.btn-tertiary{background:transparent;color:var(--on-surface);border:none;border-radius:0;padding-left:0;padding-right:0;font-family:var(--font-body);font-size:.95rem;letter-spacing:normal;text-transform:none;font-weight:400;border-bottom:1px solid var(--on-surface);transition:border-bottom-width .1s}.btn-tertiary:hover{border-bottom-width:2px}.btn-lg{padding:1rem 2.5rem;font-size:.875rem}#solution,#problem,#technology,#benefits{scroll-margin-top:80px}.topnav{position:fixed;top:0;width:100%;z-index:50;background:#fbf8ffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-ambient)}.topnav-inner{max-width:var(--max-width);margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{height:100px;width:auto;display:block}.topnav-links{display:flex;align-items:center;gap:2rem}.topnav-link{font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface-variant);transition:color .2s}.topnav-link:hover{color:var(--secondary)}.topnav-link--active{color:var(--secondary);border-bottom:2px solid var(--secondary);padding-bottom:2px}main{padding-top:var(--nav-height)}.hero{padding:6rem 0 5rem;background:var(--surface)}.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:3rem;align-items:center}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;padding:.375rem 1rem;margin-bottom:1.5rem;background:var(--surface-container-high);border-radius:var(--radius-3xl);border:1px solid rgba(206,194,214,.2)}.hero-badge span{font-family:var(--font-data);font-size:.6875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)}.hero h1{font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:800;line-height:1.05;margin-bottom:2rem}.hero-sub{font-size:clamp(1.125rem,2vw,1.375rem);font-style:italic;color:var(--on-surface-variant);max-width:520px;margin-bottom:2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative}.hero-frame{aspect-ratio:1;background:linear-gradient(135deg,var(--surface-container-low),var(--surface-container-high));border-radius:var(--radius-2xl);overflow:hidden;position:relative;box-shadow:0 24px 48px #3f22a81f}.hero-frame-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#8c50d273}.hero-monitor{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.5)}.hero-monitor-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.monitor-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--primary);animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.monitor-text{font-family:var(--font-data);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface)}.monitor-track{height:.375rem;width:100%;background:var(--surface-container);border-radius:var(--radius-md);overflow:hidden}.monitor-fill{height:100%;width:66%;background:var(--primary)}.hero-blur{position:absolute;top:-3rem;right:-3rem;width:16rem;height:16rem;background:#722ac10d;border-radius:50%;filter:blur(60px);z-index:-1;pointer-events:none}.section-intro{text-align:center;max-width:48rem;margin:0 auto 5rem}.section-intro--left{text-align:left;margin-left:0;margin-bottom:2rem}.section-intro h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:700;margin-bottom:1.5rem}.section-intro p{font-size:1.0625rem;font-style:italic;color:var(--on-surface-variant);line-height:1.7}.section-label{display:block;font-family:var(--font-data);font-size:.6875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:1rem}.problem{padding:6rem 0;background:var(--surface-container-low)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.problem-card{padding:2rem;background:var(--surface-container-lowest);border-radius:var(--radius-xl);transition:transform .4s ease}.problem-card:hover{transform:translateY(-8px)}.problem-icon{display:block;font-size:2.5rem;color:var(--error);margin-bottom:1.5rem;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 40}.problem-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.problem-card p{color:var(--on-surface-variant);line-height:1.7}.solution{padding:8rem 0;background:var(--surface-container-lowest)}.solution-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:6rem}.solution-header h2{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700}.solution-rule{flex-shrink:0;width:8rem;height:1px;background:var(--outline-variant);margin-bottom:.875rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.step{display:flex;flex-direction:column;align-items:center;text-align:center}.step-icon{width:5rem;height:5rem;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:#fff}.step-icon .material-symbols-outlined{font-size:1.875rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 40}.step--1 .step-icon{background:var(--primary);box-shadow:0 12px 24px #5800a533}.step--2 .step-icon{background:var(--secondary);box-shadow:0 12px 24px #5f48c833}.step--3 .step-icon{background:var(--primary-container);box-shadow:0 12px 24px #722ac133}.step h4{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step p{font-style:italic;color:var(--on-surface-variant);line-height:1.7}.benefits{padding:6rem 0;background:var(--surface-container-low)}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:1.5rem}.bento-accuracy{grid-column:span 8;grid-row:1;background:var(--surface-container-lowest);border-radius:var(--radius-2xl);border:1px solid white;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;overflow:hidden}.bento-accuracy h3{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;margin-bottom:1.5rem}.bento-accuracy>div>p{font-size:1.125rem;color:var(--on-surface-variant);max-width:36rem;line-height:1.7}.bento-accuracy-footer{display:flex;align-items:flex-end;justify-content:space-between}.bento-checks{display:flex;flex-direction:column;gap:.875rem}.bento-check{display:flex;align-items:center;gap:.75rem;font-family:var(--font-data);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.bento-check .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.bento-watermark{font-size:10rem;line-height:1;color:var(--on-surface);opacity:.06;margin-bottom:-3rem;margin-right:-3rem;pointer-events:none;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}.bento-retrofit{grid-column:span 4;grid-row:1;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-2xl);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.bento-retrofit>.material-symbols-outlined{font-size:3rem;margin-bottom:2rem;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.bento-retrofit h4{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.bento-retrofit p{font-size:.875rem;font-style:italic;color:var(--on-primary-container);opacity:.9;line-height:1.6}.bento-safety{grid-column:span 4;grid-row:2;background:var(--secondary-container);border-radius:var(--radius-2xl);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.bento-safety>.material-symbols-outlined{font-size:3rem;color:var(--on-secondary-container);margin-bottom:2rem;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.bento-safety h4{font-size:1.5rem;font-weight:700;color:var(--on-secondary-container);margin-bottom:1rem}.bento-safety p{font-size:.875rem;font-style:italic;color:var(--on-secondary-container);opacity:.8;line-height:1.6}.bento-insights{grid-column:span 8;grid-row:2;background:var(--surface-container-highest);border-radius:var(--radius-2xl);border:1px solid rgba(206,194,214,.1);padding:2.5rem;display:flex;align-items:center;gap:2rem}.bento-insights-art{flex-shrink:0;width:33%;aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-container-low),var(--surface-container-high));position:relative;overflow:hidden}.bento-insights-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bento-insights-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 50%,rgba(88,0,165,.18) 0%,transparent 60%),radial-gradient(circle at 75% 50%,rgba(95,72,200,.12) 0%,transparent 60%)}.bento-insights h4{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.bento-insights p{font-size:.875rem;font-style:italic;color:var(--on-surface-variant);line-height:1.6}.cta-section{padding:8rem 0;background:var(--surface)}.cta-card{background:var(--on-secondary-fixed);border-radius:var(--radius-3xl);padding:6rem;text-align:center;position:relative;overflow:hidden}.cta-glow{position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(100px);pointer-events:none}.cta-glow-top{top:0;right:0;background:#5800a533;transform:translate(33%,-33%)}.cta-glow-bottom{bottom:0;left:0;background:#5f48c81a;transform:translate(-33%,33%)}.cta-inner{position:relative;z-index:1;max-width:48rem;margin:0 auto}.cta-inner h2{font-size:clamp(2rem,5vw,3.75rem);font-weight:700;color:#fff;margin-bottom:2rem}.cta-inner p{font-size:1.25rem;font-style:italic;color:#e0e1f5cc;margin-bottom:3rem;line-height:1.6}.cta-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-btn-primary,.cta-btn-secondary{padding:1.25rem 3rem;border-radius:var(--radius-md);font-family:var(--font-data);font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;transition:background .2s,opacity .2s}.cta-btn-primary{background:#fff;color:var(--on-secondary-fixed)}.cta-btn-primary:hover{background:var(--primary-fixed)}.cta-btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.cta-btn-secondary:hover{background:#ffffff0d}.footer{background:var(--surface-container-low)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:3rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-logo{height:3rem;width:auto;display:block}.footer-copy{font-style:italic;font-size:.875rem;color:var(--on-surface-variant)}.footer-links{display:flex;flex-wrap:wrap;gap:2rem}.footer-links a{font-style:italic;font-size:.875rem;color:var(--on-surface-variant);transition:color .2s}.footer-links a:hover{color:var(--secondary)}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.problem-grid,.steps-grid{grid-template-columns:1fr;gap:1.5rem}.solution-header{flex-direction:column;align-items:flex-start}.solution-rule{display:none}.bento{grid-template-columns:1fr}.bento-accuracy,.bento-retrofit,.bento-safety,.bento-insights{grid-column:span 1;grid-row:auto}.bento-insights{flex-direction:column}.bento-insights-art{width:100%}.cta-card{padding:3rem 1.5rem}.topnav-links{display:none}}