@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400..800&family=TikTok+Sans:wght@400;500;600;700;800;900&display=swap";:root{color:#101010;font-synthesis:none;text-rendering:optimizelegibility;--ink:#101010;--muted:#5f5f64;--paper:#fff;--paper-strong:#fff;--line:#1010101f;--green:#008f73;--coral:#fe2c55;--yellow:#f5c84b;--cyan:#25f4ee;--panel:#fff;--wash:#f7f7f7;--shadow:0 18px 46px #1010101f;--shadow-tight:0 10px 24px #10101014;--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-display:"Archivo", "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-editorial:"Newsreader", Georgia, serif;--font-tiktok:"TikTok Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#f7f7f7;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 18%,#25f4ee2e,#0000 24%),radial-gradient(circle at 88% 10%,#fe2c5524,#0000 22%),linear-gradient(90deg,#10101006 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#10101006 1px,#0000 1px) 0 0/36px 36px,#f7f7f7;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}input,textarea,select{font-family:var(--font-body)}h1,h2,.brand,.brand-mark,.site-header nav,.nav-button,.eyebrow,.section-kicker,.field-label,.language-pill,.segmented button,.goal-row button,.advanced-toggle,.primary-action,.secondary-action,.results-heading>span,.comment-meta,.comment-card p,.comment-actions button,.quick-remix button,.comparison-lane>span,.reply-pair p,.why-better,.compact-card h2,.compact-steps,.tip-grid span,.compact-faq-list summary,.updates-card button,footer span:first-child{font-family:var(--font-display)}button{border:0}a{color:inherit;text-decoration:none}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #1010101a;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(18px,4vw,54px);display:flex;position:sticky;top:0}.brand,.site-header nav,.safety-strip,.eyebrow,.comment-meta,.comment-actions,.quick-remix,.actions,.email-band form,.toggles,.goal-row,.language-pill,.nav-button{align-items:center;display:flex}.brand{gap:10px;font-weight:800}.brand-mark{border:2px solid var(--ink);background:var(--yellow);width:38px;height:38px;box-shadow:4px 4px 0 var(--ink), -3px 0 0 var(--cyan), 7px 0 0 var(--coral);border-radius:8px;place-items:center;font-size:13px;display:grid}.site-header nav{color:var(--muted);gap:18px;font-size:14px;font-weight:700}.nav-button{border:1px solid var(--ink);min-height:38px;color:var(--ink);background:var(--paper-strong);border-radius:8px;justify-content:center;padding:0 15px;box-shadow:3px 3px #25f4eeb8,6px 6px #fe2c558a}.workbench-hero{grid-template-columns:1fr;align-items:start;gap:18px;padding:clamp(20px,3vw,34px) clamp(18px,4vw,54px) 34px;display:grid}.workbench-left{gap:18px;min-width:0;display:grid}.workbench-intro{max-width:980px}.eyebrow,.section-kicker{color:var(--green);text-transform:uppercase;font-size:13px;font-weight:800}.eyebrow{width:fit-content;box-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--coral);background:#fff;border:1px solid #10101024;border-radius:999px;gap:8px;margin-bottom:14px;padding:8px 12px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;text-wrap:balance;max-width:900px;margin-bottom:14px;font-size:clamp(38px,4.1vw,62px);font-weight:900;line-height:.96}.hero-lede{color:#45413b;max-width:860px;margin-bottom:0;font-size:clamp(16px,1.25vw,19px);line-height:1.42}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.safety-strip{flex-wrap:wrap;gap:8px;margin-top:14px}.safety-strip span{background:#fff;border:1px solid #1010101f;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #1f1b140a}.trust-note{color:var(--muted);margin:10px 0 0;font-size:14px;font-weight:700}.hero-product{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink), 0 14px 34px #1f1b1414;background:linear-gradient(135deg,#f5c84b29,#0000 34%),linear-gradient(315deg,#3ab7bd29,#0000 36%),#fffdf7;border-radius:8px;grid-template-columns:minmax(180px,.76fr) minmax(240px,1.24fr);gap:12px;padding:14px;display:none;position:relative}.preview-panel{background:#ffffffe0;border:1px solid #17171624;border-radius:8px;min-width:0;padding:12px}.input-preview{align-self:start}.preview-topline{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;display:flex}.preview-panel p{color:#282520;margin:12px 0;font-weight:800}.tone-row{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.tone-row span{color:#403c35;background:#fffaf0;border:1px solid #1717161f;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.tone-row .active{border-color:var(--ink);background:var(--yellow)}.input-preview button{background:var(--ink);color:#fffdf7;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-weight:900;display:inline-flex}.output-preview{gap:10px;display:grid}.short-scene{grid-template-columns:minmax(92px,.56fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.video-tile{background:linear-gradient(160deg,#171716e6,#2e2b27d1),#25221f;border:1px solid #1717162b;border-radius:8px;grid-template-columns:1fr 28px;gap:8px;min-height:208px;padding:8px;display:grid;position:relative}.video-frame{background:radial-gradient(circle at 70% 18%,#3ab7bdb8,#0000 24%),radial-gradient(circle at 22% 75%,#e96b4ba3,#0000 29%),linear-gradient(145deg,#36312c,#171716);border-radius:7px;position:relative;overflow:hidden}.video-frame:before{content:"";opacity:.42;background-color:#0000;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.video-pulse,.video-line,.video-rail span{display:block;position:absolute}.video-pulse{border:2px solid #fffdf794;border-radius:50%;width:46px;height:46px;top:42%;left:50%;transform:translate(-50%,-50%)}.video-line{background:#fffdf7a3;border-radius:999px;width:48%;height:6px;bottom:18px;right:12px}.video-line.wide{width:66%;bottom:31px}.video-rail{border-left:1px solid #fffdf729;position:relative}.video-rail span{background:#fffdf71a;border:1px solid #fffdf785;border-radius:999px;width:18px;height:18px;right:1px}.video-rail span:first-child{top:42px}.video-rail span:nth-child(2){top:82px}.video-rail span:nth-child(3){top:122px}.draft-stack{gap:8px;min-width:0;display:grid}.preview-comment{background:#fffdf8;border:1px solid #1717161a;border-radius:8px;padding:10px 11px;position:relative;overflow:hidden}.preview-comment:before{content:"";background:linear-gradient(180deg, var(--coral), var(--cyan));width:3px;position:absolute;inset:0 auto 0 0}.preview-comment span{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:900}.preview-comment p{margin:4px 0 8px;font-size:14px}.preview-comment small{min-height:26px;color:var(--green);background:#e8f7f2;border-radius:999px;align-items:center;padding:0 9px;font-weight:900;display:inline-flex}.tool-band{z-index:4;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);align-items:start;gap:22px;margin-top:0;padding:10px clamp(18px,4vw,54px) 54px;display:grid;position:relative}.generator,.results{background:#fffffff5;border:1px solid #1010101f;border-radius:10px;box-shadow:0 18px 44px #1010101a}.generator{border-color:#1010102e;padding:clamp(18px,2.6vw,28px);position:sticky;top:88px}.results{padding:clamp(18px,2.6vw,28px)}.workbench-hero .generator{width:100%;box-shadow:7px 7px 0 #101010eb, -5px 0 0 var(--cyan), 5px 0 0 var(--coral);position:static}.workbench-hero .results{width:100%;min-height:0}.tool-heading,.results-heading,.examples-heading,.content-section,.faq-section,.email-band{justify-content:space-between;gap:22px;display:flex}.tool-heading,.results-heading{align-items:flex-start;margin-bottom:18px}.workbench-hero .tool-heading,.workbench-hero .results-heading{margin-bottom:14px}.section-kicker{margin-bottom:6px}h2{text-wrap:balance;margin-bottom:0;font-size:clamp(27px,3vw,42px);line-height:1.03}.tool-heading h2,.results-heading h2{font-size:clamp(24px,2.8vw,34px)}.language-pill{color:#007a76;background:#25f4ee24;border:1px solid #10101024;border-radius:999px;justify-content:center;min-width:76px;min-height:34px;font-weight:800}.field{gap:9px;margin-bottom:16px;display:grid}.generator-controls{grid-template-columns:minmax(320px,1.35fr) minmax(280px,1fr) minmax(180px,.55fr);align-items:start;gap:14px;display:grid}.generator-controls .field,.generator-controls .control-grid{margin-bottom:0}.tone-field{grid-template-columns:1fr}.field-label{color:#3f3b35;text-transform:uppercase;font-size:13px;font-weight:800}.field-hint{color:var(--muted);font-size:14px;font-weight:700}.example-row{flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 14px;display:flex}.example-row span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.example-row button{min-height:34px;color:var(--ink);font-family:var(--font-display);cursor:pointer;background:#25f4ee1a;border:1px solid #1010101f;border-radius:999px;padding:0 11px;font-weight:900}.example-row button:hover{background:#25f4ee2e;border-color:#10101052}textarea,select,input[type=email],.mockup-controls input{width:100%;color:var(--ink);background:#fff;border:1px solid #1010102e;border-radius:8px;outline:none;transition:border-color .14s,box-shadow .14s}textarea{resize:vertical;min-height:122px;padding:14px}select,input[type=email],.mockup-controls input{min-height:46px;padding:0 12px}textarea:focus,select:focus,input[type=email]:focus,.mockup-controls input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #25f4ee5c,0 0 0 6px #fe2c552e}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.goal-row{flex-wrap:wrap;gap:8px}.segmented button,.goal-row button,.secondary-action,.comment-actions button,.quick-remix button,.email-band button{min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #10101024;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.segmented button{min-width:0;padding:0 10px;font-size:13px}.goal-row button{border-radius:999px;min-height:36px;padding:0 11px;font-size:13px}.segmented button:hover,.goal-row button:hover,.secondary-action:hover,.comment-actions button:hover,.quick-remix button:hover,.email-band button:hover{border-color:#17171652;transform:translateY(-1px)}.segmented button.active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--cyan), 6px 6px 0 var(--coral)}.goal-row button.active{background:#25f4ee29;border-color:#101010b8;box-shadow:inset 0 0 0 1px #25f4ee9e}.control-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.advanced-toggle{color:#3f3b35;cursor:pointer;background:#ffffff80;border:1px solid #1717161f;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;margin:14px 0 0;padding:0 12px;font-weight:900;display:inline-flex}.advanced-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.advanced-panel{background:#ffffff6b;border:1px solid #1717161a;border-radius:8px;margin-bottom:14px;padding:14px}.toggles{flex-wrap:wrap;gap:10px;margin:2px 0 18px}.toggles label{background:#ffffff9e;border:1px solid #1717161f;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}.form-error{color:#b03723;margin-bottom:14px;font-weight:800}.actions{flex-wrap:wrap;gap:10px}.primary-actions{margin-bottom:18px}.primary-action{background:var(--ink);color:#fff;cursor:pointer;min-height:50px;box-shadow:4px 4px 0 var(--cyan), 8px 8px 0 var(--coral), 0 16px 32px #1010102e;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:900;transition:transform .14s,box-shadow .14s;display:inline-flex}.primary-action:hover{box-shadow:5px 5px 0 var(--cyan), 10px 10px 0 var(--coral), 0 18px 34px #10101033;transform:translateY(-1px)}.secondary-action{padding:0 16px}.results-heading>span{color:#c5163a;background:#fe2c551a;border-radius:999px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.results-note{color:var(--muted);margin:8px 0 0;font-size:14px;font-weight:700}.comment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comment-card{background:#fff;border:1px solid #1010101f;border-radius:8px;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.comment-card:before{content:"";background:linear-gradient(180deg, var(--coral), var(--cyan));opacity:.95;width:4px;position:absolute;top:0;bottom:0;left:0}.comment-card:nth-child(2n):before{background:linear-gradient(180deg, var(--cyan), var(--coral))}.comment-card p{margin-bottom:0;font-size:clamp(16px,1.35vw,20px);font-weight:800;line-height:1.32}.comment-card .comment-reason{color:#5a554d;margin:-4px 0 0;font-size:13px;font-weight:700;line-height:1.45}.comment-reason strong{color:var(--green);font-weight:900}.comment-meta{color:#4f4f55;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:12px;font-weight:900}.comment-actions{flex-wrap:wrap;gap:8px}.comment-actions button{min-height:38px;padding:0 12px;font-size:13px}.copy-followup{color:#315f50;background:#e8f7f2c7;border:1px solid #2f7f6238;border-radius:8px;margin-top:12px;padding:12px 14px;font-weight:700}.copy-followup strong,.copy-followup a{color:var(--green);font-weight:900}.quick-remix{flex-wrap:wrap;gap:10px;margin-top:16px}.quick-remix button{background:#25f4ee1f;min-height:40px;padding:0 13px}.mockup-maker{background:radial-gradient(circle at 12% 18%,#25f4ee2e,#0000 30%),radial-gradient(circle at 88% 10%,#fe2c5521,#0000 30%),#fffffff0;border:1px solid #1010101f;border-radius:12px;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:stretch;gap:clamp(18px,3vw,32px);margin:-18px clamp(18px,4vw,54px) 24px;padding:clamp(20px,3.4vw,36px);scroll-margin-top:96px;display:grid;box-shadow:0 16px 38px #10101014}.mockup-maker-standalone{margin-top:clamp(20px,4vw,46px)}.mockup-copy h1,.mockup-copy h2{max-width:640px;font-size:clamp(28px,3.2vw,54px);line-height:.98}.mockup-copy p:not(.section-kicker){color:#45454b;max-width:560px;margin:14px 0 0;font-size:clamp(16px,1.25vw,19px);font-weight:750;line-height:1.48}.mockup-workspace{grid-template-columns:minmax(260px,.48fr) minmax(300px,.52fr);gap:16px;min-width:0;display:grid}.mockup-controls,.mockup-stage{background:#ffffffe6;border:1px solid #1010101f;border-radius:10px;box-shadow:0 12px 28px #10101012}.mockup-controls{padding:16px}.mockup-option-row{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.mockup-option-row button{min-height:38px;color:var(--ink);font-family:var(--font-display);text-transform:capitalize;cursor:pointer;background:#fff;border:1px solid #10101021;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:900;display:inline-flex}.mockup-option-row button.active{border-color:var(--ink);background:#25f4ee26;box-shadow:inset 0 0 0 1px #25f4ee94}.mockup-profile-card{background:#fbfcfc;border:1px solid #1010101a;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.mockup-profile-heading,.mockup-profile-identity,.mockup-profile-actions{align-items:center;display:flex}.mockup-profile-heading{justify-content:space-between;gap:10px}.mockup-profile-heading small{color:#77777d;font-size:11px;font-weight:800}.mockup-profile-identity{gap:10px}.mockup-profile-preview{flex:none;width:42px;height:42px}.mockup-profile-identity input{min-width:0}.mockup-profile-actions{flex-wrap:wrap;gap:8px}.mockup-random-profile,.mockup-upload-avatar{color:#202631;min-height:36px;font-family:var(--font-display);cursor:pointer;background:#fff;border:1px solid #dce0e7;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.mockup-upload-avatar{width:max-content;position:relative;overflow:hidden}.mockup-upload-avatar input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mockup-download{width:100%;margin-top:2px}.mockup-stage{background:linear-gradient(135deg,#1010100d,#0000 34%),linear-gradient(315deg,#25f4ee1f,#0000 34%),#f7f7f7;place-items:center;min-height:360px;padding:clamp(16px,2.5vw,26px);display:grid}.mockup-preview{background:#fff;border:1px solid #1010101f;border-radius:24px;grid-template-columns:54px minmax(0,1fr) 20px;align-items:start;gap:12px;width:min(520px,100%);min-height:152px;padding:18px;display:grid;position:relative;box-shadow:0 20px 48px #10101029}.mockup-preview.dark{color:#fff;background:#111119;border-color:#ffffff1f;box-shadow:0 20px 48px #10101047}.mockup-preview.sticker{background:#fffffffa;border-color:#1010101f;box-shadow:0 16px #25f4ee29,0 28px #fe2c551f}.mockup-avatar{width:54px;height:54px;color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:900;display:grid;overflow:hidden}.mockup-avatar img{object-fit:cover;width:100%;height:100%}.mockup-body{min-width:0}.mockup-name,.mockup-actions,.mockup-note{align-items:center;display:flex}.mockup-name{color:inherit;font-family:var(--font-tiktok);gap:6px;font-size:14px;font-weight:750}.mockup-body p{color:inherit;font-family:var(--font-tiktok);overflow-wrap:anywhere;margin:8px 0 12px;font-size:18px;font-weight:650;line-height:1.25}.mockup-actions{color:var(--muted);font-family:var(--font-tiktok);gap:16px;font-size:13px;font-weight:600}.mockup-preview.dark .mockup-actions{color:#ffffff9e}.mockup-heart{color:#1618236b;fill:none;stroke-width:2px;margin-top:4px}.mockup-preview.dark .mockup-heart{color:#ffffff94}.mockup-note{color:var(--muted);gap:8px;margin-top:14px;font-size:13px;font-weight:800}.mockup-seo-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 clamp(18px,4vw,54px) 28px;display:grid}.mockup-seo-section article{background:#fffffff0;border:1px solid #1010101f;border-radius:10px;padding:18px;box-shadow:0 12px 28px #10101012}.mockup-seo-section h2{font-size:clamp(22px,2vw,32px)}.mockup-seo-section p{color:#4b4b52;margin:10px 0 0;font-weight:750}.pattern-proof{background:radial-gradient(circle at 12% 18%,#25f4ee29,#0000 28%),radial-gradient(circle at 88% 72%,#fe2c551c,#0000 30%),#ffffffb8;border-top:1px solid #10101021;border-bottom:1px solid #10101021;grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);align-items:center;gap:clamp(18px,3vw,34px);margin:-18px clamp(18px,4vw,54px) 24px;padding:clamp(24px,4vw,46px);display:grid}.pattern-proof-copy h2{max-width:620px;font-size:clamp(28px,3.2vw,52px);line-height:1}.pattern-proof-copy p:not(.section-kicker){color:#444449;max-width:560px;margin:14px 0 0;font-size:clamp(16px,1.35vw,20px);font-weight:750;line-height:1.5}.pattern-proof-visual{margin:0}.pattern-proof-visual img{border:1px solid #10101024;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 18px 42px #1010101c}.comment-value{background:linear-gradient(90deg,#25f4ee1a,#0000 32%),linear-gradient(270deg,#fe2c5514,#0000 30%),#fffffff0;border:1px solid #1010101f;border-radius:10px;grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr);align-items:stretch;gap:18px;margin:-18px clamp(18px,4vw,54px) 24px;padding:18px;display:grid;box-shadow:0 12px 30px #10101012}.value-copy h2{max-width:680px;font-size:clamp(24px,2.4vw,38px);line-height:1.04}.value-copy p:not(.section-kicker){color:#48484e;max-width:760px;margin:10px 0 0;font-size:16px;font-weight:700;line-height:1.5}.value-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.value-card{background:#fff;border:1px solid #1010101f;border-radius:8px;min-height:148px;padding:15px;position:relative;overflow:hidden}.value-card:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--coral));width:4px;position:absolute;inset:0 auto 0 0}.value-card:nth-child(2):before{background:linear-gradient(180deg, var(--coral), var(--yellow))}.value-card:nth-child(3):before{background:linear-gradient(180deg, var(--yellow), var(--cyan))}.value-card span{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:900;line-height:1.12;display:block}.value-card p{color:#4b4b52;margin:10px 0 0;font-size:14px;font-weight:750;line-height:1.45}.reply-comparison{background:linear-gradient(90deg,#25f4ee14,#0000 34%),linear-gradient(270deg,#fe2c5514,#0000 34%),#fffffff0;border:1px solid #1010101f;border-radius:10px;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);align-items:start;gap:18px;margin:-10px clamp(18px,4vw,54px) 24px;padding:18px;display:grid;box-shadow:0 12px 30px #10101012}.comparison-copy h2{font-size:clamp(22px,2.2vw,34px);line-height:1.06}.comparison-lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.comparison-lane{background:#fff;border:1px solid #1010101f;border-radius:8px;gap:12px;padding:14px;display:grid}.comparison-lane>span{color:var(--coral);text-transform:uppercase;font-size:12px;font-weight:900}.reply-pair{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:8px;display:grid}.reply-pair div{background:#f7f7f7e6;border:1px solid #1010101a;border-radius:8px;min-height:104px;padding:10px}.reply-pair div:last-child{box-shadow:inset 3px 0 0 var(--cyan);background:#25f4ee14;border-color:#25f4ee73}.reply-pair small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.reply-pair p{color:var(--ink);margin:6px 0 0;font-weight:900;line-height:1.32}.reply-pair svg{color:var(--coral)}.why-better{color:#414147;margin:0;font-size:13px;font-weight:800;line-height:1.42}.compact-info{grid-template-columns:1fr;align-items:start;gap:10px;margin:-10px clamp(18px,4vw,54px) 28px;display:grid}.compact-card{background:#ffffffeb;border:1px solid #1010101f;border-radius:10px;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);align-content:start;align-items:center;gap:18px;min-height:0;padding:16px 18px;display:grid;box-shadow:0 12px 30px #10101012}.compact-card h2{font-size:clamp(20px,1.8vw,28px)}.compact-card p{color:var(--muted);margin-bottom:0;font-weight:700}.compact-card:first-child{border-left:5px solid var(--cyan)}.compact-card:nth-child(2){border-left:5px solid var(--coral)}.compact-card:nth-child(3){border-left:5px solid var(--ink)}.compact-card:nth-child(4){border-left:5px solid var(--yellow)}.compact-steps{color:#333338;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding-left:0;font-weight:800;list-style:none;display:grid}.compact-steps li{background:#f7f7f7eb;border:1px solid #1010101a;border-radius:8px;min-height:52px;padding:10px 12px}.tip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tip-grid span{background:#25f4ee14;border:1px solid #1010101c;border-radius:8px;min-height:38px;padding:10px;font-weight:900}.compact-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.compact-faq-list details{background:#fff}.compact-faq-list summary{min-height:38px;padding:0 12px;font-size:13px}.compact-faq-list details p{padding:0 12px 12px;font-size:13px;line-height:1.45}.updates-card form{align-items:center;gap:8px;display:flex}.updates-card form svg{color:var(--green);flex:none}.updates-card input{flex:1;min-width:0}.updates-card button{border:1px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:8px;flex:none;min-height:42px;padding:0 12px;font-weight:900}.static-page{min-height:calc(100vh - 142px);padding:clamp(30px,5vw,68px) clamp(18px,4vw,54px) 54px}.static-hero{max-width:980px;margin-bottom:22px}.static-hero h1{overflow-wrap:anywhere;max-width:980px;font-size:clamp(38px,4.6vw,72px)}.static-hero p:not(.section-kicker){color:#424248;max-width:760px;font-size:clamp(17px,1.35vw,21px);font-weight:700;line-height:1.48}.static-grid,.policy-stack{background:linear-gradient(90deg,#25f4ee14,#0000 32%),linear-gradient(270deg,#fe2c5512,#0000 32%),#fffffff0;border:1px solid #1010101f;border-radius:10px;box-shadow:0 12px 30px #10101012}.static-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;display:grid}.static-grid article,.policy-stack article{background:#fff;border:1px solid #1010101a;border-radius:8px;padding:16px}.static-grid h2,.policy-stack h2{margin-bottom:10px;font-size:clamp(22px,2vw,31px)}.static-grid p,.policy-stack p{color:#45454b;margin-bottom:0;font-size:16px;font-weight:700;line-height:1.55}.policy-stack{gap:10px;max-width:980px;padding:18px;display:grid}.blog-page{background:linear-gradient(#fff 0% 34%,#fbfbfb 52%,#f7f7f7 100%);padding:0}.blog-hero{grid-template-columns:minmax(0,760px) minmax(240px,320px);align-items:end;gap:36px;width:min(100%,1280px);max-width:none;margin:0 auto;padding:64px 54px 46px;display:grid}.blog-hero h1{max-width:760px;font-family:var(--font-editorial);letter-spacing:0;margin-bottom:18px;font-size:68px;font-weight:760;line-height:.98}.blog-hero .section-kicker{color:var(--coral);margin-bottom:16px}.blog-hero p:not(.section-kicker){color:#41444c;max-width:640px;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.55}.blog-hero-note{border-left:4px solid var(--cyan);padding:18px 0 18px 18px}.blog-hero-note span,.blog-meta,.blog-sidecar-block span,.blog-example-grid span{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-weight:900}.blog-hero-note span{color:var(--green);margin-bottom:8px;font-size:12px;display:block}.blog-hero-note p{color:#191b20;font-family:var(--font-display);margin:0;font-size:22px;font-weight:900;line-height:1.18}.blog-layout{grid-template-columns:minmax(0,720px) minmax(240px,320px);align-items:start;gap:72px;width:min(1180px,100% - 108px);margin:0 auto;padding:38px 0 78px;display:grid}.blog-article{max-width:none}.blog-meta{color:#6a6d75;border-bottom:1px solid #10101024;flex-wrap:wrap;gap:10px 16px;margin-bottom:32px;padding-bottom:24px;font-size:12px;display:flex}.blog-meta span{align-items:center;min-height:28px;display:inline-flex}.blog-meta span:not(:last-child):after{background:var(--coral);content:"";border-radius:999px;width:5px;height:5px;margin-left:16px}.blog-section{border-left:3px solid #1010101f;margin-bottom:36px;padding-left:18px}.blog-article h2{color:#101318;letter-spacing:0;max-width:660px;margin-bottom:14px;font-size:31px;font-weight:900;line-height:1.08}.blog-article p{color:#30333a;max-width:690px;font-family:var(--font-editorial);margin-bottom:0;font-size:21px;font-weight:440;line-height:1.68}.blog-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:6px 0 38px;display:grid}.blog-example-card{background:linear-gradient(#10101006,#0000 52%),#fff;border:1px solid #1010101f;border-radius:8px;min-height:152px;padding:20px}.blog-example-card.is-strong{box-shadow:inset 4px 0 0 var(--green);background:linear-gradient(90deg,#25f4ee24,#0000 34%),#fff;border-color:#008f734d}.blog-example-grid span{color:var(--green);font-size:12px}.blog-example-grid p{color:var(--ink);font-family:var(--font-display);margin-top:12px;font-size:24px;font-weight:900;line-height:1.12}.blog-sidecar{gap:14px;display:grid;position:sticky;top:94px}.blog-sidecar-block{background:#fff;border:1px solid #1010101f;border-radius:8px;padding:18px;box-shadow:0 12px 28px #1010100f}.blog-sidecar-rule{background:linear-gradient(135deg,#fe2c5514,#0000 48%),#fff;border-color:#fe2c553d}.blog-sidecar-block span{color:var(--green);margin-bottom:10px;font-size:12px;display:block}.blog-sidecar-block p{color:#101318;font-family:var(--font-display);margin:0;font-size:24px;font-weight:900;line-height:1.12}.blog-sidecar-block ol{color:#3e424b;gap:10px;margin:0;padding-left:20px;font-size:15px;font-weight:700;line-height:1.42;display:grid}.blog-sidecar-cta{width:100%;margin-top:2px}.inline-cta{background:var(--ink);color:#fff;min-height:46px;font-family:var(--font-display);box-shadow:4px 4px 0 var(--cyan), 8px 8px 0 var(--coral);border-radius:8px;justify-content:center;align-items:center;margin-top:24px;padding:0 16px;font-weight:900;display:inline-flex}.content-section,.examples-band,.faq-section,.email-band{border-top:1px solid #17171621;margin:0 clamp(18px,4vw,54px);padding:clamp(42px,7vw,76px) 0}.content-section{align-items:flex-start}.content-section>div,.faq-section>div:first-child{min-width:min(360px,100%)}.content-section>p{color:#4d4941;max-width:560px;font-size:18px}.steps-list{color:#403c35;max-width:700px;margin:0;font-size:18px}.steps-list li{margin-bottom:12px;padding-left:4px}.examples-band{gap:24px;display:grid}.examples-grid,.practice-grid,.method-grid,.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(820px,100%)}.method-card,.comparison-card,.example-card{background:#fffdf8c7;border:1px solid #17171621;border-radius:8px;min-height:148px;padding:18px}.method-card{border-left:5px solid var(--yellow)}.comparison-card{background:linear-gradient(135deg,#3ab7bd14,#0000 44%),#fffdf8d1;gap:12px;display:grid}.method-card span,.comparison-card span,.example-card span{color:var(--coral);text-transform:uppercase;font-size:13px;font-weight:900}.comparison-card div{background:#ffffff94;border:1px solid #1717161a;border-radius:8px;padding:12px}.comparison-card small{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:900}.comparison-card em{color:#5a554d;font-size:14px;font-style:normal;font-weight:800}.method-card p,.example-card p,.comparison-card p,.practice-grid p{color:#2e2b27;margin:12px 0 0;font-size:18px;font-weight:800}.method-card p,.comparison-card p{font-size:16px;line-height:1.42}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.practice-grid p{border-left:5px solid var(--cyan);background:#fffdf8b8;border-radius:8px;min-height:112px;padding:18px}.faq-section{align-items:flex-start}.faq-list{gap:10px;width:min(740px,100%);display:grid}details{background:#fffdf8c7;border:1px solid #17171624;border-radius:8px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:0 18px;font-weight:900;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details[open] summary svg{transform:rotate(90deg)}details p{color:#4d4941;margin:0;padding:0 18px 18px}.email-band{border-bottom:1px solid #17171621;align-items:center}.email-band>div{max-width:620px}.email-band svg{color:var(--green)}.email-band p{color:var(--muted);margin-bottom:0}.email-band form{gap:10px;width:min(420px,100%)}.email-band input{flex:1}.email-band button{background:var(--yellow);border-color:var(--ink);min-width:126px;padding:0 16px}footer{color:var(--muted);border-top:1px solid #1010101a;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(18px,4vw,54px) 24px;font-size:14px;display:flex}footer span:first-child{color:var(--ink);font-weight:900}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px;font-weight:800;display:flex}.footer-links a{color:#3f3f45}.pipeline-page{background:#fbfbf8;min-height:100vh}.pipeline-shell{padding:14px clamp(18px,3.6vw,44px) 28px}.pipeline-intro{grid-template-columns:minmax(0,.92fr) minmax(390px,.7fr);align-items:center;column-gap:28px;max-width:none;margin-bottom:8px;display:grid}.pipeline-intro .section-kicker{grid-column:1/-1}.pipeline-intro h1{grid-column:1;max-width:none;margin-bottom:0;font-size:clamp(24px,2.2vw,31px);line-height:1.05}.pipeline-intro p:not(.section-kicker){border-left:2px solid var(--green);color:#53535b;grid-column:2;max-width:none;margin-bottom:0;padding-left:16px;font-size:14px;font-weight:700;line-height:1.38}.pipeline-flow{background:#ffffffc7;border:1px solid #1010101a;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:10px 0 12px;display:grid;overflow:hidden}.pipeline-flow span{color:#4d4d55;min-width:0;min-height:42px;font-family:var(--font-display);align-items:center;gap:9px;padding:0 14px;font-size:13px;font-weight:900;display:flex}.pipeline-flow span+span{border-left:1px solid #10101014}.pipeline-flow strong{color:#fff;background:#101010;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:grid}.pipeline-use-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none;margin:0 0 10px;display:grid}.pipeline-use-cases article{background:#ffffffc7;border:1px solid #1010101c;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px 12px;display:grid}.pipeline-use-cases article>div{min-width:0}.pipeline-use-cases article:first-child{box-shadow:inset 4px 0 0 var(--cyan)}.pipeline-use-cases article:last-child{box-shadow:inset 4px 0 0 var(--coral)}.pipeline-use-cases svg{color:var(--green)}.pipeline-use-cases strong{color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:900;display:block}.pipeline-use-cases span{color:#5f5f66;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.35;display:block}.pipeline-use-case-tag{color:#323238;min-height:28px;font-family:var(--font-display);white-space:nowrap;background:#fff;border:1px solid #1010101f;border-radius:999px;justify-self:end;align-items:center;padding:0 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.pipeline-use-cases article:first-child .pipeline-use-case-tag{color:var(--green);border-color:#25f4ee57}.pipeline-use-cases article:last-child .pipeline-use-case-tag{color:var(--coral);border-color:#fe2c554d}.pipeline-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:30px;display:grid}.pipeline-step{align-items:center;gap:12px;min-width:0;display:flex;position:relative}.pipeline-step:not(:last-child):after{content:"";background:#10101029;flex:1;min-width:40px;height:1px;margin-left:14px;display:block}.pipeline-step.is-active:not(:last-child):after{background:linear-gradient(90deg, var(--green), #10101024)}.pipeline-step>span{background:var(--coral);color:#fff;width:38px;height:38px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid;box-shadow:0 8px 18px #fe2c5533}.pipeline-step.is-active>span{background:var(--green);box-shadow:0 8px 18px #008f7338}.pipeline-step strong{color:var(--green);font-family:var(--font-display);font-size:16px;line-height:1.1;display:block}.pipeline-step small{color:#6c6c73;font-size:14px;font-weight:700;display:block}.pipeline-panel{min-width:0;box-shadow:none;background:#fffffff5;border:1px solid #1010101f;border-radius:8px;padding:22px 24px;position:relative}.pipeline-describe{grid-area:describe;position:sticky;top:88px}.pipeline-pick{grid-area:pick}.pipeline-mock{grid-area:mock}.pipeline-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pipeline-panel-heading p{color:var(--ink);font-family:var(--font-display);margin-bottom:0;font-size:16px;font-weight:900}.pipeline-panel-heading span{color:#6b6b73;text-transform:uppercase;font-size:12px;font-weight:900}.pipeline-pick h2{margin-bottom:14px;font-size:28px;line-height:1.08}.pipeline-context-field{margin-bottom:18px}.pipeline-context-field textarea{resize:none;min-height:166px}.pipeline-context-field small{color:#77777d;pointer-events:none;justify-self:end;margin-top:-34px;padding-right:12px;font-size:12px;font-weight:800}.pipeline-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pipeline-more{color:#4c4c54;width:100%;min-height:44px;font-family:var(--font-display);cursor:pointer;background:0 0;border-top:1px solid #1010101a;border-radius:0;justify-content:space-between;align-items:center;margin:2px 0 18px;font-size:14px;font-weight:800;display:flex}.pipeline-more[aria-expanded=true] svg{transform:rotate(90deg)}.pipeline-advanced{background:#f7f7f4d1;border:1px solid #1010101a;border-radius:8px;gap:12px;margin:-4px 0 18px;padding:14px;display:grid}.pipeline-generate,.pipeline-export{min-height:56px;font-family:var(--font-display);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:900;display:inline-flex}.pipeline-generate{background:var(--green);color:#fff;width:100%;box-shadow:0 16px 32px #008f7338}.pipeline-action-step{border-top:1px solid #1010101a;gap:9px;margin-top:2px;padding-top:14px;display:grid}.pipeline-action-step>span{color:var(--green);font-family:var(--font-display);font-size:13px;font-weight:900}.pipeline-export{border:1px solid var(--ink);background:var(--ink);color:#fff;min-width:0;padding:0 18px;box-shadow:0 14px 26px #1010102e}.pipeline-hint{color:#7a7a82;justify-content:center;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;font-weight:700;display:flex}.pipeline-proof-card{background:#fbfbf8;border:1px solid #1010101a;border-radius:8px;gap:9px;margin-top:28px;padding:16px;display:grid}.pipeline-proof-card strong{color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:900}.pipeline-proof-card span{color:#4c4c54;font-size:13px;font-weight:700;line-height:1.45}.pipeline-proof-card small{width:max-content;min-height:30px;color:var(--green);background:#fff;border:1px solid #008f732e;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pipeline-filters button{color:#2e2e33;min-height:32px;font-family:var(--font-display);cursor:pointer;background:#fff;border:1px solid #10101021;border-radius:8px;padding:0 13px;font-size:12px;font-weight:800}.pipeline-filters button.active{border-color:var(--ink);background:var(--ink);color:#fff}.pipeline-selected-use{background:#25f4ee14;border:1px solid #008f7338;border-radius:8px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.pipeline-selected-use>span{color:var(--green);font-family:var(--font-display);text-transform:uppercase;font-size:11px;font-weight:900}.pipeline-selected-use p{color:var(--ink);margin:0;font-size:14px;font-weight:800;line-height:1.34}.pipeline-selected-use div{flex-wrap:wrap;gap:8px;display:flex}.pipeline-selected-use button{min-height:34px;color:var(--ink);font-family:var(--font-display);cursor:pointer;background:#fff;border:1px solid #1010101f;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-comment-list{background:#fff;border:1px solid #1010101a;border-radius:8px;gap:0;display:grid;overflow:hidden}.pipeline-comment-row{background:#fff;border:0;border-radius:0;grid-template-columns:30px minmax(0,1fr) 64px;align-items:start;gap:12px;min-height:54px;padding:8px 12px;display:grid}.pipeline-comment-row.selected{box-shadow:inset 4px 0 0 var(--green);background:#008f730f;border-color:#008f734d}.pipeline-radio{width:24px;height:24px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #1010103d;border-radius:50%;place-items:center;display:grid}.pipeline-comment-row.selected .pipeline-radio{border-color:var(--green);box-shadow:inset 0 0 0 4px #008f7329}.pipeline-comment-text{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;gap:3px;padding:0;display:grid}.pipeline-comment-row.selected .pipeline-comment-text span{white-space:normal}.pipeline-comment-text span{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750;line-height:1.3;overflow:hidden}.pipeline-comment-text small{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:900}.pipeline-row-actions{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-start;gap:8px;min-width:0;margin-top:2px;display:flex}.pipeline-row-actions button{min-height:34px;color:var(--ink);font-family:var(--font-display);cursor:pointer;background:#fff;border:1px solid #1010101a;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-row-stats{color:#7a7a82;grid-area:1/3;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-row-stats svg{fill:none}.pipeline-list-footer,.pipeline-export-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.pipeline-list-footer{margin-top:22px}.pipeline-list-footer span{color:#6f6f76;font-weight:800}.pipeline-panel-note{color:#5f5f66;margin:-4px 0 16px;font-weight:700}.pipeline-mock{background:#fff;position:sticky;top:88px}.pipeline-canvas-bar{grid-template-columns:1fr;align-items:start;gap:14px;margin-bottom:16px;display:grid}.pipeline-canvas-bar .pipeline-panel-heading{margin-bottom:6px}.pipeline-canvas-bar .pipeline-panel-note{max-width:520px;margin:0}.pipeline-canvas-actions{flex-wrap:wrap;justify-content:stretch;align-items:flex-start;gap:10px;min-width:0;display:flex}.pipeline-canvas-actions .pipeline-customize{flex:100%;margin-top:0;position:relative}.pipeline-canvas-actions .pipeline-customize summary{white-space:nowrap;background:#fff;min-height:44px;padding:0 14px}.pipeline-canvas-actions .pipeline-customize[open] .pipeline-mock-controls{z-index:12;width:min(420px,100vw - 48px);max-height:min(680px,100vh - 180px);margin-top:0;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 44px #10101024}.pipeline-canvas-actions .pipeline-export,.pipeline-canvas-actions .secondary-action{flex:150px;min-height:44px}.pipeline-panel-note strong{color:var(--ink);font-family:var(--font-tiktok);font-weight:850}.pipeline-customize{margin-top:14px}.pipeline-customize summary{color:#3f3f46;min-height:44px;font-family:var(--font-display);cursor:pointer;background:#f7f7f4;border:1px solid #1010101a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:900;list-style:none;display:flex}.pipeline-customize summary::-webkit-details-marker{display:none}.pipeline-customize summary svg{color:#727279;transition:transform .16s}.pipeline-customize[open] summary svg{transform:rotate(180deg)}.pipeline-customize[open] .pipeline-mock-controls{margin-top:10px}.pipeline-mock-controls{background:#ffffffd1;border:1px solid #1010101a;border-radius:8px;gap:12px;padding:12px;display:grid}.pipeline-mock-group{gap:7px;min-width:0;display:grid}.pipeline-mock-label{color:#65656d;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.pipeline-mock-row,.pipeline-mock-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pipeline-mock-segmented{background:#f7f7f4;border:1px solid #1010101c;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.pipeline-mock-segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-mock-segmented button{color:#38383f;min-width:0;min-height:34px;font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-mock-segmented button.active{background:var(--ink);color:#fff;box-shadow:0 8px 16px #1010101f}.pipeline-editor-tabs{background:#fff;border:1px solid #1010101c;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.pipeline-editor-tabs button{color:#424249;min-width:0;min-height:36px;font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-editor-tabs button.active{color:var(--ink);background:#25f4ee2e;box-shadow:inset 0 0 0 1px #25f4ee7a}.pipeline-editor-pane{gap:12px;min-width:0;display:grid}.pipeline-mock-comment textarea{resize:vertical;min-height:92px}.pipeline-mock-controls input[type=text]{width:100%;min-width:0;min-height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #1010102e;border-radius:6px;padding:0 10px;font-weight:750}.pipeline-mock-controls input[type=text]:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #25f4ee42}.pipeline-control-stack{gap:12px;min-width:0;display:grid}.pipeline-control-label{color:#75757a;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.pipeline-profile-card,.pipeline-time-pill,.pipeline-metric-pill,.pipeline-metric-randomize{background:#ffffffeb;border:1px solid #10101021;box-shadow:inset 0 0 0 1px #10101009}.pipeline-profile-card{border-radius:15px;grid-template-columns:1fr;align-items:stretch;gap:8px;min-height:58px;padding:7px;display:grid}.pipeline-profile-identity{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.pipeline-profile-identity .preview-avatar{width:44px;height:44px}.pipeline-profile-identity input,.pipeline-time-pill input,.pipeline-metric-pill input,.pipeline-time-pill select{min-width:0;color:var(--ink);font-family:var(--font-tiktok);background:0 0;border:0;outline:none;font-weight:800}.pipeline-profile-identity input{height:44px;padding:0 2px;font-size:18px}.pipeline-profile-actions{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.pipeline-icon-action{color:#66666d;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid;position:relative;overflow:hidden}.pipeline-icon-action:hover,.pipeline-icon-action.active{color:var(--ink);background:#f4f4f0}.pipeline-icon-action.active{box-shadow:inset 0 0 0 1px #1010102e}.pipeline-icon-action input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pipeline-profile-gender{background:#f7f7f4;border:1px solid #1010101c;border-radius:10px;flex:138px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:auto;padding:3px;display:inline-grid}.pipeline-profile-gender button{color:#424249;min-height:28px;font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:7px;padding:0 8px;font-size:11px;font-weight:900}.pipeline-control-status{color:#77777d;font-size:12px;font-weight:800}.pipeline-metric-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0;display:grid}.pipeline-time-pill,.pipeline-metric-pill{color:#5f5f66;border-radius:15px;align-items:center;min-height:44px;display:grid}.pipeline-time-pill{grid-column:1/-1;grid-template-columns:18px 18px 1px minmax(32px,.6fr) 1px minmax(70px,1fr) 14px;gap:9px;padding:0 10px;position:relative}.pipeline-time-pill .muted{color:#c4c4c7}.pipeline-divider{background:#1010101a;width:1px;height:18px}.pipeline-time-pill input,.pipeline-metric-pill input{text-align:center;height:34px;padding:0;font-size:20px}.pipeline-time-pill select{z-index:1;appearance:none;color:#67676d;height:34px;padding:0 18px 0 0;font-size:14px;position:relative}.pipeline-select-chevron{pointer-events:none}.pipeline-metric-pill{grid-template-columns:20px 1px minmax(0,1fr);gap:8px;padding:0 10px}.pipeline-metric-randomize{color:#76767c;cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.pipeline-metric-randomize:hover{color:var(--ink);box-shadow:inset 0 0 0 2px #1010101f}.pipeline-preview-frame{min-height:500px;font-family:var(--font-tiktok);background:#171716;border:1px solid #1010101f;border-radius:8px;margin-top:16px;position:relative;overflow:hidden}.pipeline-mock .pipeline-preview-frame{background-color:#f7f8fa;min-height:360px;margin-top:0}.pipeline-preview-frame.bubble,.pipeline-preview-frame.sheet{min-height:430px}.pipeline-preview-frame.sheet.transparent{min-height:280px}.pipeline-preview-frame.overlay{min-height:470px}.pipeline-preview-frame.transparent{background-color:#f4f4ef;background-image:linear-gradient(45deg,#1010100e 25%,#0000 25%),linear-gradient(-45deg,#1010100e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1010100e 75%),linear-gradient(-45deg,#0000 75%,#1010100e 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.pipeline-mock .pipeline-preview-frame.transparent{background-color:#f7f8fa;background-image:none}.pipeline-preview-frame.dark.transparent{background-color:#1a1b20}.pipeline-preview-frame.scene:before{z-index:1;content:"";background:#10101047;position:absolute;inset:0}.pipeline-preview-frame.dark.scene:before{background:#0000007a}.pipeline-preview-frame>img{z-index:0;object-fit:cover;filter:saturate(.92)brightness(.82);width:100%;height:100%;position:absolute;inset:0}.pipeline-preview-video-ui{z-index:2;color:#fff;text-shadow:0 1px 12px #00000061;gap:2px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.pipeline-preview-video-ui span,.pipeline-preview-video-ui small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pipeline-preview-video-ui span{font-size:13px;font-weight:900}.pipeline-preview-video-ui small{font-size:12px;font-weight:700}.pipeline-comment-sheet,.pipeline-comment-bubble,.pipeline-comment-overlay{z-index:3;color:var(--ink);position:absolute}.pipeline-comment-sheet{background:#fff;border:1px solid #10101014;border-radius:18px;min-height:112px;padding:16px 14px;inset:auto 18px 82px;overflow:hidden;box-shadow:0 16px 36px #10101033}.pipeline-preview-frame.dark .pipeline-comment-sheet,.pipeline-preview-frame.dark .pipeline-comment-bubble,.pipeline-preview-frame.dark .pipeline-comment-overlay{color:#fff;background:#111217;border-color:#ffffff1f}.pipeline-preview-frame.transparent .pipeline-comment-sheet{inset:50% 18px auto;transform:translateY(-50%)}.pipeline-mock .pipeline-preview-frame.transparent .pipeline-comment-sheet{border-radius:20px;min-height:156px;padding:22px;left:20px;right:20px;box-shadow:0 18px 34px #10101024}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply strong{color:#1618238f;font-size:14px;font-weight:700}.pipeline-mock .pipeline-preview-frame.transparent .preview-verified{width:18px;height:18px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply p{color:#161823;max-width:640px;margin:5px 0 10px;font-size:clamp(15px,1.04vw,18px);font-weight:500;line-height:1.28}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply small,.pipeline-mock .pipeline-preview-frame.transparent .preview-reply-count{color:#16182380;font-size:14px;font-weight:600}.pipeline-mock .pipeline-preview-frame.transparent .preview-likes{gap:5px;padding-top:4px;font-size:12px;font-weight:700}.pipeline-mock .pipeline-preview-frame.transparent .preview-likes span{max-width:72px}.pipeline-comment-bubble{background:#fff;border:1px solid #1010101a;border-radius:18px;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:13px;min-height:190px;padding:18px;display:grid;top:50%;left:22px;right:22px;transform:translateY(-50%);box-shadow:0 18px 36px #1010102e}.pipeline-comment-overlay{background:#fffffff0;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid;bottom:68px;left:18px;right:18px;box-shadow:0 12px 28px #10101033}.pipeline-preview-frame.transparent .pipeline-comment-overlay{top:50%;bottom:auto;transform:translateY(-50%)}.pipeline-sheet-heading{justify-content:center;align-items:center;gap:6px;min-height:36px;margin-bottom:8px;padding:0 34px;display:flex;position:relative}.pipeline-sheet-heading strong{color:#161823;font-family:var(--font-tiktok);font-size:15px;font-weight:700}.pipeline-sheet-heading span{color:#1618238f;font-size:14px;font-weight:600}.pipeline-preview-comments{gap:0;display:grid}.preview-reply{border:1px solid #0000;border-radius:0;grid-template-columns:36px minmax(0,1fr) 46px;align-items:start;gap:10px;min-width:0;padding:0;display:grid}.preview-reply.selected{background:0 0;border-color:#0000}.preview-avatar{width:32px;height:32px;color:var(--green);background:#25f4ee3d;border-radius:50%;place-items:center;display:grid}.preview-avatar span{color:#101010;border-radius:50%;place-items:center;width:100%;height:100%;font-size:11px;font-weight:900;display:grid}.preview-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.preview-avatar.large{width:46px;height:46px}.preview-avatar.large span{font-size:14px}.preview-avatar.muted{color:#707079;background:#10101012}.preview-reply strong{color:#1618238c;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.preview-reply em,.pipeline-bubble-body em{color:#fff;background:#161823;border-radius:4px;width:max-content;margin:3px 0 1px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.preview-verified{background:var(--cyan);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;display:inline-grid}.preview-reply p{color:#161823;margin:2px 0 5px;font-size:14px;font-weight:500;line-height:1.25}.preview-reply small{color:#16182380;font-size:12px;font-weight:500}.preview-reply-count{color:#1618237a;margin-top:8px;font-size:12px;font-weight:600;display:block}.preview-likes{color:#16182375;place-items:center;gap:3px;padding-top:4px;font-size:11px;font-weight:600;display:grid}.preview-likes svg{color:#1618236b;fill:none;stroke-width:2px}.preview-likes span{text-align:center;text-overflow:ellipsis;max-width:44px;overflow:hidden}.pipeline-preview-frame.dark .pipeline-sheet-heading strong,.pipeline-preview-frame.dark .preview-reply p,.pipeline-preview-frame.dark .pipeline-bubble-body p{color:#fff}.pipeline-preview-frame.dark .pipeline-sheet-heading span,.pipeline-preview-frame.dark .preview-reply strong,.pipeline-preview-frame.dark .preview-reply small,.pipeline-preview-frame.dark .preview-reply-count,.pipeline-preview-frame.dark .pipeline-bubble-body strong,.pipeline-preview-frame.dark .pipeline-bubble-body small,.pipeline-preview-frame.dark .pipeline-add-comment{color:#ffffffa8}.pipeline-preview-frame.dark .preview-reply.selected{background:0 0;border-color:#0000}.pipeline-preview-frame.dark .preview-avatar.muted{color:#ffffffb8;background:#ffffff17}.pipeline-bubble-body{min-width:0}.pipeline-bubble-body strong{color:#1618238c;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.pipeline-bubble-body p{overflow-wrap:anywhere;color:#161823;margin:5px 0 10px;font-size:15px;font-weight:500;line-height:1.28}.pipeline-bubble-body small{color:#16182380;font-size:12px;font-weight:500}.pipeline-comment-overlay .pipeline-bubble-body p{margin-bottom:7px;font-size:14px}.pipeline-comment-bubble .preview-likes,.pipeline-comment-overlay .preview-likes{justify-self:end;padding-top:2px}.pipeline-add-comment{color:#8a8a91;border:1px solid #1010101f;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;margin-top:12px;padding:0 12px;font-weight:700;display:flex}.pipeline-export-actions{margin-top:18px}.pipeline-export-actions .secondary-action,.pipeline-export{flex:1}.pipeline-export-note{color:#74747c;text-align:center;margin:10px 0 0;font-size:12px;font-weight:800}@media (width<=1280px){.pipeline-board,.pipeline-steps{grid-template-columns:1fr}.pipeline-board{grid-template-areas:"describe""pick""mock"}.pipeline-describe,.pipeline-mock{position:static}.pipeline-step{padding:8px 0}.pipeline-step:not(:last-child):after{display:none}.pipeline-panel+.pipeline-panel{border-left:1px solid #1010101f}.pipeline-preview-frame{min-height:500px}}@media (width<=760px){.pipeline-shell{padding-top:22px}.pipeline-intro{display:block}.pipeline-intro h1{font-size:38px}.pipeline-intro p:not(.section-kicker){border-left:0;padding-left:0;font-size:16px}.pipeline-flow{grid-template-columns:1fr}.pipeline-flow span+span{border-top:1px solid #10101014;border-left:0}.pipeline-panel{padding:18px}.pipeline-use-cases,.pipeline-select-grid{grid-template-columns:1fr}.pipeline-use-cases{max-width:none}.pipeline-use-cases article{grid-template-columns:30px minmax(0,1fr)}.pipeline-use-case-tag{grid-column:2;justify-self:start}.pipeline-context-field textarea{min-height:180px}.pipeline-comment-text span{white-space:normal}.pipeline-comment-row{grid-template-columns:30px minmax(0,1fr) 64px;gap:10px}.pipeline-row-actions{grid-column:2/-1;justify-content:flex-start}.pipeline-row-actions:empty{display:none}.pipeline-row-stats{grid-area:1/3}.pipeline-canvas-bar{grid-template-columns:1fr}.pipeline-canvas-actions{flex-wrap:wrap;justify-content:stretch}.pipeline-canvas-actions .pipeline-customize,.pipeline-canvas-actions .pipeline-export,.pipeline-canvas-actions .secondary-action{flex:100%}.pipeline-canvas-actions .pipeline-customize summary,.pipeline-canvas-actions .pipeline-export,.pipeline-canvas-actions .secondary-action{width:100%}.pipeline-canvas-actions .pipeline-customize[open] .pipeline-mock-controls{width:100%;max-height:none;box-shadow:none;margin-top:10px;position:static}.pipeline-mock .pipeline-preview-frame.sheet.transparent{min-height:360px}.pipeline-mock .pipeline-preview-frame.transparent .pipeline-comment-sheet{border-radius:18px;min-height:0;padding:20px 18px;left:16px;right:16px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply{grid-template-columns:44px minmax(0,1fr) 48px;gap:10px}.pipeline-mock .pipeline-preview-frame.transparent .preview-avatar{width:38px;height:38px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply strong{font-size:13px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply p{margin:4px 0 8px;font-size:16px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply small,.pipeline-mock .pipeline-preview-frame.transparent .preview-reply-count{font-size:13px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply-count{margin-top:9px}.pipeline-mock .pipeline-preview-frame.transparent .preview-likes{font-size:12px}.pipeline-mock .pipeline-preview-frame.transparent .preview-likes svg{width:18px;height:18px}.pipeline-mock-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline-mock-segmented button{gap:4px;min-height:32px;padding:0 5px;font-size:11px}.pipeline-mock-segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-mock-comment textarea{min-height:78px}.pipeline-profile-card{grid-template-columns:1fr;align-items:stretch}.pipeline-profile-actions{justify-content:space-between}.pipeline-profile-gender{flex:132px;width:auto}.pipeline-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-time-pill{grid-column:1/-1}.pipeline-metric-randomize{border-radius:15px;width:100%}.pipeline-preview-frame,.pipeline-preview-frame.bubble,.pipeline-preview-frame.overlay{min-height:520px}.pipeline-preview-frame.bubble{min-height:430px}.pipeline-comment-bubble{grid-template-columns:42px minmax(0,1fr);padding:16px;left:14px;right:14px}.pipeline-comment-bubble .preview-likes{grid-column:2;justify-self:start;padding-top:0}.pipeline-comment-overlay{grid-template-columns:34px minmax(0,1fr);left:12px;right:12px}.pipeline-comment-overlay .preview-likes{grid-column:2;justify-self:start;padding-top:0}.pipeline-bubble-body p{font-size:15px}.pipeline-list-footer,.pipeline-export-actions{flex-direction:column;align-items:stretch}}@media (width<=1100px){.workbench-hero,.tool-band,.pattern-proof,.mockup-maker,.mockup-workspace,.mockup-seo-section,.blog-hero,.blog-layout{grid-template-columns:1fr}.blog-hero{align-items:start;padding-bottom:34px}.blog-layout{gap:38px}.blog-sidecar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.blog-sidecar-cta{grid-column:1/-1}.compact-info,.compact-card,.compact-steps,.compact-faq-list,.reply-comparison,.comparison-lanes{grid-template-columns:1fr}.workbench-hero{min-height:auto}.generator{position:static}.hero-product{display:none}}@media (width<=760px){.site-header{flex-direction:row;align-items:center;padding-top:12px;padding-bottom:12px;position:static}.site-header nav{justify-content:flex-end;align-items:center;gap:10px;width:auto;display:flex}.site-header nav a:not(.nav-button){display:none}.site-header nav a[href=\/fake-tiktok-comment-generator]{display:inline-flex}.workbench-hero{gap:14px;padding-top:16px;padding-bottom:42px}.workbench-left{gap:14px}h1{font-size:clamp(34px,9vw,44px);line-height:.98}.hero-lede{font-size:16px}.workbench-hero .results{min-height:auto}.workbench-hero .generator,.workbench-hero .results{padding:16px}.workbench-hero .tool-heading h2,.workbench-hero .results-heading h2{font-size:24px}.generator-controls{grid-template-columns:1fr}textarea{min-height:112px}.eyebrow{margin-bottom:12px;font-size:11px}.safety-strip span{min-height:30px;font-size:12px}.trust-note{font-size:13px}.workbench-intro .safety-strip,.workbench-intro .trust-note,.hero-product{display:none}.segmented,.control-grid,.comment-list,.pattern-proof,.mockup-maker,.mockup-workspace,.mockup-seo-section,.comment-value,.value-cards,.static-grid,.blog-example-grid,.compact-info,.tip-grid,.examples-grid,.method-grid,.comparison-grid,.practice-grid{grid-template-columns:1fr}.tool-heading,.results-heading,.content-section,.faq-section,.email-band,footer{flex-direction:column}.content-section>p{max-width:none}.email-band form,.updates-card form{flex-direction:column;align-items:stretch}.output-preview .preview-comment:nth-of-type(n+4){display:none}.blog-page{background:#fff}.blog-hero{gap:22px;padding:34px 18px 24px}.blog-hero h1{font-size:42px;line-height:1.03}.blog-hero p:not(.section-kicker){font-size:17px;font-weight:600;line-height:1.5}.blog-hero-note{padding:15px 0 15px 15px}.blog-hero-note p{font-size:20px}.blog-layout{width:calc(100% - 36px);padding:18px 0 52px}.blog-meta{margin-bottom:24px;padding-bottom:18px}.blog-section{margin-bottom:28px;padding-left:14px}.blog-article h2{font-size:25px}.blog-article p{font-size:19px;line-height:1.62}.blog-example-grid{margin-bottom:30px}.blog-example-card{min-height:126px;padding:16px}.blog-example-grid p{font-size:22px}.blog-sidecar{grid-template-columns:1fr;gap:10px}.blog-sidecar-block{padding:16px}}@media (width<=460px){.site-header{gap:8px;padding:10px 14px}.brand{gap:8px;min-width:0}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.brand-mark{width:34px;height:34px;box-shadow:3px 3px 0 var(--ink), -2px 0 0 var(--cyan), 5px 0 0 var(--coral);font-size:12px}.site-header nav{display:flex}.site-header nav a[href=\/fake-tiktok-comment-generator]{display:none}.nav-button{white-space:nowrap;min-height:34px;padding:0 10px;font-size:13px;box-shadow:2px 2px #25f4eeb8,4px 4px #fe2c558a}.actions,.primary-action,.secondary-action{width:100%}.comment-actions button,.quick-remix button{flex:100%}.blog-hero{padding:28px 14px 20px}.blog-hero h1{font-size:36px}.blog-layout{width:calc(100% - 28px)}.blog-meta{gap:4px;display:grid}.blog-meta span:not(:last-child):after{display:none}.blog-article p{font-size:18px}.blog-example-grid p,.blog-sidecar-block p{font-size:20px}}.pipeline-page{color:#0f1117;background:#fff;min-height:100vh;overflow-y:visible}.site-header-pipeline{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5}.site-header-pipeline .brand{color:#111318}.site-header-pipeline .brand-mark{color:#fff;box-shadow:none;background:#111318;border-color:#111318}.site-header-pipeline .nav-button{box-shadow:none;background:#fff;border-color:#d5dae3}.pipeline-shell{width:100%;max-width:1488px;margin:0 auto;padding:16px 22px 96px}.pipeline-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pipeline-flow{background:#fff;border:0;border-bottom:1px solid #1010101c;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr) minmax(0,1.02fr);gap:0;margin:0 0 10px;display:grid}.pipeline-flow-step{grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:62px;padding:4px 14px;display:grid;position:relative}.pipeline-flow-step strong{color:#111827;width:36px;height:36px;font-family:var(--font-display);background:#fff;border:1px solid #d4d8e0;border-radius:999px;place-items:center;font-size:16px;font-weight:900;display:grid}.pipeline-flow-step.active strong{border-color:var(--green);background:var(--green);color:#fff}.pipeline-flow-step span{color:#151720;min-width:0;font-family:var(--font-display);gap:2px;font-size:14px;font-weight:900;display:grid}.pipeline-flow-step small{color:#667085;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.2;overflow:hidden}.pipeline-flow-arrow{color:#8a92a1;justify-self:end}.pipeline-promise{background:0 0;border-bottom:1px solid #1010101a;grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:10px;margin:0 0 16px;padding:2px 0 14px;display:grid}.pipeline-promise h1{color:#101318;font-family:var(--font-display);margin:0;font-size:18px;font-weight:900;line-height:1.15}.pipeline-promise p{color:#5f6675;max-width:760px;margin:4px 0 0;font-size:13px;font-weight:650;line-height:1.35}.pipeline-promise span{color:#58606f;background:#f3f5f7;border:0;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:750;line-height:1.2;display:inline-flex}.pipeline-board{grid-template-columns:minmax(290px,340px) minmax(520px,1fr) minmax(360px,430px);grid-template-areas:"describe pick mock";align-items:start;gap:8px;display:grid}.pipeline-panel{min-width:0;min-height:0;box-shadow:none;background:#fff;border:1px solid #1010101f;border-radius:8px;padding:22px}.pipeline-panel+.pipeline-panel{border-left:1px solid #1010101f}.pipeline-describe,.pipeline-mock{position:static;top:auto}.pipeline-panel-heading{align-items:flex-start;margin-bottom:14px}.pipeline-panel-heading p{color:#111318;margin-bottom:4px;font-size:17px}.pipeline-panel-heading span,.pipeline-pick-heading>div>span{color:#606776;font-family:var(--font-body);text-transform:none;font-size:13px;font-weight:650;line-height:1.35}.pipeline-context-field textarea{min-height:184px;box-shadow:none;border-color:#d9dde5;border-radius:8px}.pipeline-context-field small{color:#606776;margin-top:-35px}.pipeline-select-grid{gap:12px;margin-top:18px}.pipeline-more{color:#31353f;border-top:1px solid #e7e9ee;min-height:44px;margin:10px 0 18px}.pipeline-action-step{border-top:0;gap:12px;padding-top:0}.pipeline-action-step>span{display:none}.pipeline-generate{background:linear-gradient(#069874 0%,#008763 100%);border-radius:7px;min-height:56px;box-shadow:0 14px 28px #008f732e}.pipeline-hint{color:#667085;justify-content:flex-start;margin:12px 0 0;font-size:13px}.pipeline-proof-card{background:#fbfcfc;border-color:#e2e6eb;gap:10px;margin-top:34px;padding:16px}.pipeline-proof-card strong{font-size:14px}.pipeline-proof-card span{color:#4f5665;font-size:13px}.pipeline-proof-card small{min-height:0;color:var(--green);background:0 0;border:0;padding:0}.pipeline-pick{grid-area:pick;padding:0;overflow:visible}.pipeline-pick-heading{margin-bottom:0;padding:22px 22px 0}.pipeline-heading-actions{color:#606776;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}.pipeline-heading-actions button{color:#596170;cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.pipeline-panel-note{color:#606776;margin:0;padding:0 22px 18px;font-size:13px;font-weight:650}.mockup-template-page{min-height:auto}.mockup-template-page .pipeline-shell{padding-bottom:30px}.mockup-template-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.mockup-template-board{grid-template-columns:minmax(300px,360px) minmax(500px,1fr) minmax(320px,390px)}.mockup-template-input{gap:14px;display:grid}.mockup-template-input .mockup-profile-card,.mockup-template-input .pipeline-context-field{margin-bottom:0}.mockup-template-input .pipeline-context-field textarea{min-height:238px}.mockup-template-preview{padding:0;overflow:hidden}.mockup-template-stage{background:linear-gradient(135deg,#1010100e,#0000 34%),linear-gradient(315deg,#25f4ee1f,#0000 34%),#f7f8fa;border-top:1px solid #e7e9ee;border-bottom:1px solid #e7e9ee;place-items:center;min-height:520px;padding:28px;display:grid}.mockup-template-stage .mockup-preview{width:min(620px,100%);min-height:176px}.mockup-template-stage .mockup-body p{font-size:clamp(19px,1.35vw,26px)}.mockup-template-export{gap:16px;display:grid}.mockup-template-export .mockup-option-row{margin-bottom:0}.mockup-template-export .pipeline-export{width:100%}.mockup-template-export .pipeline-export-note,.mockup-template-export .pipeline-proof-card{margin-top:0}.mockup-template-seo{max-width:min(1380px,100% - 28px);margin:22px auto 34px}.reply-template-page .pipeline-shell{max-width:1240px;padding-bottom:34px}.reply-template-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.reply-template-flow .pipeline-flow-step{grid-template-columns:38px minmax(0,1fr) 18px;min-height:58px;padding:4px 12px}.reply-template-flow .pipeline-flow-step strong{width:32px;height:32px;font-size:14px}.reply-template-flow .pipeline-flow-step span{font-size:13px}.reply-template-flow .pipeline-flow-step small{font-size:11px}.reply-template-page .pipeline-promise{margin-bottom:12px}.reply-template-board{grid-template-columns:minmax(300px,336px) minmax(620px,1fr);grid-template-areas:"describe pick";gap:10px}.reply-template-input{gap:14px;display:grid}.reply-template-input .pipeline-context-field{margin-bottom:0}.reply-template-input .pipeline-context-field textarea{min-height:214px}.reply-template-examples{background:#fbfcfc;border:1px solid #e3e7ee;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.reply-template-examples span{color:#606776;width:100%;font-family:var(--font-display);text-transform:uppercase;font-size:11px;font-weight:900}.reply-template-examples button{color:#202631;min-height:32px;font-family:var(--font-display);cursor:pointer;background:#fff;border:1px solid #dce0e7;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.reply-template-results{background:#fbfcfc;padding:0;overflow:hidden}.reply-template-list .pipeline-comment-text{gap:5px}.reply-template-list .pipeline-comment-text small{color:var(--green);font-family:var(--font-display);text-transform:uppercase;font-size:10px;font-weight:900}.reply-template-list{gap:8px;padding:0 14px 14px;display:grid}.reply-template-list .pipeline-comment-row{background:#fff;border:1px solid #e6e9ee;border-radius:8px;grid-template-columns:26px minmax(0,1fr) minmax(198px,auto);gap:10px;min-height:58px;padding:10px 12px}.reply-template-list .pipeline-comment-row+.pipeline-comment-row{border-top:1px solid #e6e9ee}.reply-template-list .pipeline-comment-row.selected{box-shadow:inset 3px 0 0 var(--green);background:linear-gradient(90deg,#008f7314,#0000 44%),#fff;border-color:#008f7347}.reply-template-list .pipeline-comment-text span{color:#151922;max-width:680px;font-size:14px;font-weight:800;line-height:1.36}.reply-template-list .pipeline-row-actions{justify-content:flex-end;align-self:center}.reply-template-list .pipeline-row-actions button{background:#fff;min-height:32px;padding:0 10px}.reply-template-list .pipeline-row-actions button:first-child{color:#007b62;border-color:#008f7352}.reply-template-list .pipeline-row-actions button:last-child{min-width:122px}.reply-template-results .pipeline-list-footer{background:#fff;padding-top:12px}.pipeline-filters{border-bottom:1px solid #e7e9ee;align-items:center;gap:8px;margin:0;padding:0 22px 20px}.pipeline-filters button{color:#20242d;background:#f5f6f8;border-color:#0000;border-radius:7px;min-height:36px;padding:0 14px}.pipeline-filters button.active{background:#111827;border-color:#111827}.pipeline-comment-head{color:#697081;min-height:34px;font-family:var(--font-display);text-transform:uppercase;background:#fbfbfc;border-bottom:1px solid #e7e9ee;grid-template-columns:58px minmax(0,1fr) 204px;align-items:center;gap:12px;padding:0 18px;font-size:11px;font-weight:900;display:none}.pipeline-comment-list{border:0;border-radius:0;overflow:visible}.pipeline-comment-row{border-radius:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:9px 18px;display:grid}.pipeline-comment-row+.pipeline-comment-row{border-top:1px solid #e9ebf0}.pipeline-comment-row.selected{box-shadow:inset 3px 0 0 var(--green);background:#008f730b}.pipeline-radio{border-color:#c8ced8;width:22px;height:22px}.pipeline-comment-row.selected .pipeline-radio{border-color:var(--green);background:var(--green);color:#fff;box-shadow:none}.pipeline-comment-text span{white-space:normal;font-size:13px;font-weight:750;line-height:1.35}.pipeline-tag{color:#007b62;text-transform:uppercase;background:#008f731c;border-radius:5px;justify-content:center;align-items:center;width:max-content;max-width:100%;min-height:22px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.pipeline-tag.conversation-starter,.pipeline-tag.creator-reply{color:#1663c7;background:#2c84ff1f}.pipeline-tag.relatable-reply{color:#6141bd;background:#7752dc1c}.pipeline-tag.specific-reaction{color:#a85810;background:#e2802121}.pipeline-row-stats{color:#4b5362;grid-area:auto;justify-content:flex-start;gap:6px;font-size:13px;font-weight:700}.pipeline-row-actions{flex-wrap:nowrap;grid-column:auto;justify-content:flex-end;gap:8px;margin-top:0;display:inline-flex}.pipeline-row-actions:empty{display:none}.pipeline-row-actions button{color:#202631;border-color:#dce0e7;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:70px;min-height:30px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.pipeline-row-actions button:last-child{min-width:132px}.pipeline-list-footer{border-top:1px solid #e7e9ee;justify-content:center;margin:0;padding:18px 22px 22px}.pipeline-list-footer .secondary-action{width:auto;min-width:180px}.pipeline-mock{grid-area:mock;gap:16px;display:grid}.pipeline-mock .pipeline-panel-heading{margin-bottom:0}.pipeline-mock .pipeline-panel-heading>div{gap:4px;display:grid}.pipeline-mock .pipeline-preview-frame{background-color:#f6f7f8;border-color:#edf0f4;border-radius:8px;min-height:212px;margin-top:0}.pipeline-mock .pipeline-preview-frame.sheet.transparent{min-height:212px}.pipeline-mock .pipeline-preview-frame.transparent .pipeline-comment-sheet{min-height:0;box-shadow:none;border:0;border-radius:0;padding:18px 14px;left:16px;right:16px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply{grid-template-columns:42px minmax(0,1fr) 44px;gap:10px}.pipeline-mock .pipeline-preview-frame.transparent .preview-avatar{width:38px;height:38px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply strong{color:#252a33;font-size:12px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply p{color:#151720;margin:5px 0 10px;font-size:14px;font-weight:650;line-height:1.32}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply small,.pipeline-mock .pipeline-preview-frame.transparent .preview-reply-count{font-size:12px}.pipeline-mock .pipeline-preview-frame.transparent .preview-reply-count{margin-top:10px}.pipeline-mock .pipeline-preview-frame.transparent .preview-likes{font-size:12px}.pipeline-mock .pipeline-preview-frame.transparent .preview-likes svg{width:20px;height:20px}.pipeline-customize-details{background:#fff;border:1px solid #e0e3e9;border-radius:8px}.pipeline-customize-details summary{color:#202631;min-height:54px;font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:0 16px;font-size:14px;font-weight:900;list-style:none;display:flex}.pipeline-customize-details summary::-webkit-details-marker{display:none}.pipeline-customize-details summary>span{gap:2px;display:grid}.pipeline-customize-details summary small{color:#727987;font-family:var(--font-body);font-size:11px;font-weight:650}.pipeline-customize-details summary svg{color:#667085;transition:transform .18s}.pipeline-customize-details[open] summary svg{transform:rotate(180deg)}.pipeline-editor-card{background:#fff;border-top:1px solid #edf0f4;gap:12px;padding:0 16px 16px;display:grid}.pipeline-editor-profile-row{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.pipeline-editor-profile-row>span,.pipeline-editor-field .field-label{color:#202631;font-size:12px;font-weight:900}.pipeline-profile-gender{border-radius:7px}.pipeline-profile-gender button.active{background:var(--green);color:#fff}.pipeline-random-profile{color:#202631;min-height:36px;font-family:var(--font-display);cursor:pointer;background:#fff;border:1px solid #dce0e7;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.pipeline-editor-field{gap:7px}.pipeline-editor-field input,.pipeline-editor-field textarea,.pipeline-editor-field select{color:#111318;background:#fff;border:1px solid #dce0e7;border-radius:7px;width:100%;min-width:0;font-size:13px;font-weight:700}.pipeline-editor-field input,.pipeline-editor-field select{min-height:42px;padding:0 12px}.pipeline-editor-field textarea{resize:vertical;min-height:88px;padding:12px}.pipeline-editor-field small{color:#8b92a1;pointer-events:none;justify-self:end;margin-top:-31px;padding-right:10px;font-size:11px;font-weight:700}.pipeline-input-action{grid-template-columns:minmax(0,1fr) 42px;display:grid}.pipeline-input-action input{border-radius:7px 0 0 7px}.pipeline-input-action .pipeline-icon-action{border:1px solid #dce0e7;border-left:0;border-radius:0 7px 7px 0;width:42px;height:42px}.pipeline-editor-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pipeline-time-control{grid-template-columns:42px minmax(0,1fr);display:grid}.pipeline-time-control input{border-radius:7px 0 0 7px}.pipeline-time-control select{border-left:0;border-radius:0 7px 7px 0}.pipeline-advanced-line{border:1px solid #dce0e7;border-radius:7px}.pipeline-advanced-line summary{color:#202631;min-height:42px;font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:900;list-style:none;display:flex}.pipeline-advanced-line summary::-webkit-details-marker{display:none}.pipeline-advanced-options{gap:8px;padding:0 12px 12px;display:grid}.pipeline-advanced-options button,.pipeline-advanced-options .pipeline-icon-action{color:#202631;background:#fff;border:1px solid #dce0e7;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:max-content;height:auto;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.pipeline-advanced-options>span{color:#727987;font-size:12px;font-weight:650;line-height:1.4}.pipeline-advanced-options button.active{color:var(--green);background:#008f7314;border-color:#008f7340}.pipeline-canvas-actions{grid-template-columns:1fr;gap:12px;display:grid}.pipeline-canvas-actions .secondary-action,.pipeline-canvas-actions .pipeline-export{border-radius:7px;min-height:48px}.pipeline-canvas-actions .pipeline-export{background:linear-gradient(#069874 0%,#008763 100%);border-color:#0000}.pipeline-export-note{color:#667085;margin:-4px 0 0;font-size:12px}.pipeline-faq{border-top:1px solid #e3e6ec;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:34px;margin-top:42px;padding-top:34px;display:grid}.pipeline-faq-heading{align-content:start;gap:10px;display:grid}.pipeline-faq-heading span{color:var(--green);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.pipeline-faq-heading h2{color:#111318;max-width:360px;font-family:var(--font-display);margin:0;font-size:clamp(26px,3vw,42px);line-height:1}.pipeline-faq-heading p{color:#5f6675;max-width:390px;margin:0;font-size:14px;font-weight:650;line-height:1.55}.pipeline-faq-list{border-top:1px solid #e3e6ec;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pipeline-faq-item{border-bottom:1px solid #e3e6ec;min-width:0}.pipeline-faq-item:nth-child(odd){border-right:1px solid #e3e6ec}.pipeline-faq-item summary{color:#161922;min-height:68px;font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:18px;font-size:15px;font-weight:900;list-style:none;display:flex}.pipeline-faq-item summary::-webkit-details-marker{display:none}.pipeline-faq-item summary:after{content:"+";color:#8b92a1;flex:none;font-size:18px}.pipeline-faq-item[open] summary:after{content:"-"}.pipeline-faq-item p{color:#596170;margin:-6px 0 0;padding:0 18px 20px;font-size:14px;font-weight:600;line-height:1.55}@media (width<=1320px){.pipeline-board{grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-areas:"describe pick""mock mock"}.reply-template-board{grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-areas:"describe pick"}.pipeline-mock{grid-template-columns:minmax(340px,.9fr) minmax(420px,1fr);align-items:start}.pipeline-mock .pipeline-panel-heading,.pipeline-mock .pipeline-preview-frame{grid-column:1}.pipeline-customize-details,.pipeline-editor-card,.pipeline-canvas-actions,.pipeline-export-note{grid-column:2}}@media (width<=860px){.pipeline-shell{padding:12px 14px 120px}.pipeline-flow{border:1px solid #e0e3e9;border-radius:8px;grid-template-columns:1fr}.pipeline-promise{grid-template-columns:1fr;gap:8px}.pipeline-promise span{justify-content:flex-start;width:100%}.pipeline-flow-step{min-height:52px;padding:8px 12px}.pipeline-flow-step+.pipeline-flow-step{border-top:1px solid #e9ebf0}.pipeline-flow-arrow{display:none}.pipeline-board,.pipeline-mock{grid-template-columns:1fr;grid-template-areas:"describe""pick""mock"}.reply-template-board{grid-template-columns:1fr;grid-template-areas:"describe""pick"}.pipeline-mock .pipeline-panel-heading,.pipeline-mock .pipeline-preview-frame,.pipeline-customize-details,.pipeline-editor-card,.pipeline-canvas-actions,.pipeline-export-note{grid-column:auto}.pipeline-panel{padding:18px}.pipeline-pick{padding:0}.pipeline-pick-heading,.pipeline-panel-note,.pipeline-filters,.pipeline-list-footer{padding-left:18px;padding-right:18px}.pipeline-comment-head{display:none}.pipeline-comment-row{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:12px 18px}.pipeline-row-number{display:none}.pipeline-comment-text,.pipeline-row-actions{grid-column:2/-1}.pipeline-row-actions{flex-wrap:wrap;justify-content:flex-start}.pipeline-editor-profile-row,.pipeline-editor-metrics,.pipeline-canvas-actions,.pipeline-faq,.pipeline-faq-list{grid-template-columns:1fr}.pipeline-faq-item:nth-child(odd){border-right:0}.mockup-template-stage{min-height:390px;padding:22px 14px}.mockup-template-input .pipeline-context-field textarea{min-height:186px}.reply-template-input .pipeline-context-field textarea{min-height:178px}.reply-template-examples button{flex:100%;justify-content:flex-start}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #25f4eeb8;box-shadow:0 0 0 6px #fe2c552e}.pipeline-profile-card:focus-within,.pipeline-time-pill:focus-within,.pipeline-metric-pill:focus-within,.pipeline-input-action:focus-within,.mockup-profile-card:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #25f4ee3d}