.platform-focus{margin:36px 0 20px;padding-bottom:18px;border-bottom:1px solid #c4b5d52b}
.platform-focus .label{color:#d5c4f1;font-size:12px;letter-spacing:.1em}
.platform-copy #features{display:grid;gap:12px;margin:24px 0 30px}
.platform-copy #features li{line-height:1.55}
.integrations p{line-height:1.75}
.perspective-card .card-detail{line-height:1.75}
@media(max-width:800px){.hero-copy p{max-width:390px}.platform-copy #features{gap:10px}.principles-strip{line-height:1.6}}

.intro,.tech-heading{grid-template-columns:1fr}
.intro h2,.tech-heading h2{margin-top:0}
.journey-top{justify-content:flex-end}
.principles-strip{justify-content:space-between}

/* Editorial feature trio: one network panel, two compact companion panels. */
.perspective-heading{display:block;max-width:1000px}
.perspective-heading>p{margin-top:24px;max-width:530px;line-height:1.7}
.perspective-grid{grid-template-columns:1.08fr 1fr;gap:18px;align-items:stretch}
.perspective-card{position:relative;border-radius:18px;padding:32px;min-height:0;background:#171f32;box-shadow:none;cursor:default}
.perspective-card:hover{background:#171f32;border-color:#d6cdf426;box-shadow:none}
.perspective-card .card-top{font-size:12px;letter-spacing:.04em;color:#c4bfd4}
.locate-card{grid-row:span 2;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#41304b55,transparent 65%),#171f32}
.locate-card:hover{background:radial-gradient(ellipse at 50% 40%,#41304b55,transparent 65%),#171f32}
.locate-map{margin:auto -12px;padding:42px 0;width:calc(100% + 24px)}
.locate-map svg{display:block;width:100%;height:auto}
.map-caption{display:flex;justify-content:space-between;padding:12px 15px 0;color:#bab7cc;font-size:11px}
.perspective-card .card-copy h3{font-size:clamp(25px,2.4vw,36px);font-weight:450;line-height:1.14;letter-spacing:-.035em;margin:0 0 16px;color:#f2eff8}
.locate-card .card-copy h3{font-size:clamp(32px,3.4vw,50px)}
.perspective-card .card-copy p{font-size:14px;line-height:1.75;color:#b9c2d6;max-width:440px;margin:0}
.session-art{margin:22px 0 27px}
.session-art svg{width:100%;height:95px;display:block;overflow:visible}
.session-art>div{display:flex;justify-content:space-between;font-size:10px;color:#c4bfd4;padding-top:4px}
.service-card{background:linear-gradient(115deg,#29273b,#1e2638)}
.service-card:hover{background:linear-gradient(115deg,#29273b,#1e2638)}
.service-window{display:flex;align-items:center;gap:20px;margin:22px 0 4px;color:#eed8cd;font-size:clamp(44px,5.4vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1}
.service-window>span>span{font-size:.3em;letter-spacing:-.02em;margin-left:3px}
.time-bridge{flex:1;height:1px;background:#baa4b3;opacity:.5;max-width:100px}
.service-zone{display:block;color:#c4bfd4;font-size:11px;margin-bottom:28px}
@media(max-width:800px){.perspective-grid{grid-template-columns:1fr}.perspective-card{padding:26px}.locate-card{grid-row:auto}.locate-map{padding:24px 0;margin:0 -12px}.perspective-card .card-copy h3{font-size:28px}.locate-card .card-copy h3{font-size:36px}.session-art svg{height:110px}.service-window{font-size:64px}}

.benefit-details{margin-top:24px;border-top:1px solid #c4bfd430;text-align:left}
.benefit-details summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 4px;cursor:pointer;list-style:none;font-size:13px;color:#ebd4e5}
.benefit-details summary::-webkit-details-marker{display:none}
.detail-plus{position:relative;width:18px;height:18px;flex-shrink:0}
.detail-plus:before,.detail-plus:after{content:"";position:absolute;left:2px;top:8px;width:14px;height:1px;background:currentColor;transition:transform .25s}
.detail-plus:after{transform:rotate(90deg)}.benefit-details[open] .detail-plus:after{transform:rotate(0)}
.benefit-details>div{padding-top:16px;color:#bdc7d8;font-size:13px;line-height:1.8}
.benefit-details p{margin:0}.benefit-details ul{padding-left:18px;margin:16px 0}.benefit-details a{font-size:13px}
.benefit-details summary:focus-visible,.banner-toggle:focus-visible{outline:2px solid #efc6a6;outline-offset:5px}
.perspective-card{transition:border-color .35s,background .35s}
.perspective-card:has(details[open]){border-color:#d5b9e280}
.locate-card:has(details[open]) .locate-map svg g:first-of-type{stroke-dasharray:10 6;animation:locate-stream 5s linear infinite}
.hours-card:has(details[open]) .session-art circle{animation:session-light 2.5s ease-in-out infinite}
.service-card:has(details[open]) .time-bridge{transform-origin:left;animation:service-reach 1.8s ease-out both}
.das-brand{display:block;width:180px;height:50px;object-fit:contain;object-position:left center}
.platform-focus{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.platform-banner{background:#152035;padding:32px max(30px,7vw);border-block:1px solid #c2bde526}
.banner-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#b9c2d6;font-size:13px;margin-bottom:24px}
.banner-toggle{border:1px solid #c4bfd450;border-radius:40px;background:transparent;color:#e8d8ec;padding:10px 16px;white-space:nowrap;cursor:pointer}
.logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;width:max-content;animation:platform-scroll 22s linear infinite}
.logo-set{display:flex;align-items:center;justify-content:space-around;width:max(100vw - 14vw,720px)}
.logo-set>span{display:flex;align-items:center;justify-content:center;width:220px;height:90px}
.logo-set img{width:170px;height:48px;object-fit:contain}
.platform-banner:hover .logo-track,.platform-banner:focus-within .logo-track,.platform-banner.is-paused .logo-track{animation-play-state:paused}
@keyframes platform-scroll{to{transform:translateX(-50%)}}
@keyframes locate-stream{to{stroke-dashoffset:-160}}
@keyframes session-light{50%{opacity:.45}}
@keyframes service-reach{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.logo-track,.perspective-card *{animation:none!important;transition:none!important}}
html.motion-paused .logo-track,html.motion-paused .perspective-card *{animation-play-state:paused!important}
@media(max-width:520px){.banner-heading{align-items:flex-start;line-height:1.6}.platform-focus{gap:16px}.das-brand{width:150px}}