.demo{--accent:#8255f4;font-size:18px;line-height:1.6}.demo main{max-width:1440px;margin:auto}.demo h1{font-size:clamp(46px,7vw,110px);letter-spacing:-2px;line-height:1.08}.demo h2{font-size:clamp(30px,4vw,60px);line-height:1.15;letter-spacing:-1px}.demo h3{font-size:26px;line-height:1.25}.demo section{padding:64px 5vw;scroll-margin-top:60px}.demo section section{padding:40px 0}.demo-banner{background:#171717;color:white;padding:12px 4vw;display:flex;justify-content:space-between;gap:12px;font-size:14px;position:sticky;top:0;z-index:30}.demo-banner a{text-decoration:underline}.demo-nav{display:flex;align-items:center;gap:28px;padding:28px 5vw;border-bottom:1px solid #0002}.demo-nav strong{margin-inline-end:auto;font-size:26px}.kicker{font:700 13px Arial;letter-spacing:2px;direction:ltr}.demo p{max-width:680px}.demo .action{display:inline-block;padding:14px 24px;border:1px solid currentColor;border-radius:40px;background:var(--accent);color:white;cursor:pointer;font:700 17px Arial;margin-top:16px}.demo .action:hover{filter:brightness(.88)}.demo a:focus-visible,.demo button:focus-visible,.demo input:focus-visible,.demo select:focus-visible{outline:3px solid #e67422;outline-offset:5px}.demo footer{padding:30px 5vw;gap:20px;font-size:14px}.panel{background:#fff8;border-radius:22px;margin:30px 5vw}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:50px}.workspace aside{background:#24213d;color:white;padding:32px;border-radius:22px;align-self:start;position:sticky;top:80px}.workspace aside h2{font-size:36px;color:#d9ccff}.workspace aside a{display:block;padding:16px 0;border-top:1px solid #fff3}.workspace .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics article{background:white;border:1px solid #ddd;padding:24px;border-radius:18px}.metrics b{font-size:45px;display:block;color:#6640bb}.metrics span{display:block;font-size:16px}.initiative{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ccc;padding:25px 0}.initiative[hidden]{display:none}.initiative p{margin-bottom:0}.initiative progress{accent-color:#8255f4;max-width:35%;height:16px}.demo select,.demo input{font:inherit;padding:10px;border:1px solid #888;border-radius:6px;max-width:100%}.glow{background:#ffe8e4;--accent:#963c49;color:#652e39}.glow em{color:#a44c59}.glow-hero{text-align:center;overflow:hidden}.glow-hero p{margin:22px auto}.glow-word{font:bold clamp(90px,21vw,310px) Georgia;line-height:1.15;color:#d9979e;border-bottom:1px solid #a44c5940;margin-top:45px;letter-spacing:-.06em}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.tiles article{border-top:1px solid;padding:30px 0}.tiles h3{margin-top:25px}.tiles span{font-size:14px}.demo details{padding:22px 0;border-block:1px solid #0002;margin-top:30px}.demo summary{cursor:pointer;font-weight:bold}.signature{background:#171717;color:#eee;--accent:#8255f4}.signature em{color:#c8fa4d}.editor{display:grid;grid-template-columns:1fr 1.5fr;border:1px solid #666;border-radius:20px;overflow:hidden;margin-top:50px}.editor form{padding:36px;display:grid;gap:20px;background:#242424}.editor label{display:grid;gap:8px}.editor input{width:100%;background:#171717;color:white}.editor input[type=color]{height:50px;padding:4px}.signature-preview{padding:40px;background:#333}.email-sample{color:#222;background:white;padding:40px;border-radius:8px;overflow-wrap:anywhere}.live-signature{border-inline-start:5px solid var(--sig-color,#8255f4);padding-inline-start:20px;display:grid;gap:4px;direction:ltr;margin-top:40px}.live-signature b{font-size:26px;color:var(--sig-color,#8255f4)}.creative{background:#a9c0ff;--accent:#171717}.creative em{color:#203689}.creative-hero{border-bottom:1px solid}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.campaign{min-height:390px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.campaign h3{font-size:clamp(28px,3.7vw,60px);font-family:Arial,sans-serif;font-weight:900;direction:ltr;line-height:1.05;margin:30px 0;letter-spacing:-1px}.campaign span{font-size:13px}.campaign p{font-size:16px}.yellow{background:#ffdd62}.black{background:#171717;color:#c8fa4d}.pink{background:#ffaea6}.demo [id]{scroll-margin-top:70px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.workspace aside{position:static}.workspace aside a{display:inline-block;margin-inline-end:16px}.editor{grid-template-columns:1fr}.campaign-grid,.tiles{grid-template-columns:1fr}.demo-banner{flex-wrap:wrap}.demo-nav{flex-wrap:wrap;gap:15px}.workspace .metrics{gap:8px}.metrics article{padding:12px}.metrics b{font-size:30px}.signature-preview,.email-sample,.editor form{padding:22px}.demo section{padding:40px 5vw}.campaign{min-height:330px}.campaign h3{font-size:55px}}