*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}:root{--color-text: #2a262c;--color-text-muted: #5c5460;--color-primary: #7a518b;--color-primary-dark: #5f3d6d;--color-accent: #46eab1;--color-bg: #fafafa;--color-bg-card: #fff;--color-border: #e8e6ea;--color-hero-bg: #1a1520;--color-hero-text: #f5f3f7;--color-hero-muted: rgba(245, 243, 247, .7);--font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(42, 38, 44, .06);--shadow-md: 0 4px 12px rgba(42, 38, 44, .08);--max-content: 72rem}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex:1}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.header--dark{background:var(--color-hero-bg);border-bottom-color:#f5f3f71a}.header--dark .nav-link{color:var(--color-hero-muted)}.header--dark .nav-link:hover{color:var(--color-hero-text)}.header--dark .logo img{filter:brightness(0) invert(1)}.header--dark .btn-primary{background:var(--color-accent);color:var(--color-hero-bg)}.header--dark .btn-primary:hover{background:#5dd4a0;color:var(--color-hero-bg)}.logo img{display:block;height:28px;width:auto}.nav{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--color-text);text-decoration:none;font-size:.9375rem;font-weight:500}.nav-link:hover{color:var(--color-primary)}.btn{display:inline-block;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:background .2s,color .2s,box-shadow .2s,border-color .2s}.btn-primary{color:#fff;background:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 2px 8px #7a518b59}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-border)}.btn-outline:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.main{flex:1;display:flex;flex-direction:column}.main-content{padding:2rem 1.5rem;max-width:68rem;width:100%}.hero{text-align:center;margin:0 auto}.hero h1{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;line-height:1.2}.hero-lead{margin:0 0 1.5rem;font-size:1.125rem;color:#555}.footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);text-align:center;font-size:.875rem;color:#666}.footer p{margin:0}.footer a{color:var(--color-primary);text-decoration:none}.footer a:hover{text-decoration:underline}.legal{margin:0 auto;width:100%}.legal h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.legal p{margin:0 0 1rem;color:#444}.legal p:last-child{margin-bottom:0}.legal-updated{margin:0 0 2rem;font-size:.875rem;color:#666}.legal a{color:var(--color-primary);text-decoration:none}.legal a:hover{text-decoration:underline}.main--landing{padding:0;align-items:stretch;flex:1}.banner{background:var(--color-primary);color:#fff;padding:.5rem 1.5rem;text-align:center;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.banner a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px}.banner a:hover{color:var(--color-accent)}.banner-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;margin-left:auto;opacity:.9}.banner-close:hover{opacity:1}.hero-with-bg{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;background:var(--color-hero-bg);overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 90% 70% at 50% 20%,rgba(122,81,139,.25) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(70,234,177,.08) 0%,transparent 50%),var(--color-hero-bg)}.hero-with-bg .landing-hero{position:relative;z-index:1;padding:5rem 1.5rem;max-width:48rem}.landing-hero{padding:4rem 1.5rem;text-align:center;margin:0 auto}.landing-hero .hero-label{display:inline-block;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem}.landing-hero h1{margin:0 0 1.25rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--color-text)}.hero-with-bg .landing-hero h1{color:var(--color-hero-text)}.landing-hero .hero-lead{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;color:var(--color-text-muted)}.hero-with-bg .landing-hero .hero-lead{color:var(--color-hero-muted);font-size:1.125rem;max-width:36rem;margin-left:auto;margin-right:auto}.landing-hero .hero-ctas{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.landing-hero .btn-hero-primary{background:var(--color-accent);color:var(--color-hero-bg);border:none}.landing-hero .btn-hero-primary:hover{background:#5dd4a0;color:var(--color-hero-bg);box-shadow:0 4px 20px #46eab159}.landing-hero .btn-hero-secondary{background:transparent;color:var(--color-hero-text);border:1px solid rgba(245,243,247,.35)}.landing-hero .btn-hero-secondary:hover{background:#f5f3f71a;color:var(--color-hero-text);border-color:#f5f3f780}.landing-hero .btn-outline{background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.landing-hero .btn-outline:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #7a518b40}.section-label{font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--color-primary);margin-bottom:.5rem}.landing-section{padding:5rem 1.5rem;margin:0 auto;max-width:var(--max-content)}.landing-section h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;letter-spacing:-.03em;line-height:1.25;margin:0 0 1rem;text-align:center;color:var(--color-text)}.landing-section .section-lead{max-width:32rem;margin:0 auto 2.5rem;text-align:center;font-size:1.0625rem;line-height:1.6;color:var(--color-text-muted)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media(max-width:768px){.pillars{grid-template-columns:1fr}}.pillar-card{padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);transition:box-shadow .2s,border-color .2s}.pillar-card:hover{box-shadow:var(--shadow-md);border-color:#7a518b33}.pillar-card h3{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem;color:var(--color-text)}.pillar-card p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-text-muted)}.narrative-section{padding:5rem 1.5rem;max-width:var(--max-content);margin:0 auto}.narrative-section:nth-child(2n){background:linear-gradient(180deg,#f8f7f9 0%,transparent 100%)}.narrative-block{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center;margin-bottom:4rem}.narrative-block:last-child{margin-bottom:0}@media(max-width:900px){.narrative-block{grid-template-columns:1fr;gap:2rem}.narrative-block .narrative-visual{order:-1}}.narrative-content .section-label{margin-bottom:.5rem}.narrative-content h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.03em;margin:0 0 1rem;text-align:left}.narrative-content p{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-muted)}.narrative-visual{border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(145deg,#f0eef3,#e8e6ec);border:1px solid var(--color-border);min-height:280px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.875rem}.narrative-visual img{width:100%;height:100%;object-fit:cover}.narrative-visual--icon{background:linear-gradient(145deg,#f5f3f7,#ebe8ef)}.narrative-icon-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.narrative-icon{width:80px;height:80px;color:var(--color-primary);opacity:.9}.narrative-icon-caption{font-size:.9375rem;font-weight:500;color:var(--color-text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem}.feature-card{padding:1.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#7a518b33}.feature-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--color-primary)}.feature-card p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-text-muted)}.screenshot-wrap{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.screenshot-wrap img{display:block;width:100%;height:auto;vertical-align:middle}.screenshot-cta{text-align:center;margin:0}.demo-cta{text-align:center;padding:5rem 2rem;margin:0 1.5rem 5rem;margin-left:auto;margin-right:auto;margin-bottom:5rem;max-width:40rem}.demo-cta h2{margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.03em;color:var(--color-text)}.demo-cta p{margin:0 0 1.5rem;color:var(--color-text-muted);line-height:1.5}.demo-cta .cta-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}