:root{color-scheme:light;--paper:#f4f1e7;--surface:#fffdf6;--raised:#eeece2;--ink:#20372c;--muted:#59655b;--line:#d5d7c9;--green:#164e36;--forest:#173f2d;--forest-card:#244d3a;--cream:#f3f0e6;--cream-muted:#c7c1b4;--orange:#de651e;--accent-ink:#b34a18;--action:#f58a32;--action-ink:#24140a;--focus:#bc541d;--serif:Georgia,"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:83px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}img,video{max-width:100%;display:block}a:focus-visible,summary:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--focus);outline-offset:6px}::selection{background:var(--action);color:var(--action-ink)}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:1.3}h2{font-size:clamp(38px,4.2vw,60px)}.section-inner{max-width:1400px;width:100%;margin-inline:auto;padding-inline:80px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--green);font-size:12px;line-height:1.6;letter-spacing:.13em;font-weight:650;margin-bottom:28px}.orange-line{width:26px;height:2px;background:var(--orange);display:inline-block}.skip-link{position:fixed;top:-100px;left:20px;padding:10px 20px;background:var(--surface);z-index:100}.skip-link:focus{top:12px}.site-header{height:84px;background:rgba(244,241,231,.95);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;display:flex;align-items:center;padding-inline:44px;gap:30px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand>span:first-of-type{font-family:Georgia,serif;font-size:25px;line-height:1;font-weight:650;letter-spacing:-1px}.brand-separator{height:20px;width:1px;background:var(--line);margin-inline:7px}.brand small{font-size:11px;letter-spacing:.14em;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px}.desktop-nav a{position:relative;padding-block:28px}.desktop-nav a[aria-current]{color:var(--orange)}.desktop-nav a[aria-current]:after{content:"";position:absolute;bottom:19px;left:0;width:16px;height:2px;background:var(--orange)}.header-start{border:1px solid var(--green);border-radius:5px;padding:8px 15px;font-size:13px;white-space:nowrap}.header-start span{padding-left:12px}.header-start:hover{background:var(--green);color:var(--surface)}.mobile-menu{display:none}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;pointer-events:none}.reading-progress span{display:block;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.chapter-rail{position:fixed;right:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:15}.chapter-rail a{height:34px;width:26px;display:flex;justify-content:center;align-items:center;font-size:10px;font-family:Georgia,serif;color:var(--muted);border-right:1px solid var(--line);transition:color .2s,border-color .2s}.chapter-rail a[aria-current]{color:var(--orange);border-color:var(--orange);border-right-width:3px;font-weight:700}.chapter{position:relative;min-height:calc(100svh - 84px);scroll-margin-top:0;display:flex;align-items:center;padding-block:86px;border-bottom:1px solid var(--line)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:50px;padding:11px 22px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:650;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--action);color:var(--action-ink)}.button.primary:hover{background:#ff9b48}.button.forest{background:var(--green);color:var(--surface)}.button.forest:hover{background:var(--forest-card)}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--green);font-size:14px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:4px}.text-link:hover{color:var(--orange);border-color:var(--orange)}
/* 01 — A real game and a clear invitation. */
.hero{padding-top:72px;padding-bottom:112px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(39px,4.3vw,64px);line-height:1.35;margin-left:-3px;white-space:nowrap}.accent-word{position:relative;display:inline-block;color:var(--orange)}.accent-word svg{position:absolute;bottom:-10px;left:0;width:100%;height:19px;stroke:var(--orange);stroke-width:1.9;fill:none}.hero-lede{font-size:18px;line-height:1.9;margin-top:35px}.hero-secondary{max-width:410px;font-size:14px;line-height:1.9;color:var(--muted);margin-top:14px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.hero-actions .text-link{font-size:13px}.hero-footnote{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.8;margin-top:38px}.tiny-leaf{display:block;flex-shrink:0;width:9px;height:12px;border-radius:0 9px 0 9px;background:var(--green);margin-top:4px;transform:rotate(-12deg)}.contours{pointer-events:none;position:absolute;top:-160px;right:-280px;width:1000px;opacity:.48}.contours svg{width:100%;stroke:var(--line);stroke-width:1}.hero-visual{position:relative;transform:rotate(1.2deg);width:100%;max-width:555px;justify-self:end;padding-bottom:8px}.image-label{font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:8px;margin-bottom:12px}.image-label>span{width:6px;height:6px;border-radius:50%;background:var(--orange)}.screenshot-frame{border:7px solid var(--surface);border-radius:10px;background:#1b1917;box-shadow:0 20px 60px rgba(32,55,44,.13);overflow:hidden}.screenshot-frame img{width:100%;height:auto}.hero-visual figcaption{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;padding-top:10px}.floating-note{position:absolute;left:-29px;bottom:-38px;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 14px rgba(32,55,44,.04);transform:rotate(-5deg);padding:14px 23px;display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.6}.floating-note svg{width:29px;height:29px;fill:none;stroke:var(--orange);stroke-width:1.3}.chapter-bottom{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.chapter-bottom>a{display:flex;gap:20px;align-items:center}
/* 02 — Four small steps and an existing teaching recording. */
.make-section{background:var(--surface)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px}.section-heading .eyebrow{margin-bottom:17px}.heading-aside{color:var(--muted);font-size:14px;line-height:1.9;padding-bottom:6px}.make-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.steps{display:flex;flex-direction:column}.step{display:flex;gap:22px;padding-block:22px;border-bottom:1px solid var(--line)}.step:first-child{padding-top:0}.step:last-child{border-bottom:0}.step-no{font-family:Georgia,serif;font-size:23px;line-height:1.5;color:var(--orange);width:28px;flex-shrink:0}.step h3{font-size:17px;font-weight:600;line-height:1.5;margin-bottom:5px}.step p{font-size:13px;line-height:1.9;color:var(--muted);max-width:330px}.demo-window{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#1b1917;box-shadow:0 14px 38px rgba(32,55,44,.08)}.window-top{height:39px;background:var(--raised);display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:14px;color:var(--muted);font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:5px;height:5px;background:var(--muted);border-radius:50%;opacity:.45}.window-tag{border:1px solid var(--line);padding-inline:5px;font-size:9px}.demo-window video{width:100%;height:auto;aspect-ratio:1280/860}.media-caption{font-size:10px;color:var(--muted);margin-top:8px}.guide-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.guide-callout strong{font-size:14px;font-weight:600;display:block}.guide-callout small{font-size:11px;display:block;color:var(--muted);margin-top:4px}.guide-callout>span:last-child{font-size:25px;color:var(--orange)}.guide-callout:hover strong{color:var(--orange)}
/* 03 — An honest Alpha note, with one growing sprig. */
.alpha-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.alpha-art{color:var(--green);position:relative;max-width:470px;padding:20px 0 28px}.field-note{font-size:10px;letter-spacing:.16em;color:var(--muted);padding-left:20px}.alpha-art svg{width:100%;max-height:480px}.stem{stroke:var(--green);stroke-width:2.2;stroke-linecap:round}.leaf-outline{stroke:var(--green);stroke-width:1.5;fill:var(--raised)}.leaf-orange{fill:var(--orange)}.ground-line{stroke:var(--green);stroke-width:1;opacity:.5}.annotation{stroke:var(--orange);stroke-width:1;stroke-linecap:round}.art-caption{font-size:10px;color:var(--muted);letter-spacing:.05em;display:block;text-align:center}.alpha-copy h2{margin-bottom:25px}.alpha-lede{font-size:17px;line-height:1.9}.alpha-notes{border-top:1px solid var(--line);margin-top:27px;max-width:385px}.alpha-notes p{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding-block:13px;font-size:14px}.alpha-notes span{font:12px Georgia,serif;color:var(--orange)}.alpha-invitation{font-size:17px;line-height:1.9;margin-block:25px}.alpha-invitation strong{font-weight:600}.alpha-copy .text-link{font-size:12px}
/* 04 — Support is a person, speaking in the first person. */
.help-section{background:var(--forest);color:var(--cream);border-color:var(--forest)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.eyebrow.light{color:var(--cream-muted)}.help-copy h2{font-size:clamp(42px,4.6vw,66px);line-height:1.35}.help-copy h2 span{font-family:Georgia,var(--serif);color:var(--action);white-space:nowrap;letter-spacing:-.05em}.help-lede{font-size:22px;line-height:1.8;margin-top:30px}.help-body{font-size:14px;line-height:1.9;color:var(--cream-muted);margin-top:16px}.support-sign{display:flex;align-items:center;gap:13px;padding-top:28px;border-top:1px solid rgba(199,193,180,.25);margin-top:35px}.support-sign>img{background:var(--paper);padding:6px;border-radius:50%;width:44px;height:44px}.support-sign strong{display:block;font-family:Georgia,serif;font-size:18px;font-weight:500;line-height:1.4}.support-sign div>span{display:block;font-size:11px;color:var(--cream-muted);margin-top:2px}.handwritten{margin-left:auto;color:var(--action);font-size:12px;transform:rotate(-5deg)}.example-label{font-size:11px;color:var(--cream-muted);margin-bottom:22px}.message-example{border:1px solid rgba(199,193,180,.3);background:var(--forest-card);padding:23px 27px;margin-bottom:16px;border-radius:9px}.message-type{font-size:10px;color:var(--cream-muted);letter-spacing:.04em;display:block;margin-bottom:12px}.message-example p{font-size:15px;line-height:1.9}.message-example mark{color:var(--action);background:transparent;font-weight:600}.message-example:nth-of-type(2){margin-left:22px}.message-example:nth-of-type(3){margin-right:22px}.help-detail{font-size:11px;color:var(--cream-muted);line-height:1.9;max-width:440px;margin-top:25px}
/* 05 — Two distinct routes for issues and public wishes. */
.feedback-heading{margin-bottom:48px}.subtle-heading{color:var(--muted)}.feedback-grid{display:grid;grid-template-columns:1fr 1.22fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feedback-grid article{position:relative;padding:40px 0}.feedback-private{padding-right:62px!important;border-right:1px solid var(--line)}.feedback-public{padding-left:66px!important}.route-label{font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:20px}.feedback-grid h3{font-family:var(--serif);font-weight:600;font-size:36px;letter-spacing:-.025em;line-height:1.4;margin-bottom:22px}.route-icon{position:absolute;right:60px;top:37px;font-size:34px;color:var(--orange)}.feedback-private>p:not(.route-label):not(.route-note){font-size:14px;color:var(--muted);line-height:1.9}.feedback-path{display:flex;align-items:center;gap:20px;margin:25px 0;width:fit-content;padding:12px 20px;border:1px solid var(--line);border-radius:5px;font-size:13px;background:var(--surface)}.feedback-path>span:nth-child(2){color:var(--orange)}.feedback-path strong{font-weight:600;color:var(--green)}.route-note{font-size:11px;line-height:1.9;color:var(--muted)}.feedback-private .text-link{font-size:12px;margin-top:24px}.wish-list{list-style:none;padding:0;margin:0 0 26px}.wish-list li{display:flex;align-items:flex-start;gap:20px;margin-bottom:21px}.wish-list li>span{color:var(--orange);font-family:Georgia,serif;font-size:14px;line-height:1.8}.wish-list strong{font-size:14px;font-weight:600;display:block}.wish-list small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.feedback-public .route-note{margin-top:15px}
/* 06 — The same card can be read, downloaded, or shared in a group. */
.start-section{background:var(--raised)}.start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.start-copy>p:not(.eyebrow){font-size:15px;line-height:2;color:var(--muted);margin-block:24px 28px}.save-note{display:flex;align-items:flex-start;gap:17px;border-top:1px solid var(--line);padding-top:28px;margin-top:52px}.save-note svg{width:24px;height:24px;stroke:var(--green);stroke-width:1.3;fill:none;flex-shrink:0;margin-top:3px}.save-note strong{display:block;font-size:14px;font-weight:600}.save-note p{font-size:11px;color:var(--muted);margin-top:7px;max-width:240px;line-height:1.8}.save-note a{display:inline-block;color:var(--green);font-size:12px;border-bottom:1px solid var(--green);margin-top:13px}.save-note a:hover{color:var(--orange);border-color:var(--orange)}.pin-card{width:100%;aspect-ratio:auto;container-type:inline-size;display:flex;flex-direction:column;background:var(--surface);box-shadow:0 13px 40px rgba(32,55,44,.09);border:1px solid var(--line);border-radius:3px;overflow:hidden;position:relative;padding-top:6.5%;padding-bottom:4.5%}.pin-brand,.pin-title,.pin-support,.pin-links,.pin-alpha,.pin-footer{margin-inline:6.8cqw}.pin-brand{display:flex;align-items:center;gap:1.8cqw;padding-bottom:3cqw;border-bottom:1px solid var(--line)}.pin-brand img{width:5.6cqw;height:5.6cqw}.pin-brand strong{font:600 4.1cqw/1 Georgia,serif;letter-spacing:-.12cqw}.pin-brand>span{font-size:1.7cqw;letter-spacing:.15em;margin-left:auto;color:var(--muted)}.pin-title{padding-block:3.4cqw 3cqw}.pin-title>p{font-size:1.7cqw;letter-spacing:.11em;color:var(--orange);margin-bottom:1.5cqw;font-weight:600}.pin-title h3{font-family:var(--serif);font-size:6cqw;line-height:1.35;letter-spacing:-.15cqw;font-weight:600}.pin-title>span{display:block;margin-top:1.8cqw;font-size:1.83cqw;color:var(--muted);line-height:1.8}.pin-support{display:flex;justify-content:space-between;align-items:center;gap:3cqw;background:var(--forest);color:var(--cream);padding:3.1cqw 4.2cqw}.pin-support small{font-size:1.8cqw;color:var(--cream-muted)}.pin-support strong{display:block;font-family:Georgia,serif;color:var(--action);font-size:5.2cqw;letter-spacing:-.12cqw;line-height:1.3;margin-block:.9cqw 1.1cqw}.pin-support p{font-size:1.95cqw;line-height:1.7}.pin-human{border:1px solid var(--cream-muted);border-radius:50%;width:10.9cqw;height:10.9cqw;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.2cqw;line-height:1.6;transform:rotate(8deg);flex-shrink:0;color:var(--cream-muted)}.pin-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4cqw;padding-block:3.2cqw 2.8cqw}.pin-links>a{display:flex;align-items:center;flex-direction:column;text-align:center}.pin-links img{width:21cqw;height:21cqw}.pin-links strong{font-size:2.4cqw;line-height:1.6;margin-top:.8cqw;font-weight:600}.pin-links span{font-size:1.65cqw;margin-top:.9cqw;color:var(--muted);line-height:1.5}.pin-links small{font-family:Arial,sans-serif;font-size:1.25cqw;color:var(--muted);margin-top:1.3cqw;white-space:nowrap}.pin-alpha{display:flex;align-items:flex-start;gap:2.6cqw;padding-top:2.5cqw;border-top:1px solid var(--line)}.pin-alpha>span{font-family:Georgia,serif;font-size:1.5cqw;letter-spacing:.1em;border:1px solid var(--orange);color:var(--orange);padding:.15cqw 1cqw;line-height:1.6;margin-top:.2cqw}.pin-alpha p{font-size:1.65cqw;line-height:1.9;color:var(--muted)}.pin-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:2.2cqw;font-size:1.65cqw;color:var(--muted)}.pin-footer img{width:3.7cqw;height:3.7cqw}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px}.site-footer .brand>span{font-size:20px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>a:last-child{font-size:11px;color:var(--muted)}
/* Dedicated export surface: exactly the final chapter's card. */
.poster-page{width:1080px;margin:0;background:var(--surface)}.poster-page .pin-card{width:1080px;height:1440px;aspect-ratio:3/4;max-width:none;border:0;border-radius:0;box-shadow:none;padding-top:58px;padding-bottom:42px}
@media(min-width:1600px){.hero-grid{gap:85px}.hero h1{font-size:64px}.hero-visual{max-width:560px}.chapter{padding-block:100px}.hero{padding-bottom:130px}}
@media(max-width:1180px){.section-inner{padding-inline:58px}.site-header{padding-inline:28px;gap:20px}.desktop-nav{gap:17px;font-size:12px}.brand small,.brand-separator{display:none}.hero-grid{gap:38px}.hero h1{font-size:clamp(35px,4.25vw,52px)}.hero-lede{font-size:16px}.hero-secondary{font-size:13px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px}.hero-footnote{font-size:10px}.alpha-grid{gap:55px}.help-grid{gap:55px}.make-grid{gap:50px}.start-grid{gap:50px}.feedback-private{padding-right:40px!important}.feedback-public{padding-left:40px!important}.route-icon{right:38px}.chapter-rail{right:12px}}
@media(max-width:900px){.desktop-nav{display:none}.header-start{margin-left:auto}.site-header{height:72px}.chapter{min-height:auto;padding-block:76px}html{scroll-padding-top:71px}.chapter-rail{display:none}.section-inner{padding-inline:36px}.hero{padding-block:66px 100px}.hero-grid{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(31px,4.2vw,42px)}.hero-lede{font-size:15px;margin-top:26px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:24px}.hero-secondary{font-size:12px}.hero-footnote{margin-top:22px;font-size:10px}.hero-visual figcaption{font-size:8px}.floating-note{font-size:10px;padding:10px 15px;left:-12px;bottom:-25px}.image-label{font-size:9px}.chapter-bottom{font-size:10px;bottom:24px}.make-grid{gap:36px}.step{gap:15px;padding-block:16px}.step h3{font-size:15px}.step p{font-size:12px}.alpha-grid{gap:44px}.alpha-lede{font-size:15px}.alpha-art svg{max-height:400px}.alpha-notes p{font-size:13px}.alpha-invitation{font-size:15px}.help-grid{gap:35px}.help-copy h2{font-size:43px}.help-lede{font-size:18px}.help-body{font-size:12px}.message-example{padding:17px 20px}.message-example p{font-size:13px}.support-sign{gap:9px}.handwritten{display:none}.help-detail{font-size:10px}.feedback-grid{grid-template-columns:1fr 1.1fr}.feedback-grid h3{font-size:31px}.feedback-private{padding-right:30px!important}.feedback-public{padding-left:30px!important}.route-icon{right:26px}.feedback-private>p:not(.route-label):not(.route-note){font-size:13px}.start-grid{gap:35px}.start-copy>p:not(.eyebrow){font-size:13px}.site-footer p{font-size:10px}.mobile-menu{display:block;position:relative;font-size:12px}.mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:42px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:52px;min-width:240px;background:var(--surface);border:1px solid var(--line);padding:12px 20px;box-shadow:0 8px 25px rgba(32,55,44,.1);border-radius:5px}.mobile-menu nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.mobile-menu nav a:last-child{border:0}}
@media(max-width:640px){.site-header{height:66px;padding-inline:20px;gap:13px}.brand>img{width:29px;height:29px}.brand>span:first-of-type{font-size:23px}.header-start{font-size:10px;padding:6px 9px;border:0}.header-start span{padding-left:3px}.mobile-menu{font-size:11px}.mobile-menu nav{right:0;top:48px}.section-inner{padding-inline:25px}.chapter{padding-block:60px}html{scroll-padding-top:65px}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.1em}h2{font-size:38px;line-height:1.4}.hero{padding-block:42px 76px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(33px,8.6vw,50px);line-height:1.45;white-space:normal;letter-spacing:-.045em}.hero-lede{font-size:16px;line-height:1.9;margin-top:28px}.hero-secondary{font-size:12px;line-height:1.9;max-width:350px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.hero-actions .button{font-size:12px;gap:16px;min-height:45px;padding-inline:17px}.hero-actions .text-link{font-size:11px}.hero-footnote{font-size:10px;line-height:1.8;margin-top:24px}.hero-visual{justify-self:center;transform:rotate(.6deg);max-width:430px}.image-label{font-size:10px}.screenshot-frame{border-width:5px}.hero-visual figcaption{font-size:9px;gap:8px}.floating-note{left:14px;bottom:-26px;font-size:11px;padding:11px 17px}.floating-note svg{width:24px;height:24px}.contours{top:280px;right:-330px;width:850px;opacity:.4}.chapter-bottom{bottom:15px;font-size:9px}.chapter-bottom>a{gap:10px}.section-heading{display:block;margin-bottom:32px}.heading-aside{font-size:12px;line-height:1.9;margin-top:18px}.section-heading .eyebrow{margin-bottom:15px}.make-grid{grid-template-columns:1fr;gap:24px}.step{padding-block:17px;gap:19px}.step h3{font-size:16px}.step p{font-size:12px;max-width:none;line-height:1.9}.step-no{font-size:23px}.demo-window{border-radius:6px}.window-top{font-size:9px;padding-inline:10px}.window-tag{font-size:8px}.media-caption{font-size:9px}.guide-callout{padding-block:18px}.guide-callout strong{font-size:13px}.guide-callout small{font-size:10px}.alpha-grid{grid-template-columns:1fr;gap:0}.alpha-copy{grid-row:1}.alpha-copy h2{margin-bottom:23px}.alpha-lede{font-size:16px}.alpha-notes{max-width:none;margin-top:24px}.alpha-notes p{font-size:13px;padding-block:12px}.alpha-invitation{font-size:16px;margin-block:23px}.alpha-copy .text-link{font-size:11px}.alpha-art{max-width:320px;width:100%;margin:34px auto 0;padding:0}.alpha-art svg{max-height:300px;margin-block:-8px -4px}.field-note{font-size:8px}.art-caption{font-size:8px}.help-grid{grid-template-columns:1fr;gap:36px}.help-copy h2{font-size:clamp(40px,11.7vw,62px);line-height:1.4}.help-lede{font-size:20px;margin-top:24px}.help-body{font-size:13px;line-height:1.9;margin-top:14px}.support-sign{margin-top:26px;padding-top:23px}.support-sign strong{font-size:17px}.support-sign div>span{font-size:10px}.support-sign>img{height:40px;width:40px}.handwritten{display:block;font-size:11px}.example-label{font-size:10px;margin-bottom:17px}.message-example{padding:18px 20px;margin-bottom:13px}.message-example p{font-size:13px}.message-type{font-size:9px;margin-bottom:8px}.message-example:nth-of-type(2){margin-left:12px}.message-example:nth-of-type(3){margin-right:12px}.help-detail{font-size:10px;margin-top:21px}.feedback-heading{margin-bottom:32px}.feedback-heading h2{font-size:35px}.feedback-grid{grid-template-columns:1fr}.feedback-grid article{padding-block:30px}.feedback-private{padding-right:0!important;border-right:0;border-bottom:1px solid var(--line)}.feedback-public{padding-left:0!important}.route-label{font-size:10px;margin-bottom:16px}.feedback-grid h3{font-size:32px;margin-bottom:20px}.route-icon{right:6px;top:28px}.feedback-private>p:not(.route-label):not(.route-note){font-size:13px}.feedback-path{margin-block:20px;font-size:12px;padding:10px 18px}.route-note{font-size:10px}.feedback-private .text-link{font-size:11px;margin-top:20px}.wish-list{margin-bottom:24px}.wish-list strong{font-size:14px}.wish-list small{font-size:11px}.wish-list li{margin-bottom:20px}.feedback-public .button{font-size:13px}.start-grid{grid-template-columns:1fr;gap:36px}.start-copy h2{font-size:40px}.start-copy>p:not(.eyebrow){font-size:13px;line-height:2;margin-block:19px 24px}.start-copy>.button{font-size:13px;min-height:47px}.save-note{margin-top:30px;padding-top:23px;gap:15px}.save-note p{max-width:none}.pin-card{width:100%;max-width:500px;justify-self:center;padding-top:6.5%;padding-bottom:4.5%}.site-footer{flex-wrap:wrap;padding-block:26px;gap:16px}.site-footer .brand>span{font-size:18px}.site-footer p{font-size:9px;order:3;width:100%}.site-footer>a:last-child{margin-left:auto;font-size:10px}.desktop-break{display:none}}
@media(max-width:360px){.section-inner{padding-inline:20px}.site-header{padding-inline:16px;gap:8px}.brand>span:first-of-type{font-size:21px}.brand{gap:7px}.header-start{font-size:9px;padding-inline:5px}.hero-actions{gap:13px}.hero-actions .text-link{font-size:10px}.hero h1{font-size:31px}.feedback-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.site-header,.chapter-rail,.chapter-bottom,.site-footer,.save-note{display:none}.chapter{min-height:0;padding-block:40px;break-inside:avoid}.section-inner{padding-inline:24px}.hero{padding-bottom:70px}.pin-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Readable chapter markers on the dark support section. */
body[data-chapter="help"] .chapter-rail a{color:var(--cream-muted);border-color:rgba(199,193,180,.5)}
body[data-chapter="help"] .chapter-rail a[aria-current]{color:var(--action);border-color:var(--action)}
.desktop-nav a[aria-current],.chapter-rail a[aria-current],.step-no,.alpha-notes span,.wish-list li>span,.pin-title>p,.pin-alpha>span{color:var(--accent-ink)}
@media(max-width:640px){.help-copy h2{font-size:clamp(32px,8.8vw,46px)}}

/* The opening moves from a changing craft to the team's decision loop. */
.question-sheet{background:var(--surface);border:1px solid var(--line);padding:31px 36px 25px;transform:rotate(1deg);box-shadow:0 18px 50px rgba(32,55,44,.07);position:relative;max-width:490px;justify-self:end;width:100%}
.question-kicker{font-size:11px;color:var(--muted);letter-spacing:.07em;padding-bottom:20px;border-bottom:1px solid var(--line)}
.opening-questions{list-style:none;margin:0;padding:0}.opening-questions li{padding:23px 0 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}
.opening-questions li>span{color:var(--accent-ink);font-size:10px;font-family:var(--sans);letter-spacing:.06em;padding-top:10px}.opening-questions p{font:600 clamp(28px,2.7vw,39px)/1.42 var(--serif);letter-spacing:-.035em}
.question-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:11px;color:var(--muted)}.question-bottom svg{width:33px;height:33px;fill:none;stroke:var(--orange);stroke-width:1.4}
.hero .hero-footnote{font-size:12px;max-width:445px;line-height:1.9;margin-top:30px}.hero .hero-secondary{font-size:15px;max-width:425px}.hero .hero-actions{gap:22px}
.approach-section{padding-block:60px;background:var(--paper)}.approach-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:90px}.approach-copy .eyebrow{margin-bottom:18px}.approach-copy h2{font-size:clamp(35px,3.5vw,49px);line-height:1.35}.approach-lede{font-size:15px;line-height:1.9;margin-top:21px;max-width:490px}.approach-principles{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;max-width:555px}.approach-principles>div{border-left:2px solid var(--line);padding-left:14px}.approach-principles h3{font-size:14px;font-weight:600;line-height:1.7;margin-bottom:6px}.approach-principles p{font-size:12px;line-height:1.9;color:var(--muted)}
.approach-visual{max-width:410px;transform:rotate(.7deg);margin-bottom:5px}.approach-visual .image-label{font-size:10px}.approach-visual figcaption{font-size:9px}.approach-visual .floating-note{left:-18px;bottom:-20px;padding:10px 16px;font-size:10px}.approach-visual .floating-note svg{width:23px;height:23px}
.decision-loop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:35px 0 27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.decision-loop li{position:relative;padding:16px 16px 16px 23px;border-left:1px solid var(--line)}.decision-loop li:first-child{border-left:0;padding-left:0}.decision-loop li>span{display:block;font-size:10px;font-family:Georgia,serif;color:var(--accent-ink);margin-bottom:4px}.decision-loop strong{font-size:14px;font-weight:600;line-height:1.6}.decision-loop li:not(:last-child):after{content:'→';position:absolute;right:15px;top:35px;color:var(--orange);font-size:15px}.decision-loop li:last-child{background:var(--surface)}
.vision-statement{display:grid;grid-template-columns:1fr auto;gap:7px 28px;align-items:center}.vision-statement>p{grid-column:1;font-size:10px;letter-spacing:.12em;color:var(--muted)}.vision-statement blockquote{grid-column:1;margin:0;font:600 clamp(20px,1.9vw,27px)/1.6 var(--serif);letter-spacing:-.02em}.vision-statement .text-link{grid-column:2;grid-row:1/3;align-self:center;font-size:11px}.vision-break{display:none}
@media(max-width:1180px){.question-sheet{padding:25px 28px 22px}.opening-questions li{grid-template-columns:76px 1fr}.opening-questions p{font-size:32px}.approach-grid{gap:50px}.approach-copy h2{font-size:39px}.approach-principles{gap:17px}.approach-principles h3{font-size:13px}.approach-visual{max-width:370px}.decision-loop strong{font-size:12px}.decision-loop li:not(:last-child):after{right:10px}.decision-loop li{padding-left:18px}.vision-statement blockquote{font-size:22px}}
@media(max-width:900px){.question-sheet{padding:23px 24px 20px}.question-kicker{font-size:10px}.opening-questions li{grid-template-columns:61px 1fr;gap:8px;padding-block:23px}.opening-questions li>span{font-size:8px;padding-top:8px}.opening-questions p{font-size:28px}.question-bottom{font-size:10px}.hero .hero-secondary{font-size:13px}.hero .hero-footnote{font-size:10px}.hero .hero-actions{gap:15px}.approach-grid{grid-template-columns:1fr 1fr;gap:34px}.approach-copy h2{font-size:33px}.approach-lede{font-size:13px;margin-top:17px}.approach-principles{grid-template-columns:1fr;gap:15px;margin-top:19px}.approach-principles h3{font-size:13px;margin-bottom:3px}.approach-principles p{font-size:11px}.approach-visual .image-label{font-size:8px}.approach-visual figcaption{font-size:8px}.decision-loop{margin-top:32px;margin-bottom:23px}.decision-loop strong{font-size:11px}.decision-loop li{padding:14px 10px 14px 12px}.decision-loop li:not(:last-child):after{right:6px;top:12px;font-size:12px}.decision-loop li>span{font-size:9px}.vision-statement{grid-template-columns:1fr;gap:8px}.vision-statement .text-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:5px}.vision-statement blockquote{font-size:23px}}
@media(max-width:640px){.hero .hero-secondary{font-size:13px;line-height:1.9;max-width:340px}.hero .hero-footnote{font-size:11px;max-width:335px;margin-top:25px}.hero .hero-actions{gap:17px}.hero .hero-actions .text-link{font-size:10px}.question-sheet{max-width:430px;transform:rotate(.5deg);padding:23px 25px 21px}.question-kicker{font-size:10px;padding-bottom:17px}.opening-questions li{grid-template-columns:78px 1fr;padding-block:23px}.opening-questions li>span{font-size:9px;padding-top:10px}.opening-questions p{font-size:32px}.question-bottom{padding-top:18px;font-size:10px}.hero .chapter-bottom{font-size:8px;gap:10px}.hero .chapter-bottom>span{max-width:190px}.hero .chapter-bottom>a{white-space:nowrap;gap:8px}.approach-section{padding-block:57px}.approach-grid{grid-template-columns:1fr;gap:34px}.approach-copy h2{font-size:36px}.approach-lede{font-size:14px;line-height:1.9;margin-top:20px}.approach-principles{grid-template-columns:1fr;gap:19px;margin-top:24px}.approach-principles h3{font-size:14px;margin-bottom:4px}.approach-principles p{font-size:12px}.approach-visual{max-width:390px;justify-self:center;margin-bottom:12px}.approach-visual .image-label{font-size:10px}.approach-visual figcaption{font-size:9px}.approach-visual .floating-note{left:12px;bottom:-22px;font-size:10px;padding:10px 17px}.decision-loop{grid-template-columns:1fr 1fr;margin-top:30px;margin-bottom:26px}.decision-loop li{padding:16px 18px;border-bottom:1px solid var(--line)}.decision-loop li:first-child{padding-left:18px}.decision-loop li:nth-child(3),.decision-loop li:nth-child(5){border-left:0}.decision-loop li:nth-child(2):after,.decision-loop li:nth-child(4):after{display:none}.decision-loop li:last-child{grid-column:1/-1;border-bottom:0}.decision-loop li>span{font-size:10px}.decision-loop strong{font-size:13px}.decision-loop li:not(:last-child):after{top:32px;right:18px;font-size:15px}.vision-statement{gap:11px}.vision-statement blockquote{font-size:23px;line-height:1.7}.vision-statement>p{font-size:10px}.vision-statement .text-link{font-size:11px;margin-top:5px}.vision-break{display:initial}}
@media(max-width:360px){.hero .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.question-sheet{padding-inline:21px}.opening-questions li{grid-template-columns:65px 1fr}.opening-questions p{font-size:29px}.approach-copy h2{font-size:32px}.vision-statement blockquote{font-size:20px}.approach-visual figcaption{font-size:8px}}

/* Each production step has its own inspectable screenshot. */
.step-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 34px;list-style:none;padding:0;margin:0}.illustrated-step{min-width:0}.step-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:19px;min-height:89px}.step-heading .step-no{font-size:27px;color:var(--accent-ink);line-height:1.35;flex-shrink:0}.step-heading h3{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:8px}.step-heading p{font-size:13px;color:var(--muted);line-height:1.9;max-width:485px}.step-shot{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;width:100%;background:#141311;cursor:zoom-in;box-shadow:0 8px 26px rgba(32,55,44,.06)}.step-shot>img{width:100%;height:auto;aspect-ratio:16/11;object-fit:contain}.shot-zoom{position:absolute;top:11px;right:11px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--green);font-size:10px;padding:3px 9px;line-height:1.8;box-shadow:0 2px 8px rgba(32,55,44,.1)}.step-shot:hover .shot-zoom{background:var(--action);color:var(--action-ink);border-color:var(--action)}.illustrated-step figcaption{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.steps-footer{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:38px;border-top:1px solid var(--line)}.steps-footer .media-caption{font-size:10px;line-height:1.9;margin-top:0;padding-block:18px;max-width:510px}.steps-footer .guide-callout{border:0;padding-block:22px}
.screenshot-dialog{padding:0;border:1px solid var(--line);border-radius:8px;width:min(1240px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);background:#141311;color:var(--ink);box-shadow:0 20px 90px rgba(0,0,0,.35)}.screenshot-dialog::backdrop{background:rgba(20,19,17,.8)}.screenshot-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);padding:15px 21px;border-bottom:1px solid var(--line)}.screenshot-dialog-header h2{font:600 16px/1.5 var(--sans);letter-spacing:0}.screenshot-dialog-header form{margin:0;flex-shrink:0}.screenshot-dialog-header button{background:var(--surface);color:var(--green);border:1px solid var(--line);border-radius:4px;padding:5px 12px;font-size:12px;cursor:pointer}.screenshot-dialog-header button span{font-size:17px;margin-left:8px}.screenshot-dialog-hint{display:none}.screenshot-dialog-body{max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain}.screenshot-dialog-body img{width:100%;height:auto;display:block}
@media(max-width:1180px){.step-gallery{gap:36px 28px}.step-heading{min-height:92px}.step-heading h3{font-size:17px}.step-heading p{font-size:12px}.steps-footer{gap:28px}}
@media(max-width:900px){.step-gallery{gap:34px 24px}.step-heading{gap:14px;min-height:112px}.step-heading h3{font-size:16px}.step-heading p{font-size:12px}.step-heading .step-no{font-size:24px}.shot-zoom{font-size:9px;top:8px;right:8px;padding:2px 7px}.illustrated-step figcaption{font-size:10px}.steps-footer{grid-template-columns:1fr;gap:0;margin-top:27px}.steps-footer .media-caption{max-width:none;padding-bottom:0}.steps-footer .guide-callout{padding-block:20px}}
@media(max-width:640px){.step-gallery{grid-template-columns:1fr;gap:35px}.step-heading{min-height:0;gap:17px;margin-bottom:15px}.step-heading .step-no{font-size:25px}.step-heading h3{font-size:17px;margin-bottom:7px}.step-heading p{font-size:12px;line-height:1.9}.step-shot{border-radius:5px}.shot-zoom{font-size:9px;top:8px;right:8px}.illustrated-step figcaption{font-size:10px;margin-top:8px}.steps-footer{margin-top:28px}.steps-footer .media-caption{font-size:9px}.screenshot-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:6px}.screenshot-dialog-header{padding:12px 13px;gap:10px}.screenshot-dialog-header h2{font-size:13px}.screenshot-dialog-header button{font-size:11px;padding:5px 9px}.screenshot-dialog-header button span{margin-left:5px}.screenshot-dialog-hint{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:4px}.screenshot-dialog-body{max-height:calc(100dvh - 110px)}.screenshot-dialog-body img{width:1000px;max-width:none}}

/* Native full screenshot; the inline frame focuses on the actual composer. */
.help-grid{row-gap:36px}.help-screenshot{grid-column:1/-1;margin:0;min-width:0}.help-shot{aspect-ratio:4.52;position:relative;background:#141311}.help-shot img{position:absolute;width:141.6%;max-width:none;height:auto;aspect-ratio:auto;right:-6.2%;bottom:0;object-fit:initial}.help-screenshot figcaption{font-size:11px;line-height:1.9;color:var(--cream-muted);margin-top:12px}.help-screenshot .step-shot{border-color:rgba(199,193,180,.35)}
@media(max-width:640px){.help-shot{aspect-ratio:2.5}.help-screenshot figcaption{font-size:11px}.help-grid{row-gap:28px}}