.stfu-feature{padding:22px 0 38px}.stfu-feature h2{max-width:900px}.stfu-feature .stfu-lede{font:1.4rem/1.35 "Times New Roman",serif;margin:14px 0 22px;max-width:750px}.stfu-demo{border:3px solid #000;border-radius:6px 10px 5px 9px;box-shadow:5px 5px #000;overflow:hidden;background:#fff;font:14px/1.4 Arial,Helvetica,sans-serif;color:#202124}.stfu-demo [hidden]{display:none!important}.stfu-topbar{display:grid;grid-template-columns:150px minmax(0,1fr) 35px;align-items:center;gap:18px;background:#f6f8fc;padding:16px 20px}.stfu-gmail{display:flex;gap:10px;align-items:center;font-size:23px;color:#555}.stfu-gmail img{width:34px;height:26px;object-fit:contain}.stfu-search{display:flex;gap:10px;align-items:center;background:#eaf0fb;border-radius:18px;padding:10px 14px;max-width:560px}.stfu-search>span[aria-hidden]{font-size:25px;line-height:1}.stfu-search input{width:100%;min-width:0;background:transparent;color:#202124;border:0;outline-offset:3px;font-size:14px}.stfu-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#a6c8ed;font-weight:700}.stfu-workspace{display:grid;grid-template-columns:170px minmax(0,1fr)}.stfu-sidebar{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#f6f8fc}.stfu-sidebar>span{padding:8px 12px}.stfu-compose{background:#c2e7ff;border:0;border-radius:14px;padding:16px 12px;font-weight:700;cursor:pointer;margin-bottom:12px}.stfu-inbox{border:0;border-radius:18px;background:#d3e3fd;display:flex;justify-content:space-between;padding:8px 12px;font-weight:700;cursor:pointer}.stfu-mail{min-width:0}.stfu-toolbar{height:65px;display:flex;align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid #dce1e8}.stfu-toolbar-label{font-weight:700;font-size:14px}.stfu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:146px;padding:6px 10px;background:var(--teal);border:2px solid #000;border-radius:2px;box-shadow:2px 2px #000;color:#000;font-size:14px;font-weight:700;cursor:pointer}.stfu-toggle img{width:28px;height:25px;object-fit:contain}.stfu-message-area{position:relative;height:282px;overflow:hidden}.stfu-message-list,.stfu-quiet{position:absolute;inset:0}.stfu-message{height:56px;display:grid;grid-template-columns:22px minmax(100px,.85fr) minmax(0,1.8fr) 40px;align-items:center;gap:10px;border-bottom:1px solid #e1e5eb;padding:0 18px;background:#f2f6fc}.stfu-message>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stfu-message>span:first-child{font-size:21px;color:#7e8793}.stfu-message small{font-size:11px;text-align:right}.stfu-quiet{display:flex;align-items:center;justify-content:center;gap:15px;background:var(--paper);text-align:left}.stfu-quiet img{width:45px;height:41px;object-fit:contain}.stfu-quiet p{font-size:18px;line-height:1.6;color:#3f4948}.stfu-quiet strong{font-family:"Times New Roman",serif;font-size:26px;color:#000}.stfu-burst{position:absolute;top:26px;left:50%;width:220px;max-width:85%;pointer-events:none;z-index:3;transform:translateX(-50%) rotate(-8deg)}.stfu-burst svg{display:block;width:100%;height:auto;overflow:visible}.stfu-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:#4c4c44;font-size:.85rem}.stfu-playback{flex-shrink:0;padding:6px 10px;border:1px solid #000;border-radius:2px;background:var(--paper);color:#000;font-size:.8rem;cursor:pointer}.stfu-playback[hidden]{display:none}.stfu-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.stfu-no-results{padding:24px 18px}.stfu-composer{position:absolute;inset:10px 12px 8px auto;width:min(360px,calc(100% - 24px));z-index:4;border:2px solid #000;border-radius:6px;background:#fff;box-shadow:3px 3px #000;padding:10px}.stfu-composer>div{display:flex;justify-content:space-between;align-items:center}.stfu-composer button{border:0;background:transparent;cursor:pointer;font-size:20px}.stfu-composer label:not(.stfu-sr){display:flex;align-items:center;gap:8px;border-bottom:1px solid #ddd;padding:5px 0;font-size:12px}.stfu-composer input{width:100%;min-width:0;border:0;padding:4px;font-size:12px}.stfu-composer textarea{display:block;width:100%;height:88px;resize:none;border:0;padding:9px 0;font:13px Arial,sans-serif}.stfu-composer small{font-size:11px}.stfu-feature button:focus-visible,.stfu-feature input:focus-visible,.stfu-feature textarea:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
@media(max-width:600px){.stfu-feature h2{font-size:2.4rem}.stfu-feature .stfu-lede{font-size:1.25rem}.stfu-topbar{grid-template-columns:78px minmax(0,1fr);gap:8px;padding:12px 9px}.stfu-gmail{font-size:17px;gap:5px}.stfu-gmail img{width:24px;height:20px}.stfu-avatar{display:none}.stfu-search{padding:8px;border-radius:12px}.stfu-search input{font-size:12px}.stfu-workspace{grid-template-columns:82px minmax(0,1fr)}.stfu-sidebar{padding:8px 5px;font-size:11px}.stfu-sidebar>span{padding:8px 6px}.stfu-compose{padding:13px 5px;font-size:11px;border-radius:10px}.stfu-inbox{padding:8px 6px;font-size:11px}.stfu-toolbar{height:65px;padding:10px 8px;gap:8px}.stfu-toolbar-label{display:none}.stfu-toggle{min-width:140px;font-size:12px;gap:5px;padding:6px}.stfu-message{height:56px;padding:0 8px;grid-template-columns:16px minmax(0,1fr);column-gap:6px;row-gap:0;align-content:center;font-size:11px}.stfu-message>span:first-child{grid-row:1/3;font-size:18px}.stfu-message>b{line-height:1.6}.stfu-message>span:nth-child(3){grid-column:2}.stfu-message small{display:none}.stfu-quiet{flex-direction:column;gap:5px;text-align:center}.stfu-quiet p{font-size:14px}.stfu-quiet strong{font-size:20px}.stfu-burst{width:185px;top:40px}.stfu-caption{align-items:flex-start;font-size:.75rem;gap:10px}.stfu-playback{font-size:.7rem;padding:5px 7px}.stfu-composer{inset:8px;width:calc(100% - 16px);padding:8px}.stfu-composer textarea{height:100px}}
/* Match the existing snoozing section's rules, rhythm, grid and figure ratio. */
.stfu-feature{padding:24px 0;margin:0 0 28px;border-top:2px solid #000;border-bottom:2px solid #000}
.stfu-feature h2{max-width:none;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.035em}
.stfu-figure{margin:0;min-width:0}
.stfu-demo{aspect-ratio:3/2;display:flex;flex-direction:column;box-shadow:3px 3px #000}
.stfu-topbar{grid-template-columns:100px minmax(0,1fr) 30px;gap:12px;padding:12px}
.stfu-workspace{grid-template-columns:120px minmax(0,1fr);flex:1;min-height:0}
.stfu-mail{display:flex;flex-direction:column}
.stfu-message-area{height:auto;flex:1;min-height:0}
.stfu-search{color:#65707d;font-size:13px}
.stfu-search>span:first-child{font-size:25px;line-height:1}
.stfu-sidebar>.stfu-compose{padding:16px 10px;display:block;text-align:center;cursor:default}
.stfu-sidebar>.stfu-inbox{display:flex;cursor:default}
.stfu-burst{width:190px;top:18px}
.stfu-message-area:has(.stfu-burst:not([hidden])) .stfu-quiet{visibility:hidden}
.stfu-caption{font-size:.75rem;gap:10px;margin-top:12px}
.stfu-playback{font-size:.7rem;padding:5px 7px}
@media(max-width:600px){
  .stfu-topbar{grid-template-columns:78px minmax(0,1fr);gap:8px;padding:8px}
  .stfu-workspace{grid-template-columns:75px minmax(0,1fr)}
  .stfu-search{padding:4px 6px;font-size:11px;gap:6px}
  .stfu-search>span:first-child{font-size:20px}
  .stfu-sidebar{padding:5px 4px;gap:2px;font-size:10px}
  .stfu-sidebar>span{padding:5px}
  .stfu-sidebar>.stfu-compose{padding:10px 5px;margin-bottom:6px;font-size:10px}
  .stfu-inbox{font-size:10px}
  .stfu-toolbar{height:44px;padding:5px 6px}
  .stfu-toggle{min-width:126px;padding:3px 5px;font-size:11px}
  .stfu-toggle img{width:23px;height:21px}
  .stfu-message{height:34px;font-size:10px;column-gap:4px;padding:0 6px;grid-template-columns:14px minmax(0,1fr)}
  .stfu-message>b{line-height:1.25}
  .stfu-message>span:first-child{font-size:15px}
  .stfu-burst{width:125px;top:7px}
  .stfu-quiet{gap:2px}
  .stfu-quiet img{width:25px;height:23px}
  .stfu-quiet p{font-size:12px;line-height:1.3}
  .stfu-quiet strong{font-size:17px}
  .stfu-caption{font-size:.65rem}
  .stfu-playback{font-size:.65rem;min-height:28px}
}
@media(prefers-reduced-motion:reduce){.stfu-burst{transform:translateX(-50%)}}
/* Native pressed states end on release, pointer cancellation, or release outside. */
.cta:active,.cta.is-pressed{transform:translate(4px,4px);box-shadow:0 0 0 #000}
.cta,.stfu-toggle,.project-credit{touch-action:manipulation}
.stfu-toggle:active,.stfu-toggle.is-pressed{transform:translate(2px,2px);box-shadow:0 0 0 #000}
.project-credit:active,.project-credit.is-pressed{transform:translate(3px,3px);box-shadow:0 0 0 #000}
.hero-copy>.tag{box-shadow:none}
/* Organic teal accents, limited to the two existing colored underlines. */
.underline,.see{position:relative;text-decoration:none}
.see{display:inline-block}
.underline::after,.see::after{content:"";position:absolute;left:0;right:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
.underline::after{height:12px;bottom:-6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9 C68 5 125 11 194 7 S321 10 395 6' fill='none' stroke='%2303CDBD' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E")}
.see::after{height:8px;bottom:-7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 12' preserveAspectRatio='none'%3E%3Cpath d='M4 7 C71 4 129 9 198 6 S326 8 395 4' fill='none' stroke='%2303CDBD' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
.lede .underline::after{height:7px;bottom:-4px}
.hero-copy{container-type:inline-size}
.hero .hero-copy h1{font-size:clamp(1.5rem,11.5cqw,5.5rem)}
.hero h1 .underline{white-space:nowrap}
.hero-copy>.tag,.number{border-radius:4px 8px 3px 6px;box-shadow:none}
.final{box-shadow:none;margin-bottom:14px}
.stage-hosted-note{font-size:.875rem;line-height:1.5;margin:0 0 32px}
.stage-credit{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}
.stage-more{font-size:.75rem;line-height:1.4;max-width:260px;text-underline-offset:3px}
.stage-license{margin:0;font-size:.72rem;line-height:1.4;max-width:260px}
.stage-license a{text-underline-offset:3px}
.stfu-shell{position:relative;width:100%;min-width:0;aspect-ratio:3/2;padding:7px 8px 8px;isolation:isolate}
.stfu-demo{position:relative;aspect-ratio:auto;width:100%;height:100%;border:0;border-radius:8px 11px 6px 10px;box-shadow:none}
.stfu-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}
.stfu-message{height:62px;grid-template-columns:20px minmax(0,1fr) 38px;column-gap:8px;row-gap:0;align-content:center;font-size:12px}
.stfu-message>span:first-child{grid-column:1;grid-row:1/3}
.stfu-message>b{grid-column:2;grid-row:1;font-size:12px}
.stfu-message>span:nth-child(3){grid-column:2;grid-row:2;line-height:1.3}
.stfu-message>span:nth-child(3){white-space:normal;overflow:visible;text-overflow:clip}
.stfu-message small{grid-column:3;grid-row:1/3}
.stfu-cursor{position:absolute;left:0;top:0;width:27px;height:36px;pointer-events:none;z-index:6;will-change:transform}
.stfu-click-cue{position:absolute;width:21px;height:21px;border:2px solid var(--magenta);border-radius:50%;pointer-events:none;z-index:5;opacity:.75}
.stfu-toggle.demo-pressed{transform:translate(2px,2px);box-shadow:none}
.stfu-caption{display:block}
@media(max-width:600px){.stfu-shell{padding:5px;min-height:244px}.stfu-message{height:35px;grid-template-columns:12px minmax(0,1fr);gap:2px;font-size:9px;padding:0 4px}.stfu-message>b{font-size:9px}.stfu-message>span:nth-child(3){font-size:9px;line-height:1.15}.stfu-cursor{width:21px;height:28px}.stfu-click-cue{width:17px;height:17px}.stage-more{max-width:240px}.stfu-caption{font-size:.65rem}}
/* Consistent stage UI corners, without reshaping illustration/comic artwork. */
.cta,.hero-copy>.tag,.number,.final,.project-credit,.mobile-menu,.nav,.stfu-demo,.stfu-search,.stfu-compose,.stfu-inbox,.stfu-toggle{border-radius:8px}
.stage-hosted-note{text-align:center}
.stage-license-badge{display:block;width:220px;max-width:100%;padding:0;background:transparent;border-radius:8px;box-shadow:none;line-height:0;text-decoration:none}
.stage-license-label{display:block;color:#000;font-size:.75rem;line-height:1.4;text-align:center;margin-bottom:4px}
.stage-license-seal{display:block;aspect-ratio:960/390;overflow:hidden}
.stage-license-badge img{display:block;width:100%;height:auto;transform:translateY(-16%)}