/* /next6: the buying-group homepage. Desktop renders on the shared 1440px canvas; at 900px and below the dev mobile layout applies. */
:root { --n6-ink:#073f3c; --n6-green:#007b67; --n6-mint:#8fe0c6; --n6-line:#d6e5df; --n6-paper:#f3f8f6; --n6-text:#0b2f2a; --n6-muted:#3c5263; --n6-amber:#f2b33d; --n6-red:#c9472b; }
@property --score { syntax:'<number>'; inherits:true; initial-value:0; }

/* Role lens: the hero visual follows the chosen role. */
.n6-home [data-role-only] { display:none; }
.n6-home[data-role="owner"] [data-role-only="owner"], .n6-home[data-role="operations"] [data-role-only="operations"],
.n6-home[data-role="compliance"] [data-role-only="compliance"], .n6-home[data-role="finance"] [data-role-only="finance"],
.n6-home[data-role="it"] [data-role-only="it"] { display:block; }

/* Hero */
.collabit-dev-premium main.n6-home > section.n6-top h1 { font-size:64px !important; line-height:1.06 !important; letter-spacing:-.025em; }
.n6-proof-chip { display:inline-flex; align-items:center; gap:10px; max-width:100%; margin-top:20px; padding:9px 16px 9px 10px; border:1px solid #ffffff2e; border-radius:99px; background:#ffffff12; color:#e5f0eb !important; font:500 15px/1.35 'Work Sans',sans-serif; text-decoration:none !important; }
.n6-proof-chip b { flex:none; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--n6-mint); color:var(--n6-ink); font-size:13px; }
.n6-proof-chip:hover { border-color:#ffffff73; }
.n6-proof-chip i { font-style:normal; color:var(--n6-mint); }
.n6-roles { display:flex; flex-wrap:wrap; gap:6px; min-width:0; margin:26px 0 0; padding:0; border:0; }
.n6-roles legend { width:100%; margin-bottom:12px; padding:0; color:var(--n6-mint); font:600 12px/1 'Work Sans',sans-serif; letter-spacing:.18em; text-transform:uppercase; }
.n6-roles label { position:relative; }
.n6-roles input { position:absolute; opacity:0; pointer-events:none; }
.n6-roles span { display:inline-block; padding:10px 14px; border:1px solid #ffffff3d; border-radius:99px; background:#ffffff0d; color:#e8f4ef; font:500 15px/1.2 'Work Sans',sans-serif; cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
.n6-roles label:hover span { border-color:#ffffffa6; }
.n6-roles input:checked + span { border-color:var(--n6-mint); background:var(--n6-mint); color:var(--n6-ink); font-weight:600; }
.n6-roles input:focus-visible + span { outline:3px solid #fff; outline-offset:2px; }
.n6-stage { position:relative; container-type:inline-size; aspect-ratio:1.04; perspective:1700px; }
.n6-stage::before { content:''; position:absolute; inset:12% 6% 8%; border-radius:50%; background:radial-gradient(closest-side, #8fe0c640, transparent); filter:blur(30px); }
.n6-stack { position:absolute; inset:0; transform-style:preserve-3d; transform:rotateY(-14deg) rotateX(6deg); }
.collabit-next2 .n6-stack > figure { position:absolute; margin:0; animation:n6-deal .9s cubic-bezier(.2,.8,.2,1) both; }
.n6-stack figcaption { display:none !important; }
.n6-stack > figure > button { animation:n6-float 8s ease-in-out infinite; }
.n6-stack-main { top:3%; right:2%; transform:translateZ(30px); }
.n6-stack-main img { width:min(76cqw, calc(54cqw * var(--r)), calc(var(--w) / 2)); }
.n6-stack-second { left:0; bottom:14%; transform:translateZ(120px); animation-delay:.08s !important; }
.n6-stack-second img { width:min(52cqw, calc(30cqw * var(--r)), calc(var(--w) / 2)); }
.n6-stack-second > button { animation-delay:-2.6s !important; }
.collabit-next2 .n6-stack .n6-stack-phone { right:5%; bottom:12%; width:21cqw; transform:translateZ(190px); animation-delay:.16s !important; }
.n6-stack-phone > button { animation-delay:-5.2s !important; }
.n6-stage-note { position:absolute; left:0; bottom:-6px; margin:0 !important; color:#9fbdb4 !important; font:400 12px/1.4 'Work Sans',sans-serif !important; }
.n6-spec { display:grid; place-items:center; }
.n6-spec-card { width:88%; padding:30px 32px; border-radius:22px; background:#fff; box-shadow:0 40px 80px -36px #000d; transform:translateZ(60px); animation:n6-deal .9s cubic-bezier(.2,.8,.2,1) both; }
.n6-spec-card h3 { margin:0 0 4px; color:var(--n6-text); font:600 22px/1.25 'Poppins',sans-serif; }
.n6-spec-card > p { margin:0 0 18px; color:var(--n6-muted); font:400 14px/1.5 'Work Sans',sans-serif; }
.n6-spec-card ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; margin:0; padding:0; list-style:none; }
.n6-spec-card li { display:flex; gap:9px; color:var(--n6-text); font:500 14.5px/1.35 'Work Sans',sans-serif; }
.n6-spec-card li::before { content:'\2713'; flex:none; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--n6-mint); color:var(--n6-ink); font:700 11px/1 'Work Sans',sans-serif; }
.n6-spec-card .n6-spec-tags { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--n6-line); }
.n6-spec-card .n6-spec-tags span { padding:5px 11px; border-radius:99px; background:var(--n6-paper); color:var(--n6-text); font:600 12.5px/1 'Work Sans',sans-serif; }

.n6-spec-badges { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px !important; }
.n6-spec-badges span { padding:6px 12px; border:1.5px solid var(--n6-green); border-radius:8px; color:var(--n6-green); font:700 13px/1 'Work Sans',sans-serif; letter-spacing:.04em; }
.n6-trustline { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 28px; margin:22px 0 0; color:var(--n6-text); font:600 14.5px/1.3 'Work Sans',sans-serif; }
.n6-trustline span { display:inline-flex; align-items:center; gap:8px; }
.n6-trustline span::before { content:'\2713'; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--n6-ink); color:#fff; font:700 11px/1 'Work Sans',sans-serif; }

/* Shared section furniture */
.n6-home .n2-heading { max-width:900px; }
.n6-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 26px; }
.n6-tabs button { padding:11px 20px; border:1px solid var(--n6-line); border-radius:99px; background:#fff; color:var(--n6-text); font:600 15px/1.2 'Work Sans',sans-serif; cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
.n6-tabs button:hover { border-color:var(--n6-green); }
.n6-tabs [aria-selected="true"] { border-color:var(--n6-ink); background:var(--n6-ink); color:#fff; }
.n6-tabs button:focus-visible { outline:3px solid var(--n6-green); outline-offset:2px; }
.n6-note { margin:24px 0 0; color:#5b6f69; font:400 13px/1.55 'Work Sans',sans-serif; }

/* Business case builder */
.n6-case-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:40px; align-items:start; }
.n6-calc { padding:32px 32px 28px; border:1px solid var(--n6-line); border-radius:24px; background:#fff; box-shadow:0 30px 60px -50px #0f3b36aa; }
.n6-calc fieldset { display:grid; gap:20px; min-width:0; margin:0; padding:0; border:0; }
.n6-calc legend { margin-bottom:18px; padding:0; color:var(--n6-green); font:600 13px/1 'Work Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.n6-assume { margin-top:28px !important; padding-top:24px !important; border-top:1px dashed #c9dad4 !important; }
.n6-field { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:4px 16px; }
.n6-field label { color:var(--n6-text); font:600 16px/1.35 'Poppins',sans-serif; }
.n6-field output { color:var(--n6-green); font:600 20px/1.2 'Poppins',sans-serif; white-space:nowrap; }
.n6-field small { grid-column:1 / -1; color:#5b6f69; font:400 13px/1.45 'Work Sans',sans-serif; }
.n6-range { grid-column:1 / -1; width:100%; height:26px; margin:2px 0 0; background:transparent; cursor:pointer; -webkit-appearance:none; appearance:none; }
.n6-range::-webkit-slider-runnable-track { height:6px; border-radius:99px; background:linear-gradient(90deg, var(--n6-green) var(--fill, 50%), #dce9e4 var(--fill, 50%)); }
.n6-range::-webkit-slider-thumb { width:22px; height:22px; margin-top:-8px; border:3px solid #fff; border-radius:50%; background:var(--n6-green); box-shadow:0 2px 8px #0b2f2a59; -webkit-appearance:none; appearance:none; }
.n6-range::-moz-range-track { height:6px; border-radius:99px; background:#dce9e4; }
.n6-range::-moz-range-progress { height:6px; border-radius:99px; background:var(--n6-green); }
.n6-range::-moz-range-thumb { width:16px; height:16px; border:3px solid #fff; border-radius:50%; background:var(--n6-green); box-shadow:0 2px 8px #0b2f2a59; }
.n6-range:focus-visible { outline:none; }
.n6-range:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 5px #8fe0c6; }
.n6-range:focus-visible::-moz-range-thumb { box-shadow:0 0 0 5px #8fe0c6; }
.n6-private { display:flex; gap:10px; margin:24px 0 0; padding:12px 14px; border-radius:12px; background:var(--n6-paper); color:var(--n6-muted); font:500 14px/1.45 'Work Sans',sans-serif; }
.n6-private span { flex:none; }
.n6-today { margin:0 0 18px; padding:14px 16px; border-left:4px solid var(--n6-amber); border-radius:0 12px 12px 0; background:#fff8e8; color:#5b4310; font:500 15px/1.5 'Work Sans',sans-serif; }

/* The memo is styled without the page wrapper so its printed copy keeps the same look. */
.n6-memo { position:relative; overflow:hidden; padding:30px 34px 28px; border-top:8px solid var(--n6-ink); border-radius:8px; background:#fff; box-shadow:0 40px 80px -40px #0b2f2a73, 0 0 0 1px #e1ebe7; color:var(--n6-text); font-family:'Work Sans',sans-serif; }
.n6-stamp { position:absolute; top:22px; right:22px; padding:5px 11px; border:2px solid #c2410c; border-radius:6px; color:#c2410c; font:700 11px/1 'Work Sans',sans-serif; letter-spacing:.16em; text-transform:uppercase; transform:rotate(6deg); opacity:.85; }
.n6-memo-head { display:flex; align-items:center; gap:14px; padding-bottom:16px; border-bottom:1px solid var(--n6-line); }
.n6-memo-head img { width:108px; height:auto; }
.n6-memo-head p { margin:0; padding-left:14px; border-left:1px solid var(--n6-line); color:var(--n6-muted); font:600 12px/1.4 'Work Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.n6-memo-company { display:grid; gap:4px; margin:20px 0 0; }
.n6-memo-company span { color:var(--n6-green); font:600 12px/1 'Work Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.n6-memo-company input { width:100%; padding:6px 0; border:0; border-bottom:2px dashed #b9d0c8; background:transparent; color:var(--n6-text); font:600 24px/1.25 'Poppins',sans-serif; }
.n6-memo-company input:focus { outline:none; border-bottom-color:var(--n6-green); }
.n6-memo-company input::placeholder { color:#9fb5ae; }
.n6-memo h3 { margin:16px 0 0; color:var(--n6-text); font:600 17px/1.4 'Work Sans',sans-serif; }
.n6-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 0; }
.n6-kpis div { display:flex; flex-direction:column; padding:16px 14px; border-radius:14px; background:var(--n6-paper); }
.n6-kpis dt { order:2; margin-top:6px; color:var(--n6-muted); font:500 13.5px/1.35 'Work Sans',sans-serif; }
.n6-kpis dd { order:1; margin:0; color:var(--n6-green); font:600 28px/1.1 'Poppins',sans-serif; letter-spacing:-.02em; white-space:nowrap; }
.n6-kpis small { order:3; margin-top:6px; color:#5b6f69; font:400 12.5px/1.4 'Work Sans',sans-serif; }
.n6-memo h4 { margin:22px 0 10px; color:var(--n6-green); font:600 12.5px/1.2 'Work Sans',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.n6-memo ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.n6-memo li { position:relative; padding-left:24px; color:var(--n6-text); font:400 15px/1.5 'Work Sans',sans-serif; }
.n6-memo li::before { content:'\2713'; position:absolute; left:0; top:2px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:var(--n6-green); color:#fff; font:700 10px/1 'Work Sans',sans-serif; }
.n6-memo-cols { display:grid; grid-template-columns:1fr 1fr; gap:4px 26px; }
.n6-maths { margin:20px 0 0; border-top:1px solid var(--n6-line); }
.n6-maths summary { padding:14px 0 4px; color:var(--n6-green); font:600 14px/1.3 'Work Sans',sans-serif; cursor:pointer; }
.n6-maths ol { display:grid; gap:6px; margin:8px 0 0; padding-left:20px; color:var(--n6-muted); font:400 13.5px/1.55 'Work Sans',sans-serif; list-style:decimal; }
.n6-memo .n6-maths li { padding-left:2px; color:var(--n6-muted); font-size:13.5px; }
.n6-memo .n6-maths li::before { content:none; }
.n6-maths ol b { color:var(--n6-text); font-weight:600; }
.n6-memo-note { margin:14px 0 0; color:#5b6f69; font:400 12.5px/1.5 'Work Sans',sans-serif; }
.n6-memo-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.n6-memo-actions :is(a, button) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border:1px solid var(--n6-green); border-radius:99px; background:#fff; color:var(--n6-green) !important; font:600 14.5px/1.2 'Work Sans',sans-serif; text-decoration:none !important; cursor:pointer; }
.n6-memo-actions a { border-color:var(--n6-green); background:var(--n6-green); color:#fff !important; }
.n6-memo-actions :is(a, button):focus-visible { outline:3px solid var(--n6-mint); outline-offset:2px; }
.n6-memo-status { min-height:20px; margin:10px 0 0; color:var(--n6-green); font:500 13.5px/1.4 'Work Sans',sans-serif; overflow-wrap:anywhere; }

/* Compliance self-check */
.n6-audit-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr); gap:32px; align-items:start; }
.n6-qs { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.n6-q { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px 24px; padding:18px 22px; border:1px solid var(--n6-line); border-radius:16px; background:#fff; }
.n6-q p { margin:0; }
.n6-q p b { display:block; color:var(--n6-text); font:600 17px/1.4 'Poppins',sans-serif; }
.n6-q p small { display:block; margin-top:5px; color:#5b6f69; font:400 13px/1.45 'Work Sans',sans-serif; }
.n6-seg { display:inline-flex; gap:2px; padding:4px; border-radius:99px; background:var(--n6-paper); }
.n6-seg label { position:relative; }
.n6-seg input { position:absolute; opacity:0; pointer-events:none; }
.n6-seg span { display:block; padding:9px 15px; border-radius:99px; color:var(--n6-muted); font:600 14px/1 'Work Sans',sans-serif; cursor:pointer; transition:background .2s, color .2s; }
.n6-seg label:hover span { color:var(--n6-text); }
.n6-seg input[value="2"]:checked + span { background:var(--n6-green); color:#fff; }
.n6-seg input[value="1"]:checked + span { background:var(--n6-amber); color:#3b2a05; }
.n6-seg input[value="0"]:checked + span { background:var(--n6-red); color:#fff; }
.n6-seg input:focus-visible + span { outline:3px solid var(--n6-green); outline-offset:1px; }
.n6-score { --ring:#ffffff33; padding:28px 28px 26px; border-radius:24px; background:var(--n6-ink); color:#dcece6; transition:--score .7s cubic-bezier(.2,.8,.2,1); }
.n6-score[data-band="ready"] { --ring:var(--n6-mint); }
.n6-score[data-band="gaps"] { --ring:var(--n6-amber); }
.n6-score[data-band="risk"] { --ring:#ff8a6b; }
.n6-ring { display:grid; place-items:center; width:156px; height:156px; margin:0 auto 18px; border-radius:50%; background:conic-gradient(var(--ring) calc(var(--score) * 1%), #ffffff1f 0); }
.n6-ring b { display:grid; place-items:center; width:122px; height:122px; border-radius:50%; background:var(--n6-ink); color:#fff; font:600 36px/1 'Poppins',sans-serif; letter-spacing:-.02em; }
.n6-score h3 { margin:0; color:#fff; font:600 22px/1.25 'Poppins',sans-serif; text-align:center; }
.n6-score > p { margin:6px 0 0; color:#b7d4cb; font:400 15px/1.5 'Work Sans',sans-serif; text-align:center; }
.n6-score .n6-answered { margin-top:10px; color:#8fb5aa; font-size:13px; }
.n6-gaps { display:grid; gap:12px; margin:20px 0 0; padding:18px 0 0; border-top:1px solid #ffffff1f; list-style:none; }
.n6-gaps:empty { display:none; }
.n6-gaps li { color:#cfe5de; font:400 14px/1.5 'Work Sans',sans-serif; }
.n6-gaps b { display:block; margin-bottom:2px; color:var(--n6-mint); font:600 14.5px/1.35 'Work Sans',sans-serif; }
.n6-score-cta { display:flex; justify-content:center; margin-top:20px; padding:12px 18px; border-radius:99px; background:var(--n6-mint); color:var(--n6-ink) !important; font:600 15px/1.2 'Work Sans',sans-serif; text-decoration:none !important; }
.n6-score-cta:focus-visible { outline:3px solid #fff; outline-offset:2px; }

/* Everyone who signs it off */
.n6-qa-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.n6-qa { padding:24px; border:1px solid var(--n6-line); border-radius:18px; background:#fff; }
.n6-qa h3 { margin:0 0 10px; color:var(--n6-text); font:600 19px/1.35 'Poppins',sans-serif; }
.n6-qa p { margin:0; color:var(--n6-muted); font:400 16px/1.6 'Work Sans',sans-serif; }
.n6-signoff-foot { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px 24px; margin-top:20px; padding:18px 24px; border-radius:18px; background:var(--n6-paper); }
.n6-signoff-foot p { margin:0; color:var(--n6-text); font:500 16px/1.5 'Work Sans',sans-serif; }
.n6-signoff-foot p b { color:var(--n6-green); }
.n6-signoff-foot div { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.n6-share { padding:10px 18px; border:1px solid var(--n6-green); border-radius:99px; background:#fff; color:var(--n6-green); font:600 14.5px/1.2 'Work Sans',sans-serif; cursor:pointer; }
.n6-share:focus-visible { outline:3px solid var(--n6-green); outline-offset:2px; }
.n6-share-status { color:var(--n6-green); font:500 13.5px/1.4 'Work Sans',sans-serif; overflow-wrap:anywhere; }

/* Customer results, with the chosen role's stories first */
.n6-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.n6-story { position:relative; display:flex; flex-direction:column; gap:10px; padding:24px; border:1px solid var(--n6-line); border-radius:18px; background:#fff; transition:border-color .3s, box-shadow .3s; }
.n6-story p { margin:0; }
.n6-story-sector { color:var(--n6-green); font:600 12px/1.3 'Work Sans',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.n6-story h3 { margin:0; color:var(--n6-text); font:600 19px/1.3 'Poppins',sans-serif; }
.n6-story-stat { color:var(--n6-green); font:600 34px/1.05 'Poppins',sans-serif; letter-spacing:-.02em; }
.n6-story-line { color:var(--n6-muted); font:400 15.5px/1.5 'Work Sans',sans-serif; }
.n6-story .n2-link { margin-top:auto; padding-top:6px; font-size:15px; }
.n6-match { display:none; align-self:flex-start; padding:4px 10px; border-radius:99px; background:var(--n6-mint); color:var(--n6-ink); font:600 12px/1.2 'Work Sans',sans-serif; }
.n6-home[data-role="owner"] .n6-story[data-roles~="owner"], .n6-home[data-role="operations"] .n6-story[data-roles~="operations"],
.n6-home[data-role="compliance"] .n6-story[data-roles~="compliance"], .n6-home[data-role="finance"] .n6-story[data-roles~="finance"],
.n6-home[data-role="it"] .n6-story[data-roles~="it"] { order:-1; border-color:#9bd3c0; box-shadow:0 26px 50px -40px #0f3b36aa; }
.n6-home[data-role="owner"] .n6-story[data-roles~="owner"] .n6-match, .n6-home[data-role="operations"] .n6-story[data-roles~="operations"] .n6-match,
.n6-home[data-role="compliance"] .n6-story[data-roles~="compliance"] .n6-match, .n6-home[data-role="finance"] .n6-story[data-roles~="finance"] .n6-match,
.n6-home[data-role="it"] .n6-story[data-roles~="it"] .n6-match { display:inline-block; }

/* Switching */
.n6-switch-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; align-items:center; }
.n6-steps { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:n6-step; }
.n6-steps li { display:grid; grid-template-columns:44px minmax(0,1fr); gap:2px 16px; padding:16px 20px; border:1px solid var(--n6-line); border-radius:16px; background:#fff; counter-increment:n6-step; }
.n6-steps li::before { content:counter(n6-step); grid-row:span 2; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--n6-ink); color:#fff; font:600 18px/1 'Poppins',sans-serif; }
.n6-steps b { color:var(--n6-text); font:600 18px/1.35 'Poppins',sans-serif; }
.n6-steps span { color:var(--n6-muted); font:400 15px/1.5 'Work Sans',sans-serif; }
.n6-switch-visual svg { display:block; width:100%; height:auto; }
.n6-renewal { display:flex; gap:14px; margin-top:20px; padding:18px 22px; border:1px solid #f1d9a8; border-radius:18px; background:#fff8e8; }
.n6-renewal b { flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--n6-amber); color:#3b2a05; font:700 18px/1 'Poppins',sans-serif; }
.n6-renewal p { margin:0; color:#4a3a12; font:400 15.5px/1.55 'Work Sans',sans-serif; }
.n6-renewal strong { display:block; color:#3b2a05; font:600 17px/1.35 'Poppins',sans-serif; }

.n6-swap { animation:n6-swap .45s cubic-bezier(.2,.8,.2,1) both; }
@keyframes n6-swap { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes n6-float { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes n6-deal { from { opacity:0; translate:0 40px; } to { opacity:1; translate:0 0; } }

@media (max-width:900px) {
    .collabit-dev-premium main.n6-home > section.n6-top h1 { font-size:42px !important; }
    .n6-roles { order:1; margin-top:0; }
    .n6-roles span { padding:9px 14px; font-size:14px; }
    .n6-proof-chip { order:3; margin-top:0; font-size:14px; }
    .n6-stage { width:100%; margin:4px 0 18px; aspect-ratio:1.1; }
    .n6-stack { transform:rotateY(-8deg) rotateX(4deg); }
    .collabit-next2 .n6-stack .n6-stack-phone { width:26cqw; }
    .n6-spec-card { width:100%; padding:22px 20px; }
    .n6-spec-card ul { grid-template-columns:1fr; gap:8px; }
    .n6-case-grid, .n6-audit-grid, .n6-switch-grid { grid-template-columns:1fr; gap:24px; }
    .n6-calc { padding:24px 18px 20px; }
    .n6-memo { padding:24px 18px 22px; }
    .n6-memo-company input { font-size:20px; }
    .n6-kpis { grid-template-columns:1fr; }
    .n6-kpis dd { font-size:26px; }
    .n6-memo-cols { grid-template-columns:1fr; }
    .n6-q { grid-template-columns:1fr; padding:16px; }
    .n6-q p b { font-size:16px; }
    .n6-seg { display:grid; grid-template-columns:repeat(3,1fr); }
    .n6-seg span { text-align:center; }
    /* dev-mobile.js turns these into the site's swipeable card rails; one column is the no-script fallback. */
    .n6-qa-grid, .n6-story-grid { grid-template-columns:1fr; }
    /* The shared mobile rule sets every article > p to 16px; keep this page's hierarchy. */
    .collabit-dev-premium main .n6-story > p.n6-story-sector { font-size:12px !important; line-height:1.3 !important; }
    .collabit-dev-premium main .n6-story > p.n6-story-stat { font-size:32px !important; line-height:1.05 !important; }
    .collabit-dev-premium main .n6-story > p.n6-story-line { font-size:15px !important; line-height:1.5 !important; }
    .collabit-dev-premium main .n6-memo > p.n6-today { font-size:15px !important; line-height:1.5 !important; }
    .collabit-dev-premium main .n6-memo > p.n6-memo-note { font-size:12.5px !important; line-height:1.5 !important; }
    .collabit-dev-premium main .n6-memo > p.n6-memo-status { font-size:13.5px !important; line-height:1.4 !important; }
    .n6-stamp { position:static; display:inline-block; margin:0 0 12px; transform:rotate(-2deg); }
    .n6-kpis div { padding:12px 14px; }
    .n6-tabs { flex-wrap:nowrap; margin:0 -18px 20px; padding:2px 18px 8px; overflow-x:auto; scrollbar-width:none; }
    .n6-tabs button { flex:none; }
    .n6-signoff-foot { padding:16px 18px; }
}
@media (prefers-reduced-motion:reduce) {
    .collabit-next2 .n6-stack > figure, .n6-stack > figure > button, .n6-spec-card { animation:none !important; }
    .n6-score { transition:none; }
    .n6-swap { animation:none; }
}
@media print {
    @page { size:A4; margin:12mm; }
    .n6-printing body > :not(.n6-print-sheet) { display:none !important; }
    .n6-printing body { margin:0; background:#fff; }
    .n6-print-sheet { margin:0; padding:22px 26px; box-shadow:none; border-radius:0; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
    .n6-print-sheet .n6-memo-company strong.n6-print-company { display:block; padding:4px 0 0; color:var(--n6-text); font:600 22px/1.25 'Poppins',sans-serif; letter-spacing:0; text-transform:none; }
    .n6-print-sheet .n6-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .n6-print-sheet .n6-kpis dd { font-size:24px; }
    .n6-print-sheet .n6-memo-cols { grid-template-columns:1fr 1fr; }
    .n6-print-sheet :is(.n6-kpis div, .n6-memo-cols, .n6-maths) { break-inside:avoid; }
    .n6-print-sheet .n6-memo li { font-size:13.5px; }
}
@media screen {
    .n6-print-sheet { display:none; }
}