.hub-hero{background:var(--gradient-ink);color:#fff;padding:96px 0 56px;position:relative;overflow:hidden}.hub-hero:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1'%3E%3Cpath d='M0 300L140 160L300 260L420 120'/%3E%3Cpath d='M-40 420L140 160M300 260L200 420M140 160L120 0M300 260L280 60L420 120'/%3E%3C/g%3E%3C/svg%3E");background-size:420px;position:absolute;inset:0}.hub-hero .wrap{position:relative}.hub-hero h1{font-family:var(--font-display);color:#fff;margin:16px 0 14px;font-size:clamp(2rem,4vw,3rem)}.hub-hero .lead{color:var(--text-inverse-soft);max-width:60ch}.gen{background:var(--surface-card);border-radius:var(--cut);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);margin-top:34px;padding:30px 32px}.gen h2{margin:0 0 6px;font-size:1.35rem}.gen p.sub{color:var(--text-secondary);margin-bottom:18px;font-size:.97rem}.gen-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.gen-row .field{flex:260px}.link-out{margin-top:20px;display:none}.link-out.on{display:block}.link-box{background:var(--brand-ink);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;display:flex}.link-box code{font-family:var(--font-mono);color:#fff;word-break:break-all;flex:260px;font-size:1.05rem}.copied{color:var(--green-500);margin-top:10px;font-size:.85rem;font-weight:700;display:none}.copied.on{display:block}.link-tips{color:var(--text-secondary);margin-top:16px;font-size:.92rem}.link-tips b{color:var(--text-strong)}.kit{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;margin-top:34px;display:grid}.kit-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--cut);box-shadow:var(--shadow-sm);flex-direction:column;padding:26px 26px 20px;display:flex}.kit-card h3{margin-bottom:6px;font-size:1.12rem}.kit-card>p{color:var(--text-secondary);margin-bottom:14px;font-size:.93rem}.dl{gap:2px;margin-top:auto;list-style:none;display:grid}.dl a{color:var(--text-primary);border-top:1px solid var(--border-subtle);align-items:center;gap:10px;padding:9px 0;font-size:.95rem;text-decoration:none;display:flex}.dl a:hover{color:var(--brand-primary)}.dl a .ext{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-left:auto;font-size:.7rem;font-weight:800}.dl a:hover .ext{color:var(--brand-primary)}.shots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:6px;display:grid}.shots a{border:1px solid var(--border-subtle);background:var(--surface-inset);border-radius:8px;display:block;overflow:hidden}.shots img{width:100%;height:auto;display:block}.howto{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px;display:grid}.howto li{padding-left:44px;list-style:none;position:relative}.howto li:before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--font-mono);color:var(--brand-primary);border:1px solid var(--border-default);background:var(--white);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:-2px;left:0}.howto h3{margin-bottom:4px;font-size:1rem}.howto p{color:var(--text-secondary);font-size:.92rem}.popup-overlay{background:var(--ink-950);justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px;display:flex}.popup-overlay-fixed{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020203b8;position:fixed;inset:0;overflow-y:auto}.popup-shell{width:100%;max-width:420px;position:relative}.popup-close{background:var(--white);border:1px solid var(--border-default);width:36px;height:36px;box-shadow:var(--shadow-sm);color:var(--text-primary);font:inherit;cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;text-decoration:none;display:flex;position:absolute;top:-16px;right:-16px}.popup-close:hover{color:var(--brand-primary);border-color:var(--brand-primary)}.popup-shell .form-card{margin:0}.popup-kicker{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px;font-size:.76rem;font-weight:700}.link-plain{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.link-plain:hover{color:var(--brand-primary)}.playbook-read-link{color:var(--brand-primary);margin-top:auto;margin-bottom:16px;font-weight:700;text-decoration:underline}.playbook-card-link{color:inherit;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.playbook-card-link:hover,.playbook-card-link:focus-visible{border-color:var(--brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.playbook-card-link:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}.playbook-card-link .playbook-read-link{align-items:center;gap:8px;display:inline-flex}.playbook-card-link .playbook-read-link:after{content:"→";text-decoration:none}.playbook-article-section{padding:36px 0 56px}.playbook-article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:40px;display:grid}.playbook-article{max-width:760px}.playbook-article-intro{color:var(--text-secondary);margin:0 0 14px;font-size:1rem;line-height:1.7}.playbook-article-takeaways{margin-top:26px}.playbook-article-takeaways h2{font-family:var(--font-display);margin:0 0 12px;font-size:1.3rem}.playbook-article-takeaways>ul{margin:0;padding-left:21px}.playbook-article-takeaways li{color:var(--text-secondary);font-size:.98rem;line-height:1.65}.playbook-article-takeaways>ul>li+li{margin-top:12px}.playbook-article-takeaways li strong{color:var(--text-primary)}.playbook-article-takeaways li ul{margin-top:7px;padding-left:20px}.playbook-article-takeaways li ul li+li{margin-top:4px}.playbook-article-download-prompt{border-left:3px solid var(--brand-primary);background:var(--surface-inset);border-radius:0 var(--cut) var(--cut) 0;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px;display:flex}.playbook-article-download-prompt p{margin:0;font-weight:600;line-height:1.55}.playbook-article-download-prompt .btn{flex-shrink:0}.playbook-sticky-download{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--cut);box-shadow:var(--shadow-sm);padding:24px;position:sticky;top:104px}.playbook-sticky-download>p:not(.eyebrow){margin:0 0 18px;font-size:1.1rem;font-weight:700}.playbook-sticky-download .btn{justify-content:center;width:100%}@media (max-width:760px){.playbook-article-section{padding:28px 0 88px}.playbook-article-layout{grid-template-columns:1fr;gap:18px}.playbook-article-download-prompt{flex-direction:column;align-items:flex-start;gap:12px}.playbook-article-download-prompt .btn{justify-content:center;width:100%}.playbook-sticky-download{z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface-card);border-radius:12px 12px 0 0;align-items:center;gap:12px;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #00000024}.playbook-sticky-download .eyebrow{display:none}.playbook-sticky-download>p:not(.eyebrow){flex:1;margin:0;font-size:.95rem}.playbook-sticky-download .btn{flex-shrink:0;width:auto}}