:root{color-scheme:light;--paper:#fbf8f2;--ink:#24211f;--muted:#625b56;--pink:#f0beca;--line:#ddd4cc;--white:#fffdf9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #912e53;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(2.4rem,5.6vw,4.4rem);letter-spacing:-.045em;margin-bottom:24px}h2{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.025em;margin:44px 0 20px}p{margin-bottom:22px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}.brand{font:bold 23px Georgia,serif;letter-spacing:-1px;text-decoration:none}.brand span{color:#9a3558}.header-link{font-size:14px}.skip-link{position:absolute;left:16px;top:-100px;padding:10px;background:var(--ink);color:white;z-index:2}.skip-link:focus{top:12px}.breadcrumb{font-size:13px;color:var(--muted);padding:24px 0 8px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumb li+li:before{content:"/";padding-right:8px;color:#958980}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.7fr);gap:64px;align-items:center;padding:45px 0 64px}.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:2px;margin:0 0 20px;color:#8c3453}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:640px;margin:0}.hero figure{margin:0}.hero img{width:100%;border:1px solid var(--line);border-radius:6px}.hero figcaption{font-size:12px;line-height:1.55;color:var(--muted);margin-top:10px}.hero.wide{grid-template-columns:1fr;gap:30px;padding-bottom:36px}.hero.wide h1{max-width:900px}.hero.wide .lead{max-width:800px}.hero.wide figure{width:100%;max-width:900px}.content{max-width:760px;margin:0 auto;padding-bottom:36px}.content>h2:first-child{margin-top:0}.steps{padding-left:25px}.steps li{padding-left:7px;margin:0 0 19px}.example{background:#f8e6e9;border-left:3px solid #ab526d;padding:28px 30px;margin:34px 0}.example .eyebrow{margin-bottom:12px}.example h2{font-size:1.75rem;margin:0 0 16px}.example p:last-child{margin:0}.storyboard{padding-left:25px}.storyboard li{padding-left:5px;margin-bottom:14px}.storyboard li:last-child{margin-bottom:0}ol.example{padding-left:52px}.offer{background:var(--ink);color:var(--paper);padding:40px;border-radius:8px;margin:30px 0 48px}.offer h2{margin:0 0 16px}.offer .eyebrow{color:var(--pink)}.offer p{font-size:16px}.offer .price{font:bold 21px/1.5 Arial,sans-serif}.button{display:inline-block;background:var(--pink);color:var(--ink);border:1px solid var(--pink);border-radius:4px;padding:13px 22px;font:700 15px/1.5 Arial,sans-serif;text-decoration:none}.button:hover{background:#f8d3dc}.offer .more{display:block;width:fit-content;margin-top:16px;font-size:14px}.related{border-top:1px solid var(--line);padding-top:30px}.related h2{font-size:1.7rem;margin:0 0 20px}.related ul{padding-left:21px}.related li{padding-bottom:8px}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.site-footer p{margin:0}@media(max-width:720px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.header-inner{padding:18px 0}.brand{font-size:21px}.hero{grid-template-columns:1fr;gap:28px;padding:30px 0 42px}.hero:not(.wide) figure{max-width:320px;margin:auto}.lead{font-size:18px}.hero.wide{padding-bottom:32px}.example{padding:24px 22px}.offer{padding:28px 24px}.content h2{margin-top:36px}ol.example{padding-left:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.site-header,.site-footer,.offer,.related{display:none}body{background:white;color:black}.wrap{width:100%}.hero{padding:20px 0;gap:24px}.hero:not(.wide) figure{max-width:180px}.content{max-width:none}}

/* Demonstrations stay as selectable text, without extra images or JavaScript. */
.practice{margin:36px 0;padding:30px;background:#f4ece4;border:1px solid var(--line);border-radius:12px}.practice>.eyebrow{margin-bottom:12px}.practice>h2{margin:0 0 18px}.demo-grid{display:grid;gap:14px;margin:24px 0;padding:0;list-style:none}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:22px 18px}.demo-card .card-label{font:700 10px/1.6 Arial,sans-serif;letter-spacing:1px;color:#79364d;margin-bottom:18px}.demo-card h3{font-size:26px;line-height:1.17;letter-spacing:-.02em;margin:0 0 20px;overflow-wrap:break-word}.demo-card p,.demo-card li{font-size:14px;line-height:1.6}.demo-card ul{padding-left:18px;margin:0 0 20px}.demo-card li+li{margin-top:10px}.demo-card p:last-child{margin-bottom:0}.demo-card .card-foot{padding-top:16px;border-top:1px solid var(--line);font-size:13px;margin:20px 0 0}.draft{background:#f9f6f1}.ink-card{background:#302c29;color:#fffdf9;border-color:#302c29}.ink-card .card-label{color:#f0beca}.demo-note{font-size:15px;margin-bottom:0}.practice .review{margin:24px 0 0}.review{margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.review summary{cursor:pointer;font-weight:700;line-height:1.5;padding:3px 0}.review summary:focus-visible{outline:3px solid #912e53;outline-offset:4px}.review[open] summary{margin-bottom:16px}.review p,.review li{font-size:15px;line-height:1.65}.review ul{padding-left:22px;margin:0}.review li+li{margin-top:10px}.review p:last-child{margin-bottom:0}.reel-plan .screen-text{background:#f8e6e9;padding:14px;border-left:2px solid #ab526d;font-weight:700}.reel-plan .scene{min-height:90px}.sequence-grid .demo-card h3{font-size:25px}@media(max-width:720px){.practice{padding:24px 20px}.practice>h2{margin-top:0}.demo-card{padding:22px 18px}}@media(max-width:600px){.sequence-grid{grid-template-columns:1fr}.sequence-grid .demo-card h3{font-size:28px}.reel-plan .scene{min-height:0}}@media(max-width:520px){.compare-grid{grid-template-columns:1fr}.practice{padding:22px 16px}}@media print{.practice,.demo-card{break-inside:avoid}.review:not([open])>*:not(summary){display:block}.ink-card{background:white;color:black}.ink-card .card-label{color:#79364d}}
