/* launch.css: additions for /starter-pack, /terms, /thanks and /guides. Loads after styles.css (2b). */
.draft-bar{background:var(--mustard);border-bottom:2px solid var(--ink);font:600 14px/1.4 var(--sans);text-align:center;padding:9px 16px}
.draft-bar b{font-weight:800}
.nav-links{display:flex;gap:18px;align-items:center}.nav-links a.txt{font-weight:600;font-size:14px;text-decoration:none}
/* sales hero */
.sp-hero{display:grid;grid-template-columns:1.2fr .9fr;gap:52px;align-items:center;padding-top:48px;padding-bottom:64px}
.sp-hero h1{font-size:62px}
.ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.ticks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:5px;background:var(--sage-d);box-shadow:inset 0 0 0 4px var(--sage-d),inset 0 0 0 6px #fff}
.price-card{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:30px 28px 24px;box-shadow:8px 8px 0 var(--tomato);transform:rotate(1deg)}
.price-card .k{font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.price{display:flex;align-items:baseline;gap:10px;margin:8px 0 2px}
.price b{font:800 64px/1 var(--disp);letter-spacing:-.03em}.price span{color:var(--soft);font-weight:600}
.launch{display:inline-block;background:var(--mustard);border:2px solid var(--ink);border-radius:4px 18px 18px 4px;padding:6px 14px 6px 10px;font-weight:700;font-size:14px;transform:rotate(-2deg);margin:8px 0 6px}
.proposal{font:600 21px var(--hand);color:var(--tomato-d);margin:2px 0 10px}
.buy{display:block;text-align:center;background:var(--tomato-d);color:#fff;text-decoration:none;font:700 18px var(--sans);border:2px solid var(--ink);border-radius:12px;padding:16px 20px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;margin-top:14px}
.buy:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.fine-print{font-size:14px;color:var(--soft);margin:12px 0 0}
.sticker{position:absolute;top:-18px;right:-12px;background:var(--sage);border:2px solid var(--ink);border-radius:50%;width:92px;height:92px;display:grid;place-items:center;text-align:center;font:800 14px/1.1 var(--disp);transform:rotate(10deg)}
/* sections */
.sec{padding-bottom:84px}.sec-head{max-width:760px;margin-bottom:28px}.sec-head p{color:var(--soft);font-size:18px;margin:14px 0 0}
.pb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0;counter-reset:pb}
.pb-grid li{counter-increment:pb;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:22px 22px 20px;position:relative;transition:transform .2s}
.pb-grid li:hover{transform:translateY(-3px) rotate(-.4deg)}
.pb-grid li::before{content:counter(pb);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tomato-d);color:#fff;font:800 15px var(--disp);margin-bottom:12px}
.pb-grid li:nth-child(3n+2)::before{background:var(--mustard);color:var(--ink);border:2px solid var(--ink)}
.pb-grid li:nth-child(3n)::before{background:var(--sage-d)}
.pb-grid h3{font-size:21px;line-height:1.15;letter-spacing:-.01em;margin:0 0 6px}.pb-grid p{margin:0;color:var(--soft);font-size:15px}
.plus{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.plus div{background:var(--ink);color:var(--paper);border-radius:12px;padding:16px 18px;font-weight:600}.plus div b{display:block;font:800 18px var(--disp);color:var(--mustard);margin-bottom:4px}
.band{background:var(--sage-d);color:#fff;border-radius:18px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:44px}
.band h2{color:#fff}.band p{color:#eef3ec}
.anatomy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:center}
.anatomy li{background:var(--card);color:var(--ink);border-radius:8px;padding:12px 14px;font-weight:700}
.anatomy li:nth-child(odd){transform:rotate(-1deg)}.anatomy li:nth-child(even){transform:rotate(1deg)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.box{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:28px}
.box.yes{box-shadow:5px 5px 0 var(--sage)}.box.no{box-shadow:5px 5px 0 var(--tomato)}
.box h3{font-size:24px;margin-bottom:10px}.box ul{margin:0;padding-left:20px}.box li{margin:6px 0;color:#3d3530}
.tested{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.tool{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:22px;text-align:center}
.tool b{display:block;font:800 26px var(--disp);letter-spacing:-.02em}.tool span{display:inline-block;margin-top:8px;background:var(--sage);border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-weight:700;font-size:14px}
.note-small{color:var(--soft);font-size:15px;margin-top:16px;max-width:760px}
.note-small a{color:var(--tomato-d);font-weight:600}
.buy-band{text-align:center;max-width:720px;margin:0 auto}.buy-band .price-card{transform:none;text-align:left;margin-top:26px}
/* thanks */
.dl{display:grid;gap:12px;margin:20px 0 8px}
.dl a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:14px 18px;text-decoration:none;color:var(--ink)!important;font-weight:700}
.dl a span{font-weight:600;color:var(--soft);font-size:14px}
.steps{counter-reset:s;list-style:none;padding:0!important}.steps li{counter-increment:s;display:flex;gap:12px;margin:10px 0}
.steps li::before{content:counter(s);flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tomato-d);color:#fff;font:800 13px var(--disp)}
.state{border:2px dashed var(--ink);border-radius:12px;padding:14px 18px;margin:18px 0;background:#fff8ea;font-size:15px}
/* guides */
.crumb{font-size:14px;color:var(--soft);margin:0 0 14px}.crumb a{color:var(--soft)!important;font-weight:600}
.meta{font-size:14px;color:var(--soft);margin:-8px 0 22px}
.paper .lede{font-size:19px;color:var(--ink)}
.prompt{background:#fdf1d6;border:2px dashed var(--ink);border-radius:12px;padding:16px 18px;margin:14px 0 20px;font-size:15.5px;color:var(--ink)}
.prompt p{color:var(--ink)!important;margin:0 0 8px}.prompt p:last-child{margin:0}
.prompt .lbl{display:inline-block;background:var(--mustard);border:2px solid var(--ink);border-radius:999px;padding:1px 10px;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.example{background:#e6efe4;border:2px solid var(--ink);border-radius:12px;padding:16px 18px;margin:18px 0}
.example .lbl{display:inline-block;background:var(--sage);border:2px solid var(--ink);border-radius:999px;padding:1px 10px;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.cta-box{background:var(--ink);color:var(--paper);border-radius:14px;padding:26px 26px 22px;margin:34px 0 6px}
.cta-box h2{color:#fff;margin:0 0 8px!important;font-size:26px!important}.cta-box p{color:#e9e2d8!important;margin:0 0 6px}
.cta-box .btn{background:var(--mustard);color:var(--ink)!important;border:2px solid var(--paper)}
.cta-box a.soft{color:var(--mustard)!important}
.paper table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0 18px}.paper th,.paper td{border:1.5px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.paper th{background:var(--paper)}
.guide-list{display:grid;gap:12px;margin-top:10px}.guide-list a{display:block;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink)!important}
.toc-box{background:var(--paper);border-radius:10px;padding:12px 16px;font-size:15px;margin:0 0 20px}.toc-box ol{margin:6px 0 0;padding-left:20px}
@media(max-width:760px){
 .sp-hero{grid-template-columns:1fr;gap:44px;padding-top:24px;padding-bottom:48px}.sp-hero h1{font-size:40px}
 .price b{font-size:52px}.sticker{width:78px;height:78px;font-size:12px;right:-4px;top:-22px}
 .pb-grid,.plus,.two,.tested,.anatomy{grid-template-columns:1fr}.band{grid-template-columns:1fr;padding:34px 22px;gap:26px}
 .sec{padding-bottom:56px}.nav-links a.txt{display:none}.price-card{transform:none;padding:26px 20px 20px}
 .paper table{font-size:14px}.cta-box{padding:22px 18px 18px}
}
.example p{margin:6px 0 0!important}