*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#10b981;--accent-bright:#34d399;--blue:#3b82f6;--cyan:#06b6d4;--purple:#9333ea;--amber:#f59e0b;--danger:#ef4444;--surface:#0a0f1a;--surface-light:#111b2e;--surface-mid:#0f1d2e;--text-primary:#e8e8f0;--text-secondary:#9999b3;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--max-w:1000px}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;line-height:1.7}::selection{background:#10b9814d}a{color:var(--accent-bright);text-decoration:none}a:hover{color:var(--accent)}nav{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1ad9;border-bottom:1px solid #10b98114;position:fixed;top:0;left:0;right:0}nav .inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:60px;margin:0 auto;padding:0 2rem;display:flex}nav .brand{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}nav .mark{border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}nav .mark-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}nav .wordmark{letter-spacing:.12em;background:linear-gradient(135deg,#10b981,#06b6d4,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:800}nav .nav-right{align-items:center;gap:1.2rem;display:flex}nav .nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none}nav .nav-link:hover{color:var(--text-primary)}nav .nav-cta{color:var(--surface);background:var(--accent);border-radius:6px;padding:7px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .15s}nav .nav-cta:hover{background:var(--accent-bright);color:var(--surface)}.btn-primary{background:var(--accent);color:var(--surface);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.btn-primary:hover{background:var(--accent-bright);color:var(--surface);transform:translateY(-2px)}.btn-secondary{color:var(--accent-bright);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #10b9814d;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-block}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-bright);transform:translateY(-2px)}section{padding:4.5rem 2rem}section+section{padding-top:0}.container{max-width:var(--max-w);margin:0 auto}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:.6rem;font-size:.88rem;font-weight:700}.section-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:1.8rem;font-weight:800;line-height:1.3}.section-body{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.15rem;line-height:1.7}.card{background:var(--surface-light);border-radius:var(--radius-md);border:1px solid #10b9810f;padding:1.3rem 1.5rem}.loop-grid{flex-direction:column;gap:.7rem;display:flex}.loop-step{border-radius:var(--radius-md);background:var(--surface-light);border:1px solid #10b9810f;align-items:flex-start;gap:1.2rem;padding:1.2rem 1.4rem;display:flex}.loop-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.92rem;font-weight:800;display:flex}.loop-num.human{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b40}.loop-num.ai{color:var(--blue);background:#3b82f61f;border:1px solid #3b82f640}.loop-num.both{color:var(--accent);background:#10b9811f;border:1px solid #10b98140}.loop-title{margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.loop-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.loop-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:4px;margin-left:.5rem;padding:.15rem .5rem;font-size:.85rem;font-weight:700;display:inline-block;position:relative;top:-1px}.loop-tag.human-tag{color:var(--amber);background:#f59e0b1a}.loop-tag.ai-tag{color:var(--blue);background:#3b82f61a}.diff-grid{flex-direction:column;gap:.6rem;display:flex}.diff-row{border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.diff-without{background:#ef444408;border-left:2px solid #ef444433;padding:1rem 1.2rem}.diff-with{background:#10b98108;border-right:2px solid #10b98133;padding:1rem 1.2rem}.diff-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.85rem;font-weight:700}.diff-label.without{color:var(--danger);opacity:.6}.diff-label.with{color:var(--accent);opacity:.7}.diff-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.55}.feature-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.feature-card{background:var(--surface-light);border-radius:var(--radius-md);border:1px solid #10b9810f;padding:1.2rem 1.4rem}.feature-card h4{margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.55}.callout{border-radius:var(--radius-md);background:#10b98108;border:1px solid #10b98114;padding:1.4rem 1.6rem}.callout p{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.7}.callout strong{color:var(--accent-bright)}.competitor-card{background:var(--surface-light);border-radius:var(--radius-md);border:1px solid #10b9810f;border-left:3px solid var(--text-secondary);padding:1.2rem 1.4rem}.competitor-card .cat{margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.competitor-card .gap{color:var(--text-secondary);font-size:1.05rem;line-height:1.55}footer{text-align:center;border-top:1px solid #10b98114;padding:4rem 2rem 3rem}footer .footer-stack{max-width:var(--max-w);flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}footer .footer-mark .mark{opacity:.5;width:32px;height:32px;margin:0 auto}footer .footer-mark .mark-dot{width:8px;height:8px}footer .footer-tagline{color:var(--text-primary);letter-spacing:-.01em;opacity:.7;font-size:1.05rem;font-weight:600}footer .footer-built{color:var(--text-secondary);opacity:.5;font-size:1rem}footer .footer-built a{color:var(--accent-bright);letter-spacing:.08em;opacity:1;font-weight:700}footer .footer-legal{color:var(--text-secondary);opacity:.4;letter-spacing:.02em;font-size:.88rem}.gradient-text{background:linear-gradient(135deg,#10b981,#06b6d4,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.video-player{max-width:800px;margin:2.5rem auto 0}.video-inner{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface-light);border:1px solid #10b98114;position:relative;overflow:hidden}.video-inner video,.video-inner iframe{border-radius:var(--radius-lg);border:none;width:100%;height:100%}.video-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:100%;height:100%;display:flex;position:relative}.video-placeholder>svg{opacity:.4;max-width:300px}.play-btn{cursor:pointer;width:72px;height:72px;color:var(--accent-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1ab3;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,border-color .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn:hover{border-color:var(--accent);background:#0a0f1ad9;transform:translate(-50%,-50%)scale(1.1)}.video-caption{color:var(--text-secondary);opacity:.5;font-size:.9rem;position:absolute;bottom:1.2rem}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-secondary);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.grid-2col{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.persona-compare{gap:.8rem;display:flex}@media (width<=900px){body{font-size:18px}.section-title{font-size:1.5rem}.section-body{font-size:1.05rem}nav .nav-right{gap:.8rem}nav .nav-link{font-size:.88rem}}@media (width<=700px){body{font-size:17px}section{padding:3rem 1.2rem}.section-title{font-size:1.3rem}.section-body{font-size:1rem}.diff-row{grid-template-columns:1fr}.diff-without{border-bottom:1px solid #10b9810f;border-right:none}.feature-grid,.grid-2col,.grid-3col{grid-template-columns:1fr}.persona-compare{flex-direction:column}.loop-step{gap:.8rem;padding:1rem}.loop-title{font-size:1.05rem}.loop-desc{font-size:1rem}.callout{padding:1.2rem}.callout p{font-size:1rem}.card{padding:1rem 1.2rem}.video-player{max-width:100%}.play-btn{width:60px;height:60px}footer .footer-stack{gap:.8rem}.hamburger{display:flex}nav .inner{height:54px;padding:0 1.2rem}nav .nav-right{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f1af7;border-bottom:1px solid #10b98114;flex-direction:column;gap:0;padding:1.5rem 2rem 2rem;display:none;position:fixed;top:54px;left:0;right:0}nav .nav-right.show{display:flex}nav .nav-link{border-bottom:1px solid #10b9810f;width:100%;padding:.8rem 0;font-size:1.1rem;display:block}nav .nav-cta{text-align:center;margin-top:1rem;padding:12px 24px;font-size:1rem;display:block}}@media (width<=480px){body{font-size:16px}section{padding:2.5rem 1rem}.section-title{font-size:1.2rem}.btn-primary,.btn-secondary{text-align:center;width:100%;padding:12px 24px;font-size:1rem}}