/* Tools discovery owns this page only. Brand, header and footer stay shared. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:var(--nb-font-ui);color:var(--nb-ink);background:var(--nb-white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
p{line-height:1.7}
.hub-skip{position:fixed;left:16px;top:-100px;z-index:90;padding:12px 18px;background:var(--nb-white);color:var(--nb-ink)}
.hub-skip:focus{top:12px;outline:3px solid var(--nb-green)}
.section-shell,.hero-inner{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.hero{background:var(--nb-dark);color:var(--nb-white)}
.hero-inner{padding:28px 0 44px}
.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--nb-muted-light);margin-bottom:28px}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.eyebrow,.section-kicker,.hub-task{margin:0 0 10px;font-size:12px;line-height:1.5;font-weight:600}
.eyebrow{color:var(--nb-green)}
.hero h1{font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.08;max-width:21ch;margin:0 0 20px;text-wrap:balance}
.hero-lede{max-width:68ch;font-size:17px;font-weight:400;color:color-mix(in srgb,var(--nb-white) 84%,var(--nb-dark));margin:0 0 24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}
.button-primary{background:var(--nb-green);border-color:var(--nb-green);color:var(--nb-ink)}
.button-secondary{background:transparent;border-color:var(--nb-green);color:var(--nb-white)}
.button:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--nb-green) 28%,transparent)}
.hero-proof{margin:20px 0 0;color:var(--nb-muted-light);font-size:14px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 24px}
.section-heading h2{margin:0;font-size:clamp(28px,3vw,34px);line-height:1.2;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
.section-kicker{color:var(--nb-muted)}
.section-heading>p{max-width:44ch;color:var(--nb-muted);font-size:15px;margin:0}
.toolkit-section{padding-block:44px 40px;scroll-margin-top:16px}
.hub-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hub-tool{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid var(--nb-border);border-radius:16px;padding:28px;background:var(--nb-white)}
.hub-tool-heading{display:flex;gap:16px;align-items:flex-start;min-width:0}
.hub-tool .tool-symbol{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
.hub-task{color:var(--nb-muted);font-size:12px;margin:0 0 5px}
.hub-tool h3{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.015em;margin:0;text-wrap:balance}
.hub-tool-description{font-size:15px;color:var(--nb-muted);margin:18px 0;max-width:56ch}
.hub-tool-action{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:auto;padding:8px 0;font-size:14px;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-color:var(--nb-border);text-underline-offset:5px}
.hub-tool-action:hover,.hub-text-link:hover{text-decoration-color:var(--nb-green)}
.hub-tool:focus-within{border-color:var(--nb-muted)}
.hub-draft-note{font-size:13px;color:var(--nb-muted);margin:18px 0 0}
.nb-learning-links{padding-block:32px 40px;border-top:1px solid var(--nb-border)}
.hub-resources-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}
.hub-resource{display:flex;flex-direction:column;align-items:flex-start;gap:0;border-radius:14px;border:1px solid var(--nb-border);padding:24px;color:var(--nb-ink);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
.hub-resource:hover,.hub-resource:focus-visible{border-color:var(--nb-green-border);box-shadow:var(--nb-shadow)}
.hub-resource-featured{background:var(--nb-surface)}
.hub-resource .hub-task{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;margin:0 0 12px;border-radius:999px;background:var(--nb-green);color:var(--nb-ink);font-weight:700}
.hub-resource h3,.hub-workflow-grid h3{font-size:20px;line-height:1.35;letter-spacing:-.015em;margin:0 0 10px}
.hub-resource p,.hub-workflow-grid p{font-size:15px;color:var(--nb-muted);margin:0 0 16px}
.hub-resource .hub-text-link{margin-top:auto}
.hub-text-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:var(--nb-border);text-underline-offset:5px;line-height:1.5}
.hub-resource .hub-text-link,.hub-workflow-grid .hub-text-link{color:var(--nb-green-ink);font-weight:700;text-decoration-color:var(--nb-green);text-decoration-thickness:3px;text-underline-offset:6px}
.hub-resource:hover .hub-text-link,.hub-resource:focus-visible .hub-text-link{color:var(--nb-ink);text-decoration-color:var(--nb-green)}
.hub-workflows{padding-block:32px 36px;border-top:1px solid var(--nb-border)}
.hub-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.hub-workflow-grid article{padding-left:20px;border-left:3px solid var(--nb-border)}
.hub-examples{padding-bottom:36px}
.hub-examples>details{border:1px solid var(--nb-border);border-radius:12px;padding:0 20px}
.hub-examples summary{padding:16px 0;font-size:15px;font-weight:600;cursor:pointer;line-height:1.5}
.hub-examples summary>span{display:block;padding-left:20px;font-size:13px;font-weight:400;color:var(--nb-muted);margin-top:4px}
.hub-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:8px 0 24px}
.document-preview,.quote-mini{min-width:0;background:var(--nb-surface);border-radius:12px;border:1px solid var(--nb-border);padding:16px}
.preview-toolbar,.quote-mini-toolbar{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.preview-toolbar>span,.quote-mini-toolbar>span{height:6px;width:6px;border-radius:50%;background:var(--nb-muted-light)}
.preview-toolbar small,.quote-mini-toolbar small{font-size:11px;margin-left:8px;color:var(--nb-muted)}
.preview-paper,.quote-mini-sheet{padding:20px;background:var(--nb-white);border:1px solid var(--nb-border);border-radius:4px;font-size:10px;color:var(--nb-ink)}
.preview-paper-head,.quote-mini-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.preview-business,.quote-mini-business,.preview-invoice-title,.quote-mini-title,.preview-billto,.quote-mini-client{display:flex;flex-direction:column;gap:4px}
.preview-business>strong,.quote-mini-business>strong{font-size:12px}
.preview-business small,.quote-mini-business small,.preview-billto small,.quote-mini-client small{color:var(--nb-muted);font-size:10px;line-height:1.5}
.preview-invoice-title,.quote-mini-title{text-align:right}
.preview-invoice-title>strong,.quote-mini-title>strong{font-size:16px}
.preview-invoice-meta,.quote-mini-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}
.preview-invoice-meta>div,.quote-mini-meta>div{display:flex;flex-direction:column;gap:4px}
.preview-invoice-meta span,.quote-mini-meta span,.preview-billto>span,.quote-mini-client>span,.preview-note span,.quote-mini-validity span{color:var(--nb-muted)}
.preview-billto,.quote-mini-client{margin-bottom:16px}
.preview-table-head,.preview-table-row,.quote-mini-table-head,.quote-mini-table-row{display:grid;grid-template-columns:minmax(0,1fr) 24px 48px 50px;gap:6px;padding:9px 8px;font-size:10px;line-height:1.5}
.preview-table-head,.quote-mini-table-head{background:var(--nb-dark);color:var(--nb-white);font-weight:600}
.preview-table-row,.quote-mini-table-row{border-bottom:1px solid var(--nb-border);background:var(--nb-white)}
.preview-table-row>strong,.quote-mini-table-row>strong{font-weight:400;background:var(--nb-white)}
.preview-table-head>*:not(:first-child),.preview-table-row>*:not(:first-child),.quote-mini-table-head>*:not(:first-child),.quote-mini-table-row>*:not(:first-child){text-align:right}
.preview-totals,.quote-mini-totals{width:58%;margin:16px 0 16px auto;display:grid;gap:8px}
.preview-totals>div,.quote-mini-totals>div{display:flex;justify-content:space-between;gap:8px}
.preview-total,.quote-mini-total{padding-top:8px;border-top:1px solid var(--nb-border);font-size:12px}
.preview-note,.quote-mini-validity{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--nb-border);padding-top:12px}
.faq-section{padding-block:32px 40px;border-top:1px solid var(--nb-border)}
.faq-section .section-heading{justify-content:center;text-align:center;margin-bottom:28px}
.faq-section .section-kicker,.nb-learning-links .section-kicker,.hub-workflows .section-kicker{color:var(--nb-green-ink);font-weight:700}
.faq-list{max-width:900px;margin-inline:auto}
.faq-list details{margin:12px 0;border:1px solid var(--nb-border);border-radius:14px;background:var(--nb-white);overflow:hidden}
.faq-list details[open]{border-color:var(--nb-green-border)}
.faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:18px;list-style:none;padding:14px 16px 14px 20px;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--nb-green);color:var(--nb-ink);font-size:22px;font-weight:700;line-height:1}
.faq-list details[open] summary{background:var(--nb-green-soft)}
.faq-list details[open] summary::after{content:"−"}
.faq-list p{font-size:15px;color:var(--nb-muted);max-width:none;margin:0;padding:0 74px 20px 20px}
.hub-parent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;border-top:1px solid var(--nb-border);padding-block:28px 36px}
.hub-parent p{color:var(--nb-muted);font-size:15px;font-weight:500;max-width:66ch;margin:0}
.hub-parent .hub-text-link{padding:10px 16px;border-radius:999px;background:var(--nb-green);color:var(--nb-ink);font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(18,18,18,.08)}
.hub-parent .hub-text-link:hover{box-shadow:0 10px 24px rgba(18,18,18,.12)}
main a:focus-visible,main summary:focus-visible{outline:3px solid var(--nb-green);outline-offset:4px;border-radius:4px}
.faq-list summary:focus-visible{outline-offset:-3px}
@media(max-width:800px){
 .section-heading{display:block}.section-heading>p{margin-top:14px}
 .hub-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-resource-featured{grid-column:1/-1}
 .hub-tool{padding:22px}.hub-tool-heading{display:block}.hub-tool-heading .tool-symbol{margin-bottom:14px}
 .hub-samples{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
 .section-shell,.hero-inner{width:calc(100% - 32px)}
 .hero-inner{padding:12px 0 32px}.breadcrumb{margin-bottom:14px}.hero h1{font-size:36px}.hero-lede{font-size:16px}
 .hero-actions{gap:10px}.button{padding:10px 14px;font-size:13px}
 .toolkit-section{padding-block:32px}.hub-tools-grid,.hub-workflow-grid,.hub-resources-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .hub-tool-heading{display:flex;gap:14px}.hub-tool-heading .tool-symbol{margin:0}.hub-tool{padding:20px}.hub-tool h3{font-size:20px}
 .hub-resource{padding:20px}.hub-resource-featured{grid-column:auto}
 .hub-examples>details{padding:0 12px}.document-preview,.quote-mini{padding:8px}.preview-paper,.quote-mini-sheet{padding:10px}
 .preview-paper-head,.quote-mini-head{flex-wrap:wrap}.preview-invoice-title,.quote-mini-title{text-align:left}
 .preview-table-head,.preview-table-row,.quote-mini-table-head,.quote-mini-table-row{grid-template-columns:minmax(0,1fr) 18px 39px 42px;font-size:9px;gap:4px;padding:8px 4px}
 .preview-toolbar small,.quote-mini-toolbar small{font-size:10px}
 .nb-learning-links,.hub-workflows,.faq-section{padding-top:24px}
 .faq-list summary{grid-template-columns:minmax(0,1fr) 36px;padding-inline:16px}
 .faq-list p{padding:0 16px 18px}
 .hub-parent{align-items:flex-start}.hub-parent .hub-text-link{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){main a:focus-visible,main summary:focus-visible{outline-color:Highlight}.hero,.hub-tool,.hub-resource{border:1px solid CanvasText}}
@media print{.hero{background:var(--nb-white);color:var(--nb-ink)}.hero-lede,.hero-proof,.eyebrow{color:var(--nb-ink)}.hero-actions,.hub-parent{display:none}.section-shell,.hero-inner{width:100%}.hub-tool,.hub-resource{break-inside:avoid}}