:root{--cream: #F5F2EC;--mist: #EAF2F0;--paper: #FFFFFF;--paper-soft: #FBFAF6;--ink: #0E1B22;--ink-2: #2C3E47;--muted: #6B7780;--muted-2: #97A1A8;--line: rgba(14, 27, 34, .08);--line-strong: rgba(14, 27, 34, .14);--zen-1: #5BB6C4;--zen-2: #0E7C7B;--zen-3: #B7E3DC;--zen-soft: #E4F2EF;--sky: #7FB8D4;--pulse: #2FBA7A;--pulse-deep: #1F8A5B;--outrage: #E25555;--outrage-soft: #FCE8E8;--display: "Outfit", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", "JetBrains Mono", monospace;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 32px;--shadow-sm: 0 1px 2px rgba(14, 27, 34, .05), 0 2px 6px rgba(14, 27, 34, .04);--shadow-md: 0 2px 6px rgba(14, 27, 34, .05), 0 12px 32px -8px rgba(14, 27, 34, .1);--shadow-lg: 0 4px 12px rgba(14, 27, 34, .06), 0 24px 60px -12px rgba(14, 27, 34, .18);--shadow-glass: 0 1px 0 rgba(255,255,255,.7) inset, 0 0 0 1px rgba(255,255,255,.5) inset, 0 12px 40px -8px rgba(11, 70, 76, .18);--gutter: 32px;--max: 1240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);position:relative}.section{padding:120px 0;position:relative}.section-tight{padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--zen-2);padding:7px 12px;border-radius:999px;background:var(--zen-soft);border:1px solid rgba(14,124,123,.16)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--pulse);box-shadow:0 0 0 4px #2fba7a2e}.h-display{font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:.98;color:var(--ink);margin:0}.h-section{font-family:var(--display);font-weight:500;font-size:clamp(36px,4.4vw,56px);letter-spacing:-.02em;line-height:1.04;margin:0 0 18px;color:var(--ink);text-wrap:balance}.h-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.lede{font-size:19px;line-height:1.55;color:var(--muted);max-width:60ch;text-wrap:pretty}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;font-weight:500;font-size:15px;letter-spacing:-.005em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#34C586 0%,var(--pulse-deep) 100%);color:#fff;box-shadow:0 1px #ffffff4d inset,0 0 0 1px #1f8a5b66,0 8px 22px -6px #1f8a5b8c,0 0 #2fba7a73;position:relative}.btn-primary:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:16px;pointer-events:none;border:2px solid rgba(47,186,122,.5);opacity:0;animation:pulseRing 2.6s ease-out infinite}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff4d inset,0 0 0 1px #1f8a5b66,0 14px 30px -6px #1f8a5ba6}@keyframes pulseRing{0%{transform:scale(.96);opacity:.7}70%{transform:scale(1.1);opacity:0}to{opacity:0}}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong);box-shadow:0 1px #fff9 inset}.btn-ghost:hover{background:#0e1b220a;border-color:#0e1b2238}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 8px 22px -8px #0e1b2273}.btn-dark:hover{background:#1a2a33;transform:translateY(-1px)}.glass{background:#ffffffa6;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-glass);border-radius:var(--r-md)}.zen-placeholder{background:radial-gradient(120% 120% at 0% 0%,rgba(183,227,220,.55) 0%,transparent 60%),radial-gradient(120% 120% at 100% 100%,rgba(127,184,212,.4) 0%,transparent 55%),#ffffff8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(91,182,196,.3);border-radius:16px;box-shadow:0 0 0 1px #fff9 inset,0 14px 36px -10px #0e7c7b40,0 0 30px #5bb6c41a;padding:18px 20px;display:flex;align-items:center;gap:14px}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.92}}.breathe{animation:breathe 4.2s ease-in-out infinite;transform-origin:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:float 5.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.hero-bg .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.hero-bg .b1{top:-150px;left:-120px;width:520px;height:520px;background:radial-gradient(closest-side,#B7E3DC,transparent 70%)}.hero-bg .b2{top:80px;right:-120px;width:500px;height:500px;background:radial-gradient(closest-side,#C7DEED,transparent 70%)}.hero-bg .b3{bottom:-200px;left:30%;width:600px;height:600px;background:radial-gradient(closest-side,#DDF1E8,transparent 70%);opacity:.45}.hero-bg .ring{position:absolute;border-radius:50%;border:1px solid rgba(14,124,123,.1)}.zen-divider{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-2)}.zen-divider:before,.zen-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.tweet{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px}.tweet .avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#b7e3dc,#7fb8d4)}.tweet .body{flex:1;min-width:0}.tweet .meta{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--muted);margin-bottom:4px}.tweet .meta strong{color:var(--ink);font-weight:600}.tweet .text{font-size:15px;line-height:1.5;color:var(--ink-2)}.tweet .text .toxic{background:linear-gradient(180deg,transparent 60%,rgba(226,85,85,.18) 60%);border-bottom:1.5px solid var(--outrage);padding:0 1px}.tweet .actions{display:flex;gap:22px;margin-top:10px;color:var(--muted-2);font-size:13px}.tweet .actions span{display:inline-flex;gap:5px;align-items:center}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12px;font-weight:500}.bg-mist{background:linear-gradient(180deg,var(--cream) 0%,var(--mist) 100%)}.bg-ink{background:var(--ink);color:#fff}.bg-ink .h-section,.bg-ink .lede{color:#fff}.bg-ink .lede{color:#ffffffb3}.bg-paper{background:var(--paper-soft)}.compare-handle{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,white 20%,white 80%,transparent);pointer-events:none;z-index:4;box-shadow:0 0 0 1px #0e1b220f,0 6px 20px #0e1b222e}.compare-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #0e1b222e;border:1px solid var(--line)}.compare-handle:after{content:"⇆";font-family:var(--display);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:600;color:var(--ink)}.browser{background:#fff;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}.browser-bar{height:38px;background:#f5f2ec;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px}.browser-bar .dots{display:flex;gap:6px}.browser-bar .dots span{width:11px;height:11px;border-radius:50%;display:inline-block}.browser-bar .dots span:nth-child(1){background:#ff6058}.browser-bar .dots span:nth-child(2){background:#ffbe2e}.browser-bar .dots span:nth-child(3){background:#29c840}.browser-bar .url{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;height:24px;display:flex;align-items:center;padding:0 10px;font-family:var(--mono);font-size:11px;color:var(--muted);gap:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1b228c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:#fff;border-radius:24px;padding:36px;max-width:460px;width:100%;box-shadow:0 30px 80px -10px #0006;animation:scaleIn .32s cubic-bezier(.2,.8,.2,1)}.drawer{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;transition:box-shadow .2s}.drawer:hover{box-shadow:var(--shadow-md)}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-circle{stroke-dasharray:320;stroke-dashoffset:320;animation:drawCheck .7s .1s ease-out forwards}.success-tick{stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .5s .7s ease-out forwards}.mono{font-family:var(--mono)}.display{font-family:var(--display)}.muted{color:var(--muted)}.text-grad-zen{background:linear-gradient(120deg,var(--zen-2) 0%,#1F8A8A 50%,#4A98B8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}::selection{background:var(--zen-3);color:var(--zen-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0e1b2229;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0e1b2247}@media(max-width:880px){.section{padding:80px 0}}