:root {
  --paper: #f6faff;
  --ink: #102238;
  --muted: #5d738b;
  --blue: #257dc7;
  --amber: #dca51a;
  --line: rgba(54, 126, 205, 0.18);
  --panel: linear-gradient(115deg, rgba(222, 244, 255, 0.78), rgba(255, 255, 255, 0.78) 54%, rgba(242, 239, 255, 0.72));
  --max: 1540px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body::before { position: fixed; inset: 0; z-index: -1; content: ""; pointer-events: none; background: linear-gradient(rgba(59, 130, 246, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, .035) 1px, transparent 1px); background-size: 72px 72px; }
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(37, 125, 199, .72);
  outline-offset: 3px;
}
html { scroll-padding-top: 24px; }

.home-shell { width: min(100%, 1900px); margin: 0 auto; padding: 0 20px; }
.site-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 86px; padding: 0 22px; border: 1px solid var(--line); border-radius: 0 0 10px 10px; background: rgba(246, 250, 255, .88); }
.site-header, .site-footer { width:95%; margin-inline:auto; }
.wordmark { color: var(--ink); font-size: 1.42rem; font-weight: 850; letter-spacing: -.065em; text-decoration: none; text-transform: uppercase; }
.wordmark span, .site-footer span, h1 span, h2 span { color: var(--amber); }
.site-nav { display: flex; align-items: center; gap: clamp(20px, 2.5vw, 42px); }
.site-nav a { color: var(--ink); font-size: .78rem; font-weight: 800; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.header-contact { justify-self: end; padding: 13px 28px; border-radius: 3px; background: var(--ink); color: white; font-size: .78rem; font-weight: 800; text-decoration: none; }

h1, h2, h3 { margin: 0; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.065em; }
h1 { max-width: 620px; font-size: clamp(3.7rem, 4.55vw, 5.2rem); line-height: .95; }
h2 { font-size: clamp(2.5rem, 4.2vw, 4.8rem); line-height: .98; }
h3 { line-height: 1.2; }
p { line-height: 1.58; }
.eyebrow { margin: 0; color: var(--blue); font-size: .74rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }

.hero-section { display: grid; max-width: var(--max); grid-template-columns: minmax(0, 1.08fr) minmax(480px, .82fr); gap: clamp(48px, 6vw, 96px); align-items: start; margin: 17px auto 0; padding: 44px clamp(36px, 4vw, 70px) 58px; border: 1px solid var(--line); background: var(--panel); }
.hero-copy-block { padding-top: 0; }
.hero-description { max-width: 610px; margin: 34px 0 0; color: var(--muted); font-size: clamp(1.04rem, 1.3vw, 1.22rem); }
.hero-actions, .section-actions, .involvement-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 25px; border: 1px solid var(--ink); border-radius: 3px; font-size: .82rem; font-weight: 850; letter-spacing: .025em; text-decoration: none; text-transform: uppercase; }
.button-primary { background: var(--ink); color: white; }
.button-secondary { background: rgba(255,255,255,.32); color: var(--ink); }
.public-note { display: flex; max-width: 680px; align-items: center; gap: 8px; margin: 22px 0 0; color: var(--muted); font-size: .74rem; font-weight: 650; letter-spacing: .025em; line-height: 1.45; text-transform: uppercase; }
.public-note a { color: var(--blue); font-weight: 850; text-decoration: none; }

.hero-product { width: min(100%, 560px); margin: 0; justify-self: end; }
.product-frame { width: 100%; max-height: 360px; aspect-ratio: 1.62; overflow: hidden; padding: 9px; border: 7px solid #152638; border-radius: 23px; background: #08131e; box-shadow: 0 18px 40px rgba(15, 23, 42, .16); }
.product-frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 27%; }
.hero-product figcaption { margin-top: 10px; color: var(--muted); font-size: .64rem; font-weight: 850; letter-spacing: .13em; text-align: right; }
.product-pair { position:relative; width:min(100%,620px); }
.product-pair-frames { display:flex; align-items:flex-start; justify-content:flex-end; gap:16px; min-height:520px; }
.product-pair .product-frame { width:48%; max-height:none; aspect-ratio:.55; padding:7px; border-width:6px; border-radius:20px; }
.product-pair .product-frame img { width:100%; height:100%; object-fit:cover; object-position:center top; border-radius:13px; }
.product-pair .product-frame-offset { margin-top:68px; }
.product-pair figcaption { position:absolute; top:30px; right:0; z-index:2; width:48%; margin:0; color:#3f4852; font-size:.765rem; text-align:center; }
.comparison-intro { width:min(100%, 1320px); margin:26px auto 0; padding-left:24px; color:var(--ink); font-size:1.05rem; font-weight:700; }
.comparison-intro p { margin:0; }
.comparison-table { position:relative; width:min(100%, 1320px); margin:12px auto 0; border:0; border-radius:18px; overflow:hidden; background:linear-gradient(rgba(54,126,205,.28), rgba(54,126,205,.28)) center top/97% 4px no-repeat, linear-gradient(rgba(54,126,205,.28), rgba(54,126,205,.28)) center bottom/97% 4px no-repeat, linear-gradient(rgba(54,126,205,.28), rgba(54,126,205,.28)) left center/4px 91% no-repeat, linear-gradient(rgba(54,126,205,.28), rgba(54,126,205,.28)) right center/4px 91% no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 1.5% 0/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 98.5% 0/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 1.5% 100%/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 98.5% 100%/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 0 4.5%/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 100% 4.5%/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 0 95.5%/4px 4px no-repeat, radial-gradient(circle, rgba(54,126,205,.28) 0 2px, transparent 2.2px) 100% 95.5%/4px 4px no-repeat, linear-gradient(108deg, rgba(232,244,253,.94), rgba(255,255,255,.97) 50%, rgba(246,241,255,.94)); box-shadow:0 16px 34px rgba(35,74,110,.08); }
.comparison-heading, .comparison-row { display:grid; grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr); gap:50px; }
.comparison-heading { min-height:58px; align-items:center; padding:0 26px; border-bottom:2.5px solid rgba(54,126,205,.24); color:var(--muted); font-size:1.15rem; font-weight:750; letter-spacing:.02em; }
.comparison-heading span:nth-child(2) { color:var(--blue); text-align:center; }
.comparison-heading span:nth-child(2), .comparison-arrow { transform:translateX(-50px); }
.comparison-heading strong { color:var(--ink); }
.comparison-row { min-height:88px; align-items:center; padding:15px 24px; border-bottom:1.5px solid rgba(54,126,205,.25); }
.comparison-row:last-child { border-bottom:0; }
.comparison-heading > span:first-child, .comparison-row > div:first-child { transform:translateX(40px); }
.comparison-row div { display:flex; flex-direction:column; gap:7px; }
.comparison-row b, .comparison-row strong { font-size:1.22rem; line-height:1.15; }
.comparison-row b { color:#70839a; font-weight:500; }
.comparison-row strong { color:var(--ink); font-weight:800; }
.comparison-row small { max-width:460px; color:var(--muted); font-size:.92rem; line-height:1.4; }
.comparison-arrow { align-self:stretch; display:grid; place-items:center; margin-inline:3px; border-left:2.5px solid rgba(54,126,205,.24); border-right:2.5px solid rgba(54,126,205,.24); color:var(--blue); font-size:1.525rem; font-weight:900; -webkit-text-stroke:.25px currentColor; }
.comparison-final strong { color:var(--blue); }
@media(max-width:760px){.comparison-heading,.comparison-row{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:10px;padding-inline:14px}.comparison-heading{font-size:.74rem}.comparison-row b,.comparison-row strong{font-size:1rem}.comparison-row small{font-size:.72rem}.comparison-arrow{font-size:1.125rem}}
@media(max-width:760px){.comparison-intro{width:100%; padding-left:14px;}}
@media(max-width:760px){.comparison-heading span:nth-child(2), .comparison-arrow{transform:none;}}
@media(max-width:760px){.comparison-heading > span:first-child, .comparison-row > div:first-child{transform:none;}}
.preview-points { display: grid; gap: 10px; margin-top: 12px; }
.preview-points a { display: grid; grid-template-columns: 155px 1fr; min-height: 58px; align-items: center; gap: 18px; padding: 7px 16px; border: 1px solid rgba(54, 126, 205, .12); background: rgba(255,255,255,.8); text-decoration: none; }
.preview-points strong { display: grid; min-height: 42px; place-items: center; border: 2px solid #54b7eb; border-radius: 18px; background: #313844; color: white; font-size: .96rem; }
.preview-points span { color: #7890a8; font-size: .82rem; line-height: 1.25; }

.section { max-width: var(--max); margin: 0 auto; padding: clamp(32px, 3.6vw, 52px) clamp(36px, 4vw, 70px); border-top: 1px solid var(--line); }
.snug-section { padding-top: clamp(34px, 3.8vw, 50px); }
.snug-section .section-heading { max-width:1400px; }
.section-heading { max-width: 1050px; }
.section-heading h2 { margin-top: 18px; }
.section-lead { max-width: 650px; margin: 22px 0 0; color: var(--muted); font-size: 1.02rem; }
.split-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .68fr); gap: clamp(84px, 8vw, 140px); align-items: start; }
.split-heading .section-lead { max-width: 520px; margin: 12px 0 0; padding-top: 12px; }
.why-section .split-heading { display:block; }
.why-section .split-heading .section-lead { max-width:650px; margin:22px 0 0; padding-top:0; }
.trust-section .split-heading { display:block; }
.trust-section .split-heading .section-lead { max-width:650px; margin:22px 0 0; padding-top:0; }
.status-section .split-heading { display:block; }
.status-section .split-heading .section-lead { max-width:650px; margin:22px 0 0; padding-top:0; }
.status-section { background:linear-gradient(105deg, rgba(232,244,253,.58), rgba(255,255,255,.42) 50%, rgba(246,241,255,.52)); }
.three-columns, .four-columns { display: grid; margin-top: 30px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.three-columns { grid-template-columns: repeat(3, 1fr); }
.four-columns { grid-template-columns: repeat(4, 1fr); }
.three-columns article, .four-columns article { min-height: 132px; padding: 18px 24px; border-right: 1px solid var(--line); }
.three-columns article:last-child, .four-columns article:last-child { border-right: 0; }
.three-columns h3, .four-columns h3 { font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; font-weight: 500; }
.three-columns p, .four-columns p, .status-columns p { margin: 12px 0 0; color: var(--muted); }

.transformation { margin-top: 34px; border-top: 1px solid var(--line); }
.transformation-header, .transformation-row { display: grid; grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr); gap: 20px; align-items: center; }
.transformation-header { min-height: 50px; color: var(--muted); font-size: .69rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.transformation-header strong { display: flex; align-items: center; gap: 9px; color: var(--blue); }
.transformation-header img { width: 22px; height: 22px; object-fit: contain; }
.transformation-row { min-height: 62px; border-top: 1px solid var(--line); font-size: clamp(1rem, 1.35vw, 1.28rem); }
.transformation-row span { color: var(--muted); }
.transformation-row strong { font-weight: 750; }
.transformation-row i { display: grid; width: 36px; height: 36px; margin: auto; place-items: center; border: 1px solid #79c7ef; border-radius: 50%; color: var(--blue); font-style: normal; }
.final-row strong { color: var(--blue); }

.status-columns article span { color: var(--blue); font-size: .69rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.status-columns article h3 { margin-top: 12px; font-size: 1.18rem; }
.involvement-section { padding: clamp(52px, 5.5vw, 74px) 0; border-top: 1px solid var(--line); text-align: center; }
.section.involvement-section { padding-left:0; padding-right:0; }
.involvement-section h2 { margin-top: 16px; }
.involvement-section > p:not(.eyebrow) { color: var(--muted); }
.involvement-actions { justify-content: center; }
.site-footer { display: flex; justify-content: space-between; gap: 30px; padding: 24px 0 32px; border-top: 1px solid var(--line); }
.site-footer strong { letter-spacing: .08em; text-transform: uppercase; }
.site-footer .footer-year { margin-left:10px; color:var(--muted); font-size:.72rem; font-weight:650; letter-spacing:.04em; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 22px; color: var(--muted); font-size: .82rem; }
.site-footer a { text-decoration: none; }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }
  .site-header { grid-template-rows: auto auto; min-height: 100px; padding-top: 12px; }
  .site-nav { grid-column: 1 / -1; grid-row: 2; min-width: 0; flex-wrap: wrap; gap: 12px 24px; padding: 13px 2px 10px; border-top: 1px solid var(--line); }
  .site-nav a { white-space: nowrap; }
  .header-contact { grid-column: 2; grid-row: 1; }
  .hero-section { display: block; padding-inline: 30px; }
  .hero-product { max-width: 560px; margin: 48px auto 0; }
  h1 { font-size: clamp(3.5rem, 6vw, 5rem); }
}
@media (max-width: 760px) {
  .home-shell { padding-inline: 12px; }
  .site-header { width:100%; min-height: 0; padding: 12px 16px 0; }
  .site-nav { gap: 12px 20px; padding-block: 12px 10px; }
  .site-nav a { font-size: .7rem; }
  .wordmark { font-size: 1.12rem; }
  .header-contact { padding: 10px 16px; }
  .hero-section { display: block; margin-top: 20px; padding: 44px 22px 52px; }
  .hero-product { width: 100%; max-width: 560px; margin: 48px auto 0; }
  .product-pair-frames { min-height:0; gap:12px; }
  .product-pair figcaption { top:22px; }
  .product-pair .product-frame { width:calc(50% - 6px); }
  .hero-description { max-width: 590px; }
  .public-note { align-items: flex-start; flex-wrap: wrap; }
  .public-note a { flex-basis: 100%; }
  .section { padding: 54px 22px; }
  .split-heading { display: block; }
  .split-heading .section-lead { margin-top: 24px; padding-top: 0; }
  .three-columns, .four-columns { grid-template-columns: 1fr; }
  .three-columns article, .four-columns article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .three-columns article:last-child, .four-columns article:last-child { border-bottom: 0; }
  .transformation-header, .transformation-row { grid-template-columns: minmax(0,1fr) 38px minmax(0,1fr); gap: 10px; }
  .transformation-row { min-height: 70px; font-size: .98rem; }
  .site-footer { width:100%; display: block; }
  .site-footer nav { margin-top: 18px; }
}
@media (max-width: 460px) {
  h1 { font-size: clamp(3rem, 13vw, 4.4rem); }
  h2 { font-size: clamp(2.5rem, 12vw, 3.8rem); }
  .hero-actions, .section-actions, .involvement-actions { flex-direction: column; align-items: stretch; }
  .button { width: 100%; }
  .product-frame { border-width: 5px; border-radius: 16px; }
  .product-pair .product-frame { border-width:5px; border-radius:16px; }
  .preview-points a { grid-template-columns: 120px 1fr; gap: 12px; padding-inline: 10px; }
  .preview-points strong { font-size: .82rem; }
  .preview-points span { font-size: .72rem; }
}

/* v264 shared route primitives. */
.page-main { max-width: var(--max); margin: 0 auto; }
.page-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.72fr); gap: clamp(48px,8vw,130px); align-items: end; padding: clamp(72px,9vw,126px) 0 clamp(62px,7vw,92px); }
.page-hero h1 { margin-top: 18px; }
.page-intro { max-width: 650px; margin: 30px 0 0; color: var(--muted); font-size: clamp(1.05rem,1.35vw,1.25rem); }
.page-section { padding: clamp(48px,6vw,78px) 0; border-top: 1px solid var(--line); }
.page-section > h2 { max-width: 980px; margin-top: 18px; }
.page-grid { display:grid; margin-top: 34px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.page-grid.three { grid-template-columns: repeat(3,1fr); }
.page-grid.two { grid-template-columns: repeat(2,1fr); }
.page-grid.four { grid-template-columns: repeat(4,1fr); }
.page-grid article { min-height: 150px; padding: 22px 26px; border-right: 1px solid var(--line); }
.page-grid article:last-child { border-right: 0; }
.page-grid h3 { font-family: Georgia,"Times New Roman",serif; font-size:1.6rem; font-weight:500; }
.page-grid p { margin:12px 0 0; color:var(--muted); }
.page-aside { display:grid; gap:8px; padding:24px; border:1px solid var(--line); background:rgba(255,255,255,.55); }
.page-aside span, .page-aside small { color:var(--blue); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.page-aside strong { margin-top:10px; font-size:1.1rem; }
.page-aside small { color:var(--muted); font-weight:500; letter-spacing:0; text-transform:none; }
.about-products-panel { position:relative; display:grid; gap:0; align-self:center; overflow:hidden; padding:22px 26px 8px; border:1px solid rgba(54,126,205,.24); border-radius:4px; background:linear-gradient(125deg,rgba(255,255,255,.92),rgba(235,246,255,.68) 70%,rgba(246,241,255,.72)); box-shadow:0 18px 42px rgba(35,74,110,.07); }
.about-products-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:14px; }
.about-products-heading > span { color:var(--blue); font-size:.7rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.about-products-heading > small { color:var(--muted); font-size:.66rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.about-product-row { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:18px; border-top:1px solid var(--line); }
.about-product-row > div { display:grid; gap:5px; }
.about-product-row strong { font-size:1.02rem; letter-spacing:-.025em; }
.about-product-row small { color:var(--muted); font-size:.78rem; }
.about-product-status { flex:none; padding:7px 9px; border:1px solid rgba(54,126,205,.2); border-radius:2px; color:var(--muted); font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.about-product-status.is-active { border-color:rgba(37,125,199,.26); background:rgba(37,125,199,.08); color:var(--blue); }
.product-list { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.product-row { display:grid; grid-template-columns:50px 1fr 40px; gap:24px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); text-decoration:none; }
.product-row:last-child { border-bottom:0; }
.product-row > span { color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.1em; }
.product-row h2 { font-size:clamp(2rem,3.2vw,3.5rem); }
.product-row p { max-width:620px; margin:10px 0 0; color:var(--muted); }
.product-row > strong { color:var(--blue); font-size:1.5rem; }
.technology-hero { align-items:start; margin-top:17px; padding:44px clamp(36px,4vw,70px) 58px; border:1px solid var(--line); background:var(--panel); }
.technology-hero h1 { max-width:800px; }
.technology-hero h1 span, .technology-cta h2 span { color:var(--amber); }
.technology-note { max-width:430px; margin:0; padding-top:72px; color:var(--muted); font-size:1.08rem; line-height:1.62; }
.technology-products { padding-top:clamp(42px,5vw,70px); }
.technology-section-heading { max-width:900px; }
.technology-section-heading h2 { margin-top:16px; }
.technology-product-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:38px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.technology-product { position:relative; display:flex; min-height:410px; flex-direction:column; justify-content:space-between; overflow:hidden; padding:30px 30px 28px; border-right:1px solid var(--line); text-decoration:none; }
.technology-product:last-child { border-right:0; }
.technology-product-primary { background:linear-gradient(135deg,rgba(222,244,255,.9),rgba(255,255,255,.72) 64%,rgba(242,239,255,.8)); }
.technology-product-secondary { background:linear-gradient(135deg,rgba(246,250,255,.2),rgba(255,255,255,.68) 52%,rgba(232,244,253,.6)); }
.technology-product-copy { position:relative; z-index:1; max-width:560px; }
.product-index { color:var(--blue); font-size:.72rem; font-weight:850; letter-spacing:.13em; }
.technology-product h3 { margin-top:24px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.2rem,3.4vw,4rem); font-weight:500; letter-spacing:-.06em; line-height:.98; }
.technology-product p { max-width:490px; margin:16px 0 0; color:var(--muted); font-size:1rem; }
.technology-product-link { display:inline-flex; align-items:center; gap:10px; margin-top:30px; color:var(--ink); font-size:.8rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.technology-product-link strong { color:var(--blue); font-size:1.2rem; }
.technology-product-media { align-self:flex-end; width:min(75%,300px); margin:26px 0 -78px; transform:rotate(-3deg); }
.technology-product-media img { display:block; width:100%; border:6px solid #152638; border-radius:18px; box-shadow:0 16px 30px rgba(15,23,42,.16); }
.technology-product-mark { display:grid; width:150px; height:150px; margin:28px 22px -12px auto; place-items:center; border:1px solid rgba(37,125,199,.3); border-radius:50%; background:rgba(255,255,255,.3); color:var(--blue); transform:rotate(8deg); }
.technology-product-mark span { font-family:Georgia,"Times New Roman",serif; font-size:3.6rem; letter-spacing:-.08em; }
.technology-cta { padding-top:clamp(70px,8vw,110px); }
.snug-product-hero { align-items:start; margin-top:17px; padding:44px clamp(36px,4vw,70px) 58px; border:1px solid var(--line); background:var(--panel); }
.snug-product-hero h1 { max-width:760px; }
.snug-product-hero h1 span, .snug-trust-heading h2 span, .snug-product-cta h2 span { color:var(--amber); }
.snug-product-hero-copy { padding-top:0; }
.snug-hero-note { max-width:580px; margin:24px 0 0; color:var(--muted); font-size:.78rem; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.snug-product-pair { width:min(100%,620px); justify-self:end; }
.snug-product-pair .product-pair-frames { min-height:540px; }
.snug-product-pair .product-frame { background:#08131e; }
.snug-discovery-section { padding:clamp(56px,6vw,86px) clamp(36px,4vw,70px) 0; }
.snug-section-heading { max-width:1050px; }
.snug-section-heading h2 { max-width:960px; margin-top:16px; }
.snug-section-heading .section-lead { max-width:680px; margin-top:22px; }
.snug-feature-grid { margin-top:42px; }
.snug-feature-grid article { min-height:178px; }
.feature-number { display:block; margin-bottom:25px; color:var(--blue); font-size:.72rem; font-weight:850; letter-spacing:.12em; }
.snug-feature-grid h3 { font-size:1.85rem; }
.snug-trust-section { padding-inline:clamp(36px,4vw,70px); background:linear-gradient(105deg,rgba(232,244,253,.55),rgba(255,255,255,.3) 52%,rgba(246,241,255,.55)); }
.snug-trust-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.62fr); gap:clamp(70px,9vw,150px); align-items:start; }
.snug-trust-heading h2 { max-width:760px; margin-top:16px; }
.snug-trust-heading .section-lead { margin:12px 0 0; padding-top:12px; }
.snug-trust-grid { margin-top:42px; }
.snug-trust-grid article { min-height:158px; }
.snug-product-cta { padding-top:clamp(70px,8vw,110px); }
@media(max-width:900px){.snug-product-pair{margin-top:48px}.snug-product-pair .product-pair-frames{min-height:0}.snug-trust-heading{display:block}.snug-trust-heading .section-lead{margin-top:24px;padding-top:0}}
@media(max-width:560px){.snug-product-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.snug-product-hero{padding-inline:22px}.snug-product-pair figcaption{top:22px}.snug-feature-grid,.snug-trust-grid{margin-top:30px}}
@media(max-width:560px){.snug-discovery-section,.snug-trust-section{padding-inline:22px}}
.campus-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.46fr); gap:clamp(44px,8vw,130px); align-items:end; margin-top:17px; padding:44px clamp(36px,4vw,70px) 52px; border:1px solid var(--line); background:linear-gradient(115deg,rgba(218,247,245,.9),rgba(255,255,255,.82) 52%,rgba(231,244,255,.84)); }
.campus-hero h1 { max-width:850px; margin-top:18px; }
.campus-hero h1 span, .campus-cta h2 span { color:var(--amber); }
.campus-status { display:grid; gap:10px; align-self:end; padding:20px 0 4px 24px; border-left:2px solid rgba(37,125,199,.24); }
.campus-status span { color:var(--blue); font-size:.72rem; font-weight:850; letter-spacing:.13em; }
.campus-status strong { font-size:1.1rem; }
.campus-status small { color:var(--muted); font-size:.9rem; }
.campus-preview-section { padding:clamp(58px,7vw,100px) clamp(36px,4vw,70px) clamp(46px,5vw,70px); }
.campus-preview-heading { display:block; }
.campus-preview-heading h2 { margin-top:16px; }
.campus-preview-heading > p:last-child { max-width:600px; margin:24px 0 0; color:var(--muted); font-size:1.04rem; }
.campus-dashboard-frame { width:min(100%,1240px); margin:44px auto 0; padding:10px; border:1px solid rgba(37,125,199,.28); background:linear-gradient(115deg,rgba(224,246,251,.85),rgba(255,255,255,.88) 54%,rgba(239,238,255,.82)); box-shadow:0 20px 48px rgba(35,74,110,.1); }
.campus-dashboard-frame img { display:block; width:100%; height:auto; border:6px solid #152638; border-radius:12px; }
.campus-dashboard-frame figcaption { margin:12px 4px 2px; color:var(--muted); font-size:.66rem; font-weight:850; letter-spacing:.12em; }
.campus-capabilities { padding-inline:clamp(36px,4vw,70px); background:linear-gradient(105deg,rgba(232,244,253,.55),rgba(255,255,255,.34) 52%,rgba(246,241,255,.52)); }
.campus-capabilities-heading { max-width:980px; }
.campus-capabilities-heading h2 { margin-top:16px; }
.campus-capability-grid { margin-top:42px; }
.campus-capability-grid article { min-height:178px; }
.campus-cta { padding-top:clamp(70px,8vw,110px); }
.campus-cta > p:not(.eyebrow) { margin:0 0 24px; color:var(--muted); }
.beta-lab-hero { align-items:start; margin-top:17px; padding:44px clamp(36px,4vw,70px) 58px; border:1px solid var(--line); background:var(--panel); }
.beta-lab-hero h1 { max-width:820px; margin-top:18px; }
.beta-lab-hero h1 span { color:var(--amber); }
.beta-lab-note { max-width:420px; margin:72px 0 0; color:var(--muted); font-size:1.08rem; line-height:1.62; }
.beta-lab-products { padding:clamp(48px,6vw,80px) clamp(36px,4vw,70px) 0; }
.beta-lab-heading { max-width:950px; }
.beta-lab-heading h2 { margin-top:16px; }
.beta-lab-grid { margin-top:40px; }
.beta-lab-grid article { min-height:250px; }
.beta-lab-grid h3 { font-family:Georgia,"Times New Roman",serif; font-size:2rem; font-weight:500; }
.beta-lab-grid p { max-width:520px; }
.text-link { display:inline-flex; align-items:center; gap:10px; margin-top:24px; color:var(--ink); font-size:.78rem; font-weight:850; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.text-link strong { color:var(--blue); font-size:1.2rem; }
.beta-lab-process { padding-inline:clamp(36px,4vw,70px); background:linear-gradient(105deg,rgba(232,244,253,.55),rgba(255,255,255,.34) 52%,rgba(246,241,255,.52)); }
.beta-lab-process h2 { max-width:1000px; margin-top:16px; }
.beta-lab-process .page-grid { margin-top:40px; }
@media(max-width:900px){.beta-lab-note{margin-top:34px}.beta-lab-grid article{min-height:0}}
@media(max-width:560px){.beta-lab-hero,.beta-lab-products,.beta-application-section,.beta-lab-process{padding-inline:22px}.beta-lab-hero h1{font-size:clamp(3rem,13vw,4.4rem)}}
.beta-application-section { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(480px,1.3fr); gap:clamp(40px,7vw,110px); padding:clamp(58px,7vw,96px) clamp(36px,4vw,70px); border-top:1px solid var(--line); background:linear-gradient(105deg,rgba(232,244,253,.55),rgba(255,255,255,.34) 52%,rgba(246,241,255,.52)); }
@media(max-width:560px){.beta-application-section{padding-inline:22px}}
.careers-hero { align-items:start; margin-top:17px; padding:44px clamp(36px,4vw,70px) 58px; border:1px solid var(--line); background:var(--panel); }
.careers-hero h1 { max-width:850px; margin-top:18px; }
.careers-hero h1 span, .careers-cta h2 span { color:var(--amber); }
.careers-status { align-self:end; margin:0; }
.careers-status strong { color:var(--ink); }
.careers-looking { padding-inline:clamp(36px,4vw,70px); }
.careers-looking h2 { max-width:1060px; margin-top:16px; }
.careers-looking .page-grid { margin-top:42px; }
.careers-looking .page-grid article { min-height:185px; }
.careers-areas { padding-inline:clamp(36px,4vw,70px); background:linear-gradient(105deg,rgba(232,244,253,.55),rgba(255,255,255,.34) 52%,rgba(246,241,255,.52)); }
.careers-areas-heading h2 { max-width:900px; margin-top:16px; }
.careers-area-list { margin-top:42px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.careers-area-list > div { display:grid; grid-template-columns:52px minmax(240px,.7fr) minmax(280px,1fr); gap:24px; align-items:center; min-height:96px; padding:20px 24px; border-bottom:1px solid var(--line); }
.careers-area-list > div:last-child { border-bottom:0; }
.careers-area-list span { color:var(--blue); font-size:.75rem; font-weight:850; letter-spacing:.1em; }
.careers-area-list h3 { font-family:Georgia,"Times New Roman",serif; font-size:1.6rem; font-weight:500; }
.careers-area-list p { margin:0; color:var(--muted); }
.careers-cta { padding-inline:clamp(36px,4vw,70px); }
.careers-cta > p:not(.eyebrow) { max-width:620px; margin:0 auto 24px; }
.careers-cta .section-actions { justify-content:center; }
@media(max-width:900px){.careers-hero{display:block}.careers-status{margin-top:42px}.careers-area-list > div{grid-template-columns:42px 1fr}.careers-area-list p{grid-column:2}}
@media(max-width:560px){.careers-hero,.careers-looking,.careers-areas,.careers-cta{padding-inline:22px}.careers-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.careers-looking .page-grid{margin-top:30px}.careers-area-list{margin-top:30px}.careers-area-list > div{grid-template-columns:34px 1fr;gap:14px;padding:18px 12px}.careers-area-list h3{font-size:1.35rem}}
.beta-application-intro h2 { margin-top:16px; font-size:clamp(2.4rem,3.8vw,4.3rem); }
.beta-application-intro h2 span { color:var(--amber); }
.beta-application-intro > p:not(.eyebrow) { max-width:470px; margin:24px 0 0; color:var(--muted); }
.beta-fit-list { display:grid; gap:18px; margin-top:36px; }
.beta-fit-list > div { display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start; }
.beta-fit-list > div > span { color:var(--blue); font-size:.72rem; font-weight:850; letter-spacing:.1em; }
.beta-fit-list p { margin:0; color:var(--muted); font-size:.88rem; line-height:1.45; }
.beta-fit-list strong { color:var(--ink); }
.beta-application-form { display:flex; flex-direction:column; height:650px; padding:24px 28px; border:1px solid var(--line); background:rgba(255,255,255,.72); box-shadow:0 18px 40px rgba(35,74,110,.08); }
.beta-form-progress { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:var(--muted); font-size:.72rem; font-weight:850; letter-spacing:.1em; }
.beta-form-progress span { display:grid; width:30px; height:30px; place-items:center; border:1px solid var(--line); border-radius:50%; }
.beta-form-progress span.is-active { border-color:var(--blue); background:var(--blue); color:white; }
.beta-form-progress i { width:44px; height:1px; background:var(--line); }
.beta-form-step { display:none; min-height:0; overflow:visible; padding-right:4px; }
.beta-form-step.is-active { display:block; }
.beta-form-step h3 { margin:6px 0 16px; font-family:Georgia,"Times New Roman",serif; font-size:1.85rem; font-weight:500; }
.card-kicker { margin:0; color:var(--blue); font-size:.72rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.beta-application-form label { display:grid; gap:6px; margin-top:11px; color:var(--ink); font-size:.76rem; font-weight:750; }
.beta-application-form .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
.name-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
.date-pair { display:grid; grid-template-columns:.8fr .8fr 1.2fr; gap:0 10px; }
.beta-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }
.beta-application-form input,.beta-application-form select,.beta-application-form textarea { width:100%; padding:10px 12px; border:1px solid rgba(54,126,205,.25); border-radius:3px; background:rgba(255,255,255,.8); color:var(--ink); font:inherit; font-weight:500; }
.beta-application-form textarea { resize:vertical; min-height:70px; line-height:1.4; }
.beta-application-form input:focus,.beta-application-form select:focus,.beta-application-form textarea:focus { outline:2px solid rgba(37,125,199,.25); outline-offset:2px; }
.product-questions[hidden] { display:none; }
.choice-grid { display:grid; gap:13px; }
.choice-grid label { display:flex; grid-template-columns:none; align-items:flex-start; gap:10px; font-weight:550; line-height:1.4; }
.choice-grid input { width:auto; margin-top:3px; }
.form-terms { margin:22px 0 0; color:var(--muted); font-size:.8rem; line-height:1.5; }
.form-terms a { color:var(--blue); }
.beta-form-controls { display:flex; justify-content:flex-end; gap:12px; margin-top:auto; padding-top:24px; }
.beta-form-controls button { min-height:44px; padding:0 18px; border:1px solid var(--ink); border-radius:3px; background:var(--ink); color:white; font:inherit; font-size:.76rem; font-weight:850; text-transform:uppercase; cursor:pointer; }
.beta-form-controls .secondary-link { margin-right:auto; background:transparent; color:var(--ink); }
.beta-form-controls button[hidden] { display:none; }
.beta-form-status { min-height:22px; margin:18px 0 0; color:var(--muted); font-size:.86rem; }
.beta-form-status.is-success { color:#087f63; font-weight:700; }
@media(max-width:900px){.beta-application-section{display:block}.beta-application-form{margin-top:44px}}
@media(max-width:560px){.beta-application-form{height:auto;padding:20px 16px}.beta-application-form .form-grid{grid-template-columns:1fr}.name-pair{gap:0 10px}.beta-form-controls{flex-wrap:wrap}.beta-form-controls button{flex:1 1 130px}.beta-form-controls .secondary-link{margin-right:0}}
.demo-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.5fr); gap:clamp(44px,8vw,130px); align-items:start; margin-top:17px; padding:44px clamp(36px,4vw,70px) 58px; border:1px solid var(--line); background:var(--panel); }
.demo-hero h1 { max-width:820px; margin-top:18px; }
.demo-hero h1 span, .demo-product h2 span { color:var(--amber); }
.demo-hero-note { max-width:390px; margin:72px 0 0; color:var(--muted); font-size:1.08rem; line-height:1.62; }
.demo-product { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(42px,7vw,110px); align-items:center; padding:clamp(58px,7vw,100px) clamp(36px,4vw,70px); border-bottom:1px solid var(--line); }
.demo-product-copy { max-width:560px; }
.demo-product h2 { margin-top:16px; }
.demo-product h2 .demo-heading-line { display:block; color:inherit; white-space:nowrap; }
.demo-product-copy > p:not(.eyebrow) { margin:24px 0 0; color:var(--muted); font-size:1.05rem; }
.demo-product-copy .button { margin-top:30px; }
.demo-product-media { margin:0; padding:10px; border:1px solid rgba(37,125,199,.28); background:var(--panel); box-shadow:0 20px 48px rgba(35,74,110,.1); }
.demo-product-media img { display:block; width:100%; border:6px solid #152638; border-radius:12px; }
.demo-product-media figcaption { margin:12px 4px 2px; color:var(--muted); font-size:.66rem; font-weight:850; letter-spacing:.12em; }
.demo-snug-demo { grid-template-columns:minmax(0,1fr) minmax(360px,.82fr); }
.demo-snug-media { display:flex; align-items:flex-start; justify-content:flex-end; gap:16px; margin:0; }
.demo-snug-media img { width:43%; border:6px solid #152638; border-radius:18px; box-shadow:0 16px 30px rgba(15,23,42,.14); }
.demo-snug-media img:last-child { margin-top:62px; }
.demo-status-line { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 0; font-size:.67rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.demo-status-line span,.demo-status-line b { padding:7px 10px; border:1px solid var(--line); border-radius:999px; }
.demo-status-line span { color:var(--muted); }
.demo-status-line b { background:rgba(37,125,199,.08); color:var(--blue); }
.demo-status-line + .button { margin-top:12px; }
.button-disabled { border-color:rgba(16,34,56,.18); background:rgba(16,34,56,.07); color:var(--muted); cursor:not-allowed; font:inherit; font-size:.82rem; font-weight:850; letter-spacing:.025em; opacity:.78; }

/* v266 dedicated product demos. */
.product-demo-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.58fr); gap:clamp(54px,8vw,130px); align-items:end; margin-top:17px; padding:clamp(54px,6vw,86px) clamp(36px,4vw,70px); border:1px solid var(--line); background:var(--panel); }
.product-demo-hero h1 { max-width:850px; margin-top:18px; }
.product-demo-hero .page-intro { max-width:720px; }
.demo-readiness { display:grid; gap:10px; padding:24px 0 24px 24px; border-left:2px solid rgba(37,125,199,.23); }
.demo-readiness span { color:var(--blue); font-size:.69rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.demo-readiness strong { font-size:1.05rem; }
.demo-readiness small { max-width:390px; color:var(--muted); font-size:.86rem; line-height:1.5; }
.campus-demo-stage,.device-preview-section { padding:clamp(58px,7vw,96px) clamp(36px,4vw,70px); border-bottom:1px solid var(--line); }
.campus-demo-stage-heading,.device-preview-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.62fr); gap:clamp(54px,8vw,130px); align-items:end; }
.campus-demo-stage-heading h2,.device-preview-heading h2 { max-width:850px; margin-top:16px; }
.campus-demo-stage-heading > p { max-width:480px; margin:0 0 4px; color:var(--muted); font-size:1.05rem; }
.campus-demo-screen { margin:46px 0 0; padding:12px; border:1px solid rgba(37,125,199,.28); background:rgba(255,255,255,.58); box-shadow:0 22px 54px rgba(35,74,110,.11); }
.campus-demo-screen img { display:block; width:100%; border:7px solid #152638; border-radius:15px; }
.campus-demo-screen figcaption { display:flex; justify-content:space-between; gap:24px; padding:13px 6px 2px; color:var(--muted); font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.campus-demo-screen figcaption b { color:var(--blue); }
.demo-loaded-section { padding-inline:clamp(36px,4vw,70px); }
.demo-loaded-section .page-grid h3,.snug-preview-notes .page-grid h3 { margin-top:16px; }
.demo-release-gate { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1fr); gap:clamp(54px,8vw,130px); padding:clamp(58px,7vw,96px) clamp(36px,4vw,70px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--panel); }
.demo-release-gate h2 { margin-top:16px; }
.demo-release-gate > div > p:not(.eyebrow) { max-width:620px; margin:26px 0 0; color:var(--muted); }
.release-checklist { border-top:1px solid var(--line); }
.release-checklist div { display:grid; grid-template-columns:92px 1fr; gap:20px; align-items:center; min-height:72px; padding:13px 4px; border-bottom:1px solid var(--line); }
.release-checklist span { color:var(--blue); font-size:.68rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.release-checklist strong { font-size:.94rem; }

.snug-device-hero h1 { max-width:890px; }
.device-preview-section { background:linear-gradient(115deg,rgba(222,244,255,.52),rgba(255,255,255,.44) 52%,rgba(242,239,255,.52)); }
.platform-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-self:end; }
.platform-switch button { display:grid; gap:3px; min-height:112px; padding:16px 18px; border:1px solid var(--line); border-radius:4px; background:rgba(255,255,255,.55); color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
.platform-switch button:hover { border-color:rgba(37,125,199,.45); }
.platform-switch button:focus-visible { outline:3px solid rgba(37,125,199,.28); outline-offset:3px; }
.platform-switch button.is-active { border-color:var(--ink); background:var(--ink); color:white; box-shadow:0 12px 28px rgba(15,34,56,.14); }
.platform-switch span { color:var(--blue); font-size:.66rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.platform-switch button.is-active span { color:#8fcef5; }
.platform-switch strong { font-size:1rem; }
.platform-switch small { color:var(--muted); font-size:.73rem; }
.platform-switch button.is-active small { color:#c5d2df; }
.platform-panel { display:none; grid-template-columns:minmax(290px,.58fr) minmax(0,1.42fr); gap:clamp(44px,6vw,92px); align-items:center; margin-top:50px; padding-top:42px; border-top:1px solid var(--line); }
.platform-panel.is-active { display:grid; }
.platform-copy > span { color:var(--blue); font-size:.68rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.platform-copy h3 { margin-top:15px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.3rem,3.7vw,4.2rem); font-weight:500; letter-spacing:-.06em; line-height:.98; }
.platform-copy > p { margin:24px 0 0; color:var(--muted); }
.platform-copy ol { display:grid; gap:0; margin:30px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.platform-copy li { display:grid; grid-template-columns:32px 1fr; gap:10px; padding:13px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:.83rem; line-height:1.45; }
.platform-copy li b { color:var(--blue); font-size:.69rem; letter-spacing:.1em; }
.device-family { display:grid; grid-template-columns:minmax(150px,.43fr) minmax(360px,1fr); gap:clamp(18px,2.5vw,34px); align-items:end; margin:0; }
.phone-device,.tablet-device { position:relative; overflow:hidden; border:7px solid #142638; background:#08131e; box-shadow:0 22px 44px rgba(15,34,56,.17); }
.phone-device { max-width:245px; justify-self:end; aspect-ratio:.5; padding:7px; border-radius:31px; }
.phone-device img { display:block; width:100%; height:100%; border-radius:20px; object-fit:cover; object-position:center top; }
.device-camera { position:absolute; top:0; left:50%; z-index:2; width:30%; height:6px; border-radius:999px; background:#08131e; transform:translateX(-50%); }
.tablet-device { width:100%; aspect-ratio:1.42; padding:9px; border-radius:25px; }
.tablet-camera { position:absolute; top:4px; left:50%; z-index:2; width:6px; height:6px; border-radius:50%; background:#334b61; transform:translateX(-50%); }
.tablet-screen { display:grid; width:100%; height:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; overflow:hidden; border-radius:14px; background:#111820; }
.tablet-screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.device-family figcaption { display:grid; grid-column:1/-1; grid-template-columns:minmax(150px,.43fr) minmax(360px,1fr); gap:clamp(18px,2.5vw,34px); color:var(--muted); font-size:.67rem; font-weight:850; letter-spacing:.11em; text-align:center; text-transform:uppercase; }
.android-phone { border-radius:22px; }
.android-phone img { border-radius:12px; }
.android-tablet { border-radius:18px; }
.snug-preview-notes { padding-inline:clamp(36px,4vw,70px); }

@media(max-width:1100px){.product-demo-hero{grid-template-columns:1fr}.demo-readiness{max-width:560px}.campus-demo-stage-heading,.device-preview-heading{grid-template-columns:1fr}.campus-demo-stage-heading>p{margin-top:-24px}.platform-switch{max-width:560px}.demo-release-gate{grid-template-columns:1fr}.platform-panel{grid-template-columns:1fr}.platform-copy{max-width:650px}.device-family{max-width:900px}}
@media(max-width:760px){.product-demo-hero{padding-inline:22px}.campus-demo-stage,.device-preview-section,.demo-loaded-section,.snug-preview-notes,.demo-release-gate{padding-inline:22px}.campus-demo-stage-heading>p{margin-top:22px}.campus-demo-screen{padding:6px}.campus-demo-screen img{border-width:4px}.campus-demo-screen figcaption{display:grid}.release-checklist div{grid-template-columns:76px 1fr}.platform-switch{grid-template-columns:1fr 1fr}.device-family{grid-template-columns:minmax(100px,.4fr) minmax(230px,1fr);gap:12px}.phone-device{border-width:5px;border-radius:22px;padding:4px}.tablet-device{border-width:5px;border-radius:18px;padding:5px}.device-family figcaption{grid-template-columns:minmax(100px,.4fr) minmax(230px,1fr);gap:12px}.device-camera{top:0;height:6px}.tablet-screen{border-radius:10px}}
@media(max-width:460px){.platform-switch button{min-height:98px;padding:13px}.device-family{grid-template-columns:1fr}.phone-device{width:54%;justify-self:center}.tablet-device{margin-top:12px}.device-family figcaption{display:none}.demo-release-gate h2 br,.campus-demo-stage-heading h2 br{display:none}}
@media(max-width:900px){.demo-hero{display:block}.demo-hero-note{margin-top:34px}.demo-product,.demo-snug-demo{display:block}.demo-product-media,.demo-snug-media{margin-top:42px}.demo-snug-media{justify-content:center}}
@media(max-width:560px){.demo-hero{padding-inline:22px}.demo-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.demo-product{padding-block:54px}.demo-product h2 .demo-heading-line{white-space:normal}.demo-snug-media{gap:10px}.demo-snug-media img{border-width:4px;border-radius:14px}.demo-snug-media img:last-child{margin-top:36px}}
@media(max-width:560px){.demo-product{padding-inline:22px}}
@media(max-width:900px){.campus-hero{display:block}.campus-status{margin-top:44px}.campus-preview-heading{display:block}.campus-preview-heading p:last-child{margin-top:24px}.campus-dashboard-frame{margin-top:30px}}
@media(max-width:560px){.campus-hero{padding:44px 22px 48px}.campus-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.campus-dashboard-frame{padding:6px}.campus-dashboard-frame img{border-width:4px}}
@media(max-width:560px){.campus-preview-section,.campus-capabilities{padding-inline:22px}}
@media(max-width:900px){.technology-note{padding-top:34px}.technology-product-list{grid-template-columns:1fr}.technology-product{min-height:360px;border-right:0;border-bottom:1px solid var(--line)}.technology-product:last-child{border-bottom:0}.technology-product-media{width:min(65%,280px)}}
@media(max-width:560px){.technology-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.technology-product{min-height:400px;padding:24px 20px}.technology-product-media{width:72%;margin-bottom:-52px}.technology-product-mark{width:120px;height:120px;margin-right:12px}.technology-product-mark span{font-size:2.8rem}}
.page-cta { padding:clamp(64px,8vw,110px) 0; border-top:1px solid var(--line); text-align:center; }
.page-cta h2 { max-width:900px; margin:16px auto 24px; }
.about-cta h2 { max-width:1400px; white-space:nowrap; }
.page-cta p:not(.eyebrow) { color:var(--muted); }
.page-product { width:min(100%,560px); margin:0; justify-self:end; }
.page-product img { display:block; width:100%; aspect-ratio:1.5; object-fit:cover; object-position:center 27%; border:7px solid #152638; border-radius:22px; background:#08131e; box-shadow:0 18px 40px rgba(15,23,42,.16); }
.page-product figcaption { margin-top:10px; color:var(--muted); font-size:.65rem; font-weight:800; letter-spacing:.12em; text-align:right; }
.step-number { display:block; margin-bottom:24px; color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.1em; }
@media(max-width:900px){.page-hero{display:block;padding:56px 0 64px}.page-aside,.page-product{margin-top:42px}.page-grid.three,.page-grid.two,.page-grid.four{grid-template-columns:1fr}.page-grid article{border-right:0;border-bottom:1px solid var(--line)}.page-grid article:last-child{border-bottom:0}.product-row{grid-template-columns:34px 1fr 28px;gap:12px}}
@media(max-width:760px){.about-cta h2{white-space:normal}}
@media(max-width:560px){.page-hero{padding:44px 0 54px}.product-row{padding:22px 0}.product-row h2{font-size:2rem}.page-product img{border-width:5px;border-radius:16px}}
@media(max-width:560px){.about-products-panel{padding:18px 18px 4px}.about-product-row{min-height:0;flex-wrap:wrap;gap:9px;padding:14px 0}.about-product-row>div{flex:1 1 100%}}

/* Legal shell uses the same v264 chrome without rewriting policy copy. */
.legal-shell { width:min(100% - 40px,1900px); margin:0 auto; }
.legal-shell .top-nav { display:flex; min-height:86px; align-items:center; justify-content:space-between; padding:0 22px; border:1px solid var(--line); border-radius:0 0 10px 10px; background:rgba(246,250,255,.9); }
.legal-shell .brand-mark { color:var(--ink); font-size:1.42rem; font-weight:850; letter-spacing:-.065em; text-decoration:none; text-transform:uppercase; }
.legal-shell .top-nav-links { display:flex; gap:24px; }
.legal-shell .top-nav-links a { color:var(--ink); font-size:.78rem; font-weight:800; letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }
.legal-shell .legal-content, .legal-shell .legal-main { width:min(100%,980px); margin:0 auto; padding:72px 0; }
.legal-shell h1 { margin:0 0 20px; }
.legal-shell h2 { margin:36px 0 12px; font-size:2rem; }
.legal-shell p, .legal-shell li { color:var(--muted); line-height:1.7; }
.legal-shell section { padding:22px 0; border-top:1px solid var(--line); }
@media(max-width:760px){.legal-shell{width:calc(100% - 24px)}.legal-shell .top-nav{min-height:72px;padding:0 16px}.legal-shell .brand-mark{font-size:1.12rem}.legal-shell .top-nav-links{gap:12px}.legal-shell .top-nav-links a{font-size:.65rem}.legal-shell .legal-content,.legal-shell .legal-main{padding:48px 0}}

/* Compact transformation section: no artificial empty tail after the final row. */
.why-section { position:relative; overflow:hidden; padding-bottom:28px; background:linear-gradient(105deg, rgba(112,131,154,.085) 0%, rgba(246,250,255,.18) 43%, rgba(37,125,199,.085) 100%); }
.why-section, .status-section { max-width:var(--max); }
.why-section::before { position:absolute; inset:18% 5% 12%; z-index:0; content:""; pointer-events:none; background:linear-gradient(105deg, rgba(112,131,154,.10), rgba(255,255,255,0) 47%, rgba(37,125,199,.09)); clip-path:polygon(0 35%, 100% 0, 100% 65%, 0 100%); opacity:.55; }
.why-section > * { position:relative; z-index:1; }
.why-section h2 span { display:inline; }
.why-section .transformation { margin-top: 36px; }
.why-section .transformation-header { min-height: 52px; }
.why-section .transformation-row { min-height: 64px; }
.why-section .final-row { min-height: 72px; }
@media (max-width: 760px) {
  .why-section { padding-bottom: 24px; }
  .why-section .transformation-row { min-height: 60px; }
}