:root { color-scheme: light; --ink:#172033; --muted:#5d687a; --line:#dce2ea; --surface:#fff; --soft:#f4f7fb; --brand:#2458d3; --brand-dark:#153b9b; --brand-soft-hover:#dce8fb; --brand-soft-hover-ink:#102842; --success:#116b47; --warning:#865b00; }
* { box-sizing:border-box; }
body { margin:0; background:var(--soft); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.55; }
a { color:var(--brand-dark); }
.shell { width:min(1120px,calc(100% - 2rem)); margin-inline:auto; }
.skip-link { position:absolute; left:-9999px; top:.5rem; background:#fff; padding:.75rem; z-index:10; }
.skip-link:focus { left:.5rem; }
.site-header { background:var(--surface); border-bottom:1px solid var(--line); }
.nav { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; gap:.6rem; color:var(--ink); font-size:1.2rem; font-weight:800; text-decoration:none; }
.brand img { display:block; width:32px; height:26px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.nav-links a,.link-button { font-weight:650; text-decoration:none; }
.mobile-menu { display:none; position:relative; }
.mobile-menu summary { min-height:44px; display:flex; align-items:center; border:1px solid var(--line); border-radius:.5rem; cursor:pointer; font-weight:750; padding:.35rem .75rem; list-style:none; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-nav-links { position:absolute; right:0; top:calc(100% + .5rem); z-index:20; width:min(290px,calc(100vw - 2rem)); display:grid; gap:.25rem; background:#fff; border:1px solid var(--line); border-radius:.75rem; box-shadow:0 18px 48px rgba(23,32,51,.18); padding:.65rem; }
.mobile-nav-links > a,.mobile-nav-links .link-button { display:block; width:100%; min-height:44px; padding:.65rem .7rem; text-align:left; border-radius:.4rem; font-weight:700; text-decoration:none; }
.mobile-nav-links .button:not(.button-secondary) { color:#fff; text-align:center; }
.mobile-nav-links .button-secondary { color:var(--brand-dark); text-align:center; }
.mobile-nav-links .inline-form { display:block; }
.inline-form { display:inline; }
.link-button { border:0; padding:0; background:none; color:var(--brand-dark); cursor:pointer; font:inherit; }
.main-content { padding-block:3rem 5rem; }
.hero { padding:3.5rem 0; max-width:850px; }
.hero h1 { font-size:clamp(2.4rem,6vw,4.7rem); letter-spacing:-.055em; line-height:1.02; margin:.25rem 0 1.25rem; }
.eyebrow { color:var(--brand); text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:800; }
.lede { color:var(--muted); font-size:1.22rem; max-width:720px; }
.actions { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1.75rem; }
.button { display:inline-block; border:1px solid var(--brand); border-radius:.55rem; background:var(--brand); color:#fff; cursor:pointer; font:inherit; font-weight:750; padding:.72rem 1rem; text-decoration:none; transition:background-color .16s ease,border-color .16s ease,color .16s ease; }
.button:hover,.button:active { border-color:var(--brand-dark); background:var(--brand-dark); color:#fff; }
.button-secondary { border-color:#8eafe4; background:#fff; color:var(--brand-dark); }
.button-secondary:hover,.button-secondary:active { border-color:#6f96da; background:var(--brand-soft-hover); color:var(--brand-soft-hover-ink); }
.danger-button { border-color:#a42a2a; background:#fff; color:#8b1717; }
.danger-button:hover,.danger-button:active { border-color:#7f1010; background:#8b1717; color:#fff; }
.button-small { padding:.42rem .7rem; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.card,.panel,.auth-card { background:var(--surface); border:1px solid var(--line); border-radius:.85rem; padding:1.5rem; box-shadow:0 8px 30px rgba(29,45,74,.05); }
.card h2,.panel h2 { margin-top:0; }
.auth-card { max-width:520px; margin:1rem auto; }
.auth-card-wide { max-width:650px; }
.auth-alternative { border-top:1px solid var(--line); margin-top:1.5rem; padding-top:1rem; }
.auth-alternative h2 { font-size:1.05rem; margin:.1rem 0 .35rem; }
.auth-alternative p { color:var(--muted); margin:.35rem 0; }
form > div { margin-bottom:1rem; }
label { display:block; font-weight:700; margin-bottom:.3rem; }
input,select,textarea { width:100%; max-width:100%; border:1px solid #aeb8c6; border-radius:.45rem; background:#fff; color:var(--ink); font:inherit; padding:.62rem .7rem; }
input[type="checkbox"] { width:auto; accent-color:var(--brand); }
input:focus,select:focus,textarea:focus { outline:3px solid rgba(36,88,211,.18); border-color:var(--brand); }
.helptext { display:block; color:var(--muted); font-size:.87rem; margin-top:.25rem; }
.errorlist { color:#a11919; font-weight:650; padding-left:1.25rem; }
.messages { display:grid; gap:.5rem; margin-bottom:1rem; }
.message { border:1px solid var(--line); border-left:4px solid var(--brand); border-radius:.4rem; background:#fff; padding:.75rem 1rem; }
.message-success { border-left-color:var(--success); }.message-warning,.message-error { border-left-color:var(--warning); }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.25rem; }
.page-heading h1 { margin:.2rem 0; }
.panel { margin-bottom:1rem; }
.status { display:inline-block; border-radius:999px; padding:.3rem .65rem; font-size:.85rem; font-weight:800; }
.status-success { background:#e4f5ed; color:var(--success); }.status-warning { background:#fff1ca; color:var(--warning); }
.status-link:hover,.status-link:active { background:#f4df9e; color:#644400; }
.status-link:focus-visible { outline:3px solid rgba(36,88,211,.3); outline-offset:2px; }
.empty-state { color:var(--muted); padding:1rem 0; max-width:720px; }.empty-state h3 { color:var(--ink); }
.table-wrap { overflow-x:auto; } table { border-collapse:collapse; width:100%; } th,td { border-bottom:1px solid var(--line); padding:.8rem; text-align:left; } th { color:var(--muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; }
.pagination { display:flex; align-items:center; justify-content:flex-end; gap:1rem; padding-top:1rem; color:var(--muted); }
.two-column { display:grid; grid-template-columns:2fr 1fr; gap:1rem; align-items:start; }
.about-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:2.5rem; align-items:center; margin-bottom:2rem; }
.about-hero h1 { font-size:clamp(2.3rem,5vw,4.2rem); letter-spacing:-.045em; line-height:1.05; margin:.3rem 0 1rem; }
.about-logo { display:block; width:100%; height:auto; border-radius:1rem; box-shadow:0 18px 50px rgba(12,34,58,.2); }
.about-contact { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr); gap:clamp(1.5rem,5vw,4rem); align-items:center; }
.about-contact-photo { display:block; width:min(100%,340px); height:auto; aspect-ratio:3 / 2; object-fit:cover; object-position:center; justify-self:end; border-radius:.85rem; box-shadow:0 14px 38px rgba(12,34,58,.16); }
.about-contact h2 { margin:.25rem 0 .75rem; font-size:clamp(1.8rem,4vw,2.75rem); letter-spacing:-.035em; line-height:1.08; }
.about-contact-details { margin-top:1.5rem; border-left:3px solid var(--brand); padding-left:1.25rem; }
.about-contact-details h3 { margin:0 0 .75rem; }
.about-contact-details address { font-style:normal; }
.about-contact-details p { margin:.55rem 0; }
.about-contact-details a { font-weight:750; }
.policy-panel { margin-top:1rem; scroll-margin-top:1rem; }
.cookie-preference-controls,.cookie-actions { display:flex; gap:.65rem; flex-wrap:wrap; }
.cookie-preference-controls form,.cookie-actions form { margin:0; }
.cookie-banner { position:fixed; z-index:50; left:1rem; right:1rem; bottom:1rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; max-width:1100px; margin-inline:auto; border:1px solid #b9c7db; border-radius:.85rem; background:#fff; box-shadow:0 18px 60px rgba(23,32,51,.25); padding:1rem 1.2rem; }
.cookie-banner-copy { max-width:700px; }.cookie-banner-copy p { margin:.2rem 0 0; color:var(--muted); }
.site-footer { border-top:1px solid var(--line); background:#fff; color:var(--muted); }
.footer-content { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.media-guidance { margin-bottom:1rem; border-left:4px solid var(--brand); border-radius:.3rem; background:#eef4ff; padding:.75rem 1rem; }
.media-guidance p { margin:.25rem 0 0; color:var(--muted); }
.profile-image-preview { display:block; width:128px; height:128px; object-fit:cover; border:1px solid var(--line); border-radius:50%; margin:0 0 1.25rem; }
.setup-steps { padding-left:1.35rem; }.setup-steps li + li { margin-top:.65rem; }
.mfa-qr-panel { display:grid; justify-items:center; gap:.7rem; border:1px solid #b7cae9; border-radius:.7rem; background:#fff; margin:1rem 0; padding:1rem; text-align:center; }
.mfa-qr-code { display:block; width:min(264px,100%); height:auto; aspect-ratio:1; image-rendering:pixelated; }
.mfa-secret-panel { display:grid; gap:.75rem; border:1px solid #b7cae9; border-radius:.7rem; background:#f4f8ff; margin:1rem 0; padding:1rem; }
.mfa-secret-panel code { overflow-wrap:anywhere; color:#193963; font-size:1.05rem; letter-spacing:.08em; }
.mfa-secret-panel .button { justify-self:start; }
.recovery-code-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; list-style:none; margin:1.25rem 0; padding:0; }
.recovery-code-list li { border:1px solid #b7cae9; border-radius:.5rem; background:#f7faff; padding:.7rem; text-align:center; }
.recovery-code-list code { color:#193963; font-size:1rem; font-weight:800; letter-spacing:.04em; }
.section-block { margin-top:4.75rem; scroll-margin-top:1.5rem; }
.section-heading { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:2rem; align-items:end; margin-bottom:1.5rem; }
.section-heading h2,.workflow-section h2,.secure-foundation-panel h2,.roadmap-panel h2 { margin:.25rem 0 0; font-size:clamp(1.8rem,4vw,2.75rem); line-height:1.08; letter-spacing:-.035em; }
.section-heading > p { margin:0; color:var(--muted); }
.offering-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:3rem; align-items:center; min-height:560px; padding:2.5rem 0 3.5rem; }
.offering-hero h1,.product-detail-hero h1 { font-size:clamp(2.65rem,6vw,5.25rem); letter-spacing:-.058em; line-height:.98; margin:.3rem 0 1.35rem; }
.availability-note { max-width:700px; margin:1.5rem 0 0; color:var(--muted); font-size:.92rem; }
.product-signal { overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:1.15rem; background:linear-gradient(145deg,#071f3c 0%,#0d3764 58%,#2458d3 140%); color:#fff; box-shadow:0 28px 70px rgba(13,42,74,.26); padding:1.5rem; }
.product-signal-label { margin:0 0 1.2rem; color:#9fc7ff; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.product-signal ol { display:grid; gap:.65rem; list-style:none; margin:0; padding:0; }
.product-signal li { display:grid; grid-template-columns:2.2rem 1fr; column-gap:.7rem; border:1px solid rgba(255,255,255,.13); border-radius:.75rem; background:rgba(255,255,255,.06); padding:.85rem; }
.product-signal li span { grid-row:1 / span 2; color:#7eb4ff; font-size:.75rem; font-weight:850; letter-spacing:.08em; }
.product-signal li strong { line-height:1.2; }
.product-signal li small { color:#cedcf0; line-height:1.45; margin-top:.2rem; }
.product-showcase-card { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:2rem; align-items:center; overflow:hidden; border:1px solid #b9cbea; border-radius:1.15rem; background:linear-gradient(135deg,#fff 0%,#f5f8ff 62%,#e7f0ff 100%); box-shadow:0 16px 50px rgba(29,62,114,.1); color:var(--ink); padding:clamp(1.4rem,4vw,2.5rem); text-decoration:none; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.product-showcase-card:hover { border-color:#7ba3ea; box-shadow:0 22px 60px rgba(29,62,114,.16); transform:translateY(-2px); }
.product-showcase-card:focus-visible { outline-offset:4px; }
.product-status { display:inline-flex; align-items:center; min-height:30px; border:1px solid #b6cff6; border-radius:999px; background:#eaf2ff; color:#194caa; font-size:.76rem; font-weight:850; letter-spacing:.06em; padding:.25rem .7rem; text-transform:uppercase; }
.product-showcase-copy h3 { margin:.8rem 0 .6rem; font-size:clamp(1.8rem,4vw,2.65rem); letter-spacing:-.035em; line-height:1.05; }
.product-showcase-copy > p { max-width:720px; color:var(--muted); font-size:1.05rem; }
.feature-pills { display:flex; flex-wrap:wrap; gap:.45rem; list-style:none; margin:1.15rem 0 1.35rem; padding:0; }
.feature-pills li { border:1px solid var(--line); border-radius:999px; background:#fff; color:#39465a; font-size:.82rem; font-weight:700; padding:.35rem .65rem; }
.text-link { color:var(--brand-dark); font-weight:850; }
.product-card-map { display:grid; justify-items:center; }
.map-node { display:grid; place-items:center; width:116px; min-height:58px; border:1px solid #9db9e9; border-radius:.75rem; background:#fff; color:#23436f; font-weight:800; box-shadow:0 8px 24px rgba(36,88,211,.08); }
.map-node-primary { background:var(--brand); color:#fff; border-color:var(--brand); }
.map-line { width:2px; height:28px; background:#9db9e9; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.benefit-card { border:1px solid var(--line); border-radius:.9rem; background:#fff; padding:1.35rem; }
.benefit-number { color:var(--brand); font-size:.76rem; font-weight:850; letter-spacing:.1em; }
.benefit-card h3 { margin:.6rem 0 .45rem; font-size:1.14rem; }
.benefit-card p { color:var(--muted); margin:.4rem 0; }
.benefit-card .benefit-outcome { color:#354158; margin-top:1rem; }
.truth-note { display:flex; gap:.6rem; align-items:flex-start; margin-top:1rem; border-left:4px solid var(--brand); border-radius:.3rem .75rem .75rem .3rem; background:#eef4ff; padding:1rem 1.15rem; }
.truth-note strong { flex:0 0 auto; }
.roadmap-panel { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:4.75rem; border-radius:1rem; background:#102842; color:#fff; padding:clamp(1.5rem,4vw,2.5rem); box-shadow:0 18px 55px rgba(10,34,60,.18); }
.roadmap-panel .eyebrow { color:#8dbdff; }
.roadmap-panel p:not(.eyebrow) { max-width:760px; color:#cbd9e9; margin:.75rem 0 0; }
.roadmap-panel .button-secondary { flex:0 0 auto; }
.breadcrumb { margin-bottom:1.25rem; }
.breadcrumb ol { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; list-style:none; margin:0; padding:0; color:var(--muted); font-size:.9rem; }
.breadcrumb li + li::before { content:"/"; margin-right:.45rem; color:#93a0b2; }
.product-detail-hero { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr); gap:3rem; align-items:center; padding:1.5rem 0 3.5rem; }
.release-card { border:1px solid #bfd0eb; border-radius:1rem; background:#fff; box-shadow:0 18px 55px rgba(29,45,74,.1); padding:1.5rem; }
.release-card h2 { margin:0 0 1.1rem; font-size:1.55rem; line-height:1.15; }
.release-card dl { display:grid; gap:.85rem; margin:0; }
.release-card dl div { border-top:1px solid var(--line); padding-top:.75rem; }
.release-card dt { font-weight:850; }
.release-card dd { color:var(--muted); margin:.2rem 0 0; }
.release-card > p { color:var(--muted); font-size:.88rem; margin:1rem 0 0; }
.section-index { display:flex; flex-wrap:wrap; gap:.5rem; border-block:1px solid var(--line); padding:.75rem 0; }
.section-index a { display:inline-flex; align-items:center; min-height:44px; border-radius:.5rem; color:var(--brand-dark); font-weight:750; padding:.45rem .7rem; text-decoration:none; }
.section-index a:hover { background:#e8effb; color:var(--brand-dark); }
.product-gallery { border:1px solid #b9cbea; border-radius:1.1rem; background:#fff; box-shadow:0 18px 50px rgba(29,62,114,.1); padding:clamp(.75rem,2vw,1.25rem); }
.product-gallery-stage { position:relative; display:grid; place-items:center; overflow:hidden; aspect-ratio:4 / 3; border-radius:.85rem; background:linear-gradient(145deg,#06182e,#0d355f); }
.product-gallery-stage:focus-visible { outline:3px solid rgba(36,88,211,.5); outline-offset:4px; }
.product-gallery-fullsize { display:grid; place-items:center; width:100%; height:100%; padding:clamp(.7rem,2vw,1.25rem); }
.product-gallery-fullsize img { display:block; width:100%; height:100%; border-radius:.5rem; background:#f4f7fb; box-shadow:0 14px 35px rgba(0,0,0,.3); object-fit:contain; }
.product-gallery-control { position:absolute; top:50%; z-index:2; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:rgba(255,255,255,.94); color:var(--brand-dark); cursor:pointer; font-size:1.3rem; font-weight:850; transform:translateY(-50%); box-shadow:0 8px 24px rgba(0,0,0,.2); }
.product-gallery-control[hidden] { display:none; }
.product-gallery-control:hover,.product-gallery-control:active { border-color:#fff; background:var(--brand-dark); color:#fff; }
.product-gallery-previous { left:clamp(.45rem,2vw,1rem); }
.product-gallery-next { right:clamp(.45rem,2vw,1rem); }
.product-gallery-caption { display:grid; gap:.35rem; padding:1rem .25rem .85rem; }
.product-gallery-caption > div { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; }
.product-gallery-caption strong { font-size:1.15rem; }
.product-gallery-position { flex:0 0 auto; color:var(--brand-dark); font-size:.86rem; font-weight:800; }
.product-gallery-caption p { color:var(--muted); margin:0; }
.product-gallery-thumbnails { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(185px,220px); gap:.7rem; overflow-x:auto; overscroll-behavior-inline:contain; padding:.25rem .25rem .75rem; scroll-snap-type:inline mandatory; scrollbar-color:#8eafe4 #e8eef7; }
.product-gallery-thumbnail { display:grid; grid-template-rows:112px auto; overflow:hidden; border:1px solid #c8d4e8; border-radius:.7rem; background:#f7faff; color:var(--ink); scroll-snap-align:start; text-decoration:none; transition:border-color .16s ease,background-color .16s ease,transform .16s ease; }
.product-gallery-thumbnail:hover,.product-gallery-thumbnail:active { border-color:#6f96da; background:var(--brand-soft-hover); color:var(--brand-soft-hover-ink); transform:translateY(-2px); }
.product-gallery-thumbnail[aria-current="true"] { border:2px solid var(--brand); background:#eaf2ff; color:var(--brand-soft-hover-ink); }
.product-gallery-thumbnail img { display:block; width:100%; height:112px; background:#edf2f8; object-fit:contain; }
.product-gallery-thumbnail > span { display:grid; grid-template-columns:auto 1fr; gap:.5rem; align-items:start; padding:.65rem .7rem; }
.product-gallery-thumbnail small { color:#5270a4; font-size:.7rem; font-weight:850; letter-spacing:.05em; }
.product-gallery-thumbnail strong { font-size:.85rem; line-height:1.3; }
.product-gallery-help { color:var(--muted); font-size:.86rem; margin:.35rem .25rem 0; }
.feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.feature-card { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:.9rem; background:#fff; padding:1.4rem 1.4rem 1.4rem 4.2rem; }
.feature-card > span { position:absolute; left:1.25rem; top:1.45rem; color:#6a94df; font-size:.75rem; font-weight:850; letter-spacing:.08em; }
.feature-card h3 { margin:0 0 .45rem; font-size:1.12rem; }
.feature-card p { color:var(--muted); margin:0; }
.pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; align-items:stretch; }
.pricing-card { position:relative; display:flex; flex-direction:column; min-height:310px; border:1px solid var(--line); border-radius:1rem; background:#fff; padding:1.4rem; box-shadow:0 10px 30px rgba(29,45,74,.07); }
.pricing-card-featured { border-color:#7ba3ea; box-shadow:0 16px 42px rgba(36,88,211,.14); }
.pricing-card h3 { margin:0 0 .8rem; font-size:1.25rem; }
.pricing-card-featured h3 { padding-right:5.5rem; }
.pricing-badge { position:absolute; top:1.2rem; right:1.2rem; border-radius:999px; background:#eaf2ff; color:#194caa; font-size:.68rem; font-weight:850; letter-spacing:.04em; padding:.3rem .55rem; text-transform:uppercase; }
.pricing-price { display:grid; gap:.15rem; margin:.25rem 0 1rem; }
.pricing-price strong { color:var(--ink); font-size:clamp(1.8rem,4vw,2.45rem); letter-spacing:-.04em; line-height:1; }
.pricing-price span,.pricing-extra { color:var(--muted); font-size:.88rem; }
.pricing-extra { margin-bottom:1.25rem; }
.pricing-card .button { margin-top:auto; }
.pricing-note { margin:1rem 0 0; border-left:4px solid var(--brand); border-radius:.3rem; background:#eef4ff; padding:1rem 1.15rem; }
.workflow-section { margin-top:4.75rem; border-radius:1rem; background:#eaf1fc; padding:clamp(1.4rem,4vw,2.5rem); scroll-margin-top:1.5rem; }
.workflow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; list-style:none; margin:1.5rem 0 0; padding:0; }
.workflow-steps li { border-top:3px solid #8eafe4; padding-top:1rem; }
.workflow-steps li > span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--brand); color:#fff; font-weight:850; }
.workflow-steps h3 { margin:.75rem 0 .35rem; }
.workflow-steps p { color:var(--muted); margin:0; }
.use-case-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; list-style:none; margin:0; padding:0; }
.use-case-list li { display:flex; align-items:center; min-height:72px; border:1px solid var(--line); border-radius:.75rem; background:#fff; font-weight:750; padding:.9rem 1rem; }
.secure-foundation-panel { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:2rem; margin-top:4.75rem; border-radius:1rem; background:linear-gradient(145deg,#071f3c,#0d355f); color:#fff; padding:clamp(1.5rem,5vw,3rem); scroll-margin-top:1.5rem; }
.secure-foundation-panel .eyebrow { color:#8dbdff; }
.secure-foundation-intro > p:not(.eyebrow) { color:#c8d8ea; }
.foundation-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.foundation-facts article { border:1px solid rgba(255,255,255,.14); border-radius:.75rem; background:rgba(255,255,255,.06); padding:1rem; }
.foundation-facts h3 { margin:0 0 .35rem; font-size:1rem; }
.foundation-facts p { color:#c8d8ea; margin:0; font-size:.92rem; }
.faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.faq-list article { border-top:2px solid #aac0e5; padding:1.15rem 0; }
.faq-list h3 { margin:0 0 .45rem; font-size:1.08rem; }
.faq-list p { color:var(--muted); margin:0; }
.compact-lede { margin:.35rem 0 0; font-size:1.05rem; }
.clean-list { display:grid; gap:.65rem; margin:0; padding-left:1.2rem; }
.form-panel { max-width:780px; }
.filter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.25rem 1rem; align-items:end; }
.filter-actions { display:flex; gap:.6rem; align-items:center; }
.section-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.section-row h2 { margin-bottom:.5rem; }
.section-row > span { color:var(--muted); }
.ticket-link { font-weight:850; }
.cell-subtitle { display:block; color:var(--muted); font-size:.88rem; margin-top:.15rem; }
.status-neutral { background:#e8eef7; color:#263b5b; }
.ticket-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,340px); gap:1rem; align-items:start; }
.ticket-facts dl { display:grid; gap:.75rem; margin:0; }
.ticket-facts dl div { border-bottom:1px solid var(--line); padding-bottom:.65rem; }
.ticket-facts dt { color:var(--muted); font-size:.78rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.ticket-facts dd { margin:.15rem 0 0; }
.resolution { margin-top:1.2rem; border-radius:.65rem; background:#eef8f3; padding:1rem; }
.resolution h3 { margin-top:0; }
.preserve-lines p:first-child { margin-top:0; }.preserve-lines p:last-child { margin-bottom:0; }
.comment-list { display:grid; gap:1rem; }
.comment { border:1px solid var(--line); border-radius:.75rem; background:#fff; padding:1rem; }
.comment-internal { border-color:#d4bd78; background:#fff9e8; }
.comment header { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); margin-bottom:.75rem; padding-bottom:.65rem; }
.comment header > div { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.comment time { color:var(--muted); font-size:.86rem; }
.subsection { border-top:1px solid var(--line); margin-top:1.5rem; padding-top:1.25rem; }
.attachment-list { display:grid; gap:.45rem; list-style:none; margin:.75rem 0 0; padding:0; }
.attachment-list li { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; border:1px solid var(--line); border-radius:.5rem; background:#f8fafc; padding:.65rem .75rem; }
.attachment-list li > span { color:var(--muted); font-size:.84rem; }
.danger-link { display:inline-flex; align-items:center; min-height:44px; color:#9a1b1b; padding:.35rem; }
.timeline { display:grid; gap:0; list-style:none; margin:0; padding:0; }
.timeline li { position:relative; border-left:2px solid #b7c9e6; margin-left:.45rem; padding:0 0 1rem 1.2rem; }
.timeline li::before { content:""; position:absolute; left:-.39rem; top:.35rem; width:.65rem; height:.65rem; border-radius:50%; background:var(--brand); }
.timeline li > span,.timeline li > small { display:block; }.timeline li > small { color:var(--muted); margin-top:.15rem; }
.division-setting-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto; gap:1rem; align-items:end; border-top:1px solid var(--line); padding:1rem 0; }
.division-setting-row > div { margin:0; }
.help-dialog { width:min(660px,calc(100% - 2rem)); max-height:calc(100vh - 2rem); overflow:auto; border:1px solid #9fb4d5; border-radius:1rem; background:#fff; color:var(--ink); box-shadow:0 28px 90px rgba(11,31,58,.32); padding:1.4rem; }
.help-dialog::backdrop { background:rgba(6,22,42,.66); }
.help-dialog-header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.help-dialog-header h2 { margin:.2rem 0 .4rem; font-size:clamp(1.7rem,5vw,2.4rem); }
.dialog-close { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--ink); cursor:pointer; font-size:1.6rem; line-height:1; }
.dialog-close:hover,.dialog-close:active { border-color:#8098bd; background:var(--brand-soft-hover); color:var(--brand-soft-hover-ink); }
.help-product-list { display:grid; gap:.75rem; margin:1rem 0; }
.help-product-list-page { grid-template-columns:repeat(2,minmax(0,1fr)); }
.help-product-card { display:grid; gap:.45rem; min-height:150px; border:1px solid #b8c9e4; border-radius:.8rem; background:#f7faff; color:var(--ink); padding:1rem; text-decoration:none; }
.help-product-card:hover,.help-product-card:active { border-color:#7196d4; background:#e5efff; color:var(--ink); }
.help-product-card strong { color:var(--brand-dark); font-size:1.2rem; }.help-product-card > span:last-child { color:var(--muted); }
.help-dialog-footer { display:flex; justify-content:flex-end; margin-top:1rem; }
.help-section { scroll-margin-top:1rem; }.help-section li + li { margin-top:.55rem; }
button,a,summary,input,select,textarea { touch-action:manipulation; }
.dashboard-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.scope-link { display:grid; gap:.25rem; min-height:92px; border:1px solid #b8c9e4; border-radius:.7rem; background:#f7faff; color:var(--ink); padding:1rem; text-decoration:none; }
.scope-link:hover,.scope-link:active { border-color:#7196d4; background:#e5efff; color:var(--ink); }
.scope-link strong { color:var(--brand-dark); }.scope-link span { color:var(--muted); }
.report-filter { display:flex; align-items:end; gap:1rem; }.report-filter > div { flex:1; margin:0; }.report-filter select { max-width:280px; }
.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.metric-card { display:grid; gap:.25rem; min-height:145px; border:1px solid var(--line); border-radius:.85rem; background:#fff; box-shadow:0 8px 30px rgba(29,45,74,.05); padding:1.25rem; }
.metric-card > span { color:var(--muted); font-size:.82rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.metric-card > strong { color:var(--brand-dark); font-size:2rem; line-height:1.1; }.metric-card > small { color:var(--muted); align-self:end; }.metric-card .metric-duration { font-size:1.22rem; }
.dashboard-two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.agent-chart-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.agent-chart-card { min-width:0; }
.agent-chart-card h2 { margin-bottom:.35rem; }
.section-helper { color:var(--muted); margin:.15rem 0 .85rem; }
.agent-pie-layout { display:grid; gap:1rem; }
.agent-pie { display:grid; place-items:center; width:min(190px,70vw); aspect-ratio:1; border-radius:50%; margin:.25rem auto; box-shadow:inset 0 0 0 1px rgba(15,39,72,.12); }
.agent-pie > span { display:grid; place-items:center; width:52%; aspect-ratio:1; border-radius:50%; background:#fff; color:var(--brand-dark); box-shadow:0 2px 12px rgba(29,45,74,.15); font-size:1.35rem; font-weight:850; line-height:1; }
.agent-pie > span small { color:var(--muted); font-size:.68rem; font-weight:700; }
.agent-pie-legend { display:grid; gap:.5rem; list-style:none; margin:0; padding:0; }
.agent-pie-legend li { display:grid; grid-template-columns:.8rem minmax(0,1fr) auto; align-items:center; gap:.5rem; border-bottom:1px solid var(--line); padding-bottom:.45rem; font-size:.84rem; }
.agent-pie-legend li > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.agent-pie-legend strong { white-space:nowrap; }.agent-pie-legend strong small { color:var(--muted); font-weight:650; }
.agent-pie-swatch { width:.72rem; height:.72rem; border-radius:50%; }
.bar-chart { display:grid; gap:.55rem; }.bar-row { display:grid; grid-template-columns:4rem minmax(80px,1fr) 2rem; gap:.6rem; align-items:center; font-size:.85rem; }.bar-track { height:.7rem; overflow:hidden; border-radius:999px; background:#e8edf5; }.bar-fill { display:block; min-width:3px; height:100%; border-radius:inherit; background:var(--brand); }
.crm-invoice-chart { min-width:0; max-width:100%; overflow:hidden; }
.crm-invoice-bar-row { grid-template-columns:minmax(4.75rem,auto) minmax(0,1fr); }
.crm-invoice-bar-row > time { grid-column:1; grid-row:1 / span 2; }
.crm-invoice-bar-row > strong { grid-column:2; grid-row:1; min-width:0; max-width:100%; color:var(--brand-dark); justify-self:end; overflow-wrap:anywhere; text-align:right; }
.crm-invoice-bar-row .bar-track { grid-column:2; grid-row:2; min-width:0; width:100%; }
.crm-customer-chart-layout { grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr); align-items:center; }
.crm-customer-pie { width:min(220px,70vw); }
.crm-customer-pie > span { width:60%; padding:.25rem; text-align:center; font-size:clamp(.82rem,2.5vw,1.05rem); overflow-wrap:anywhere; }
.crm-customer-chart-layout .agent-pie-legend li { grid-template-columns:.8rem minmax(0,1fr) minmax(0,12rem); }
.crm-customer-chart-layout .agent-pie-legend strong { min-width:0; max-width:100%; overflow-wrap:anywhere; text-align:right; white-space:normal; }
.panel-actions { display:flex; justify-content:flex-end; margin-top:1rem; }
.section-title-row { display:flex; align-items:center; gap:.7rem 1rem; flex-wrap:wrap; }
.section-title-row h2 { margin-right:auto; }
.section-title-row .status { flex:0 0 auto; white-space:nowrap; }
.crm-summary-bottom { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:1rem; }
.metric-date { font-size:1.15rem; }
.split-counts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }.count-list { margin:0; }.count-list div { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); padding:.55rem 0; }.count-list dd { margin:0; font-weight:800; }
.ticket-short-list { display:grid; gap:.7rem; list-style:none; padding:0; }.ticket-short-list li { display:grid; border-bottom:1px solid var(--line); padding-bottom:.65rem; }.ticket-short-list span { color:var(--muted); font-size:.85rem; }
.inheritance-notice { display:grid; gap:.3rem; border-left:4px solid var(--brand); border-radius:.55rem; background:#eaf2ff; margin-bottom:1rem; padding:1rem 1.15rem; }.inheritance-notice span { color:var(--muted); }
.staff-security-notice { display:grid; gap:.3rem; border-left:4px solid #7a3e00; border-radius:.55rem; background:#fff4df; color:var(--ink); margin-bottom:1rem; padding:1rem 1.15rem; }.staff-security-notice span { color:#654a2d; }.staff-help-card { border-color:#d1b27b; background:#fffaf0; }.staff-help-card:hover,.staff-help-card:active { border-color:#aa7931; background:#fff1d5; color:var(--ink); }
.compact-action { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }.compact-action > div { margin:0; }.compact-action h2,.compact-action p { margin:.15rem 0; }
.form-grid { display:grid; grid-template-columns:2fr 1.2fr 1fr; gap:1rem; }.sla-policy-form h2:not(:first-child) { border-top:1px solid var(--line); margin-top:2rem; padding-top:1.5rem; }
.sla-table input,.sla-table select { min-width:130px; }.business-hours-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }.business-hours-grid fieldset { border:1px solid var(--line); border-radius:.6rem; padding:1rem; }.business-hours-grid legend { font-weight:800; padding:0 .25rem; }.checkbox-label { display:flex; align-items:center; gap:.5rem; }.checkbox-label input { width:auto; }.time-fields { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }.time-fields > div { margin:0; }
.holiday-list { list-style:none; margin:0 0 1rem; padding:0; }.holiday-list li { display:flex; justify-content:space-between; align-items:center; gap:1rem; border-bottom:1px solid var(--line); padding:.55rem 0; }.holiday-form { display:grid; grid-template-columns:1fr 2fr auto; gap:.75rem; align-items:end; }.holiday-form > div { margin:0; }
.sla-summary { display:grid; gap:0; border:1px solid #b8c9e4; border-radius:.65rem; background:#f7faff; margin-top:1rem; padding:1rem; }
.sla-summary > strong { margin-bottom:.2rem; }
.sla-summary-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.45rem .75rem; border-top:1px solid #dbe5f4; padding:.75rem 0; }
.sla-summary-row > span:first-child { flex:1 1 9.5rem; color:var(--muted); line-height:1.4; }
.sla-summary-row > .status { flex:0 1 auto; align-self:center; max-width:100%; border-radius:.5rem; line-height:1.25; padding:.4rem .65rem; text-align:center; }
.sla-summary .status-pending { border:1px solid #a9c1e8; background:#eaf2ff; color:#244a7c; }
.sla-policy-meta { color:#40516b; font-weight:650; }
.sla-guidance { border-top:1px solid #dbe5f4; color:var(--muted); margin-top:.65rem; padding-top:.65rem; }
.status-neutral { background:#e9eef6; color:#35445d; }.status-pending,.status-running { background:#fff1ca; color:var(--warning); }.status-met,.status-completed { background:#e4f5ed; color:var(--success); }.status-breached,.status-unavailable,.status-failed { background:#fde8e8; color:#9a1b1b; }.status-no_results { background:#e9eef6; color:#35445d; }
.knowledge-filter-grid { display:grid; grid-template-columns:2fr repeat(4,minmax(140px,1fr)); gap:.25rem 1rem; align-items:end; }
.knowledge-filter-grid > div { margin-bottom:.75rem; }
.knowledge-filter-grid .filter-actions { grid-column:1 / -1; margin:0; }
.knowledge-card-list { display:grid; gap:1rem; }
.knowledge-card { border:1px solid var(--line); border-radius:.85rem; background:#fff; box-shadow:0 8px 30px rgba(29,45,74,.05); padding:1.35rem; }
.knowledge-card-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.knowledge-card-heading .eyebrow { margin:0 0 .3rem; }
.knowledge-card h3 { margin:0; font-size:1.28rem; }
.knowledge-card h3 a { color:var(--brand-dark); }
.knowledge-card > p { color:var(--muted); }
.knowledge-card .knowledge-tags { color:#39465a; font-size:.9rem; }
.knowledge-card footer { display:flex; flex-wrap:wrap; gap:.45rem 1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.84rem; padding-top:.8rem; }
.knowledge-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,340px); gap:1rem; align-items:start; }
.knowledge-body { min-height:320px; }
.knowledge-heading-actions { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }
.knowledge-tag-list { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1rem; }
.knowledge-tag-list span { border:1px solid #b7cae9; border-radius:999px; background:#f0f5fd; color:#28456f; font-size:.82rem; padding:.3rem .6rem; }
.knowledge-form { max-width:860px; }
.knowledge-form-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin:1.25rem 0 0; }
.knowledge-form-actions .button { min-height:46px; }
.knowledge-ticket-actions { border-top:1px solid var(--line); margin-top:1.2rem; padding-top:1rem; }
.knowledge-ticket-actions ul { padding-left:1.25rem; }
.knowledge-ticket-actions .button { margin-top:.5rem; }
.ai-suggestions { border-color:#a9bfdf; background:#fbfdff; }
.ai-disclaimer { border-left:3px solid #7d9bc9; color:var(--muted); padding-left:.8rem; }
.ai-suggestion-list { display:grid; gap:1rem; }
.ai-suggestion-card { border:1px solid #b7cae9; border-radius:.75rem; background:#fff; padding:1rem; }
.ai-suggestion-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.ai-suggestion-heading h3 { margin:0 0 .65rem; }
.ai-feedback-actions { display:flex; flex-wrap:wrap; gap:.6rem; border-top:1px solid var(--line); margin-top:1rem; padding-top:1rem; }
.feedback-recorded { border-top:1px solid var(--line); color:var(--muted); margin-top:1rem; padding-top:.75rem; }
.credential-state { display:flex; flex-wrap:wrap; gap:.4rem 1rem; border:1px solid #b7cae9; border-radius:.6rem; background:#f4f8ff; padding:.8rem 1rem; }
.credential-state span { color:var(--muted); }
.ai-settings-panel input[type="password"] { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.email-settings-panel input[type="password"] { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.email-route { overflow-wrap:anywhere; border:1px solid #b7cae9; border-radius:.6rem; background:#f4f8ff; color:var(--brand-dark); padding:.85rem 1rem; }
.settings-card-grid,.opportunity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.settings-card { display:grid; gap:.35rem; min-height:92px; border:1px solid #b8c9e4; border-radius:.75rem; background:#f7faff; color:var(--ink); padding:1rem; text-decoration:none; }
.settings-card:hover,.settings-card:active { border-color:#7196d4; background:#e5efff; color:var(--ink); }
.settings-card strong { color:var(--brand-dark); }.settings-card span { color:var(--muted); }
.plain-list,.settings-list,.notification-list,.tag-list { list-style:none; margin:0; padding:0; }
.plain-list { display:grid; gap:.7rem; }.plain-list li { border-bottom:1px solid var(--line); padding-bottom:.7rem; }
.settings-list li,.notification-list li { display:flex; justify-content:space-between; align-items:center; gap:1rem; border-bottom:1px solid var(--line); padding:.85rem 0; }
.settings-list li > div { display:grid; gap:.2rem; }.settings-list span,.notification-list time { color:var(--muted); }
.notification-unread { border-left:4px solid var(--brand); background:#f4f8ff; padding-inline:.8rem !important; }
.tag-list { display:flex; flex-wrap:wrap; gap:.4rem; }.tag-list li { border:1px solid #b7cae9; border-radius:999px; background:#f0f5fd; color:#28456f; font-size:.82rem; padding:.3rem .65rem; }
.opportunity-card { display:flex; flex-direction:column; min-height:300px; }.opportunity-card > .button { align-self:flex-start; margin-top:auto; }.opportunity-card time { color:var(--muted); font-size:.86rem; }
.consulting-description { border-left:3px solid #7d9bc9; background:#f7faff; padding:1rem; }
.consulting-withdrawal { border-top:1px solid var(--line); margin-top:1rem; padding-top:.35rem; }
.consulting-withdrawal summary { min-height:44px; display:flex; align-items:center; color:#8b1717; cursor:pointer; font-weight:800; }
.consulting-withdrawal p { color:var(--muted); }
.definition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:0; }.definition-grid div { border-bottom:1px solid var(--line); padding-bottom:.65rem; }.definition-grid dt { color:var(--muted); font-size:.78rem; font-weight:800; text-transform:uppercase; }.definition-grid dd { margin:.15rem 0 0; overflow-wrap:anywhere; }
.filter-form { display:flex; align-items:end; gap:1rem; }.filter-form > div { flex:1; margin:0; }
.table-scroll { overflow-x:auto; }
:focus-visible { outline:3px solid rgba(36,88,211,.35); outline-offset:2px; }
@media (max-width:760px) {
  .card-grid,.two-column,.about-hero,.about-contact,.offering-hero,.product-showcase-card,.product-detail-hero,.secure-foundation-panel,.section-heading,.ticket-layout,.filter-grid,.help-product-list-page,.knowledge-detail-layout,.knowledge-filter-grid,.settings-card-grid,.opportunity-grid,.definition-grid,.recovery-code-list { grid-template-columns:1fr; }
  .offering-hero { min-height:auto; gap:2rem; padding-top:1.5rem; }
  .product-detail-hero { gap:2rem; }
  .product-gallery-stage { aspect-ratio:3 / 4; }
  .product-gallery-control { width:44px; height:44px; }
  .product-gallery-caption > div { align-items:flex-start; flex-direction:column; gap:.15rem; }
  .product-gallery-thumbnails { grid-auto-columns:minmax(160px,70vw); }
  .benefit-grid,.feature-grid,.faq-list { grid-template-columns:1fr; }
  .workflow-steps,.use-case-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .roadmap-panel { align-items:flex-start; flex-direction:column; }
  .roadmap-panel .button-secondary { flex:auto; }
  .nav { min-height:64px; }
  .desktop-nav { display:none; }
  .mobile-menu { display:block; }
  .hero { padding-top:1.5rem; }
  .hero h1 { font-size:clamp(2.25rem,12vw,3.4rem); }
  .about-logo { width:min(100%,460px); margin-inline:auto; }
  .about-contact-photo { width:min(100%,320px); justify-self:center; }
  .cookie-banner { left:.5rem; right:.5rem; bottom:.5rem; max-height:calc(100vh - 1rem); overflow:auto; display:block; padding:1rem; }
  .cookie-actions { margin-top:.8rem; }
  .cookie-actions form,.cookie-actions .button { width:100%; }
  .footer-content { min-height:90px; flex-direction:column; align-items:flex-start; justify-content:center; }
  .division-setting-row { grid-template-columns:1fr; }
  .dashboard-link-grid,.metric-grid,.dashboard-two-column,.agent-chart-grid,.form-grid,.business-hours-grid,.crm-summary-bottom,.crm-customer-chart-layout { grid-template-columns:1fr; }
  .compact-action,.report-filter,.filter-form { align-items:stretch; flex-direction:column; }
  .holiday-form { grid-template-columns:1fr; }
  .report-table,.report-table tbody,.report-table tr,.report-table td,.sla-table,.sla-table tbody,.sla-table tr,.sla-table td,.sla-table th { display:block; width:100%; }
  .report-table thead,.sla-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .report-table tr,.sla-table tr { border:1px solid var(--line); border-radius:.7rem; margin-bottom:.75rem; padding:.5rem .75rem; }
  .report-table td,.sla-table td,.sla-table th { border-bottom:1px solid var(--line); padding:.65rem 0; }
  .report-table td::before,.sla-table td::before { content:attr(data-label); display:block; color:var(--muted); font-size:.76rem; font-weight:800; text-transform:uppercase; }
  .division-setting-row .button { justify-self:start; }
  .ticket-table,.ticket-table tbody,.ticket-table tr,.ticket-table td { display:block; width:100%; }
  .ticket-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .ticket-table tr { border:1px solid var(--line); border-radius:.7rem; margin-bottom:.75rem; padding:.35rem .75rem; }
  .ticket-table td { display:grid; grid-template-columns:minmax(105px,.38fr) minmax(0,1fr); gap:.75rem; border-bottom:1px solid var(--line); padding:.65rem 0; }
  .ticket-table td:last-child { border-bottom:0; }
  .ticket-table td::before { content:attr(data-label); color:var(--muted); font-size:.76rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
}
@media (max-width:420px) {
  .shell { width:min(100% - 1rem,1120px); }
  .main-content { padding-block:2rem 4rem; }
  .card,.panel,.auth-card { padding:1.1rem; }
  .crm-customer-chart-layout .agent-pie-legend li { grid-template-columns:.8rem minmax(0,1fr); }
  .crm-customer-chart-layout .agent-pie-legend strong { grid-column:2; text-align:left; }
  .brand { font-size:1.02rem; }
  .page-heading { align-items:flex-start; flex-direction:column; }
  .button { width:100%; text-align:center; }
  .actions { display:grid; }
  .section-block,.workflow-section,.secure-foundation-panel,.roadmap-panel { margin-top:3.5rem; }
  .workflow-steps,.use-case-list,.foundation-facts { grid-template-columns:1fr; }
  .product-card-map { display:none; }
  .feature-card { padding:1.2rem; }
  .feature-card > span { position:static; display:block; margin-bottom:.45rem; }
  .truth-note { display:block; }
  .truth-note strong { display:block; margin-bottom:.35rem; }
  .section-index a { width:100%; }
  .help-dialog { width:calc(100% - 1rem); max-height:calc(100vh - 1rem); padding:1rem; }
  .help-dialog-footer .button { width:100%; }
  .comment header,.section-row { align-items:flex-start; flex-direction:column; }
  .knowledge-card-heading,.knowledge-detail-heading,.knowledge-heading-actions { align-items:flex-start; flex-direction:column; }
  .knowledge-form-actions { display:grid; }
  .attachment-list li { align-items:flex-start; flex-direction:column; }
  .ai-suggestion-heading,.ai-feedback-actions { align-items:flex-start; flex-direction:column; }
  .ai-feedback-actions form,.ai-feedback-actions .button { width:100%; }
  .settings-list li,.notification-list li { align-items:flex-start; flex-direction:column; }
  .settings-list form,.notification-list form,.notification-list .button { width:100%; }
}

/* Phase 9 community */
.footer-mission { margin-left:.35rem; }
.community-heading-actions { display:flex; flex-wrap:wrap; gap:.65rem; justify-content:flex-end; }
.community-filter-grid { grid-template-columns:minmax(0,2fr) minmax(220px,1fr) auto; }
.community-group-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.community-group-card { display:flex; flex-direction:column; }
.community-group-card > .button { align-self:flex-start; margin-top:auto; }
.community-card-heading,.community-topic-heading,.community-post > header,.community-reply > header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.community-card-heading h2,.community-topic-heading h2 { margin:.2rem 0 .5rem; }
.community-card-heading h2 a,.community-topic-heading h2 a { color:var(--brand-dark); text-decoration-thickness:.08em; text-underline-offset:.16em; }
.community-card-heading h2 a:hover,.community-card-heading h2 a:active,.community-topic-heading h2 a:hover,.community-topic-heading h2 a:active { color:#0f3f9b; }
.community-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; margin:1rem 0 1.25rem; }
.community-facts div { border-top:1px solid var(--line); padding-top:.55rem; }
.community-facts dt { color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.community-facts dd { margin:.2rem 0 0; font-size:.9rem; }
.community-privacy-note { border-color:#9bb7e8; background:#f7faff; }
.community-privacy-note p,.community-byline,.community-post header p,.community-reply header p,.community-review-row p { color:var(--muted); margin:.3rem 0 0; }
.community-topic-card { margin-bottom:1rem; }
.community-topic-heading h2 { font-size:1.25rem; }
.community-reply-count { flex:0 0 auto; color:var(--muted); font-weight:750; }
.community-post,.community-reply { overflow-wrap:anywhere; }
.community-body { margin-top:1.1rem; line-height:1.7; }
.community-replies { display:grid; gap:.85rem; }
.community-reply { margin:0; }
.community-reply-form { margin-top:1.25rem; }
.community-safety-callout,.moderator-identity { border-left:4px solid var(--brand); background:#f3f7ff; padding:.8rem 1rem; }
.community-safety-callout p { margin:.35rem 0 0; }
.moderator-identity { color:#24334a; font-size:.9rem; }
.moderation-panel summary,.moderation-inline summary { color:var(--brand-dark); cursor:pointer; font-weight:800; min-height:44px; padding:.65rem 0; }
.moderation-inline { border-top:1px solid var(--line); margin-top:1rem; }
.compact-form { display:grid; gap:.6rem; margin-top:.7rem; }
.compact-form label { font-size:.82rem; }
.community-review-list { display:grid; gap:.85rem; }
.community-review-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); align-items:start; gap:1rem; border:1px solid var(--line); border-radius:.7rem; padding:1rem; }
.community-review-row > .button { justify-self:end; }

@media (max-width:760px) {
  .community-filter-grid,.community-group-grid,.community-facts,.community-review-row { grid-template-columns:1fr; }
  .community-heading,.community-card-heading,.community-topic-heading,.community-post > header,.community-reply > header { align-items:flex-start; flex-direction:column; }
  .community-heading-actions { justify-content:flex-start; width:100%; }
  .community-heading-actions .button { flex:1 1 180px; text-align:center; }
  .community-group-card > .button,.community-review-row > .button { align-self:stretch; justify-self:stretch; text-align:center; }
  .community-admin-table,.community-admin-table tbody,.community-admin-table tr,.community-admin-table td { display:block; width:100%; }
  .community-admin-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .community-admin-table tr { border:1px solid var(--line); border-radius:.7rem; margin-bottom:.75rem; padding:.5rem .75rem; }
  .community-admin-table td { display:grid; grid-template-columns:minmax(95px,.35fr) minmax(0,1fr); gap:.75rem; border-bottom:1px solid var(--line); padding:.65rem 0; }
  .community-admin-table td:last-child { border-bottom:0; }
  .community-admin-table td::before { content:attr(data-label); color:var(--muted); font-size:.76rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
  .footer-mission { display:block; margin:.25rem 0 0; }
}

@media (max-width:420px) {
  .community-heading-actions { display:grid; }
  .community-heading-actions .button { width:100%; }
  .community-admin-table td { grid-template-columns:1fr; }
}