:root{--blue:#1261dc;--blue2:#004bb9;--ink:#111827;--muted:#697386;--line:#d8dee8;--soft:#f8fafc;--green:#169447;--red:#e53935;--yellow:#ffbd16;--shadow:0 10px 30px rgba(32,49,79,.09)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}body{margin:0;min-height:100vh;background-color:#fff;background-image:radial-gradient(#dfe4eb 1px,transparent 1px);background-size:18px 18px;background-position:0 0}button,input{font:inherit}.creator{max-width:980px;margin:0 auto;padding:34px 24px 28px}.brand-hero{text-align:center}.logo-row{display:flex;justify-content:center;align-items:center;gap:18px;min-height:90px}.pixel-mascot,.mini-mascot{position:relative;display:grid;place-items:center;background:#e6dfc8;border:4px solid #171717;box-shadow:5px 5px 0 #171717;border-radius:2px}.pixel-mascot{width:72px;height:58px}.pixel-mascot:after,.mini-mascot:after{content:"";position:absolute;left:10%;right:10%;height:7px;background:#171717;bottom:-13px}.pixel-mascot span,.mini-mascot span{display:grid;place-items:center;background:#91a864;color:#111;border:3px solid #171717;width:76%;height:65%;font-family:monospace;font-weight:900}.pixel-logo{font-family:"Courier New",monospace;font-weight:1000;letter-spacing:-.1em;font-size:72px;line-height:1;text-shadow:2px 2px 0 rgba(0,0,0,.08)}.pixel-logo span{display:inline-block}.c-blue{color:#1565d8}.c-red{color:#ed332f}.c-yellow{color:#f7b716}.c-green{color:#1b9b4b}.v2-bubble{position:relative;font-family:"Courier New",monospace;font-size:28px;font-weight:1000;border:4px solid #111;padding:4px 8px;background:#fff;box-shadow:3px 3px 0 #111}.v2-bubble:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-left:4px solid #111;border-bottom:4px solid #111;left:9px;bottom:-10px;transform:skewY(-35deg)}.logo-sub{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 20px;font-family:"Courier New",monospace;font-weight:800;font-size:12px;letter-spacing:.09em}.logo-sub i{display:block;width:60px;border-top:2px dotted #6b7280}.brand-hero h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.045em;margin:0;line-height:1.05}.brand-hero h1 span{color:var(--blue)}.brand-hero p{margin:12px 0 28px;color:var(--muted);font-size:16px}.generator-card{max-width:790px;margin:0 auto;background:rgba(255,255,255,.96);border:1px solid #dce2ea;border-radius:12px;padding:22px 26px 20px;box-shadow:var(--shadow)}.field-label{display:block;color:#0a4aaa;text-transform:uppercase;font-family:"Courier New",monospace;font-weight:900;font-size:12px;letter-spacing:.045em;margin-bottom:7px}.field-label em{font-style:normal}.searchbox,.namebox{height:50px;border:2px solid var(--blue);border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#fff}.namebox{height:44px;border:1px solid #cfd6e0}.searchbox svg,.stage-search svg{width:22px;height:22px;fill:none;stroke:#526071;stroke-width:2;stroke-linecap:round}.searchbox input,.namebox input{border:0;outline:0;width:100%;font-size:16px;color:var(--ink);background:transparent}.namebox span{font-size:22px;color:#667085}.field-block{margin-top:17px}.engine-switch{display:flex;width:440px;max-width:100%;margin:0 auto;border:1px solid #cdd5df;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.05)}.engine-switch label{flex:1}.engine-switch input,.tone-switch input{position:absolute;opacity:0;pointer-events:none}.engine-switch span{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;color:#273245}.engine-switch input:checked+span{background:linear-gradient(#176be8,#0756c8);color:#fff;border-radius:999px}.google-g{font-size:20px}.yt-icon{font-size:10px;color:#fff;background:#f00;border-radius:4px;padding:3px 5px}.engine-switch input:checked+span .yt-icon{background:#f00}.tone-switch{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd6e0;border-radius:8px;overflow:hidden}.tone-switch label+label{border-left:1px solid #cfd6e0}.tone-switch span{height:42px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:14px}.tone-switch input:checked+span{color:#0a51be;background:#f5f8ff;box-shadow:inset 0 0 0 2px var(--blue);font-weight:750}.primary{display:flex;align-items:center;justify-content:center;gap:10px;min-width:390px;max-width:100%;height:54px;margin:18px auto -20px;border:3px solid #121212;border-radius:4px;background:linear-gradient(#176bea,#0758cc);color:#fff;font-size:20px;font-weight:850;cursor:pointer;box-shadow:5px 5px 0 #121212}.primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #121212}.result-card{max-width:830px;margin:34px auto 0;display:grid;grid-template-columns:82px 1fr auto 116px;align-items:center;gap:18px;padding:17px 20px;border:1px solid #b8cdf5;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(20,71,147,.07)}.mini-mascot{width:54px;height:46px;box-shadow:3px 3px 0 #171717}.mini-mascot:after{bottom:-10px;height:5px}.result-copy>span{display:block;text-transform:uppercase;font-family:"Courier New",monospace;font-size:11px;font-weight:900;color:#1558bd;letter-spacing:.05em}.result-copy strong{display:block;margin:4px 0;color:var(--green);font-family:"Courier New",monospace;font-size:23px;overflow-wrap:anywhere}.result-copy p{margin:0;color:#667085;font-size:12px;line-height:1.35}.result-actions{display:flex;flex-direction:column;gap:8px}.result-actions button{background:#fff;color:#1255b7;border:1.5px solid var(--blue);border-radius:7px;padding:9px 14px;font-weight:700;cursor:pointer;white-space:nowrap}.qr-placeholder{width:86px;height:86px;border:1px dashed #c6ccd6;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;background:#fff}.qr-placeholder i{background:#111}.qr-placeholder i:nth-child(2),.qr-placeholder i:nth-child(4),.qr-placeholder i:nth-child(8){background:#fff;border:3px solid #111}.features{max-width:900px;margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.features article{display:flex;align-items:center;gap:14px;min-height:92px;padding:15px 18px;border:1px solid #dfe3e9;border-radius:11px;background:rgba(255,255,255,.95);box-shadow:0 5px 14px rgba(0,0,0,.04)}.feature-icon{font-size:28px}.feature-icon.blue{color:var(--blue)}.feature-icon.yellow{color:var(--yellow)}.feature-icon.red{color:var(--red)}.features strong{font-size:13px}.features p{font-size:11px;line-height:1.45;color:#566071;margin:3px 0 0}.site-footer{max-width:900px;margin:22px auto 0;padding:0 12px;display:flex;justify-content:center;gap:38px;align-items:center;color:#7c8492;font-size:11px}.site-footer nav{display:flex;gap:28px}.site-footer a{color:#1459bd;text-decoration:none}.hidden{display:none!important}.demo{max-width:1000px;margin:30px auto 70px;padding:0 24px}.demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ghost{border:2px solid #111;background:linear-gradient(180deg,#f7fbff 0%,#e6f0ff 100%);color:#0f4fb8;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:850;box-shadow:4px 4px 0 #111;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ghost:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #111;background:linear-gradient(180deg,#ffffff 0%,#edf4ff 100%)}.ghost:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #111}.tone-badge{font-size:12px;font-weight:800;border:1px solid #b9cdf0;background:#f2f7ff;color:#1756ac;border-radius:999px;padding:7px 11px}.stage{position:relative;min-height:520px;border:1px solid #dce2ea;border-radius:18px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;padding:100px 24px 50px;overflow:hidden}.stage-brand{font-size:54px;font-weight:800;letter-spacing:-.055em;margin-bottom:32px}.stage-search{width:min(620px,90%);height:58px;border:1px solid #cfd4df;border-radius:17px;display:flex;align-items:center;gap:12px;padding:0 17px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.04);font-size:17px}.caret{display:inline-block;width:2px;height:22px;background:#333;animation:blink .8s infinite}.instruction{margin-top:32px;padding:12px 16px;border-radius:10px;background:#111827;color:#fff;font-size:14px;box-shadow:0 10px 25px rgba(0,0,0,.12)}.stage-actions{margin-top:24px}.search-button{border:1px solid #dadce0;border-radius:6px;padding:11px 18px;background:#f8f9fa;color:#3c4043;font-weight:600;pointer-events:none;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.search-button.button-click{transform:scale(.96);background:#e8eaed;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}.fake-cursor{position:absolute;font-size:28px;transform:rotate(-28deg);top:390px;left:78%;transition:top 1.15s cubic-bezier(.2,.8,.2,1),left 1.15s cubic-bezier(.2,.8,.2,1),transform .12s ease;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));z-index:5}.fake-cursor.cursor-click{transform:rotate(-28deg) scale(.76)}.redirect-notice{margin-top:18px;font-size:12px;color:#747986;background:#f5f6f8;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px}@keyframes blink{50%{opacity:0}}@media(max-width:760px){.creator{padding:22px 14px}.logo-row{gap:10px}.pixel-mascot{width:51px;height:43px}.pixel-logo{font-size:44px}.v2-bubble{font-size:18px;border-width:3px}.logo-sub{font-size:9px}.logo-sub i{width:22px}.brand-hero h1{font-size:36px}.generator-card{padding:18px 16px}.tone-switch{grid-template-columns:1fr 1fr}.tone-switch label:nth-child(3){border-left:0;border-top:1px solid #cfd6e0}.tone-switch label:nth-child(4){border-top:1px solid #cfd6e0}.primary{min-width:0;width:100%;font-size:17px}.result-card{grid-template-columns:56px 1fr;gap:14px}.result-actions{grid-column:1/-1;flex-direction:row}.result-actions button{flex:1}.qr-placeholder{display:none}.features{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:10px}.stage{min-height:470px;padding-top:85px}.stage-brand{font-size:43px}}@media(max-width:460px){.pixel-mascot{display:none}.pixel-logo{font-size:40px}.brand-hero h1{font-size:31px}.engine-switch{width:100%}.result-copy strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* Alpha 8 – recipient/animation view */
html.recipient-mode body{min-height:100vh}
html.recipient-mode #creator{display:none!important}
html.recipient-mode #demo.hidden{display:block!important}
.demo{max-width:980px;margin:0 auto;padding:20px 24px 56px}
.demo-top{max-width:860px;margin:0 auto 10px}
.demo.is-recipient .ghost{visibility:hidden;pointer-events:none}
.stage{position:relative;min-height:620px;border:1px solid #d7dfeb;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(24,52,91,.10);display:flex;flex-direction:column;align-items:center;padding:24px 30px 42px;overflow:hidden}
.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#e3e9f1 1px,transparent 1px);background-size:18px 18px;opacity:.55}
.stage>*{position:relative;z-index:1}
.stage-mini-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.stage-mascot{width:42px;height:34px;display:grid;place-items:center;background:#e6dfc8;border:3px solid #171717;box-shadow:3px 3px 0 #171717}
.stage-mascot span{display:grid;place-items:center;width:75%;height:64%;background:#91a864;border:2px solid #171717;font:900 12px/1 monospace}
.stage-mini-logo{display:flex;align-items:center;gap:0;font:1000 24px/1 "Courier New",monospace;letter-spacing:-.08em}
.stage-mini-logo em{margin-left:8px;padding:3px 6px;border:2px solid #111;background:#fff;color:#111;font:900 11px/1 "Courier New",monospace;letter-spacing:0;font-style:normal;box-shadow:2px 2px 0 #111}
.stage-kicker{font:900 11px/1.2 "Courier New",monospace;letter-spacing:.08em;color:#0a4aaa;margin-bottom:6px;text-align:center;opacity:.8}
.stage h2{margin:0 0 18px;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.04em;text-align:center}
.stage-window{width:min(690px,94%);border:1px solid #cfd8e5;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(20,40,70,.08);overflow:hidden}
.stage-window-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#f7f9fc;border-bottom:1px solid #e2e7ef;font:800 12px/1 system-ui;color:#546173}
.stage-window-bar i{width:9px;height:9px;border-radius:50%;background:#ff6258}.stage-window-bar i:nth-child(2){background:#ffbd2e}.stage-window-bar i:nth-child(3){background:#28c840}.stage-window-bar span{margin-left:8px}
.stage-window-body{padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center}
.stage-search{width:100%;height:58px;border:2px solid #176bea;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 17px;background:#fff;box-shadow:0 4px 14px rgba(18,97,220,.07);font-size:17px;min-height:58px}
.stage-actions{margin-top:18px}.search-button{border:2px solid #111;border-radius:4px;padding:11px 22px;background:linear-gradient(#176bea,#0758cc);color:#fff;font-weight:800;pointer-events:none;box-shadow:3px 3px 0 #111;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}
.search-button.button-click{transform:translate(2px,2px) scale(.97);box-shadow:1px 1px 0 #111;background:#064fb7}
.step-strip{width:min(760px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 16px}
.step-strip>span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:80px;padding:12px 14px;border:2px solid #cfd6e0;background:#fff;border-radius:12px;transition:.22s ease;color:#374151;font-weight:800;font-size:16px;box-shadow:0 4px 12px rgba(17,24,39,.04);text-align:center}
.step-strip>span b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:#eef2f7;color:#667085;font-size:18px;line-height:1}
#stepOne{background:#fff5f5;border-color:#f1c2c2}#stepOne b{background:#fce2e2;color:#c3342b}
#stepTwo{background:#f4f8ff;border-color:#bfd4fb}#stepTwo b{background:#ddebff;color:#0b57d0}
#stepThree{background:#f2fbf4;border-color:#bfe2c6}#stepThree b{background:#d7f2dc;color:#188038}
#stepOne.active{border-color:#111;background:linear-gradient(#ef5350,#d93025);color:#fff;box-shadow:5px 5px 0 #111}#stepOne.active b{background:#fff;color:#d93025}
#stepTwo.active{border-color:#111;background:linear-gradient(#4285f4,#0b57d0);color:#fff;box-shadow:5px 5px 0 #111}#stepTwo.active b{background:#fff;color:#0b57d0}
#stepThree.active{border-color:#111;background:linear-gradient(#34a853,#188038);color:#fff;box-shadow:5px 5px 0 #111}#stepThree.active b{background:#fff;color:#188038}
.step-strip i{display:none}
.instruction{margin-top:6px;width:min(760px,100%);text-align:center;padding:20px 24px;border:4px solid #111;border-radius:10px;background:linear-gradient(180deg,#fff5bf 0%,#ffe58a 100%);color:#111;font:900 22px/1.32 "Courier New",monospace;box-shadow:6px 6px 0 #111;position:relative;font-weight:1000}
.redirect-notice{margin-top:16px;font:900 13px/1.2 "Courier New",monospace;color:#0f7a3b;background:#effaf3;border:2px solid #8ec6a2;border-radius:999px;padding:10px 15px}
.fake-cursor{position:absolute;font-size:31px;transform:rotate(-28deg);top:470px;left:78%;transition:top 1.15s cubic-bezier(.2,.8,.2,1),left 1.15s cubic-bezier(.2,.8,.2,1),transform .12s ease;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));z-index:5}.fake-cursor.cursor-click{transform:rotate(-28deg) scale(.74)}
@media(max-width:760px){.demo{padding:14px 12px 40px}.stage{min-height:580px;padding:18px 12px 32px}.stage-window{width:100%}.stage-window-body{padding:22px 14px}.stage h2{font-size:28px}.step-strip{grid-template-columns:1fr;gap:8px}.step-strip>span{min-height:58px;font-size:15px}.instruction{width:100%;font-size:15px;padding:14px 16px}.fake-cursor{font-size:27px;top:485px}}


/* Alpha 11 – compact recipient layout on mobile */
@media(max-width:760px){
  .demo{padding:8px 8px 28px}
  .demo-top{margin-bottom:6px;padding:0 4px}
  .tone-badge{font-size:11px;padding:5px 9px}
  .stage{min-height:0;padding:14px 10px 24px;border-radius:14px}
  .stage-mini-brand{gap:8px;margin-bottom:4px}
  .stage-mascot{width:34px;height:28px;border-width:2px;box-shadow:2px 2px 0 #171717}
  .stage-mascot span{font-size:9px;border-width:1px}
  .stage-mini-logo{font-size:20px}
  .stage-mini-logo em{margin-left:6px;padding:2px 4px;font-size:9px;border-width:2px;box-shadow:1px 1px 0 #111}
  .stage-kicker{font-size:8.5px;letter-spacing:.055em;margin-bottom:4px}
  .stage h2{font-size:25px;line-height:1.04;margin:0 0 12px}
  .stage-window{border-radius:10px}
  .stage-window-bar{height:30px;padding:0 10px;font-size:10px}
  .stage-window-bar i{width:7px;height:7px}
  .stage-window-body{padding:16px 12px 15px}
  .stage-search{height:48px;min-height:48px;border-radius:8px;padding:0 12px;font-size:16px}
  .stage-search svg{width:19px;height:19px}
  .stage-actions{margin-top:12px}
  .search-button{padding:8px 15px;font-size:14px;box-shadow:2px 2px 0 #111}
  .step-strip{grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 10px;width:100%}
  .step-strip>span{min-height:58px;padding:7px 4px;gap:5px;border-radius:9px;font-size:11px;line-height:1.12;flex-direction:column}
  .step-strip>span b{min-width:26px;width:26px;height:26px;padding:0;border-radius:7px;font-size:14px}
  .instruction{width:100%;font-size:16px;line-height:1.18;padding:14px 12px;border-width:3px;border-radius:8px;box-shadow:4px 4px 0 #111;margin-top:2px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:900;letter-spacing:-.02em;text-shadow:.35px 0 0 currentColor}
  .redirect-notice{font-size:10px;padding:7px 9px;margin-top:10px}
  .fake-cursor{font-size:24px;top:360px}
}

@media(max-width:390px){
  .stage h2{font-size:23px}
  .stage-kicker{font-size:8px}
  .step-strip>span{font-size:10.5px}
  .instruction{font-size:15px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:900;letter-spacing:-.02em;text-shadow:.35px 0 0 currentColor}
}

/* Alpha 13 – modern LMDFDG branding */
.logo-row{min-height:84px;gap:0}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;gap:15px}
.modern-logo{display:flex;align-items:center;line-height:1;font-family:"Arial Rounded MT Bold","Avenir Next","Trebuchet MS",Inter,ui-sans-serif,system-ui,sans-serif;font-size:72px;font-weight:900;letter-spacing:-.075em}
.modern-logo span{display:inline-block;text-shadow:0 2px 0 rgba(0,0,0,.035)}
.cheeky-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;margin-left:3px}
.cheeky-mark>span{display:grid;place-items:center;width:52px;height:48px;border:3px solid #111;border-radius:50%;background:#fff;font-size:27px;line-height:1;box-shadow:2px 2px 0 rgba(17,17,17,.1)}
.cheeky-mark>span:after{content:"";position:absolute;right:5px;top:37px;width:10px;height:10px;background:#fff;border-right:3px solid #111;border-bottom:3px solid #111;transform:rotate(22deg);border-bottom-right-radius:2px}
.cheeky-mark b{margin-top:5px;padding:3px 8px;border-radius:5px;background:#111827;color:#fff;font:900 11px/1.05 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;box-shadow:0 2px 0 rgba(0,0,0,.13)}
.logo-sub{margin-top:1px}

/* The old monitor styling is deliberately retired. */
.pixel-mascot,.pixel-logo,.v2-bubble,.mini-mascot,.stage-mascot,.stage-mini-logo{display:none!important}

/* Replace the old result-card monitor with a light brand sparkle. */
.result-spark{position:relative;width:54px;height:54px;justify-self:center}
.result-spark i{position:absolute;display:block;width:9px;height:9px;background:#1565d8;transform:rotate(45deg);border-radius:1px}
.result-spark i:nth-child(1){width:18px;height:18px;left:18px;top:18px;background:#1b9b4b}
.result-spark i:nth-child(2){left:5px;top:9px;background:#1565d8}
.result-spark i:nth-child(3){right:4px;top:5px;background:#f7b716}
.result-spark i:nth-child(4){left:8px;bottom:5px;background:#ed332f}
.result-spark i:nth-child(5){right:5px;bottom:8px;background:#1565d8}

/* Same exact wordmark on the animation page, only scaled down. */
.stage-mini-brand{margin-bottom:8px}
.brand-mark--stage{gap:10px}
.brand-mark--stage .modern-logo{font-size:36px}
.brand-mark--stage .cheeky-mark{min-width:40px;margin-left:0}
.brand-mark--stage .cheeky-mark>span{width:36px;height:33px;border-width:2px;font-size:18px}
.brand-mark--stage .cheeky-mark>span:after{right:3px;top:25px;width:7px;height:7px;border-width:0 2px 2px 0}
.brand-mark--stage .cheeky-mark b{margin-top:3px;padding:2px 5px;font-size:8px;border-radius:4px}

@media(max-width:760px){
  .logo-row{min-height:62px}
  .brand-mark{gap:9px}
  .modern-logo{font-size:48px;letter-spacing:-.08em}
  .cheeky-mark{min-width:42px}
  .cheeky-mark>span{width:39px;height:36px;border-width:2px;font-size:19px}
  .cheeky-mark>span:after{right:3px;top:28px;width:7px;height:7px;border-width:0 2px 2px 0}
  .cheeky-mark b{margin-top:3px;padding:2px 6px;font-size:8px}
  .brand-mark--stage{gap:7px}
  .brand-mark--stage .modern-logo{font-size:26px}
  .brand-mark--stage .cheeky-mark{min-width:31px}
  .brand-mark--stage .cheeky-mark>span{width:29px;height:27px;font-size:14px}
  .brand-mark--stage .cheeky-mark>span:after{top:20px;width:6px;height:6px}
  .brand-mark--stage .cheeky-mark b{font-size:7px;padding:2px 4px}
  .result-spark{width:42px;height:42px}
  .result-spark i:nth-child(1){width:15px;height:15px;left:14px;top:14px}
}

@media(max-width:390px){
  .modern-logo{font-size:42px}
  .cheeky-mark>span{width:35px;height:33px;font-size:17px}
  .brand-mark--stage .modern-logo{font-size:24px}
}


/* Alpha 13.1 – headline/acronym refinement */
.brand-hero h1{margin-top:8px}
.hero-acro{font-weight:850;display:inline;font-size:.965em;vertical-align:.01em}
.logo-sub{display:none!important}
.stage-kicker{font:1000 14px/1.2 "Courier New",monospace;letter-spacing:.11em;color:#172033;margin-bottom:12px;text-align:center;opacity:1;text-shadow:.25px 0 0 currentColor}
.stage-kicker .c-blue,.stage-kicker .c-red,.stage-kicker .c-yellow,.stage-kicker .c-green{font-weight:1000;display:inline-block;text-shadow:.45px 0 0 currentColor}
@media(max-width:760px){
  .brand-hero h1{margin-top:4px}
  .stage-kicker{font-size:11px;letter-spacing:.08em;margin-bottom:8px;text-shadow:.2px 0 0 currentColor}
}
@media(max-width:390px){
  .stage-kicker{font-size:10px;letter-spacing:.06em}
}


/* Alpha 13.3 – floating tone badge / preview controls */
.demo{position:relative;padding-top:18px}
.demo-top{position:absolute;z-index:20;top:30px;left:48px;right:48px;max-width:none;margin:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.demo-top .ghost,.demo-top .tone-badge{pointer-events:auto}
.tone-badge{box-shadow:0 3px 10px rgba(18,97,220,.08);backdrop-filter:blur(4px)}
.demo.is-recipient .demo-top{justify-content:flex-end}
.demo.is-recipient .ghost{display:none!important}
@media(max-width:760px){
  .demo{padding-top:8px}
  .demo-top{top:16px;left:18px;right:18px}
  .ghost{padding:10px 13px;font-size:14px;box-shadow:3px 3px 0 #111}.tone-badge{font-size:10px;padding:5px 8px}
}

/* Alpha 13.6 – explicit headline initial colors */
.brand-hero h1 .hero-acro.c-blue{color:#2d6fd3!important}
.brand-hero h1 .hero-acro.c-red{color:#e4514d!important}
.brand-hero h1 .hero-acro.c-yellow{color:#e6ad22!important}
.brand-hero h1 .hero-acro.c-green{color:#30934f!important}


/* Alpha 14 – ChatGPT engine */
.engine-switch{width:600px}
.gpt-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#111827;color:#fff;font-size:13px;line-height:1}
.engine-switch input:checked+span .gpt-icon{background:#fff;color:#111827}
.step-strip .step-copy{display:inline!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit!important;line-height:inherit!important}
@media(max-width:760px){
  .engine-switch{width:100%}
  .engine-switch span{font-size:13px;gap:5px}
  .google-g{font-size:18px}.gpt-icon{width:18px;height:18px;font-size:11px}
}
@media(max-width:390px){
  .engine-switch span{font-size:12px}
}


/* Alpha 17 – mobile preview toolbar collision fix */
@media(max-width:760px){
  html.preview-mode .demo{padding-top:8px}
  html.preview-mode .demo-top{position:relative;top:auto;left:auto;right:auto;margin:0 4px 10px;display:flex;align-items:center;gap:8px;justify-content:space-between;pointer-events:auto}
  html.preview-mode .demo-top .ghost{flex:1 1 auto;min-width:0;padding:9px 10px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:3px 3px 0 #111}
  html.preview-mode .demo-top .tone-badge{flex:0 0 auto;white-space:nowrap;font-size:10px;padding:6px 8px}
}
@media(max-width:390px){
  html.preview-mode .demo-top{gap:6px;margin-left:2px;margin-right:2px}
  html.preview-mode .demo-top .ghost{font-size:12px;padding:8px 8px}
  html.preview-mode .demo-top .tone-badge{font-size:9px;padding:5px 7px}
}


/* Alpha 18 – aggregated homepage statistics */
.live-stats{max-width:790px;margin:34px auto 0;padding:16px 18px 13px;border:1px solid #cfdcf1;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(20,71,147,.06)}
.stats-heading{text-align:center;color:#0a4aaa;text-transform:uppercase;font:900 11px/1.2 "Courier New",monospace;letter-spacing:.09em;margin-bottom:10px}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.stats-grid article{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:10px 14px;border:1px solid #dbe3ef;border-radius:10px;background:#f8fbff;text-align:left}
.stats-grid strong{font-size:28px;line-height:1;color:#1261dc;font-weight:900;min-width:34px;text-align:right}
.stats-grid span{font-size:13px;line-height:1.25;color:#344054;font-weight:750}
.live-stats small{display:block;margin-top:9px;text-align:center;color:#8a93a2;font-size:10px}
@media(max-width:760px){
  .live-stats{margin-top:31px;padding:13px 12px 11px}
  .stats-grid{gap:7px}
  .stats-grid article{padding:9px 8px;gap:7px;min-height:54px}
  .stats-grid strong{font-size:23px;min-width:26px}
  .stats-grid span{font-size:11px}
  .live-stats small{font-size:9px}
}
@media(max-width:390px){
  .stats-grid{grid-template-columns:1fr}
  .stats-grid article{justify-content:flex-start;padding-left:18px}
  .stats-grid strong{text-align:left}
}


/* Alpha 19 – real QR code + final mobile preview toolbar */
.qr-code{width:96px;height:96px;border:1px solid #d4dae4;border-radius:9px;background:#fff;padding:6px;display:grid;place-items:center;overflow:hidden}
.qr-code canvas,.qr-code img{display:block!important;width:82px!important;height:82px!important;max-width:100%;image-rendering:pixelated}
@media(max-width:760px){
  .result-card{grid-template-columns:50px 1fr auto;align-items:center}
  .result-card .qr-code{grid-column:3;grid-row:1 / span 2;width:76px;height:76px;padding:5px}
  .result-card .qr-code canvas,.result-card .qr-code img{width:64px!important;height:64px!important}
  .result-actions{grid-column:1/-1;grid-row:auto;flex-direction:row}
  html.preview-mode .demo{padding-top:8px}
  html.preview-mode .demo-top{position:relative!important;inset:auto!important;width:auto;margin:0 4px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;pointer-events:auto}
  html.preview-mode .demo-top .ghost{min-width:0;width:100%;padding:9px 11px;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:3px 3px 0 #111}
  html.preview-mode .demo-top .tone-badge{max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:6px 8px}
}
@media(max-width:430px){
  .result-card{grid-template-columns:44px minmax(0,1fr) 68px;gap:10px;padding:14px 12px}
  .result-card .qr-code{width:66px;height:66px;padding:4px}
  .result-card .qr-code canvas,.result-card .qr-code img{width:56px!important;height:56px!important}
  html.preview-mode .demo-top{gap:7px;margin-left:2px;margin-right:2px}
  html.preview-mode .demo-top .ghost{font-size:12px;padding:8px 9px}
  html.preview-mode .demo-top .tone-badge{font-size:9px;padding:5px 7px;max-width:39vw}
}

/* Final UX patch – clickable branding */
.logo-home-link{color:inherit;text-decoration:none;cursor:pointer}
.logo-home-link:focus-visible{outline:3px solid #1565d8;outline-offset:6px;border-radius:10px}
.logo-home-link .brand-mark{transition:transform .14s ease}
.logo-home-link:hover .brand-mark{transform:translateY(-1px)}
.logo-home-link:active .brand-mark{transform:translateY(1px)}

/* Logo link: keep branding visually identical to the non-linked version */
a.logo-home-link,
a.logo-home-link:link,
a.logo-home-link:visited,
a.logo-home-link:hover,
a.logo-home-link:active{
  color:inherit;
  text-decoration:none!important;
  text-decoration-line:none!important;
}