/* Real page navigation and a concise front door. Shared glass tokens remain authoritative. */
@media screen {
 body.optical-site .optical-explore-heading {margin-bottom:28px;}
 body.optical-site .optical-explore-heading h2 {font-size:clamp(28px,3.1vw,42px);margin:12px 0 0;letter-spacing:-.035em;}
 body.optical-site .optical-explore-layout {display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start;}
 body.optical-site .optical-explore-layout .tour-section {margin:0!important;padding:28px!important;}
 body.optical-site .optical-explore-layout .tour-section h2 {font-size:30px!important;line-height:1.16;}
 body.optical-site .optical-explore-layout .tour-section p {font-size:15px;line-height:1.6;}
 body.optical-site .optical-page-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
 body.optical-site .optical-page-card {position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:22px 20px 20px;min-height:204px;text-decoration:none!important;border:1px solid #a5d8f6aa;border-radius:24px;color:#f6f9ff;background:linear-gradient(138deg,#a7dbff24,#7c59ed20 58%,#10213ccc);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #c1a6ff80,0 12px 32px #030b2838;backdrop-filter:blur(24px);transition:transform 220ms cubic-bezier(.25,1,.5,1),box-shadow 220ms ease,border-color 220ms ease;}
 body.optical-site .optical-page-card::before {content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 80px 1px at 35% 0,#fff 4%,#8feaff9c 32%,transparent 100%);}
 body.optical-site .optical-page-card::after {content:"✦";position:absolute;right:19px;top:16px;color:#bdecff;font-size:15px;text-shadow:0 0 10px #9df4ff;pointer-events:none;}
 body.optical-site .optical-card-number {font-size:11px;font-weight:650;letter-spacing:.15em;color:#b8d8f6;}
 body.optical-site .optical-page-card h3 {margin:12px 0 7px;font-size:21px;line-height:1.18;letter-spacing:-.03em;color:#f6f9ff;}
 body.optical-site nav[aria-label="Stratum guide"] .optical-page-card>h2 {padding-inline-end:20px;}
 body.optical-site nav[aria-label="Stratum guide"] .optical-page-card>p {font-size:1rem;line-height:1.5;}
 body.optical-site .optical-page-card p {margin:0 0 20px;font-size:13px;line-height:1.45;color:#dce9fc;}
 body.optical-site .optical-card-action {display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:auto;color:#adf0ff;font-size:13px;font-weight:650;line-height:1.4;}
 body.optical-site .optical-card-action>span {font-size:21px;}
 body.optical-site .optical-page-card:focus-visible {outline:3px solid #c3f4ff;outline-offset:5px;}
 @media(hover:hover) {body.optical-site .optical-page-card:hover {transform:translateY(-4px);border-color:#d2f7ff;box-shadow:inset 0 1px 0 #fff,0 0 24px #82bdff38,0 18px 36px #030b2859;}}
 body.optical-site .optical-page-card:active {transform:translateY(1px) scale(.985);}
 body.optical-site main .optical-mission-section {padding-top:12px!important;padding-bottom:36px!important;}
 body.optical-site main .optical-mission-section .origin-mission {position:relative;isolation:isolate;margin:0;padding:44px 48px;font-size:clamp(23px,2.64vw,38px);font-weight:600;line-height:1.35;letter-spacing:-.025em;color:#fff;background:radial-gradient(ellipse at 2% 0%,#2a70db99,transparent 62%),linear-gradient(115deg,#184a8bd9,#43237bdd);border:1px solid #a1d9ff;border-radius:28px;box-shadow:inset 0 1px 1px #fff9,0 0 32px #6acbff24,0 18px 40px #040b2438;text-shadow:0 2px 16px #74bbff30;}
 body.optical-site .optical-mission-section .mission-line {display:block;}
 body.optical-site .optical-mission-section .mission-keep-together {white-space:nowrap;}
 body.optical-site .optical-page-heading {padding-top:48px;padding-bottom:22px;}
 body.optical-site .optical-page-heading h1 {font-size:clamp(36px,4.6vw,64px);line-height:1.05;letter-spacing:-.045em;margin:22px 0 28px;}
 body.optical-site .optical-page-tabs {display:flex;flex-wrap:wrap;gap:10px;}
 body.optical-site .optical-page-tabs a {display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #afc9e775;border-radius:14px;background:linear-gradient(130deg,#83c8ed21,#b278ff14);color:#eaf3ff;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff45;}
 body.optical-site :is(.optical-page-tabs,#main-nav) a[aria-current="page"] {color:#a9f0ff;border-color:#9be7ff;background-color:#2d71a32e;}
 body.optical-site main[data-route="detail"]>.section {padding-top:36px;}
 body.optical-site .optical-example-jumps {display:flex;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px;}
 body.optical-site .optical-about .origin-copy {max-width:820px;margin:0 auto;padding:36px;border:1px solid #b0d1eb70;border-radius:28px;background:linear-gradient(130deg,#6e9ae923,#5329744d);box-shadow:inset 0 1px 0 #fff6,0 20px 52px #08172e44;}
 body.optical-site .optical-about .origin-copy h2 {font-size:32px;}
 body.optical-site .optical-about .origin-copy p {font-size:19px;line-height:1.75;}
 /* Native disclosure behavior, with an explicit inset independent of retired spacing tokens. */
 body.optical-site main .offer-terms {padding:0!important;}
 body.optical-site main .offer-terms>p {margin-bottom:28px;}
 body.optical-site main .offer-terms>details {margin:14px 0!important;padding:0!important;border:1px solid #a6c9ef88!important;border-radius:20px;background:linear-gradient(125deg,#34619970,#192848ee 65%,#382a57b8)!important;box-shadow:inset 0 1px 0 #e4f6ff75,0 10px 26px #030e2d30;overflow:visible;}
 body.optical-site main .offer-terms>details>summary {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 28px!important;margin:0!important;line-height:1.45;font-size:17px;list-style:none;border-radius:19px;cursor:pointer;}
 body.optical-site main .offer-terms>details>summary>span[aria-hidden] {display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin-left:auto;border:1px solid #b6d9f099;border-radius:50%;color:#cdf4ff!important;background:linear-gradient(145deg,#9ce9ff30,#a398f917);box-shadow:inset 0 1px 0 #fff7;font-size:0;transform:none!important;}
 body.optical-site main .offer-terms>details>summary>span[aria-hidden]::before {content:'+';font-size:22px;font-weight:400;line-height:1;}
 body.optical-site main .offer-terms>details[open]>summary>span[aria-hidden]::before {content:'−';}
 body.optical-site main .offer-terms>details[open]>summary {border-bottom:1px solid #b6d9f038;border-radius:19px 19px 0 0;margin-bottom:20px!important;}
 body.optical-site main .offer-terms>details>p {padding:0 28px 20px!important;margin:0!important;max-width:90ch;line-height:1.7;font-size:16px;color:#e2edff!important;}
 body.optical-site main .offer-terms>details>p:last-child {padding-bottom:28px!important;}
 body.optical-site main .offer-terms>details>summary:focus-visible {outline:3px solid #b9f4ff!important;outline-offset:5px!important;}
 body.optical-site main .compact-detail>summary {gap:20px!important;}
 body.optical-site main .compact-detail>summary::after {display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #b6d9f099;border-radius:50%;font-size:22px;line-height:1;color:#cdf4ff;box-shadow:inset 0 1px 0 #fff6;background:#b4e8ff14;}
 body.optical-site .optical-offers-link {margin:20px 0;}
 @media(max-width:1100px) {
  body.optical-site .optical-explore-layout {grid-template-columns:1fr;}
  body.optical-site .optical-page-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  body.optical-site nav.optical-page-grid[aria-label="Stratum guide"] {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.optical-site .optical-explore-layout .tour-section {max-width:780px;width:100%;margin-inline:auto!important;}
 }
 @media(max-width:700px) {
  body.optical-site .optical-page-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  /* Give the guide's longer question headings a full reading width on phones. */
  body.optical-site nav.optical-page-grid[aria-label="Stratum guide"] {grid-template-columns:minmax(0,1fr);}
  body.optical-site .optical-page-card {padding:20px 16px;min-height:218px;border-radius:20px;}
  body.optical-site .optical-page-card h3 {font-size:20px;}
  body.optical-site .optical-page-card::after {right:13px;}
  body.optical-site main .optical-mission-section .origin-mission {padding:30px 24px;font-size:26px;}
  body.optical-site .optical-page-heading {padding-top:28px;}
  body.optical-site .optical-about .origin-copy {padding:24px;}
  body.optical-site .optical-about .origin-copy p {font-size:17px;}
  body.optical-site main .offer-terms>details>summary {padding:20px!important;gap:16px;font-size:16px;}
  body.optical-site main .offer-terms>details>p {padding-left:20px!important;padding-right:20px!important;font-size:15px;}
  body.optical-site main .offer-terms>details>p:last-child {padding-bottom:24px!important;}
 }
 @media(max-width:359px) {body.optical-site .optical-page-card {padding:16px 12px;}body.optical-site .optical-page-card h3 {font-size:18px;}body.optical-site main .optical-mission-section .origin-mission {padding:26px 20px;font-size:24px;}}
 @media(prefers-reduced-motion:reduce) {body.optical-site .optical-page-card {transition:none!important;transform:none!important;}}
 @media(forced-colors:active) {body.optical-site .optical-page-card::before,body.optical-site .optical-page-card::after {display:none;}}
}
@media print {
 .optical-page-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
 .optical-page-card {border:1px solid #0c2340;padding:16px;}
 .optical-page-tabs,.optical-example-jumps {display:none;}
 .optical-mission-section .origin-mission {font-size:22px;font-weight:600;padding:24px;border:1px solid #0c2340;}
 .mission-line {display:block;}
}

/* Owner-reported composition corrections, 30 September 2026.
   Keep process numbers as text; grid stretch aligns cards without percentage-height overflow. */
@media screen {
 body.optical-site main #continuity .step-number {
  width:fit-content;
  background:transparent!important;
  box-shadow:none;
  opacity:1;
 }
 body.optical-site main #architecture>.container>.arch-note {
  margin:var(--v5-card-gap,16px) 0 0;
  max-width:60ch;
 }
 body.optical-site main #architecture>.container>.arch-note+.arch-boundary {
  margin-top:calc(var(--v5-card-gap,16px) * 2);
 }
 body.optical-site main #architecture>.container>.arch-model,
 body.optical-site main #architecture>.container>.arch-human {
  height:auto;
  align-self:stretch;
 }
}

/* Customer access is an honest availability page, using the shared glass material. */
@media screen {
 body.optical-site .customer-access-card {max-width:860px;min-height:0;padding:clamp(24px,4vw,40px);margin-inline:auto;}
 body.optical-site .customer-access-card:is(:hover,:active) {transform:none;}
 body.optical-site .customer-access-card h2 {margin:16px 0 20px;max-width:24ch;font-size:clamp(26px,3.2vw,40px);line-height:1.15;}
 body.optical-site .customer-access-card p {max-width:68ch;font-size:16px;line-height:1.65;}
 body.optical-site .customer-access-card .action-row {display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 24px;}
 body.optical-site .customer-access-card .customer-access-note {margin-bottom:0;font-size:14px;}
 @media(max-width:600px) {body.optical-site .customer-access-card .action-row>a {width:100%;white-space:normal;text-align:center;}}
}

/* New label spans retain their parent ink in both appearances and at every width. */
body.optical-site #scope-change .track-b>.track-label>span {color:inherit;}

/* Keep the mobile request duration on its own line and center its shorter week track. */
@media screen and (max-width:640px) {
 body.optical-site #scope-change .track-b>.track-label {text-align:center;}
 body.optical-site #scope-change .track-b .request-title,
 body.optical-site #scope-change .track-b .request-duration {display:block;white-space:nowrap;}
 body.optical-site #scope-change .track-b .request-separator {display:none;}
 body.optical-site #scope-change .track-b>.week-track.requested {margin-inline:auto;}
}

/* On phones, keep a revision together below its title; desktop headings stay inline. */
@media screen and (max-width:640px) {
 body.optical-site #detail-dialog .panel-revision-heading>.panel-revision {display:block;white-space:nowrap;margin-top:6px;}
 body.optical-site #detail-dialog .panel-heading-separator {display:none;}
}
/* Mobile comparison cards: compact recommendation, centered header, readable term pairs. */
@media screen and (max-width:899px) {
 body.optical-site main #comparison-matrix .matrix-mobile .matrix-offer.matrix-emphasized {margin-block-start:max(var(--space-8),60px);}
 body.optical-site main #comparison-matrix .matrix-mobile .matrix-start-tab {
  display:inline-flex;align-items:center;justify-content:center;left:50%;right:auto;bottom:calc(100% + 16px);
  width:max-content;max-width:calc(100% - 24px);transform:translateX(-50%);z-index:5;
  margin:0;padding:4px 10px;border:1px solid color-mix(in srgb,var(--opt-ink) 40%,var(--blue));border-radius:999px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--opt-ink) 8%,transparent),transparent 65%),var(--blue);color:var(--surface);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--opt-ink) 45%,transparent),0 4px 10px color-mix(in srgb,var(--navy) 15%,transparent);
  font-size:12px;font-weight:700;line-height:16px;letter-spacing:.04em;white-space:nowrap;
 }
 body.optical-site main #comparison-matrix .matrix-mobile .matrix-offer>header,
 body.optical-site main #comparison-matrix .matrix-mobile .matrix-offer>header .matrix-select,
 body.optical-site main #comparison-matrix .matrix-mobile .matrix-offer-footer>.matrix-footer-price {text-align:center;}
 body.optical-site main #comparison-matrix .matrix-mobile .matrix-offer>header>p {max-width:none;}
 body.optical-site main #comparison-matrix .matrix-terms {margin:0;text-align:left;}
 body.optical-site main #comparison-matrix .matrix-terms dt {margin:0;padding:16px 20px 0;font-size:12px;font-weight:650;line-height:1.45;color:var(--opt-muted);}
 body.optical-site main #comparison-matrix .matrix-terms dd {margin:6px 0 0;padding:0 20px 16px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--opt-ink);overflow-wrap:anywhere;}
}

/* Align corresponding sections only while price cards share a rendered row. */
@media screen {
 body.optical-site main .pricing-card.pricing-row-aligned>.offer-scope {margin-top:0;}
 /* One compact glass recommendation badge, with a static decorative edge glint. */
 body.optical-site main#main :is(#comparison-matrix .matrix-start-tab,.plan-card>.offer-priority-label) {
  display:inline-flex;align-items:center;justify-content:center;left:50%!important;right:auto!important;
  width:max-content;max-width:calc(100% - 24px);transform:translateX(-50%)!important;z-index:5;
  margin:0;padding:4px 16px 4px 10px;border:1px solid color-mix(in srgb,var(--surface) 58%,var(--blue))!important;border-radius:999px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 28%,transparent),transparent 44%),linear-gradient(0deg,transparent 55%,color-mix(in srgb,var(--surface) 8%,transparent)),var(--blue)!important;
  color:var(--surface)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface) 65%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--navy) 35%,transparent),0 4px 10px color-mix(in srgb,var(--navy) 15%,transparent);
  font-size:12px;font-weight:700;line-height:16px;letter-spacing:.04em;white-space:nowrap;
 }
 body.optical-site main#main #comparison-matrix .matrix-start-tab {bottom:calc(100% + 16px);}
 body.optical-site main#main #comparison-matrix .matrix-desktop {margin-top:64px;}
 body.optical-site main#main :is(#comparison-matrix .matrix-start-tab,.plan-card>.offer-priority-label)::after {
  content:'';position:absolute;top:4px;right:5px;width:7px;height:7px;background:var(--surface);opacity:.8;
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none;
 }
}
@media print { [data-pricing-row-height] {min-height:0!important;} }
@media(forced-colors:active) {
 body.optical-site main#main :is(#comparison-matrix .matrix-start-tab,.plan-card>.offer-priority-label) {background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none;}
 body.optical-site main#main :is(#comparison-matrix .matrix-start-tab,.plan-card>.offer-priority-label)::after {display:none;}
}

/* Separate the trust instruction from the preceding glass-card shadows. */
@media screen {
 body.optical-site main#main #trust .trust-cards+.trust-note {position:relative;margin-top:40px;color:var(--opt-ink)!important;line-height:1.65;}
}

/* Only the illustrative transition-plan headings and cells share centered alignment. */
body.optical-site main#main #proposal-review-example .launch-plan :is(th,td) {text-align:center;}

/* Keep deliverable status visually tied to its centered label and separate the caveat. */
body.optical-site main#main #scope-change .deliverable-track .deliverable-status {align-self:stretch;width:100%;text-align:center;}
body.optical-site main#main #scope-change .change-map>article>.chip+p {margin:16px 0 0;font-size:17px;line-height:1.6;}

/* Header links retain their existing layout and route semantics; current page is clear. */
@media screen and (forced-colors:none) {
 body.optical-site .site-header #main-nav>a {
  position:relative;border-radius:12px;color:var(--opt-ink);text-decoration:none;
  background:linear-gradient(140deg,color-mix(in srgb,var(--opt-ink) 6%,transparent),transparent 70%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--opt-ink) 12%,transparent);
 }
 body.optical-site .site-header #main-nav>a:hover {
  color:var(--opt-ink);background:color-mix(in srgb,var(--surface-refine-cyan) 12%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-refine-cyan) 42%,transparent);
 }
 body.optical-site .site-header #main-nav>a[aria-current="page"] {
  color:var(--opt-ink);font-weight:650!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 14%,transparent),transparent 58%),color-mix(in srgb,var(--surface-refine-neutral) 78%,var(--surface-refine-cyan));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-refine-cyan) 62%,transparent),inset 0 1px 1px color-mix(in srgb,var(--surface) 52%,transparent),0 4px 12px -8px var(--surface-refine-shadow-ink);
 }
 body.optical-site .site-header #main-nav>a[aria-current="page"]::after {
  content:'';position:absolute;top:0;left:22%;right:22%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--surface-refine-cyan),var(--surface),transparent);
 }
 body.optical-site .site-header #main-nav>a:focus-visible {outline:3px solid var(--surface-refine-cyan);outline-offset:3px;}
}
@media screen and (prefers-reduced-transparency:reduce) and (forced-colors:none) {
 body.optical-site .site-header #main-nav>a {background:var(--surface-refine-neutral);}
 body.optical-site .site-header #main-nav>a[aria-current="page"] {background:color-mix(in srgb,var(--surface-refine-neutral) 78%,var(--surface-refine-cyan));}
}
@media screen and (forced-colors:active) {
 body.optical-site .site-header #main-nav>a[aria-current="page"] {color:HighlightText;background:Highlight;outline:1px solid Highlight;}
}
/* A classic desktop scrollbar can leave a 305px content area in a 320px viewport. */
@media screen and (max-width:320px) {body.optical-site {min-width:0;}}