:root{--color-primary: #e8d2f8;--color-accent: #8b5cf6;--bg-main: #ffffff;--bg-section: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-light: #e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-main)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-main)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:1rem 1.5rem;background-color:var(--color-primary)}.site-header{position:relative;background-color:var(--color-primary);padding-top:72px;min-height:45vh;max-height:520px;display:flex;align-items:center}.hero-bg{position:absolute;inset:72px 0 0;overflow:hidden;pointer-events:none}.shape{position:absolute;opacity:.3}.shape.donut{width:180px;height:180px;border:32px solid rgba(0,0,0,.18);border-radius:50%;top:14%;left:6%}.shape.triangle{width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:120px solid rgba(0,0,0,.14);top:28%;right:18%}.shape.square{width:130px;height:130px;border-radius:28px;background:#0000001f;bottom:16%;left:32%}.hero-pill-svg{display:inline-block}.hero-title{margin-top:1rem;max-width:680px;font-family:Arial Rounded MT Bold,Poppins,system-ui,sans-serif;font-size:clamp(2.3rem,4.8vw,3.6rem);line-height:1.08;font-weight:900;letter-spacing:-.035em;color:#fff;text-shadow:-3px -8px 0 #000,0px -3px 0 #000,3px -3px 0 #000,-3px 0px 0 #000,3px 0px 0 #000,-3px 3px 0 #000,0px 3px 0 #000,3px 3px 0 #000}.hero-inner{width:100%;padding:0 1.5rem}.hero-title-wrap{position:relative;display:inline-block}.hero-decor{position:absolute;left:0;bottom:-6px;width:220px;height:60px;z-index:0;pointer-events:none}.hero-title{position:relative;z-index:1}.dotted-path{width:220px;height:60px;pointer-events:none}.dotted-path path{animation:waveMove 6s linear infinite}@keyframes waveMove{to{stroke-dashoffset:-200}}.header-spacer{height:25vh;max-height:260px}.site-main{background-color:var(--bg-main);margin-top:-3rem;padding-top:3rem;border-top-left-radius:32px;border-top-right-radius:32px}.nav-logo{font-weight:700;text-decoration:none;color:var(--text-primary)}.logo-text{font-family:Arial Rounded MT Bold,Poppins,system-ui,sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0px 2px 0 #000,2px 0px 0 #000,-2px 0px 0 #000,0px -2px 0 #000}.nav-center{display:flex;justify-content:center;gap:.75rem}.nav-center a{padding:.45rem 1rem;border-radius:999px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:background-color .2s ease}.nav-center a.active{background-color:var(--color-accent);color:#fff}.nav-toggle{display:none;background:none;border:none;font-size:1.9rem;font-weight:900;line-height:1;padding:.25rem .5rem;cursor:pointer;color:var(--text-primary)}.nav-toggle:hover{opacity:.85}.nav-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-menu{position:fixed;top:72px;left:1rem;right:1rem;display:flex;flex-direction:column;background-color:var(--bg-main);border-radius:16px;padding:.75rem 1rem;box-shadow:0 10px 25px #00000014,0 4px 10px #0000000d;border:1px solid var(--border-light);z-index:1100}.mobile-menu a{padding:.6rem .75rem;border-radius:10px;text-decoration:none;color:var(--text-primary)}.mobile-menu a:hover{background-color:var(--bg-section)}.app-cta-section{padding:4rem 1.5rem}.app-cta-card{max-width:1100px;margin:0 auto;background-color:var(--color-primary);border-radius:32px;padding:3rem;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem}.app-cta-card{max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.app-cta-content{max-width:100%}.app-cta-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;margin:0 0 .5rem}.app-cta-subtitle{font-size:1.05rem;color:#111;margin-bottom:1.5rem}.app-cta-button{appearance:none;border:none;background-color:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.app-cta-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000026}.app-cta-visual{min-height:260px}.app-cta-image{width:100%;max-width:420px;height:auto;display:block;margin-left:auto;transform:translateY(16px)}.why-zinzer-section{padding:4rem 1.5rem}.why-zinzer-card{width:100%;max-width:100%;margin:0 auto;background:var(--border-light);border-radius:24px;padding:3rem;box-shadow:0 10px 30px #00000014,0 2px 8px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.why-zinzer-card:hover{transform:perspective(1000px) translateY(-6px);box-shadow:0 18px 45px #0000001f,0 6px 16px #00000014}.why-zinzer-card h2{margin-top:0}.why-zinzer-card p{margin-bottom:0;color:var(--text-secondary)}.feature-pair-section{padding:4rem 1.5rem}.feature-pair-grid{max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{background:var(--color-accent);border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #00000014,0 2px 8px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0000001f,0 6px 16px #00000014}.feature-card h2{margin-top:0}.feature-card p{margin-bottom:0;color:var(--bg-main)}.early-access-section{padding:4rem 1.5rem}.early-access-card{max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#fff;border-radius:28px;padding:2.5rem 3rem;box-shadow:0 10px 30px #00000014,0 2px 8px #0000000f}.early-access-text h2{margin-top:0}.early-access-text p{margin-bottom:0;color:var(--text-secondary);max-width:520px}.early-access-button{flex-shrink:0;width:56px;height:56px;border-radius:50%;background-color:var(--color-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.early-access-button:hover{transform:translate(2px);box-shadow:0 8px 20px #0000002e}.arrow-icon{line-height:1}.why-zinzer-section,.feature-pair-section,.early-access-section,.app-cta-section{padding-top:2rem;padding-bottom:2rem}@media(max-width:768px){.nav-center{display:none}.nav-toggle{display:block;justify-self:end}.logo-text{font-size:1.4rem}}@media(max-width:768px){.hero-bg{top:72px}.shape.donut{width:110px;height:110px;border-width:14px;top:24px;left:16px}.shape.triangle{width:0;height:0;border-left:64px solid transparent;border-right:64px solid transparent;border-bottom:110px solid rgba(0,0,0,.26);top:22%;right:8%}.shape.square{width:88px;height:88px;bottom:24px;top:52%;right:5%}}@media(max-width:768px){.hero-decor{width:220px;height:90px;right:-10px;bottom:0}.paper-rocket{transform:rotate(10deg) scale(.9)}}@media(max-width:768px){.app-cta-card{grid-template-columns:1fr;align-items:flex-start}}@media(max-width:768px){.app-cta-content{max-width:none;text-align:left;margin-bottom:1.5rem}}@media(max-width:768px){.app-cta-visual{position:relative;height:260px;width:100%;display:flex;justify-content:center;align-items:flex-start}.app-cta-image{position:relative;left:auto;bottom:auto;transform:none;max-width:340px;width:100%;height:auto;margin:0 auto}}@media(max-width:768px){.feature-snap{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.feature-snap::-webkit-scrollbar{display:none}.feature-card{width:calc(100vw - 3rem);flex-shrink:0;scroll-snap-align:center}.feature-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.feature-dots .dot{width:8px;height:8px;border-radius:50%;background:#0000004d;transition:background .2s ease}.feature-dots .dot.active{background:var(--color-accent)}}@media(max-width:768px){.why-zinzer-section,.feature-pair-section,.early-access-section,.app-cta-section{padding-top:1.5rem;padding-bottom:1.5rem}}footer{background-color:var(--color-primary);border-top:1px solid var(--border-light);padding:1rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}footer a{color:var(--text-secondary)}footer a:hover{color:var(--color-accent)}section{padding:2rem 1.5rem}