:root{--color-orange:#f76d34;--color-pink:#eb489a;--color-purple:#9b5ae7;--color-teal-500:#15b4bd;--color-teal-400:#0ab3d5;--color-blue-600:#2469e9;--color-coral:#f99d86;--color-hotpink:#f05ba4;--color-amber-500:#ebab24;--color-amber-300:#fbca64;--color-mint:#52e2b0;--color-ink:#171717;--color-gray-700:#404040;--color-gray-500:#737373;--color-gray-400:#a3a3a3;--color-gray-300:#d4d4d4;--color-gray-200:#e5e5e5;--color-gray-100:#f5f5f5;--color-white:#fff;--color-cream:#fef7f0;--color-lavender:#ebe0fc;--color-lightpink:#fef2f2;--color-lightblue:#dbeafe;--fg-1:#171717;--fg-2:#404040;--fg-3:#737373;--fg-invert:#fff;--bg-page:#fff;--bg-page-alt:#f5f5f5;--bg-invert:#171717;--border-1:#e5e5e5;--border-2:#d4d4d4;--gradient-brand:radial-gradient(107.08% 112.21% at 86.08% 14.45%, #9b5ae7 0%, #eb489a 44%, #f76d34 100%);--gradient-cool:radial-gradient(107.08% 112.21% at 86.08% 14.45%, #0794b6 0%, #0ab3d5 44%, #2469e9 100%);--gradient-warm:radial-gradient(107.08% 112.21% at 86.08% 14.45%, #f76d34 0%, #eb489a 56%, #ebab24 100%);--gradient-page:linear-gradient(180deg, #fff 0%, #f5f5f5 100%);--font-sans:"Geist", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--radius-md:8px;--radius-lg:10px;--radius-xl:28px;--radius-full:9999px;--dur-fast:.16s;--dur-med:.28s;--ease-out:cubic-bezier(.2, .8, .2, 1);--gutter-xl:70px;--gutter:2rem}.lv1 *,.lv1 :before,.lv1 :after{box-sizing:border-box}.lv1{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-page);-webkit-font-smoothing:antialiased;line-height:1.5}.wrap-wide{max-width:1200px;padding:0 var(--gutter);margin:0 auto}.site{z-index:100;-webkit-backdrop-filter:blur(12px);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#ffffffd9;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site.scrolled{border-color:var(--border-1);box-shadow:0 1px 8px #0000000f}.nav-inner{max-width:1200px;padding:0 var(--gutter);align-items:center;gap:2rem;height:64px;margin:0 auto;display:flex}.brand{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.wordmark{width:auto;height:28px}.nav-links{flex:1;align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--fg-2);transition:color var(--dur-fast);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--fg-1)}.nav-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.btn-login{color:var(--fg-2);transition:color var(--dur-fast);padding:0 .75rem;font-size:14px;font-weight:500;text-decoration:none}.btn-login:hover{color:var(--fg-1)}.btn{font-family:var(--font-sans);cursor:pointer;transition:opacity var(--dur-fast), transform var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:.375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn-primary{background:var(--gradient-brand);color:var(--fg-invert)}.btn-pill-sm{border-radius:var(--radius-full);padding:.45rem 1rem;font-size:13px}.hero{background:var(--gradient-page);padding:120px 0 80px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(circle,#9b5ae72e 0%,#eb489a1f 40%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;right:-200px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-left{flex-direction:column;gap:1.5rem;display:flex}.hero-title{letter-spacing:-.03em;color:var(--fg-1);font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.05}.scribble{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.hero-sub{color:var(--fg-2);max-width:480px;font-size:18px;line-height:1.6}.hero-sub em{color:var(--fg-1);font-style:italic}.composer{background:var(--color-white);border:1.5px solid var(--border-1);border-radius:var(--radius-xl);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:6px 6px 6px 18px;box-shadow:0 4px 24px #00000012}.composer:focus-within{border-color:var(--color-purple);box-shadow:0 4px 24px #9b5ae729}.composer-row{align-items:center;gap:.75rem;display:flex}.composer-row input{font-size:15px;font-family:var(--font-sans);color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;padding:.5rem 0}.composer-row input::placeholder{color:var(--fg-3)}.send{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-xl);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:opacity var(--dur-fast), transform var(--dur-fast) var(--ease-out);border:none;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1.1rem;display:inline-flex}.send:hover{opacity:.88;transform:translateY(-1px)}.send:disabled{opacity:.6;cursor:not-allowed;transform:none}.chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.label{color:var(--fg-3);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600}.chip{color:var(--fg-2);background:var(--color-white);border:1px solid var(--border-1);border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);padding:.3rem .8rem}.chip:hover{border-color:var(--color-purple);color:var(--color-purple);background:var(--color-lavender)}.dot-sep{background:var(--border-2);border-radius:50%;flex-shrink:0;width:3px;height:3px}.hero-right{justify-content:center;display:flex}.preview-stack{width:100%;max-width:480px;margin:0 auto;padding:16px 40px 40px 16px;position:relative}.hero-stamp{z-index:3;background:var(--color-white);border:1px solid var(--border-1);border-radius:var(--radius-full);color:var(--fg-1);align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:13px;font-weight:500;animation:5s ease-in-out infinite float-stamp;display:inline-flex;position:absolute;top:0;left:0}@keyframes float-stamp{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(-1deg)}}.hero-stamp .ico{background:var(--gradient-warm);border-radius:50%;width:14px;height:14px;animation:2.4s ease-in-out infinite pulse-stamp;display:inline-block;box-shadow:0 0 0 3px #f76d3426}@keyframes pulse-stamp{0%,to{box-shadow:0 0 0 3px #f76d3426}50%{box-shadow:0 0 0 6px #f76d340d}}.preview-card{background:var(--color-white);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.preview-card.main{z-index:2;animation:8s ease-in-out infinite float-main;position:relative}@keyframes float-main{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.browser-bar{background:var(--bg-page-alt);border-bottom:1px solid var(--border-1);align-items:center;gap:6px;padding:12px 16px;display:flex}.browser-bar .dot{background:var(--border-2);border-radius:50%;width:10px;height:10px}.browser-bar .url{font-family:var(--font-mono);color:var(--fg-3);background:var(--color-white);border-radius:var(--radius-sm,5px);border:1px solid var(--border-1);margin-left:12px;padding:4px 10px;font-size:11px}.preview-email{background:linear-gradient(180deg, #fff 0%, var(--color-cream) 100%);flex-direction:column;gap:0;padding:28px 28px 32px;display:flex}.logo-mock{background:var(--color-ink);border-radius:4px;width:84px;height:22px;margin-bottom:22px}.hero-block{background:var(--gradient-warm);border-radius:var(--radius-md);height:110px;margin-bottom:18px;position:relative;overflow:hidden}.hero-block:after{content:"";background:linear-gradient(135deg,#0000 40%,#fff3 50%,#0000 60%);animation:3s ease-in-out infinite shimmer-sweep;position:absolute;inset:0}@keyframes shimmer-sweep{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.preview-email h4{color:var(--fg-1);letter-spacing:-.01em;white-space:nowrap;border-right:2px solid var(--color-orange);margin-bottom:10px;font-size:19px;font-weight:700;animation:4s steps(28,end) infinite typewriter;overflow:hidden}@keyframes typewriter{0%{width:0}50%,to{width:100%}}.preview-email p{color:var(--fg-2);margin-bottom:6px;font-size:13.5px;line-height:1.5}.preview-email .cta{background:var(--color-ink);color:#fff;border-radius:var(--radius-md);margin-top:18px;padding:12px 20px;font-size:13px;font-weight:600;display:inline-block}.score-badge{z-index:3;background:var(--color-ink);color:#fff;border-radius:var(--radius-lg);min-width:180px;padding:16px 20px;animation:6s ease-in-out infinite float-badge;position:absolute;bottom:0;right:0}@keyframes float-badge{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(-1deg)}}.score-badge .l{font-family:var(--font-mono);color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.score-badge .l:before{content:"";background:var(--color-mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #52e2b033}.score-badge .v{letter-spacing:-.02em;color:#fff;align-items:baseline;gap:4px;font-size:32px;font-weight:700;line-height:1;display:flex}.score-badge .v small{color:#fff6;font-size:12px;font-weight:500}.score-badge .delta{color:var(--color-mint);font-size:11px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:4px;margin-top:8px;display:inline-flex}.stats-strip{border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);background:var(--bg-page);padding:3rem 0}.stats-strip .inner{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-cell{border-right:1px solid var(--border-1);flex-direction:column;gap:4px;padding:1rem 2rem;display:flex}.stat-cell:last-child{border-right:none}.stat-num{letter-spacing:-.03em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--fg-2);flex-direction:column;gap:2px;font-size:14px;font-weight:500;display:flex}.stat-foot{color:var(--fg-3);font-size:12px;font-weight:400;display:block}.roles{background:var(--bg-page);padding:6rem 0}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-purple);margin-bottom:.75rem;font-size:12px;font-weight:700}.section-title{letter-spacing:-.025em;color:var(--fg-1);margin-bottom:1rem;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1}.section-sub{color:var(--fg-2);max-width:540px;font-size:17px;line-height:1.65}.roles-header{text-align:center;margin-bottom:3rem}.roles-header .section-sub{margin:0 auto}.role-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.role-pill{border-radius:var(--radius-full);border:1.5px solid var(--border-1);background:var(--color-white);cursor:pointer;font-family:var(--font-sans);color:var(--fg-2);transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:8px;padding:.5rem 1rem;font-size:14px;font-weight:600;display:inline-flex}.role-pill .swatch{background:var(--swatch,var(--color-gray-300));border-radius:50%;flex-shrink:0;width:10px;height:10px}.role-pill:hover{border-color:var(--border-2);color:var(--fg-1)}.role-pill.active{background:var(--fg-1);color:var(--fg-invert);border-color:#0000;box-shadow:0 2px 12px #00000026}.role-pill .meta{opacity:.65;font-size:11px;font-weight:400;display:none}.role-stage{background:var(--fg-1);border-radius:var(--radius-xl);flex-direction:column;justify-content:flex-end;min-height:320px;padding:3rem;display:flex;position:relative;overflow:hidden}.stage-glow{opacity:.4;background:var(--stage-glow,var(--gradient-brand));pointer-events:none;transition:background var(--dur-med) var(--ease-out), opacity var(--dur-med);border-radius:var(--radius-xl);position:absolute;inset:0}.stage-content{z-index:1;position:relative}.stage-tag{letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin-bottom:.75rem;font-size:11px;font-weight:700;display:inline-block}.stage-title{letter-spacing:-.025em;color:var(--fg-invert);margin-bottom:.75rem;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.15}.stage-desc{color:#ffffffb8;max-width:520px;font-size:15px;line-height:1.65}.gap{background:var(--bg-page-alt);padding:6rem 0}.gap-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;display:grid}.gap-panel{border-radius:var(--radius-xl);flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.gap-panel.bad{background:var(--color-lightpink);border:1px solid #fbd0d0}.gap-panel.good{background:var(--color-lavender);border:1px solid #d9c4f8}.panel-head{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:13px;font-weight:700;display:flex}.panel-ico{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.bad .panel-ico{color:#dc2626;background:#ef444426}.good .panel-ico{color:var(--color-purple);background:#9b5ae726}.gap-item{color:var(--fg-2);align-items:flex-start;gap:.75rem;font-size:15px;line-height:1.5;display:flex}.gap-item:before{content:"";background:var(--color-gray-400);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:9px}.bad .gap-item:before{background:#f87171}.good .gap-item:before{background:var(--color-purple)}.gap-conclusion{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem;display:flex}.gap-stat{letter-spacing:-.04em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;line-height:1}.gap-conclusion p{color:var(--fg-2);font-size:16px}.how{background:var(--bg-page);padding:6rem 0}.how-header{text-align:center;margin-bottom:3rem}.how-header .section-sub{margin:0 auto}.player{background:var(--fg-1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #00000040}.player-chrome{background:#222;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:14px 18px;display:flex}.player-chrome .dot{border-radius:50%;width:12px;height:12px}.player-chrome .dot:first-child{background:#ff5f57}.player-chrome .dot:nth-child(2){background:#febc2e}.player-chrome .dot:nth-child(3){background:#28c840}.player-screen{align-items:stretch;min-height:380px;display:flex;position:relative}.player-stage{flex-direction:column;flex:1;justify-content:center;gap:1rem;padding:3rem;display:flex;position:relative;overflow:hidden}.player-frame{animation:fadeInFrame var(--dur-med) var(--ease-out);flex-direction:column;gap:.75rem;display:none}.player-frame.active{display:flex}@keyframes fadeInFrame{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.player-frame-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;font-size:11px;font-weight:700}.player-frame-title{letter-spacing:-.025em;color:var(--fg-invert);font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.15}.player-frame-desc{color:#ffffffad;max-width:480px;font-size:15px;line-height:1.65}.pf-prompt{border-radius:var(--radius-lg);color:#ffffffe6;background:#ffffff12;border:1px solid #ffffff1f;margin-top:.5rem;padding:14px 18px;font-size:14px;font-style:italic}.pf-score-ring{background:conic-gradient(var(--color-mint) 0% 94%, #ffffff1a 94% 100%);width:72px;height:72px;color:var(--color-mint);border-radius:50%;justify-content:center;align-items:center;margin-top:.5rem;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 0 0 4px #52e2b026}.pf-variants{flex-direction:column;gap:6px;margin-top:.5rem;display:flex}.pf-variant{border-radius:var(--radius-md);color:#fffc;background:#ffffff12;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.pf-variant.winner{border-color:var(--color-mint);color:var(--color-mint);background:#52e2b014}.pf-variant .v-label{letter-spacing:.1em;text-transform:uppercase;opacity:.6;flex-shrink:0;font-size:10px;font-weight:700}.pf-segments{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:.5rem;display:grid}.pf-seg{border-radius:var(--radius-md);background:#ffffff12;flex-direction:column;gap:4px;padding:12px;display:flex}.pf-seg-name{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.pf-seg-val{color:var(--fg-invert);letter-spacing:-.02em;font-size:20px;font-weight:800}.pf-seg-label{color:#ffffff73;font-size:11px}.pf-trend{border-radius:var(--radius-lg);background:#52e2b014;border:1px solid #52e2b033;align-items:center;gap:.75rem;margin-top:.5rem;padding:12px 16px;display:flex}.pf-trend-num{color:var(--color-mint);letter-spacing:-.03em;font-size:28px;font-weight:800}.pf-trend-label{color:#fff9;font-size:13px;line-height:1.4}.player-controls{background:#ffffff08;border-top:1px solid #ffffff12;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.player-play{color:#fffc;cursor:pointer;width:36px;height:36px;transition:border-color var(--dur-fast), background var(--dur-fast);background:0 0;border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.player-play:hover{background:#ffffff14;border-color:#fff9}.player-steps{flex:1;align-items:center;gap:.5rem;display:flex}.player-step{border-radius:var(--radius-full);color:#ffffff73;font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);white-space:nowrap;background:0 0;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:6px 12px;display:flex}.player-step .step-num{opacity:.6;font-size:10px;font-weight:700}.player-step:hover{color:#ffffffbf;border-color:#ffffff4d}.player-step.active{border-color:var(--color-purple);color:#fff;background:#9b5ae733}.tabs-section{background:var(--bg-page-alt);padding:6rem 0}.tabs-header{text-align:center;margin-bottom:2.5rem}.tabs{background:var(--color-gray-100);border-radius:var(--radius-full);border:1px solid var(--border-1);justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:4px;display:flex}.tab{border-radius:var(--radius-full);color:var(--fg-3);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast);background:0 0;border:none;padding:.5rem 1.25rem}.tab:hover{color:var(--fg-2)}.tab.active{background:var(--color-white);color:var(--fg-1);box-shadow:0 1px 4px #0000001a}.tab-panels{position:relative}.tab-panel{animation:fadeInFrame var(--dur-med) var(--ease-out);display:none}.tab-panel.active{display:block}.mock{background:var(--color-white);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #0000000f}.mock-head{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.mock-title{color:var(--fg-1);font-size:16px;font-weight:700}.mock-sub{color:var(--fg-3);margin-top:2px;font-size:13px}.mock-rows{flex-direction:column;display:flex}.mock-row{border-bottom:1px solid var(--border-1);transition:background var(--dur-fast);align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.mock-row:last-child{border-bottom:none}.mock-row:hover{background:var(--color-gray-100)}.row-icon{border-radius:var(--radius-md);background:var(--color-lavender);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.row-text{flex:1;min-width:0}.row-name{color:var(--fg-1);font-size:14px;font-weight:600}.row-meta{color:var(--fg-3);font-size:12px}.row-badge{border-radius:var(--radius-full);flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.row-badge.green{color:#059669;background:#52e2b026}.row-badge.blue{background:var(--color-lightblue);color:var(--color-blue-600)}.row-badge.gray{background:var(--color-gray-100);color:var(--fg-3)}.proof{background:var(--bg-page);padding:6rem 0}.proof-header{text-align:center;margin-bottom:3rem}.proof-banner{background:var(--gradient-brand);border-radius:var(--radius-xl);align-items:center;gap:3rem;margin-bottom:3rem;padding:3rem;display:flex;position:relative;overflow:hidden}.proof-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.proof-big-stat{letter-spacing:-.05em;color:#fff;flex-shrink:0;font-size:72px;font-weight:900;line-height:1}.proof-banner-copy{flex:1}.proof-banner-copy h3{color:#fff;margin-bottom:.5rem;font-size:22px;font-weight:700;line-height:1.3}.proof-banner-copy p{color:#ffffffc7;font-size:15px;line-height:1.6}.carousel-frame{position:relative;overflow:hidden}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.quote-card{scroll-snap-align:start;background:var(--color-white);border:1px solid var(--border-1);border-radius:var(--radius-xl);flex-direction:column;flex:0 0 360px;gap:1rem;padding:1.75rem;display:flex;box-shadow:0 2px 12px #0000000d}.quote-text{color:var(--fg-2);flex:1;font-size:15px;line-height:1.65}.quote-author{align-items:center;gap:.75rem;display:flex}.quote-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.quote-name{color:var(--fg-1);font-size:14px;font-weight:700;line-height:1.2}.quote-handle{color:var(--fg-3);font-size:12px}.carousel-nav{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.carousel-btn{border:1.5px solid var(--border-1);background:var(--color-white);width:36px;height:36px;color:var(--fg-2);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.carousel-btn:hover{border-color:var(--border-2);background:var(--color-gray-100)}.compound{background:var(--bg-invert);padding:6rem 0;position:relative;overflow:hidden}.compound-glow{pointer-events:none;background:radial-gradient(circle,#9b5ae740 0%,#eb489a1f 40%,#0000 70%);width:800px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.compound-header{text-align:center;z-index:1;margin-bottom:3rem;position:relative}.compound-header .section-title{color:var(--fg-invert)}.compound-header .section-sub{color:#ffffffa6;margin:0 auto}.timeline-wrap{z-index:1;position:relative}.timeline-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.timeline-track::-webkit-scrollbar{display:none}.month-card{scroll-snap-align:start;border-radius:var(--radius-lg);transition:background var(--dur-fast), border-color var(--dur-fast);background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;flex:0 0 220px;gap:.75rem;padding:1.5rem;display:flex}.month-card:hover{background:#ffffff17;border-color:#ffffff2e}.month-label{letter-spacing:.12em;text-transform:uppercase;color:#fff6;font-size:11px;font-weight:700}.month-name{letter-spacing:-.02em;color:var(--fg-invert);font-size:18px;font-weight:800;line-height:1}.month-emails{flex-direction:column;gap:6px;display:flex}.month-email{color:#ffffff9e;align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.month-email:before{content:"→";opacity:.4;flex-shrink:0}.month-metric{color:var(--color-mint);border-top:1px solid #ffffff14;margin-top:auto;padding-top:.75rem;font-size:11px;font-weight:600}.end-section{background:var(--bg-page);padding:6rem 0}.end-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:4rem;display:grid}.end-cta{flex-direction:column;gap:1.5rem;display:flex}.end-cta .section-title{font-size:clamp(28px,3.5vw,44px)}.cta-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-lg{border-radius:var(--radius-full);padding:.8rem 1.75rem;font-size:15px}.btn-outline{border:1.5px solid var(--border-2);color:var(--fg-2);background:0 0}.btn-outline:hover{border-color:var(--fg-1);color:var(--fg-1);opacity:1}.end-explore{flex-direction:column;gap:1rem;display:flex}.explore-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:700}.links{flex-direction:column;gap:.5rem;display:flex}.link{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--bg-page);color:var(--fg-1);transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:.875rem 1rem;font-size:14px;font-weight:600;text-decoration:none;display:flex}.link:hover{border-color:var(--border-2);background:var(--color-gray-100);transform:translate(3px)}.link-arrow{color:var(--fg-3);transition:color var(--dur-fast);font-size:16px}.link:hover .link-arrow{color:var(--fg-1)}.site-footer{background:var(--fg-1);color:#ffffffa6;padding:4rem 0 2rem}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;padding-bottom:3rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-brand p{color:#ffffff8c;max-width:280px;font-size:14px;line-height:1.65}.footer-col{flex-direction:column;gap:.75rem;display:flex}.footer-col-title{letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin-bottom:.25rem;font-size:12px;font-weight:700}.footer-col a{color:#ffffffa6;transition:color var(--dur-fast);font-size:14px;text-decoration:none}.footer-col a:hover{color:#fff}.footer-bottom{color:#ffffff59;justify-content:space-between;align-items:center;font-size:13px;display:flex}.footer-bottom a{color:#ffffff73;transition:color var(--dur-fast);text-decoration:none}.footer-bottom a:hover{color:#fffc}.footer-legal{align-items:center;gap:1.5rem;display:flex}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-right{display:none}.stats-strip .inner{grid-template-columns:repeat(2,1fr)}.stat-cell:nth-child(2){border-right:none}.gap-grid,.end-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.nav-links{display:none}.stats-strip .inner{grid-template-columns:1fr 1fr}.stat-cell{border-right:none;border-bottom:1px solid var(--border-1)}.stat-cell:nth-last-child(-n+2){border-bottom:none}.player-steps{overflow-x:auto}.quote-card{flex:0 0 280px}.month-card{flex:0 0 180px}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.stage-demo{z-index:1;flex:1;margin-top:24px;position:relative}.role-frame{width:100%;animation:stage-in .4s var(--ease-out);flex-direction:column;gap:12px;display:flex}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.demo-url{font-family:var(--font-mono);color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.demo-url .lock{color:#52e2b0}.demo-url .cursor:after{content:"▮";color:#f76d34;margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.demo-extract{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.demo-swatch{aspect-ratio:1.4;border-radius:8px;position:relative;overflow:hidden}.demo-swatch .hex{font-family:var(--font-mono);color:#fffffff2;text-shadow:0 1px 2px #0006;font-size:10px;position:absolute;bottom:6px;left:8px}.demo-type{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:16px 20px}.demo-type .h{color:#fff;letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.demo-type .b{color:#ffffff8c;font-size:13px}.demo-type-meta{font-family:var(--font-mono);color:#fff6;text-transform:uppercase;letter-spacing:.1em;gap:14px;margin-top:14px;font-size:10px;display:flex}.demo-variants{flex-direction:column;gap:10px;display:flex}.demo-variant{opacity:.4;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:16px 20px;transition:all .4s}.demo-variant.live{opacity:1;background:#f76d3414;border-color:#f76d344d;transform:translate(8px)}.demo-variant .tag{font-family:var(--font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px}.demo-variant.live .tag{color:#f99d86}.demo-variant .line{color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:500}.demo-cw-score{font-family:var(--font-mono);color:#52e2b0;margin-top:6px;font-size:11px;font-weight:600}.demo-flow{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:24px 20px}.demo-flow-track{align-items:center;display:flex;position:relative}.demo-flow-node{text-align:center;flex:1;position:relative}.demo-flow-node .dot{width:38px;height:38px;font-family:var(--font-mono);color:#fff9;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;place-items:center;margin:0 auto 10px;font-size:11px;font-weight:600;transition:all .4s;display:grid}.demo-flow-node.lit .dot{background:var(--gradient-warm);color:#fff;border-color:#0000;box-shadow:0 0 0 4px #f76d3433}.demo-flow-node .n{color:#ffffff8c;font-size:11px;font-family:var(--font-mono)}.demo-flow-node.lit .n{color:#fff}.demo-flow-node+.demo-flow-node:before{content:"";background:#ffffff1f;height:1px;position:absolute;top:19px;left:-50%;right:50%}.demo-flow-node.lit+.demo-flow-node:before,.demo-flow-node.lit:before{background:#f99d86}.demo-flow-detail{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:16px 18px}.demo-flow-detail .h{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.demo-flow-detail .b{color:#ffffff8c;font-size:12px;line-height:1.5}.demo-segment-list{flex-direction:column;gap:8px;display:flex}.demo-segment-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.demo-segment-row .ico{background:var(--swatch);border-radius:50%;flex-shrink:0;width:10px;height:10px}.demo-segment-row .n{color:#fff;flex:1;font-size:13px;font-weight:500}.demo-segment-row .c{font-family:var(--font-mono);color:#ffffff8c;font-size:11px}.demo-segment-row .lift{font-family:var(--font-mono);color:#52e2b0;font-size:11px;font-weight:600}.demo-analyst{grid-template-columns:1fr 1fr;gap:16px;height:100%;display:grid}.demo-score-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;padding:24px;display:flex}.demo-score-card .label{font-family:var(--font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:11px}.demo-score-card .big{letter-spacing:-.04em;color:#fff;align-items:baseline;gap:6px;font-size:72px;font-weight:700;line-height:1;display:flex}.demo-score-card .big small{color:#fff6;font-size:22px}.demo-score-card .pill{color:#52e2b0;font-size:11px;font-weight:600;font-family:var(--font-mono);background:#52e2b026;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-top:14px;padding:5px 12px;display:inline-flex}.demo-chart{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;padding:20px;display:flex}.demo-chart .h{font-family:var(--font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.demo-bars{flex:1;align-items:flex-end;gap:6px;min-height:140px;padding-top:14px;display:flex}.demo-bars .b{background:var(--gradient-warm);opacity:.85;border-radius:3px 3px 0 0;flex:1}.demo-x{font-family:var(--font-mono);color:#fff6;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}