.about-page { overflow: hidden; }
.about-page section { position: relative; }
.about-page .container { position: relative; z-index: 1; }
.about-kicker, .about-index { margin: 0; color: var(--color-accent); font-size: .7rem; font-weight: 750; letter-spacing: .105em; text-transform: uppercase; }
.about-kicker { display: flex; align-items: center; gap: .55rem; margin-bottom: 1rem; }
.about-kicker span { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; animation: about-live 2.5s ease-out infinite; }

.about-hero { min-height: 650px; display: flex; align-items: center; border-bottom: 1px solid rgba(0,209,255,.13); background: radial-gradient(circle at 78% 26%,rgba(0,209,255,.13),transparent 29rem), radial-gradient(circle at 17% 92%,rgba(255,117,230,.06),transparent 24rem), linear-gradient(145deg,rgba(7,15,27,.98),rgba(8,25,42,.94)); }
.about-hero::before { content: ''; position: absolute; inset: 0; opacity: .4; pointer-events: none; background-image: linear-gradient(rgba(125,211,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.05) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,#000,transparent 92%); }
.about-hero::after { content: ''; position: absolute; width: 460px; height: 460px; top: -310px; right: -160px; border: 1px solid rgba(0,209,255,.11); border-radius: 50%; box-shadow: 0 0 0 64px rgba(0,209,255,.017),0 0 0 128px rgba(0,209,255,.01); }
.about-hero-grid { display: grid; grid-template-columns: minmax(0,1.03fr) minmax(390px,.97fr); align-items: center; gap: clamp(2rem,5vw,5rem); width: 100%; padding-block: clamp(3.5rem,7vh,5rem); }
.about-hero h1 { max-width: 720px; margin: 0; color: #f7fbff; font-size: clamp(3rem,5.4vw,5.7rem); font-weight: 760; letter-spacing: -.065em; line-height: .94; text-wrap: balance; }
.about-hero h1 em { color: #00d1ff; font-style: normal; text-shadow: 0 0 38px rgba(0,209,255,.14); }
.about-lead { max-width: 650px; margin: 1.25rem 0 0; color: #9db0c2; font-size: clamp(.98rem,1.3vw,1.12rem); line-height: 1.65; }
.about-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.55rem; }
.about-btn { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: .55rem; padding: .7rem 1rem; border: 1px solid rgba(125,211,252,.18); border-radius: 12px; font-size: .84rem; font-weight: 720; transition: transform .22s ease,border-color .22s ease,background .22s ease; }
.about-btn:hover { transform: translateY(-2px); }
.about-btn-primary { color: #03131b; border-color: #38dcff; background: linear-gradient(115deg,#74ebff,#00d1ff 60%,#20b8e5); box-shadow: 0 14px 34px rgba(0,209,255,.15); }
.about-btn-quiet { color: #c1d0de; background: rgba(14,28,44,.52); }
.about-btn-quiet:hover { border-color: rgba(0,209,255,.38); background: rgba(0,209,255,.08); }
.about-trust-line { display: flex; flex-wrap: wrap; gap: .7rem 1rem; margin-top: 1.7rem; color: #73889c; font-size: .64rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.about-trust-line b { margin-right: .25rem; color: #27d9ff; font-family: var(--font-mono); font-size: .58rem; }

.about-hero-visual { position: relative; min-height: 420px; perspective: 1200px; }
.about-aura { position: absolute; border-radius: 50%; filter: blur(2px); animation: about-aura 7s ease-in-out infinite alternate; }
.about-aura-one { width: 250px; height: 250px; top: 0; right: 5%; background: rgba(0,209,255,.1); box-shadow: 0 0 90px rgba(0,209,255,.1); }
.about-aura-two { width: 155px; height: 155px; bottom: 0; left: 3%; background: rgba(255,117,230,.075); box-shadow: 0 0 70px rgba(255,117,230,.08); animation-delay: -3.5s; }
.overview-window { position: absolute; inset: 24px 5px 18px 24px; overflow: hidden; padding: 1.15rem; border: 1px solid rgba(125,211,252,.23); border-radius: 28px; background: linear-gradient(145deg,rgba(25,48,70,.78),rgba(7,19,33,.7)); box-shadow: inset 0 1px rgba(255,255,255,.1),0 30px 80px rgba(0,0,0,.32); backdrop-filter: blur(24px) saturate(140%); transform: rotateY(-3deg) rotateX(1deg); }
.overview-window::after { content: ''; position: absolute; inset: -40% auto -40% -25%; width: 18%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent); transform: skewX(-17deg); animation: about-sweep 7s 1.2s ease-in-out infinite; }
.window-bar { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; color: #7690a5; font-family: var(--font-mono); font-size: .58rem; letter-spacing: .07em; }
.window-bar > span { display: flex; gap: 4px; }
.window-bar > span i { width: 5px; height: 5px; border-radius: 50%; background: #00d1ff; }
.window-bar > span i:nth-child(2) { background: #ff75e6; }
.window-bar > span i:nth-child(3) { background: #4ade80; }
.window-bar small { color: #6ee7b7; }
.overview-rate { position: relative; z-index: 1; margin-top: 1rem; padding: 1.25rem; border: 1px solid rgba(125,211,252,.13); border-radius: 18px; background: rgba(4,14,26,.5); }
.overview-rate small { display: block; color: #688296; font-size: .62rem; }
.overview-rate strong { display: block; margin: .15rem 0; color: #f1fbff; font-size: clamp(2.5rem,4.4vw,4.25rem); letter-spacing: -.065em; line-height: 1; }
.overview-rate span { color: #45ddfa; font-size: .72rem; font-weight: 700; }
.overview-fields { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin-top: .6rem; }
.overview-fields > span { padding: .7rem; border: 1px solid rgba(125,211,252,.11); border-radius: 13px; background: rgba(5,16,29,.42); }
.overview-fields small, .overview-fields b { display: block; }
.overview-fields small { color: #607b90; font-size: .57rem; }
.overview-fields b { margin-top: .2rem; color: #d8e8f1; font-size: .68rem; }
.overview-source { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; margin-top: .6rem; padding: .7rem .8rem; border: 1px solid rgba(74,222,128,.15); border-radius: 14px; background: linear-gradient(110deg,rgba(74,222,128,.075),rgba(0,209,255,.045)); }
.source-check { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(74,222,128,.25); border-radius: 50%; color: #72ebba; }
.overview-source small, .overview-source b { display: block; }
.overview-source small { color: #6d8497; font-size: .56rem; }
.overview-source b { margin-top: .12rem; color: #e8f7fc; font-size: .69rem; }
.overview-source > i { color: #50dff7; font-style: normal; }
.about-float-chip { position: absolute; z-index: 3; padding: .48rem .68rem; border: 1px solid rgba(125,211,252,.2); border-radius: 999px; color: #b9effa; background: rgba(7,23,38,.82); box-shadow: 0 12px 30px rgba(0,0,0,.25); backdrop-filter: blur(14px); font-size: .64rem; font-weight: 700; animation: about-chip 4s ease-in-out infinite; }
.chip-context { top: 5px; right: -5px; }
.chip-source { bottom: 1px; left: 1px; animation-delay: -2s; }

.about-windows { padding: clamp(4rem,7vw,6.5rem) 0; background: radial-gradient(circle at 82% 45%,rgba(0,209,255,.065),transparent 28rem); }
.about-section-head { display: grid; grid-template-columns: minmax(0,.9fr) minmax(320px,.62fr); align-items: end; gap: 3rem; margin-bottom: 1.5rem; }
.about-section-head h2, .about-finish h2 { margin: .55rem 0 0; color: var(--color-text); font-size: clamp(2.5rem,4.4vw,4.35rem); font-weight: 745; letter-spacing: -.055em; line-height: .96; text-wrap: balance; }
.about-section-head > p { max-width: 550px; justify-self: end; margin: 0 0 .15rem; color: var(--color-text-muted); font-size: .9rem; line-height: 1.62; }
.about-window-grid { display: grid; grid-template-columns: 1.08fr .92fr .92fr; grid-template-rows: repeat(2,minmax(215px,auto)); gap: .8rem; }
.info-window { position: relative; overflow: hidden; padding: 1.2rem; border: 1px solid rgba(125,211,252,.17); border-radius: 21px; background: linear-gradient(145deg,rgba(22,40,60,.69),rgba(8,20,34,.58)); box-shadow: inset 0 1px rgba(255,255,255,.055),0 18px 45px rgba(0,0,0,.17); backdrop-filter: blur(18px); }
.info-window::before { content: ''; position: absolute; top: 0; right: 18%; left: 18%; height: 1px; background: linear-gradient(90deg,transparent,rgba(0,209,255,.48),transparent); }
.info-window-main { grid-row: 1 / 3; min-height: 620px; background: radial-gradient(circle at 76% 80%,rgba(0,209,255,.11),transparent 18rem),linear-gradient(145deg,rgba(22,45,66,.77),rgba(8,20,34,.62)); }
.info-window-calm { grid-column: 2 / 4; display: grid; grid-template-columns: 1fr .78fr; align-items: end; gap: 2rem; min-height: 215px; background: radial-gradient(circle at 14% 90%,rgba(255,117,230,.075),transparent 20rem),linear-gradient(145deg,rgba(23,39,60,.7),rgba(8,20,34,.59)); }
.info-window-top { display: flex; justify-content: space-between; color: #34dcfb; font-family: var(--font-mono); font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
.info-window-top b { color: #5e7588; }
.info-window h3 { margin: .95rem 0 0; color: var(--color-text); font-size: clamp(1.35rem,2.2vw,2.15rem); letter-spacing: -.04em; line-height: 1.06; }
.info-window p { margin: .65rem 0 0; color: var(--color-text-muted); font-size: .82rem; line-height: 1.55; }
.condition-formula { position: absolute; top: 9.8rem; right: 1.2rem; left: 1.2rem; display: grid; grid-template-columns: 1fr auto 1.28fr; align-items: stretch; gap: .55rem; padding-bottom: 1.8rem; }
.condition-formula > div { display: flex; min-height: 92px; flex-direction: column; justify-content: space-between; padding: .8rem; border: 1px solid rgba(125,211,252,.14); border-radius: 15px; background: rgba(4,15,27,.43); }
.condition-formula small { color: #698498; font-size: .58rem; }
.condition-formula strong { color: #eaf8fc; font-size: .75rem; line-height: 1.35; }
.condition-formula .formula-value strong { color: #48def7; font-size: 2.65rem; line-height: .8; }
.condition-formula > i { align-self: center; color: #ff75e6; font-size: 1.25rem; font-style: normal; }
.condition-formula > span { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: .55rem; color: #668296; font-family: var(--font-mono); font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; }
.condition-formula > span::before, .condition-formula > span::after { content: ''; height: 1px; flex: 1; background: linear-gradient(90deg,transparent,rgba(0,209,255,.22)); }
.condition-formula > span::after { background: linear-gradient(90deg,rgba(0,209,255,.22),transparent); }
.condition-summary { position: absolute; top: 18.25rem; right: 1.2rem; left: 1.2rem; display: flex; align-items: center; gap: .75rem; color: #7390a3; }
.condition-summary strong { color: rgba(66,224,249,.62); font-family: var(--font-mono); font-size: 2rem; font-weight: 520; line-height: 1; }
.condition-summary span { font-size: .58rem; line-height: 1.4; text-transform: uppercase; }
.condition-summary i { height: 1px; flex: 1; background: linear-gradient(90deg,rgba(0,209,255,.24),transparent); }
.product-profile { position: absolute; top: 22.3rem; right: 1.2rem; left: 1.2rem; display: grid; grid-template-columns: 142px 1fr; align-items: center; gap: 1.25rem; min-height: 145px; padding: .7rem .9rem; border: 1px solid rgba(125,211,252,.1); border-radius: 18px; background: linear-gradient(120deg,rgba(4,15,27,.34),rgba(0,209,255,.035)); }
.profile-radar { position: relative; width: 116px; height: 116px; margin: auto; border: 1px solid rgba(0,209,255,.22); border-radius: 50%; background: radial-gradient(circle,rgba(0,209,255,.14) 0 8%,transparent 9% 30%,rgba(0,209,255,.055) 31% 32%,transparent 33% 48%,rgba(255,117,230,.055) 49% 50%,transparent 51%); box-shadow: inset 0 0 30px rgba(0,209,255,.035),0 0 28px rgba(0,209,255,.045); }
.profile-radar::before, .profile-radar::after { content: ''; position: absolute; inset: 14px; border: 1px solid rgba(0,209,255,.12); transform: rotate(45deg); }
.profile-radar::after { inset: 28px; border-color: rgba(255,117,230,.17); transform: rotate(22.5deg); }
.profile-radar > i { position: absolute; z-index: 2; width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 11px rgba(74,222,128,.75); }
.profile-radar > i:nth-child(1) { top: 13px; left: 33px; }
.profile-radar > i:nth-child(2) { right: 9px; bottom: 32px; background: #00d1ff; box-shadow: 0 0 11px rgba(0,209,255,.7); }
.profile-radar > i:nth-child(3) { bottom: 10px; left: 21px; background: #ff75e6; box-shadow: 0 0 11px rgba(255,117,230,.6); }
.profile-radar span { position: absolute; z-index: 3; inset: 0; display: grid; place-content: center; text-align: center; }
.profile-radar small, .profile-radar b { display: block; }
.profile-radar small { color: #617e92; font-family: var(--font-mono); font-size: .45rem; text-transform: uppercase; }
.profile-radar b { margin-top: .1rem; color: #dbeaf1; font-size: .62rem; }
.profile-legend { display: grid; gap: .48rem; }
.profile-legend > span { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: .5rem; padding-bottom: .42rem; border-bottom: 1px solid rgba(125,211,252,.09); }
.profile-legend > span:last-child { border-bottom: 0; }
.profile-legend i { width: 6px; height: 6px; border-radius: 50%; background: #4ade80; }
.profile-legend > span:nth-child(2) i { background: #00d1ff; }
.profile-legend > span:nth-child(3) i { background: #ff75e6; }
.profile-legend b { color: #a9bdca; font-size: .62rem; }
.profile-legend small { color: #5e788c; font-size: .52rem; }
.parameter-board { position: absolute; right: 1.2rem; bottom: 1.2rem; left: 1.2rem; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.parameter-board span { padding: .72rem; border: 1px solid rgba(125,211,252,.12); border-radius: 12px; color: #9eb1c0; background: rgba(4,15,27,.42); font-size: .67rem; font-weight: 670; }
.parameter-board .is-accent { color: #4ce3fb; border-color: rgba(0,209,255,.25); background: rgba(0,209,255,.075); }
.source-orbit { position: absolute; width: 95px; height: 95px; top: 3rem; right: 1rem; border: 1px solid rgba(0,209,255,.15); border-radius: 50%; box-shadow: 0 0 0 15px rgba(0,209,255,.025),0 0 38px rgba(0,209,255,.07); }
.source-orbit i { position: absolute; width: 7px; height: 7px; top: 8px; left: 14px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 12px #4ade80; }
.source-orbit span { display: grid; height: 100%; place-items: center; color: #51e0f9; font-size: 1.7rem; }
.info-window-source h3 { position: relative; max-width: 70%; }
.info-window-source p { max-width: 85%; }
.info-window > a { position: absolute; right: 1.2rem; bottom: 1rem; left: 1.2rem; display: flex; justify-content: space-between; padding-top: .65rem; border-top: 1px solid rgba(125,211,252,.11); color: #58e1f9; font-size: .7rem; font-weight: 700; }
.compare-lines { display: grid; gap: .42rem; margin-top: 1rem; }
.compare-lines span { display: grid; grid-template-columns: 6px 72px 1fr; align-items: center; gap: .45rem; }
.compare-lines i { width: 5px; height: 5px; border-radius: 50%; background: #4ade80; }
.compare-lines b { color: #7e94a6; font-size: .62rem; font-weight: 650; }
.compare-lines em { height: 5px; border-radius: 99px; background: linear-gradient(90deg,rgba(0,209,255,.42),rgba(0,209,255,.06)); }
.compare-lines span:nth-child(2) em { width: 76%; }
.compare-lines span:nth-child(3) em { width: 58%; background: linear-gradient(90deg,rgba(255,117,230,.34),rgba(255,117,230,.04)); }
.info-window-calm blockquote { max-width: 660px; margin: 1.9rem 0 0; color: #f0f8fc; font-size: clamp(1.45rem,2.5vw,2.5rem); font-weight: 690; letter-spacing: -.045em; line-height: 1.06; }
.info-window-calm p { justify-self: end; align-self: end; margin: 0; }
.info-window-calm .info-window-top { grid-column: 1; grid-row: 1; }
.info-window-calm .choice-checklist { grid-column: 1; grid-row: 2; }
.info-window-calm blockquote { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; }
.info-window-calm > p { grid-column: 1; grid-row: 3; justify-self: start; }
.choice-checklist { display: grid; align-self: center; gap: .38rem; margin: 1.8rem 0 1.45rem; padding: 0; list-style: none; }
.choice-checklist li { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: .55rem; min-width: 260px; padding: .58rem .65rem; border: 1px solid rgba(125,211,252,.12); border-radius: 11px; background: rgba(4,15,27,.37); }
.choice-checklist span { color: #5e7b90; font-family: var(--font-mono); font-size: .53rem; }
.choice-checklist b { color: #afc1ce; font-size: .66rem; font-weight: 650; }
.choice-checklist i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #68e9b7; background: rgba(74,222,128,.09); font-size: .65rem; font-style: normal; }

.about-finish { padding: 0 0 clamp(4rem,7vw,6rem); }
.about-finish-window { display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(2rem,6vw,6rem); padding: clamp(1.5rem,3.5vw,2.7rem); border: 1px solid rgba(255,117,230,.17); border-radius: 25px; background: radial-gradient(circle at 15% 100%,rgba(255,117,230,.07),transparent 25rem),linear-gradient(145deg,rgba(26,36,57,.77),rgba(8,20,34,.62)); box-shadow: inset 0 1px rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.2); }
.about-finish h2 { font-size: clamp(2rem,3.7vw,3.65rem); }
.about-finish h2 em { color: #00d1ff; font-style: normal; }
.finish-copy > p:last-child { max-width: 700px; margin: 1rem 0 0; color: var(--color-text-muted); font-size: .84rem; line-height: 1.62; }
.finish-links { display: grid; align-content: center; }
.finish-links a { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: .7rem; padding: .72rem .25rem; border-bottom: 1px solid rgba(125,211,252,.12); color: #d9e7ef; transition: padding .2s ease,color .2s ease; }
.finish-links a:first-child { border-top: 1px solid rgba(125,211,252,.12); }
.finish-links a:hover { padding-inline: .55rem; color: #4fe1fa; }
.finish-links span { color: #5f7c90; font-family: var(--font-mono); font-size: .56rem; }
.finish-links b { font-size: .76rem; }
.finish-links i { color: #36dcf8; font-style: normal; }

.about-reveal { opacity: 1; transform: none; }
.about-reveal.is-pending { opacity: 0; transform: translateY(18px); transition: opacity .65s cubic-bezier(.2,.75,.2,1),transform .65s cubic-bezier(.2,.75,.2,1); }
.about-reveal.is-visible { opacity: 1; transform: none; }
.info-window:nth-child(2) { transition-delay: .07s; }
.info-window:nth-child(3) { transition-delay: .14s; }
.info-window:nth-child(4) { transition-delay: .21s; }
@keyframes about-live { 70% { box-shadow: 0 0 0 0 rgba(74,222,128,.32); } 100% { box-shadow: 0 0 0 8px transparent; } }
@keyframes about-aura { to { transform: translate3d(12px,-10px,0) scale(1.06); } }
@keyframes about-sweep { 0%,68% { transform: translateX(0) skewX(-17deg); } 88%,100% { transform: translateX(720px) skewX(-17deg); } }
@keyframes about-chip { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

:root[data-theme="light"] .about-hero { border-color: rgba(17,94,119,.14); background: radial-gradient(circle at 78% 26%,rgba(0,190,230,.17),transparent 29rem),radial-gradient(circle at 17% 92%,rgba(165,112,255,.08),transparent 24rem),linear-gradient(145deg,#edf5f8,#dcecf3); }
:root[data-theme="light"] .about-hero::before { opacity: .46; background-image: linear-gradient(rgba(30,112,140,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(30,112,140,.07) 1px,transparent 1px); }
:root[data-theme="light"] .about-hero h1 { color: #172238; }
:root[data-theme="light"] .about-hero h1 em, :root[data-theme="light"] .about-finish h2 em { color: #0284c7; }
:root[data-theme="light"] .about-lead { color: #587087; }
:root[data-theme="light"] .about-btn-quiet { color: #31566d; background: rgba(237,247,251,.66); }
:root[data-theme="light"] .overview-window { border-color: rgba(38,112,141,.25); background: linear-gradient(145deg,rgba(238,248,251,.83),rgba(192,219,231,.74)); box-shadow: inset 0 1px rgba(255,255,255,.8),0 26px 65px rgba(45,85,110,.17); }
:root[data-theme="light"] .overview-rate, :root[data-theme="light"] .overview-fields > span { background: rgba(243,250,252,.67); border-color: rgba(38,112,141,.14); }
:root[data-theme="light"] .overview-rate strong, :root[data-theme="light"] .overview-source b { color: #172238; }
:root[data-theme="light"] .overview-fields b { color: #315267; }
:root[data-theme="light"] .about-float-chip { color: #174f66; background: rgba(235,247,251,.87); box-shadow: 0 12px 30px rgba(45,85,110,.13); }
:root[data-theme="light"] .about-windows { background: radial-gradient(circle at 82% 45%,rgba(0,164,205,.09),transparent 28rem); }
:root[data-theme="light"] :is(.info-window,.about-finish-window) { border-color: rgba(38,112,141,.18); color: #172238; background: linear-gradient(145deg,rgba(239,247,251,.8),rgba(204,225,235,.66)); box-shadow: inset 0 1px rgba(255,255,255,.77),0 18px 45px rgba(45,85,110,.11); }
:root[data-theme="light"] .info-window-main { background: radial-gradient(circle at 76% 80%,rgba(0,188,230,.14),transparent 18rem),linear-gradient(145deg,rgba(239,247,251,.83),rgba(199,222,233,.69)); }
:root[data-theme="light"] .info-window-calm { background: radial-gradient(circle at 14% 90%,rgba(255,117,230,.09),transparent 20rem),linear-gradient(145deg,rgba(239,247,251,.82),rgba(204,225,235,.66)); }
:root[data-theme="light"] .parameter-board span { color: #4f687a; border-color: rgba(38,112,141,.14); background: rgba(240,248,251,.62); }
:root[data-theme="light"] .info-window-calm blockquote { color: #172238; }
:root[data-theme="light"] .condition-formula > div, :root[data-theme="light"] .choice-checklist li { border-color: rgba(38,112,141,.14); background: rgba(240,248,251,.62); }
:root[data-theme="light"] .condition-formula strong { color: #315267; }
:root[data-theme="light"] .condition-formula .formula-value strong { color: #0284c7; }
:root[data-theme="light"] .condition-summary { color: #607a8c; }
:root[data-theme="light"] .condition-summary strong { color: #0698c6; }
:root[data-theme="light"] .product-profile { border-color: rgba(38,112,141,.12); background: linear-gradient(120deg,rgba(240,248,251,.58),rgba(0,164,205,.045)); }
:root[data-theme="light"] .profile-radar b, :root[data-theme="light"] .profile-legend b { color: #3e5b6e; }
:root[data-theme="light"] .choice-checklist b { color: #486274; }
:root[data-theme="light"] .finish-links a { color: #315267; }

@media (max-width: 1000px) {
    .about-hero-grid { grid-template-columns: minmax(0,1fr); gap: 2rem; }
    .about-hero-visual { min-height: 390px; max-width: 620px; width: 100%; margin: auto; }
    .about-section-head { grid-template-columns: minmax(0,1fr); gap: 1rem; }
    .about-section-head > p { justify-self: start; }
    .about-window-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
    .info-window-main { grid-row: 1 / 3; }
    .info-window-calm { grid-column: 1 / 3; }
}
@media (max-width: 720px) {
    .about-hero { min-height: auto; }
    .about-hero-grid { padding-block: 3.25rem; }
    .about-hero h1 { font-size: clamp(2.8rem,13vw,4.5rem); }
    .about-hero-visual { min-height: 400px; }
    .overview-window { inset: 18px 2px; transform: none; }
    .about-window-grid { grid-template-columns: 1fr; }
    .info-window-main, .info-window-calm { grid-row: auto; grid-column: auto; }
    .info-window-main { min-height: 650px; }
    .info-window-calm { display: block; min-height: 440px; }
    .choice-checklist { max-width: none; margin-top: 1.25rem; }
    .choice-checklist li { min-width: 0; }
    .info-window-calm blockquote { margin-top: 1.4rem; }
    .info-window-calm p { margin-top: 1rem; }
    .about-finish-window { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
    .about-hero-actions { display: grid; }
    .about-btn { width: 100%; }
    .about-trust-line { display: grid; }
    .about-hero-visual { min-height: 380px; }
    .window-bar small { display: none; }
    .overview-fields { gap: .35rem; }
    .overview-fields > span { padding: .55rem .4rem; }
    .overview-fields b { font-size: .62rem; }
    .about-float-chip { font-size: .6rem; }
    .info-window-source h3, .info-window-source p { max-width: 100%; }
    .source-orbit { opacity: .45; }
}
@media (prefers-reduced-motion: reduce) {
    .about-kicker span, .about-aura, .overview-window::after, .about-float-chip { animation: none; }
    .about-reveal, .about-reveal.is-pending { opacity: 1; transform: none; transition: none; }
}