:root{--black:#000;--white:#fff;--grey-bg:#f4f4f4;--grey-medium:#666;--grey-light:#e8e8e8}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--black);background:var(--grey-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:neue-haas-grotesk-display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}.header{z-index:100;padding:24px 40px;position:fixed;top:0;left:0;right:0}.logo{color:var(--black);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.logo svg{flex-shrink:0}.hero{background:var(--grey-bg);justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 40px;display:flex;position:relative;overflow:hidden}.bg-pattern{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;width:100%;max-width:1000px;position:relative}.hero-text{text-align:center;padding:0 20px}.heading{letter-spacing:-.03em;color:var(--black);margin:0 0 24px;font-size:clamp(42px,6vw,72px);font-weight:700;line-height:1.1}.subheading{color:var(--grey-medium);max-width:700px;margin:0 auto 40px;font-size:clamp(18px,2.5vw,24px);line-height:1.4}.cta-button{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:12px;padding:16px 32px;font-family:inherit;font-size:18px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.cta-button:active{transform:translateY(0)}.cta-button svg{flex-shrink:0}.features-section{background:var(--white);padding:80px 20px}.features-container{flex-direction:column;gap:120px;max-width:1000px;margin:0 auto;display:flex}.feature-block{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.feature-media{background:var(--grey-bg);border-radius:16px;width:100%;overflow:hidden;box-shadow:0 20px 40px #0000000d}.feature-video{width:100%;display:block}.feature-title{color:var(--black);letter-spacing:-.01em;font-size:24px;font-weight:500}.highlight-section{background:var(--grey-bg);padding:100px 20px}.highlight-content{text-align:center;max-width:1000px;margin:0 auto}.highlight-heading{letter-spacing:-.02em;color:var(--black);margin:0 0 16px;font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1.2}.highlight-subtext{color:var(--grey-medium);margin:0 0 60px;font-size:clamp(18px,2.5vw,24px)}.highlight-path{color:var(--black);font-weight:500}.browser-mockup{background:var(--white);border-radius:12px 12px 0 0;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #00000026}.browser-chrome{background:#e8e8e8;border-bottom:1px solid #d0d0d0;align-items:center;gap:16px;padding:12px 16px;display:flex}.browser-dots{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.browser-address-bar{background:var(--white);color:var(--grey-medium);border:1px solid #d0d0d0;border-radius:6px;flex:1;padding:6px 12px;font-size:14px}.address-text{color:#555;font-family:SF Mono,Monaco,monospace;font-size:13px}.image-placeholder{aspect-ratio:16/10;background:var(--white);width:100%;height:200px;color:var(--grey-medium);justify-content:center;align-items:center;font-size:16px;display:flex}.privacy-section{background:var(--white);padding:80px 20px}.privacy-content{text-align:center;max-width:800px;margin:0 auto}.privacy-text{letter-spacing:-.02em;color:var(--black);font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.3}.try-section{background:var(--grey-bg);padding:100px 20px}.try-content{text-align:center;max-width:800px;margin:0 auto}.try-heading{letter-spacing:-.03em;color:var(--black);margin:0 0 40px;font-size:clamp(42px,6vw,72px);font-weight:700;line-height:1.1}.footer{text-align:center;color:var(--grey-medium);background:var(--grey-bg);border-top:1px solid var(--grey-light);padding:40px 20px;font-size:14px}@media (max-width:768px){.header{padding:20px 24px}.logo{font-size:16px}.hero{padding-top:80px}.features-container{gap:60px}.feature-title{font-size:20px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}