/* Extends the site's blue precision palette, fonts, light/dark tokens and RTL. */
.ntb-product-hero { gap:clamp(2rem,5vw,5rem); align-items:center; padding-block:clamp(3rem,6vw,6rem); }
.ntb-product-hero h1 { font-size:clamp(2.5rem,4.3vw,4.5rem); line-height:1.15; letter-spacing:-.035em; max-inline-size:13ch; }
.ntb-product-hero h1 span { display:block; color:var(--accent); }
.ntb-product-hero h1 span:first-child { color:var(--text); }
#meeting-kit [hidden] { display:none!important; }
.ntb-product-hero .lede { max-inline-size:42ch; font-size:1.1rem; }
.ntb-product-hero .hero-stats { gap:1.5rem; }
.ntb-product-hero .hero-stats b { font-size:1.35rem; }
.ntb-eyebrow { font:500 .875rem var(--font-mono); color:var(--accent); letter-spacing:.07em; margin-block-end:.85rem; }
.ntb-panel { min-inline-size:0; border:1px solid var(--border); background:var(--surface); border-radius:20px; box-shadow:0 28px 70px -36px var(--shadow-lift),0 4px 16px var(--shadow-tint); overflow:hidden; }
.ntb-panel-bar { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; padding:1rem 1.25rem; border-block-end:1px solid var(--border); background:var(--surface-raised); font-size:.875rem; }
.ntb-panel-bar strong { margin-inline-end:auto; }
.ntb-badge { display:inline-flex; align-items:center; border:1px solid var(--accent-line); background:var(--accent-quiet); color:var(--accent); border-radius:99px; padding:.2rem .65rem; font-size:.8rem; }
.ntb-preview { min-block-size:350px; padding:1.4rem; }
.ntb-preview h3 { font-size:1.25rem; margin-block:0 1rem; }
.ntb-preview p { font-size:1rem; line-height:1.8; }
.ntb-preview ul { display:grid; gap:1rem; list-style:none; padding:0; }
.ntb-preview li { padding-inline-start:1rem; border-inline-start:3px solid var(--accent-line); }
.ntb-preview small { display:block; color:var(--text-muted); font-size:.875rem; }
.ntb-tabs { display:flex; gap:.35rem; flex-wrap:wrap; padding:.6rem; border-block-end:1px solid var(--border); }
.ntb-tabs button { padding:.65rem .85rem; border-radius:9px; font-size:.925rem; flex:1; white-space:nowrap; }
.ntb-tabs button[aria-selected="true"] { background:var(--accent-quiet); color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent-line); }
.ntb-tabs button:hover { background:var(--surface-raised); }
.ntb-panel-foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1rem 1.25rem; border-block-start:1px solid var(--border); font-size:.875rem; }
.ntb-panel-foot a { color:var(--accent); font-weight:600; }
.ntb-panel-foot span { color:var(--text-muted); }
.ntb-workbench { padding-block:3rem 5rem; }
.ntb-section-head { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-block-end:1.75rem; flex-wrap:wrap; }
.ntb-section-head h2 { margin-block-end:.7rem; font-size:clamp(1.75rem,3vw,2.6rem); }
.ntb-section-head p { max-inline-size:62ch; color:var(--text-muted); line-height:1.75; font-size:1rem; }
.ntb-work-grid { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr); gap:1.5rem; align-items:start; }
.ntb-input-body { padding:1.25rem; display:grid; gap:1rem; }
.ntb-input-body label { display:grid; gap:.45rem; font-size:.9rem; }
.ntb-input-body textarea { width:100%; min-block-size:285px; resize:vertical; border:1px solid var(--border); border-radius:10px; background:var(--surface); padding:1rem; line-height:1.85; font-size:1rem; }
.ntb-input-body select,.ntb-field { width:100%; border:1px solid var(--border); border-radius:8px; background:var(--surface); padding:.65rem; min-block-size:44px; }
.ntb-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; }
.ntb-toolbar .btn { font-size:.9rem; min-block-size:44px; }
.ntb-toolbar [disabled],.ntb-input-body [disabled] { opacity:.5; cursor:not-allowed; }
.ntb-hint { font-size:.875rem; color:var(--text-muted); line-height:1.7; }
.ntb-count { font:.8rem var(--font-mono); color:var(--text-muted); text-align:end; }
.ntb-notice { border-radius:10px; padding:.8rem 1rem; background:var(--accent-quiet); color:var(--accent); font-size:.925rem; line-height:1.7; }
.ntb-notice[data-error="true"] { background:var(--surface-raised); color:var(--danger); border:1px solid var(--danger); }
.ntb-notice:empty { display:none; }
.ntb-output { padding:1.4rem; min-block-size:390px; view-transition-name:ntb-result; }
.ntb-output h3 { font-size:1.3rem; margin-block:0 1rem; }
.ntb-output h4 { font-size:1rem; margin-block:1.5rem .7rem; }
.ntb-output p { line-height:1.85; white-space:pre-wrap; }
.ntb-output ul { padding-inline-start:1.3rem; display:grid; gap:.65rem; }
.ntb-action { display:grid; gap:.75rem; padding:1rem; border:1px solid var(--border); border-radius:12px; margin-block-end:.8rem; transition:border-color .2s,background .2s; }
.ntb-action:has(input[type="checkbox"]:checked) { background:var(--ours-quiet); border-color:var(--ours-line); }
.ntb-action-head { display:flex; gap:.65rem; align-items:start; line-height:1.65; }
.ntb-action-head input { margin-block-start:.35rem; accent-color:var(--ours); width:18px; height:18px; flex-shrink:0; }
.ntb-action-fields { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.ntb-action-fields label { display:grid; gap:.3rem; font-size:.85rem; color:var(--text-muted); }
.ntb-source { display:block; text-align:start; color:var(--accent); font-size:.875rem; line-height:1.75; border-inline-start:2px solid var(--accent-line); padding-inline-start:.7rem; margin-block-start:.7rem; }
.ntb-source:hover { text-decoration:underline; }
.ntb-followup { width:100%; min-block-size:280px; padding:1rem; background:var(--surface); border:1px solid var(--border); border-radius:10px; line-height:1.85; resize:vertical; font-size:1rem; }
.ntb-output-status { padding:.8rem 1.25rem; color:var(--text-muted); border-block-end:1px solid var(--border); font-size:.875rem; }
.ntb-sample-picker { display:flex; flex-wrap:wrap; gap:.5rem; }
.ntb-sample-picker button { padding:.6rem .85rem; border-radius:99px; border:1px solid var(--border); font-size:.875rem; }
.ntb-sample-picker button[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); background:var(--accent-quiet); }
.ntb-price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.ntb-price { padding:1.7rem; border:1px solid var(--border); border-radius:16px; background:var(--surface); display:flex; flex-direction:column; gap:1rem; }
.ntb-price--featured { border:2px solid var(--accent); background:var(--accent-quiet); }
.ntb-price h3 { font-size:1.15rem; }
.ntb-price strong { font-size:2.3rem; font-weight:700; }
.ntb-price small { font-size:.875rem; color:var(--text-muted); }
.ntb-price p { color:var(--text-muted); line-height:1.7; }
.ntb-price .btn { margin-block-start:auto; }
.ntb-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-block:1.5rem 3rem; }
.ntb-path { display:block; border:1px solid var(--border); padding:1.5rem; border-radius:12px; transition:transform .2s,border-color .2s; }
.ntb-path:hover { transform:translateY(-3px); border-color:var(--accent); }
.ntb-path b { display:block; margin-block-end:.5rem; font-size:1.1rem; }
.ntb-path p { color:var(--text-muted); font-size:.95rem; line-height:1.7; }
.ntb-metric { display:flex; align-items:center; gap:1rem; padding:.75rem 0; border-block-end:1px solid var(--border); }
.ntb-metric b { color:var(--accent); font:500 1.25rem var(--font-mono); }
@media(min-width:960px){.ntb-product-hero{grid-template-columns:1fr 1.05fr!important;}.ntb-product-hero>.ntb-panel{transform:perspective(1400px) rotateY(3deg) rotateX(1deg);transition:transform .4s;}.ntb-product-hero>.ntb-panel:hover{transform:none;}}
@media(max-width:760px){.ntb-product-hero{display:grid!important;grid-template-columns:1fr!important;}.ntb-product-hero h1{max-inline-size:19ch;}.ntb-work-grid{grid-template-columns:1fr;}.ntb-price-grid,.ntb-paths{grid-template-columns:1fr;}.ntb-preview{min-block-size:310px;}.ntb-section-head{gap:1rem;}.ntb-workbench{padding-block:2rem 3rem;}}
@media(prefers-reduced-motion:reduce){.ntb-product-hero>.ntb-panel,.ntb-path{transform:none!important;transition:none!important;}}
@supports(view-transition-name:none){::view-transition-old(ntb-result),::view-transition-new(ntb-result){animation-duration:160ms;}}

/* Preserve the original sailing logo scene at every supported viewport. */
.ntb-product-hero > .hero-art { display:block; min-inline-size:0; inline-size:100%; align-self:center; }
@media(max-width:959px){.ntb-product-hero > .hero-art{max-inline-size:34rem;justify-self:center;}}