:root{
--core-green-900:#22331A;--core-green-700:#2E4620;--core-green-600:#2C5240;--core-green-500:#4B6B2F;--core-green-300:#A9BE5A;--core-green-100:#EAF0DD;
--core-mustard-500:#E2A72E;--core-mustard-100:#FBF0D2;--core-tomato-600:#C8452B;--core-tomato-700:#A83720;--core-tomato-100:#FBE7DF;
--core-cream-100:#F6EEDC;--core-ink-900:#1F2A1E;--core-ink-600:#4F5A49;--core-line:#DDD6C4;--core-white:#FFFFFF;
--surface-page:var(--core-white);--surface-cream:var(--core-cream-100);--surface-green:var(--core-green-100);--surface-mustard:var(--core-mustard-100);--surface-deep:var(--core-green-900);--surface-rail:var(--core-green-600);
--text-primary:var(--core-ink-900);--text-secondary:var(--core-ink-600);--text-on-deep:var(--core-white);--action-primary:var(--core-tomato-600);--action-hover:var(--core-tomato-700);--border-default:var(--core-line);
--bg:var(--surface-page);--card:var(--core-white);--ink:var(--text-primary);--text:var(--text-primary);--muted:var(--text-secondary);--accent:var(--action-primary);--accent-deep:var(--action-hover);--accent-tint:var(--core-tomato-100);--line:var(--border-default);
--fd:"Poppins",system-ui,sans-serif;--fb:"Poppins",system-ui,sans-serif;--fm:"Geist Mono",ui-monospace,monospace;--r:12px;
--spacing-0:0;--spacing-50:4px;--spacing-75:8px;--spacing-100:12px;--spacing-150:16px;--spacing-200:24px;--spacing-300:32px;--spacing-400:40px;--spacing-500:48px;--spacing-600:64px;--spacing-700:80px;--spacing-800:96px;
--rail:0px;--ease:cubic-bezier(0.22,1,0.36,1);
--vine-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='520' viewBox='0 0 200 520'%3E%3Cpath d='M100 0C60 65 140 130 100 195S60 325 100 390 140 455 100 520' fill='none' stroke='%231B3327' stroke-width='9'/%3E%3Cg id='l'%3E%3Cpath d='M92 60C60 28 28 30 8 44 26 78 62 84 92 60Z' fill='%23A9BE5A'/%3E%3Cpath d='M92 60C62 56 34 50 8 44 26 78 62 84 92 60Z' fill='%237E9C3F'/%3E%3C/g%3E%3Cpath d='M112 150C142 112 176 114 194 128 178 166 142 174 112 150Z' fill='%23A9BE5A'/%3E%3Cpath d='M112 150C142 144 170 136 194 128 178 166 142 174 112 150Z' fill='%237E9C3F'/%3E%3Cpath d='M84 262C54 230 22 232 4 246 20 280 56 286 84 262Z' fill='%23A9BE5A'/%3E%3Cpath d='M84 262C56 258 28 252 4 246 20 280 56 286 84 262Z' fill='%237E9C3F'/%3E%3Cpath d='M86 372C116 340 150 342 170 356 152 392 116 398 86 372Z' fill='%23A9BE5A'/%3E%3Cpath d='M86 372C116 368 144 362 170 356 152 392 116 398 86 372Z' fill='%237E9C3F'/%3E%3Cpath d='M118 212v22' stroke='%231B3327' stroke-width='4'/%3E%3Ccircle cx='118' cy='254' r='24' fill='%23E2A72E'/%3E%3Ccircle cx='121' cy='256' r='24' fill='none' stroke='%231F2A1E' stroke-width='2'/%3E%3Cpath d='M78 438v20' stroke='%231B3327' stroke-width='4'/%3E%3Ccircle cx='78' cy='478' r='24' fill='%23C8452B'/%3E%3Ccircle cx='81' cy='480' r='24' fill='none' stroke='%231F2A1E' stroke-width='2'/%3E%3C/svg%3E");
--vine-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='64' viewBox='0 0 260 64'%3E%3Cpath d='M0 34C32 16 66 52 130 34S228 16 260 34' fill='none' stroke='%231B3327' stroke-width='5'/%3E%3Cpath d='M46 32C58 12 76 8 88 14 80 34 62 40 46 32Z' fill='%236E8F3C'/%3E%3Cpath d='M160 30C172 46 190 52 204 46 196 26 176 22 160 30Z' fill='%236E8F3C'/%3E%3C/svg%3E");
--lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 0L48 48M48 0L0 48' stroke='%23C9A968' stroke-width='3'/%3E%3C/svg%3E");
--stem-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='160' viewBox='0 0 24 160'%3E%3Cpath d='M12 0C2 40 22 120 12 160' fill='none' stroke='%232E4620' stroke-width='7'/%3E%3C/svg%3E");
}
:root{--card-max:780px;--cta-text:#FFFFFF}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--spacing-200);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--fb);font-size:16px;line-height:24px;position:relative;padding-left:var(--rail);overflow-x:clip}
img,svg{display:block;max-width:100%}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}h1,h2,h3{text-wrap:balance;font-weight:600}p{text-wrap:pretty}
.nb{white-space:nowrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip{position:absolute;left:var(--spacing-100);top:-64px;background:var(--core-ink-900);color:#fff;padding:var(--spacing-75) var(--spacing-100);border-radius:6px;z-index:90;text-decoration:none}.skip:focus{top:var(--spacing-100)}
:focus-visible{outline:3px solid var(--core-mustard-500);outline-offset:2px}
.heading-1{font-size:36px;line-height:44px;letter-spacing:-.02em}.heading-3{font-size:30px;line-height:36px;letter-spacing:-.015em}.title-2{font-size:20px;line-height:28px;font-weight:600}.body-3{font-size:14px;line-height:20px}
.lab{display:block;font-family:var(--fm);font-size:12px;line-height:16px;letter-spacing:.04em;color:var(--text-secondary)}
.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 var(--spacing-150)}
.sec{padding:var(--spacing-500) 0}.sec-head{max-width:680px;margin-bottom:var(--spacing-300)}.sec-head .lab{display:block;margin-bottom:var(--spacing-75)}.sec-head p{margin-top:var(--spacing-75);color:var(--text-secondary)}
.cv{content-visibility:auto;contain-intrinsic-size:auto 640px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-75);min-height:52px;padding:var(--spacing-100) var(--spacing-200);border-radius:9999px;background:var(--action-primary);color:#fff;font-weight:600;text-decoration:none;border:0;transition:background-color .3s cubic-bezier(0.22,1,0.36,1),transform .3s cubic-bezier(0.22,1,0.36,1)}
.btn:hover{background:var(--action-hover)}.btn:active{transform:scale(.98)}.btn svg{width:20px;height:20px}.btn-primary{background:var(--action-primary)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{background:var(--surface-cream)}
/* rail + nav */
.rail{display:none;position:absolute;left:0;top:0;bottom:0;width:var(--rail);background:var(--surface-rail) var(--vine-v) repeat-y 0 160px}
.bar{position:relative;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-100) 0 var(--spacing-150);background:var(--surface-rail) var(--vine-h) repeat-x 0 0;color:#fff}
.brand{display:inline-flex;align-items:center;gap:var(--spacing-75);text-decoration:none;color:#fff;font-weight:600;font-size:20px;line-height:28px;min-height:44px;background:var(--surface-rail);padding:0 var(--spacing-75);border-radius:8px}
.brand svg{width:28px;height:28px;flex:none}.wm b{font-weight:600;color:#F0C869}
.bar-links{display:none;position:absolute;top:var(--spacing-150);left:calc(var(--rail) + 50%);transform:translateX(-50%);gap:var(--spacing-200);padding:var(--spacing-75) var(--spacing-200);border-radius:9999px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);color:var(--text);font-size:14px;line-height:20px;z-index:20}
.bar-links a{text-decoration:none;padding:var(--spacing-50) 0}.bar-links a:hover{color:var(--action-primary)}
.burger{width:44px;height:44px;border:0;border-radius:8px;background:var(--core-green-700);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;z-index:60;position:relative}
.burger span{width:20px;height:2px;background:#fff;transition:transform .3s cubic-bezier(0.22,1,0.36,1),opacity .3s cubic-bezier(0.22,1,0.36,1)}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.panel{position:fixed;inset:0;z-index:50;background:var(--surface-rail);color:#fff;padding:var(--spacing-700) var(--spacing-200);display:flex;flex-direction:column;gap:var(--spacing-150);transform:translateX(100%);visibility:hidden;transition:transform .5s cubic-bezier(0.22,1,0.36,1),visibility .5s cubic-bezier(0.22,1,0.36,1)}
.panel.is-open{transform:none;visibility:visible}.panel a{font-size:24px;line-height:32px;font-weight:600;text-decoration:none;min-height:44px;display:flex;align-items:center}
/* hero */
.hero{padding:var(--spacing-200) 0 var(--spacing-400)}
.hero-grid{width:100%;max-width:1040px;margin:0 auto;padding:0 var(--spacing-150)}
.hero h1{font-size:30px;line-height:36px;letter-spacing:-.015em;margin-bottom:var(--spacing-150);max-width:680px}.hero h1 span.tm{color:var(--action-primary)}
.form-card{width:100%;max-width:var(--card-max);background:var(--card);border:2px solid var(--core-ink-900);border-radius:16px;padding:var(--spacing-100);position:relative}
.form-card__head{display:flex;align-items:center;gap:var(--spacing-100);padding-bottom:var(--spacing-100)}
.fc-mark{width:40px;height:40px;border-radius:8px;background:var(--surface-rail);display:flex;align-items:center;justify-content:center;flex:none}.fc-mark svg{width:28px;height:28px}
.form-card__head h2{font-size:16px;line-height:20px;font-weight:600}
.form-host{width:100%}
.form-card__spec{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:var(--spacing-75);margin-top:var(--spacing-100);padding:var(--spacing-100);border-radius:8px;background:var(--surface-cream)}
.form-card__spec b{display:block;font-size:14px;line-height:20px;font-weight:600}
.form-card__trust{display:flex;align-items:center;gap:var(--spacing-75);margin-top:var(--spacing-75);font-size:12px;line-height:16px;color:var(--text-secondary)}.form-card__trust svg{width:16px;height:16px;flex:none}
.facts{display:grid;gap:var(--spacing-100);margin-top:var(--spacing-200)}.facts li{display:flex;gap:var(--spacing-75);font-size:14px;line-height:20px}.facts svg{width:20px;height:20px;flex:none;color:var(--core-green-600)}
/* problem */
.prob{background:var(--surface-cream)}.prob-rows{display:grid;gap:var(--spacing-200)}
.prob-row{display:grid;grid-template-columns:112px 1fr;gap:var(--spacing-150);align-items:center}.prob-row{content-visibility:auto;contain-intrinsic-size:auto 112px}.prob-art{display:block;width:112px;height:112px;background:center/contain no-repeat}.sc .a-rack{background-image:url(/art/rack.webp)}.sc .a-toast{background-image:url(/art/toaster.webp)}.prob-row h3{font-size:18px;line-height:28px}.prob-row p{color:var(--text-secondary);font-size:14px;line-height:20px;margin-top:var(--spacing-50)}
/* tagline */
.tagline-reveal{background:var(--surface-deep);color:var(--text-on-deep);padding:var(--spacing-600) 0;position:relative;overflow:hidden}
.tagline-reveal p{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.015em;max-width:680px;position:relative}.tagline-reveal p span{color:#F0C869}
.tg-burst{position:absolute;right:-48px;bottom:-48px;width:240px;height:240px;color:var(--core-green-700)}
/* trellis */
.how-head{position:relative;padding-right:var(--spacing-600)}
.tr{position:relative;display:grid;gap:var(--spacing-150)}
.tr::before{content:"";position:absolute;left:36px;top:calc(0px - var(--spacing-200));bottom:calc(0px - var(--spacing-200));width:24px;background:var(--stem-v) repeat-y;z-index:1}
.tr-f{display:grid;grid-template-columns:96px 1fr;border:3px solid var(--core-ink-900);border-radius:4px;background:#fff;min-height:152px}
.tr-win{position:relative;background:var(--surface-mustard) var(--lattice)}
.tr-t{padding:var(--spacing-150);border-radius:0}.tr-t h3{font-size:18px;line-height:24px;margin:var(--spacing-50) 0}.tr-t p{font-size:14px;line-height:20px;color:var(--text-secondary)}
.tl,.tb{position:absolute;z-index:2;will-change:transform}.tl{width:48px;height:28px;transform-origin:0 50%}.tl svg,.tb svg{width:100%;height:100%;overflow:visible}.tb{width:36px;height:36px;transform-origin:50% 0}
/* tiles A4 */
.ben{background:var(--surface-green)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-100)}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-100);padding:var(--spacing-150) var(--spacing-100);border-radius:12px;min-height:232px;text-decoration:none;position:relative;overflow:hidden;background:#fff;border:2px solid var(--core-ink-900);transition:transform .3s cubic-bezier(0.22,1,0.36,1)}
.tile:active{transform:scale(.98)}.tile h3{font-size:18px;line-height:24px}.tile p{font-size:14px;line-height:20px;margin-top:var(--spacing-50)}
.tile.t1{background:var(--core-mustard-500)}.tile.t4{background:var(--surface-rail);color:#fff}.tile.t4 .lab,.tile.t1 .lab{color:inherit}
.tile img{width:88%;height:auto;align-self:flex-end;margin-top:auto}
.tile .go{display:flex;align-items:center;justify-content:space-between;font-family:var(--fm);font-size:12px;line-height:16px}.tile .go svg{width:16px;height:16px}
/* costs F5 */
.bars{display:flex;align-items:flex-end;gap:var(--spacing-200);height:360px;padding:0 var(--spacing-75);position:relative;margin-bottom:var(--spacing-150)}
.bars::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--core-ink-900)}
.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}.bar-col b{font-size:24px;line-height:32px;font-weight:700;display:block}.bar-col span.lab{display:block;margin-bottom:var(--spacing-75)}
.bar-b{width:100%;border-radius:8px 8px 0 0}.bar-b.big{height:75%;background:var(--action-primary)}.bar-b.small{height:calc(75% * 27.7 / 391);background:var(--core-green-600)}
.cost-note{max-width:680px;color:var(--text-secondary);font-size:14px;line-height:20px}.cost-note p+p{margin-top:var(--spacing-75)}.cost-note a{color:var(--text)}
/* crates */
.faq{background:var(--surface-cream)}.crates{display:grid;gap:var(--spacing-300)}
.crate-h{position:relative;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-100)}.crate-h svg{position:absolute;inset:0;width:100%;height:100%}
.crate-h h3{position:relative;background:#fff;border:2px solid var(--core-ink-900);border-radius:4px;padding:var(--spacing-50) var(--spacing-150);font-size:14px;line-height:20px;font-weight:600}
.qa{background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:var(--spacing-75)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--spacing-100);padding:var(--spacing-100);min-height:48px;font-weight:600;font-size:16px;line-height:24px}.qa summary::-webkit-details-marker{display:none}
.qa summary svg{width:20px;height:20px;flex:none;margin-top:var(--spacing-50);color:var(--action-primary);transition:transform .3s cubic-bezier(0.22,1,0.36,1)}.qa[open] summary svg{transform:rotate(45deg)}
.qa p{padding:0 var(--spacing-100) var(--spacing-100);font-size:14px;line-height:20px;color:var(--text-secondary)}
/* seed packets C5 */
.packs{display:flex;gap:var(--spacing-100);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--spacing-50) var(--spacing-150) var(--spacing-150);margin:0 calc(0px - var(--spacing-150));-webkit-overflow-scrolling:touch}
.pack{flex:0 0 76%;max-width:300px;scroll-snap-align:start;scroll-margin-left:var(--spacing-150);display:flex;flex-direction:column;text-decoration:none;border:2px solid var(--core-ink-900);border-radius:4px;background:#fff;min-height:280px;transition:transform .3s cubic-bezier(0.22,1,0.36,1)}
.pack:active{transform:scale(.98)}.pack-top{padding:var(--spacing-100);font-family:var(--fm);font-size:12px;line-height:16px;display:flex;justify-content:space-between}
.p1 .pack-top{background:var(--core-mustard-500)}.p2 .pack-top{background:var(--core-green-300)}.p3 .pack-top{background:var(--core-tomato-100)}.p4 .pack-top{background:var(--core-cream-100)}
.pack h3{font-size:20px;line-height:28px;padding:var(--spacing-150) var(--spacing-100) var(--spacing-75)}.pack p{padding:0 var(--spacing-100);font-size:14px;line-height:20px;color:var(--text-secondary)}
.pack .go{margin-top:auto;padding:var(--spacing-100);font-weight:600;font-size:14px;line-height:20px;color:var(--action-primary)}
/* closing G2 */
.closing{background:var(--surface-mustard);position:relative;overflow:hidden}
.g-rail{position:absolute;left:0;top:0;bottom:0;width:56px;background:var(--surface-rail) var(--stem-v) repeat-y 16px 0}
.g-in{position:relative;padding:var(--spacing-400) var(--spacing-150) var(--spacing-500) calc(56px + var(--spacing-150))}
.g-copy h2{font-size:30px;line-height:36px;letter-spacing:-.015em}.g-copy p{margin-top:var(--spacing-75);color:var(--text-secondary);font-size:14px;line-height:20px}
.g-act{position:relative;margin-top:var(--spacing-100)}
.g-stage{position:relative;height:320px;touch-action:pan-y}
.g-branch{position:absolute;left:calc(0px - var(--spacing-150));top:0;width:calc(100% + var(--spacing-150));height:150px;transform-origin:0 56%;will-change:transform}
.g-branch>svg{width:100%;height:100%;overflow:visible}
.gl{position:absolute;width:64px;height:36px;transform-origin:0 50%;will-change:transform}.gl svg{width:100%;height:100%;overflow:visible}
.gf{position:absolute;left:calc(50% - 56px);bottom:-6px;width:112px;height:112px;z-index:3;pointer-events:none;transform-origin:50% 0;will-change:transform}
.gf-p,.gf-b,.gf-c{position:absolute;inset:0}.gf-p{transform-origin:50% -24px}.gf-b{transform-origin:50% 100%}
.gf-c svg{width:100%;height:100%;overflow:visible}.gf-c span{position:absolute;left:0;right:0;top:44px;text-align:center;font-weight:700;font-size:18px;line-height:28px;color:#fff}.c2 span{color:var(--core-ink-900)}
.c1,.c2{opacity:0}
.g-halo{position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;border-radius:9999px;background:var(--core-mustard-500)}
.g-btn{position:relative;width:100%;font-size:18px;line-height:28px;min-height:60px;z-index:2}.g-b-w{position:relative}
.lz-snd,.lz-pause{position:absolute;z-index:6;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--core-ink-600);border-radius:9999px;background:#fff;color:var(--core-ink-900);cursor:pointer}
.lz-snd svg,.lz-pause svg{width:20px;height:20px}.lz-snd{right:0}.lz-pause{right:0}.g-act .lz-snd{top:auto;bottom:88px}.g-act .lz-pause{top:auto;bottom:140px}
.lz-snd .lz-snd-w{display:none}.lz-snd.is-on .lz-snd-w{display:block}.lz-pause .lz-p-b{display:none}.lz-pause.is-paused .lz-p-b{display:block}.lz-pause.is-paused .lz-p-a{display:none}
/* sticky E7 */
.stick{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-100);padding:var(--spacing-75) var(--spacing-150);background:var(--surface-deep);color:#fff;font-size:14px;line-height:20px;transform:translateY(110%);visibility:hidden;transition:transform .5s cubic-bezier(0.22,1,0.36,1),visibility .5s cubic-bezier(0.22,1,0.36,1)}
.stick.on{transform:none;visibility:visible}.stick .btn{min-height:44px;padding:var(--spacing-75) var(--spacing-150);font-size:14px;line-height:20px;white-space:nowrap}
/* footer */
footer{background:var(--surface-deep);color:#E4E8D8;padding:var(--spacing-500) 0 var(--spacing-800);font-size:14px;line-height:20px}
.foot-top{display:grid;gap:var(--spacing-300);margin-bottom:var(--spacing-300)}.foot-brand{color:#fff}.foot-top a{color:#F0C869}.foot-top .lab{color:#E4E8D8;display:block;margin-bottom:var(--spacing-75)}
.foot-guides a{display:block;padding:var(--spacing-50) 0}
.legal-links{display:flex;flex-wrap:wrap;gap:var(--spacing-75) var(--spacing-150)}.legal-links a{color:#F0C869}
.disc{margin-top:var(--spacing-200);font-size:12px;line-height:16px;color:#E4E8D8}.disc p{margin-top:var(--spacing-75)}.disc b{color:#fff}.disc a{color:#F0C869}
/* prose */
.prose{max-width:760px;padding-top:var(--spacing-400);padding-bottom:var(--spacing-600)}
.prose h1{font-size:36px;line-height:44px;letter-spacing:-.02em;margin-bottom:var(--spacing-100)}.prose .updated{color:var(--text-secondary);font-size:14px;line-height:20px;margin-bottom:var(--spacing-200)}
.prose h2{font-size:24px;line-height:32px;margin:var(--spacing-300) 0 var(--spacing-75)}.prose h3{font-size:18px;line-height:28px;margin:var(--spacing-200) 0 var(--spacing-50)}
.prose p,.prose ul,.prose ol{margin-bottom:var(--spacing-100)}.prose ul,.prose ol{padding-left:var(--spacing-200)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--spacing-50)}.prose a{color:var(--accent-deep)}.prose strong{font-weight:600}
.prose a.btn{color:#fff;text-decoration:none;margin-top:var(--spacing-100)}.prose a.btn.btn-ghost{color:var(--text)}
.prose table{width:100%;border-collapse:collapse;margin:var(--spacing-150) 0;font-size:14px;line-height:20px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:var(--spacing-75);text-align:left;vertical-align:top}.prose th{background:var(--surface-cream);font-weight:600}
@media(max-width:374px){.form-card__spec b{font-size:12px;line-height:16px}.tile{min-height:216px}}
@media(min-width:600px){.heading-3{font-size:36px;line-height:44px}.tr-f{grid-template-columns:160px 1fr}.tr::before{left:68px}.tiles{grid-template-columns:3fr 2fr}.tile:nth-child(2){order:0}.tile:nth-child(3){order:1}.prob-rows{grid-template-columns:1fr 1fr}.prob-row{grid-template-columns:160px 1fr}.prob-art{width:160px;height:160px}.tile img{width:64%}.tagline-reveal p{font-size:48px;line-height:56px}.tg-burst{width:360px;height:360px}.bars{max-width:560px}.pack{flex-basis:280px}}
.hero-side{display:none}
@media(min-width:600px) and (max-width:959px){.hero-grid::after{content:"";display:block;margin-top:var(--spacing-200);height:240px;border-radius:12px;background:url(/hero-m.webp) center/cover no-repeat}}
@media(min-width:960px){
:root{--rail:200px}
.rail{display:block}.bar{position:static;height:0;padding:0;background:none}.burger,.panel{display:none}
.brand{position:absolute;left:var(--spacing-150);top:var(--spacing-200);z-index:21;padding:0}.bar-links{display:flex}
.hero{padding:var(--spacing-700) 0 var(--spacing-500)}.hero h1{font-size:48px;line-height:56px;letter-spacing:-.02em;margin-bottom:var(--spacing-200)}
.hero-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(148px,1fr);column-gap:var(--spacing-200);padding:0 var(--spacing-300);align-items:start}.hero-grid h1{grid-column:1/-1}.facts{margin-top:0}.hero-grid::after{content:"";grid-column:2;grid-row:2;align-self:end;aspect-ratio:1/1;border-radius:12px;background:url(/hero.webp) center/cover no-repeat}.facts{grid-column:2;grid-row:2;align-self:start}
.form-card{padding:var(--spacing-150);grid-column:1;grid-row:2}
.sec{padding:var(--spacing-700) 0}.wrap{padding:0 var(--spacing-300)}
.tagline-reveal{padding:var(--spacing-800) 0}
.g-rail{display:none}
.g-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--spacing-500);padding:var(--spacing-600) var(--spacing-300) var(--spacing-600) 0;align-items:end}.g-copy{order:2;padding-bottom:var(--spacing-200)}.g-copy h2{font-size:48px;line-height:56px}.g-copy p{font-size:16px;line-height:24px}
.g-act{margin:0 0 0 var(--spacing-300)}.g-branch{left:calc(0px - var(--spacing-300));width:calc(100% + var(--spacing-300))}.g-stage{height:360px}
.foot-top{grid-template-columns:2fr 1.4fr 1fr}.stick{left:var(--rail)}
.tile{min-height:208px}.tile img{position:absolute;right:var(--spacing-150);bottom:var(--spacing-400);width:38%;margin:0}.crates{grid-template-columns:1.2fr 1fr}.crates>div:first-child{grid-row:span 2}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.burger span,.panel,.tile,.pack,.stick,.qa summary svg{transition:none}}
.text-balance{text-wrap:balance}

.legal-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.disc p{font-size:.8rem;line-height:1.55}.cmp-modal{display:none;position:fixed;inset:0;z-index:90;background:rgba(10,14,20,.6);padding:30px 14px;overflow:auto}.cmp-modal.is-open{display:block}body.cmp-modal-open{overflow:hidden}.cmp-modal-card{max-width:860px;margin:0 auto;background:var(--card);color:var(--ink);border-radius:var(--r);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}.cmp-modal-head{position:sticky;top:0;background:var(--card);display:flex;justify-content:flex-end;padding:10px 12px;border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0}.cmp-modal-close{border:0;background:var(--accent-tint);width:36px;height:36px;border-radius:9px;font-size:1.25rem;cursor:pointer;color:var(--ink)}.cmp-modal-body{padding:6px 24px 30px}.cmp-modal-body .prose{max-width:none}.cmp-modal-loading{padding:40px;text-align:center;color:var(--muted)}.unsub-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;margin:22px 0}.unsub-card__title{margin:0 0 6px;font-family:var(--fd);font-size:1.35rem}.unsub-card__sub{margin:0 0 18px;color:var(--muted)}.unsub-field{margin:0 0 14px}.unsub-field label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px}.unsub-field .opt{font-weight:400;color:var(--muted);font-size:.8rem;margin-left:8px}.unsub-field .req{color:var(--accent-deep)}.unsub-field input,.unsub-field select{width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}.unsub-field input:focus,.unsub-field select:focus{outline:2px solid var(--accent);outline-offset:1px}.unsub-field__hint{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.unsub-form__submit{display:inline-block;min-height:48px;padding:12px 22px;border:0;border-radius:999px;background:var(--accent-deep);color:#fff;font:inherit;font-weight:700;cursor:pointer}.unsub-form__submit:disabled{opacity:.6;cursor:wait}.unsub-form__legal{font-size:.8rem;color:var(--muted);margin:12px 0 0}.unsub-msg{display:none;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:.95rem}.unsub-msg--error{background:#FDECEC;color:#8A1F1F}.unsub-msg--error.is-visible{display:block}.unsub-msg--success{background:var(--accent-tint);color:var(--ink)}.unsub-card.is-success .unsub-form,.unsub-card.is-success .unsub-card__sub{display:none}.unsub-card.is-success .unsub-msg--success{display:block}