.maker{background:var(--bg2)}
.maker-grid{display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:56px;align-items:start}
.letter{padding-left:clamp(0px,6vw,96px)}
.letter p{font-size:1.12rem;color:var(--ink2)}
.sig,.letter .sig{font:600 2.4rem/1 var(--hand);color:var(--ink);transform:rotate(-4deg);display:inline-block;margin:6px 0 0}
.margin{padding-top:96px}
.log-head{font:400 .82rem var(--mono);color:var(--mute);margin:0 0 10px}
.log{font:400 .95rem/1.45 var(--sans);color:var(--ink2);border-left:2px solid var(--gold);padding:2px 0 2px 12px;margin:0 0 12px;max-width:26em}
.log b{display:block;font:500 .95rem var(--mono);color:var(--ink)}
.log span{display:block;font:400 .78rem var(--mono);color:var(--mute);margin:0 0 2px}
@media (max-width:860px){.maker-grid{grid-template-columns:1fr;gap:12px}.letter{padding-left:0}.margin{padding-top:0}}
.proof-h{max-width:15ch;font-size:clamp(2.2rem,5vw,4.4rem)}
.proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) 210px;gap:40px;align-items:start;margin-top:40px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.row .lbl,.readout .lbl{width:70px;font:400 .9rem var(--mono);color:var(--mute)}
.hand-diagram .pc{width:56px;height:78px;font-size:1.45rem;border-radius:8px}
.hand-diagram .pc i{font-size:1.25rem}
.vl{font:400 .9rem var(--mono);color:var(--ink2);margin-left:6px}
.hand-diagram p{margin-top:22px;color:var(--ink2);max-width:34em}
.hand-diagram p.small{margin-top:0}
.readout .lbl{width:auto;margin:0 0 4px}
.big{font:800 clamp(4.4rem,9.5vw,8rem)/.92 var(--display);letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}
.readout .verdict{margin-top:14px}
.meter{margin:24px 0 10px}
.meter .bar{position:relative;height:12px;border-radius:999px;background:var(--line-soft);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.meter .fill{position:absolute;inset:0 auto 0 0;background:var(--teal);border-radius:999px;transform-origin:left center}
.meter .need{position:absolute;top:0;bottom:0;width:3px;background:var(--gold-ink)}
.meter .legend{display:flex;justify-content:space-between;font:400 .85rem var(--mono);color:var(--mute);margin-top:8px}
.meter.wait .fill{transform:scaleX(0)}
.meter.wait .need{opacity:0}
.meter.go .fill{transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .15s}
.meter.go .need{transition:opacity .4s ease 1.1s}
.kv{display:grid;grid-template-columns:1fr auto;gap:6px 18px;margin:18px 0 0;font-size:.98rem}
.kv dt{color:var(--ink2)}.kv dd{margin:0;font-family:var(--mono);font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.kv dt,.kv dd{padding-bottom:6px;border-bottom:1px solid var(--line-soft)}
.kv .hl{background:var(--gold-soft);box-shadow:0 -4px 0 var(--gold-soft)}
.reg{position:relative;padding-top:8px}
.bubble{position:relative;font:600 1.45rem/1.1 var(--hand);color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:12px 14px;margin:0 0 14px}
.bubble::after{content:"";position:absolute;left:70%;bottom:-12px;width:18px;height:18px;background:var(--card);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) skew(8deg,8deg)}
.reg .char{width:200px;margin-left:auto}
@media (max-width:1100px){.proof-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reg{grid-column:1/-1;display:flex;align-items:flex-end;gap:16px}.reg .bubble{order:2;max-width:260px;margin:0 0 40px}.reg .bubble::after{left:-11px;bottom:auto;top:44%;transform:rotate(135deg) skew(8deg,8deg)}.reg .char{width:150px;margin:0}}
@media (max-width:760px){.proof-grid{grid-template-columns:1fr;gap:28px}.hand-diagram .pc{width:48px;height:68px;font-size:1.25rem}}
.tools{padding-top:24px}
.tools-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
.crop{position:relative;height:640px;overflow:hidden;border:10px solid var(--ink);border-bottom:0;border-radius:52px 52px 0 0;max-width:560px}
.crop::after{content:"";position:absolute;left:-10px;right:-10px;bottom:0;height:2px;background:var(--ink)}
.crop img{width:100%;height:auto}
.tools-copy h2{margin-bottom:28px}
.t{padding:18px 0;border-top:1px solid var(--line)}
.t h3{margin-bottom:6px}
.t p{margin:0;color:var(--ink2);font-size:1.06rem}
.tools-copy div.t:first-of-type h3{font-size:1.55rem;letter-spacing:-.02em}
.tools-copy div.t:first-of-type p{font-size:1.14rem}
.t-outs{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:start}
.mini{height:180px;overflow:hidden;border:5px solid var(--ink);border-radius:20px;margin-top:4px}
.mini img{width:100%;height:auto;margin-top:-30%}
.mini.tall{height:250px}.mini.tall img{margin-top:-8%}
.fig-right{float:right;width:150px;margin:0 0 12px 24px}
.fig-right figcaption{font:400 .82rem var(--mono);color:var(--mute);margin-top:8px}
@media (max-width:640px){.fig-right{float:none;width:140px;margin:0 0 16px}}
@media (max-width:860px){.tools-grid{grid-template-columns:1fr;gap:36px}.tools-copy{order:-1}.crop{height:460px;border-width:8px;border-radius:44px 44px 0 0;margin:0 auto}}
.learn{background:var(--bg2);position:relative}
.learn::before{content:"";position:absolute;left:0;right:0;top:0;height:48px;background:var(--bg);clip-path:polygon(0 0,100% 0,100% 100%)}
.learn-head{max-width:780px;margin-bottom:40px}
.strip{display:grid;grid-template-columns:1.25fr 1fr 1.12fr .95fr 1.08fr;gap:14px;list-style:none;padding:0;margin:0;align-items:start}
.panel{position:relative;display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:8px;padding:0 16px 18px;overflow:hidden;background:var(--card)}
.panel.p1{background:var(--teal-soft)}.panel.p2{background:var(--gold-soft);margin-top:36px}.panel.p3{background:var(--card)}.panel.p4{background:var(--card2);margin-top:18px}.panel.p5{background:var(--teal-soft);margin-top:48px}
.panel .char{width:min(100%,190px);margin:-4px auto 2px}
.panel .n{font:400 .85rem var(--mono);color:var(--teal-ink)}
.panel h3{font-size:1.12rem;margin:4px 0 6px}
.panel p{font-size:.93rem;color:var(--ink2);margin:0 0 12px}
.panel .count{margin-top:auto;font:400 .82rem var(--mono);color:var(--mute)}
.more-link{margin:28px 0 0}
@media (max-width:1020px){.strip{grid-template-columns:repeat(3,1fr)}.panel.p2,.panel.p4,.panel.p5{margin-top:0}}
@media (max-width:640px){.strip{grid-template-columns:1fr 1fr}.panel.p1{grid-column:1/-1;display:grid;grid-template-columns:130px 1fr;column-gap:12px;padding-top:12px}.panel.p1 .char{grid-row:1/5;margin:0}.panel .char{width:100%}}
.night{background:var(--n-bg);color:var(--n-ink2);position:relative;overflow:hidden}
.night h2{color:var(--n-ink)}
.night .lead{color:var(--n-ink2)}
.night-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:center}
.night .tbl th,.night .tbl td{border-bottom-color:var(--n-line);color:var(--n-ink2)}
.night .tbl thead th{color:var(--n-mute);border-bottom-color:var(--n-ink)}
.night .tbl td:first-child{color:var(--n-ink)}
.night .tbl td.hl{color:var(--n-teal)}
.night .tbl caption{color:var(--n-mute)}
.night-art{position:relative;height:560px}
.night-art .phone{position:absolute;right:10px;top:0;width:240px;transform:rotate(3deg);background:#0b0c0c;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.night-art .villain{position:absolute;left:-10px;bottom:-40px;width:230px}
@media (max-width:860px){.night-grid{grid-template-columns:1fr;gap:24px}.night-art{height:440px;max-width:360px;width:100%;margin:0 auto}.night-art .phone{width:190px;right:0}.night-art .villain{width:170px;left:0;bottom:-30px}}
.pricing-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.pricing-grid h2{font-size:clamp(2.4rem,5.6vw,5rem);max-width:7ch}
.prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;font-size:1.1rem;color:var(--ink2);margin-bottom:22px}
.prices b{font:750 clamp(2.4rem,4.6vw,3.4rem)/1 var(--display);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pricing-grid p{max-width:36em}
@media (max-width:860px){.pricing-grid{grid-template-columns:1fr;gap:8px}}
.faq-sec{border-top:1px solid var(--line);padding-top:64px}
.faq-sec h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.faq{columns:2 380px;column-gap:56px;margin-top:16px}
.qa{break-inside:avoid;padding:0 0 22px}
.qa h3{font-size:1.15rem;font-weight:650;margin-bottom:6px}
.qa p{color:var(--ink2);margin:0;font-size:1.06rem}
.article .faq{columns:1}
.guides{padding-top:24px}
.guides h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.more{list-style:none;margin:0;padding:0;max-width:880px}
.more li{padding:14px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
.more a{font:700 1.15rem var(--display)}
.more span{color:var(--ink2);font-size:.98rem}
.end{padding:72px 0 88px}
.end-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:end;border-top:2px solid var(--ink);padding-top:48px}
.end .lead{color:var(--ink2)}
.end-char{width:260px}
@media (max-width:760px){.end-grid{grid-template-columns:1fr;gap:8px}.end-char{width:140px}}
.learn-head{max-width:780px;margin-bottom:40px}
.learn-show{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:40px;align-items:start;margin-bottom:56px}
.screen{margin:0}
.screen picture,.screen>img{display:block;border:6px solid var(--ink);border-radius:26px;overflow:hidden;background:var(--card)}
.screen picture img{width:100%;height:auto;display:block}
.screen figcaption{font:400 .86rem var(--mono);color:var(--mute);margin-top:10px;line-height:1.4}
.screen.map .phone{width:240px;transform:rotate(-2deg);margin:0 0 6px}
.learn-shots{display:grid;grid-template-columns:1fr;gap:22px}
.learn-shots.three{grid-template-columns:repeat(3,minmax(0,300px));gap:32px;margin:12px 0 8px}
@media (max-width:1100px){.learn-show{grid-template-columns:200px minmax(0,1fr);gap:28px}.learn-shots{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:28px;max-width:620px}.screen.map .phone{width:200px}}
@media (max-width:860px){.learn-show{grid-template-columns:1fr;gap:28px}.try{order:-1}.screen.map{display:none}.learn-shots{grid-template-columns:1fr 1fr;gap:16px}.learn-shots.three{grid-template-columns:1fr 1fr;gap:16px}.learn-shots.three .screen:last-child{grid-column:1/-1;max-width:300px}}
.units{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.unit{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 18px;background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:18px 20px 16px}
.unit.u1{grid-column:1/-1;background:var(--teal-soft);grid-template-columns:200px minmax(0,1fr)}
.unit.u2{background:var(--gold-soft)}.unit.u4{background:var(--card2)}.unit.u5{background:var(--teal-soft)}
.unit .char{width:100%;max-width:200px}
.unit .n{font:400 .85rem var(--mono);color:var(--teal-ink)}
.unit h3{font-size:1.5rem;margin:2px 0 4px}
.unit .goal{color:var(--ink2);margin:0 0 8px}
.unit .after{font-size:.98rem;margin:0 0 10px}
.unit .after b{color:var(--teal-ink);font-weight:600}
.unit .lessons{margin:0 0 10px;padding-left:1.3em;font-size:.95rem;color:var(--ink2);columns:2 200px;column-gap:20px}
.unit .lessons li{margin:.15em 0;break-inside:avoid}
.unit .count{font:400 .82rem var(--mono);color:var(--mute)}
.plain{padding-left:1.2em}.plain li{margin:.35em 0}
@media (max-width:900px){.units{grid-template-columns:1fr}.unit.u1{grid-template-columns:150px minmax(0,1fr)}}
@media (max-width:860px){.learn-top{grid-template-columns:1fr;gap:16px}.learn-top .phone{width:200px;justify-self:start}}
@media (max-width:520px){.unit,.unit.u1{grid-template-columns:1fr}.unit .char{max-width:140px}}