:root{--bg-color: #050507;--text-main: #f0f0f5;--text-dim: #a0a0b0;--accent-primary: #3b82f6;--accent-secondary: #10b981;--accent-glow: rgba(59, 130, 246, .5);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--font-heading: "Space Grotesk", sans-serif;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;top:0;width:100%;background:#050507cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid var(--card-border)}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#a0a0b0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links a{color:var(--text-dim);text-decoration:none;margin-left:2rem;font-weight:400;transition:color .3s ease}.nav-links a:hover{color:var(--text-main)}.nav-links .cta-link{color:var(--accent-primary);font-weight:600}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 5%;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vw;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.15;filter:blur(100px);z-index:-1;animation:pulse 10s infinite alternate}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.15}to{transform:translate(-50%,-50%) scale(1.1);opacity:.25}}.hero-content{max-width:800px;z-index:2;position:relative}.headline{font-family:var(--font-heading);font-size:5rem;line-height:1.1;font-weight:700;margin-bottom:2rem}.gradient-text{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-headline{font-size:1.5rem;color:var(--text-dim);margin-bottom:3rem;font-weight:300;max-width:700px;margin-left:auto;margin-right:auto}.hero.crispflow-hero .sub-headline{margin-left:0;margin-right:0}.cta-button{background:#fff;color:#000;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.hero-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero.crispflow-hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding-top:100px;text-align:left}.hero.crispflow-hero .hero-content{text-align:left;max-width:none}.hero.crispflow-hero .hero-visual{position:relative;top:auto;left:auto;transform:none;display:flex;justify-content:center}@media(max-width:900px){.hero.crispflow-hero{grid-template-columns:1fr;text-align:center;gap:4rem}.hero.crispflow-hero .hero-content{text-align:center}}.shield-container{width:600px;height:600px;position:relative;display:flex;align-items:center;justify-content:center}.shield-core{width:100%;height:100%;background:conic-gradient(from 0deg at 50% 50%,var(--accent-primary),transparent,var(--accent-secondary),transparent,var(--accent-primary));border-radius:50%;filter:blur(40px);opacity:.2;animation:spin 10s linear infinite;-webkit-mask-image:radial-gradient(black 40%,transparent 70%);mask-image:radial-gradient(black 40%,transparent 70%)}@keyframes spin{to{transform:rotate(360deg)}}.about-section{padding:8rem 5%;text-align:center}.about-container{max-width:900px;margin:0 auto}.tagline{font-family:var(--font-heading);font-size:2.5rem;margin:1rem 0 2rem;background:linear-gradient(135deg,#fff,#a0a0b0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-text{font-size:1.2rem;color:var(--text-dim);margin-bottom:4rem}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:left}.philosophy-item h4{color:var(--accent-secondary);margin-bottom:.5rem;font-family:var(--font-heading);font-size:1.2rem}.philosophy-item p{font-size:.95rem;color:var(--text-dim)}footer{padding:3rem 5%;border-top:1px solid var(--card-border);text-align:center;color:var(--text-dim);font-size:.9rem}@media(max-width:768px){.headline{font-size:2.5rem}.hero{flex-direction:column;justify-content:center;text-align:center;padding-top:100px}.hero-content{margin-bottom:3rem}.navbar{padding:1.5rem}.nav-links{display:none}.editor-grid{grid-template-columns:1fr!important}}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto}.products-section{padding-top:4rem}.feature-section{padding:6rem 5%}.privacy-section{background:#ffffff08;padding:5rem 5%}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.demo-placeholder{width:300px;height:300px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080}.editor-demo{width:100%;height:300px;background:#111;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:20px}.keyboard-visual{background:#1a1a1a;padding:2rem;border-radius:16px;border:1px solid #333;display:inline-block;box-shadow:0 20px 50px #00000080;margin-top:2rem}.key-row{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.key{width:40px;height:40px;background:#333;border-radius:6px;color:#666;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.8rem;border-bottom:2px solid #222}.key.icon-key{border-color:#0003}.key.space-key{width:200px}@media(max-width:600px){.key{width:30px;height:30px;font-size:.6rem}.key.space-key{width:120px}}