/* Shared visual language for compact purpose-led topic pages. */
.topic-hero{position:relative;min-height:88svh;display:flex;align-items:center;overflow:hidden;padding:clamp(112px,14vh,150px) 0 clamp(70px,9vh,96px);background:#080a0e;color:var(--fg)}
.topic-hero__glow{position:absolute;inset:0;background:radial-gradient(circle at 76% 44%,rgba(97,45,248,.2),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px);pointer-events:none}
.topic-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(48px,7vw,96px);align-items:center}
.topic-hero__copy{max-width:650px}.topic-hero .eyebrow{margin-bottom:20px}.topic-hero h1{max-width:12ch;font-size:clamp(3rem,5.5vw,5.6rem);font-weight:300;line-height:.96;letter-spacing:-.045em;color:#fff}.topic-hero .lead{max-width:52ch;margin-top:25px;color:#c4cbd5}.topic-hero .btn-row{margin-top:30px}.topic-hero .btn--secondary{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff}
.topic-visual{position:relative;min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-2xl);background:linear-gradient(145deg,#171b24,#090b10);box-shadow:0 48px 100px -55px #000}
.topic-visual__grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%);background-size:42px 42px}
.topic-visual__ring{position:absolute;left:50%;top:46%;border:1px solid rgba(126,94,255,.27);border-radius:50%;transform:translate(-50%,-50%)}.topic-visual__ring--one{width:340px;height:340px;background:rgba(97,45,248,.045)}.topic-visual__ring--two{width:470px;height:470px;border-style:dashed;animation:topic-spin 26s linear infinite}
.topic-visual__core{position:absolute;z-index:4;left:50%;top:46%;display:grid;place-items:center;width:150px;height:150px;padding:18px;border:1px solid rgba(161,140,255,.44);border-radius:50%;background:#11151c;box-shadow:0 0 0 14px rgba(97,45,248,.12);text-align:center;transform:translate(-50%,-50%)}.topic-visual__core>.ico{width:30px;height:30px;color:#8d73ff}.topic-visual__core strong{font-size:var(--fs-small);line-height:1.15}.topic-visual__core small{color:#87919f;font-size:var(--fs-micro)}
.topic-visual__node{position:absolute;z-index:3;display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(18,22,29,.9);color:#a995ff}.topic-visual__node>.ico{width:25px;height:25px}.topic-visual__node small{position:absolute;top:88px;color:#abb4c0;font-size:var(--fs-micro);white-space:nowrap}.topic-visual__node::after{content:"";position:absolute;width:110px;height:1px;background:linear-gradient(90deg,rgba(130,99,255,.65),transparent);transform-origin:left}.topic-visual__node--1{left:10%;top:15%}.topic-visual__node--1::after{left:72px;top:62px;rotate:28deg}.topic-visual__node--2{right:10%;top:17%}.topic-visual__node--2::after{right:72px;top:58px;rotate:152deg}.topic-visual__node--3{left:11%;bottom:18%}.topic-visual__node--3::after{left:70px;top:18px;rotate:-28deg}.topic-visual__node--4{right:11%;bottom:19%}.topic-visual__node--4::after{right:70px;top:20px;rotate:208deg}
.topic-visual__status{position:absolute;z-index:5;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:12px 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(7,9,13,.84);backdrop-filter:blur(9px)}.topic-visual__status span{display:flex;align-items:center;gap:8px;color:#b6bfca;font-size:var(--fs-meta)}.topic-visual__status i{width:7px;height:7px;border-radius:50%;background:#7958ff;box-shadow:0 0 11px #7958ff}.topic-visual__status span:nth-child(2){justify-content:center}.topic-visual__status span:last-child{justify-content:flex-end}
.topic-visual--route::after{content:"";position:absolute;z-index:2;left:14%;right:12%;top:47%;height:4px;border-radius:4px;background:linear-gradient(90deg,#6845ff,#a895ff);rotate:-13deg;box-shadow:0 0 15px rgba(116,81,255,.5)}.topic-visual--radar .topic-visual__ring--one{animation:topic-pulse 3s ease-in-out infinite}.topic-visual--hazmat .topic-visual__ring--one{width:390px;height:190px;border-radius:50% 18% 50% 18%;rotate:-18deg}.topic-visual--hazmat .topic-visual__ring--two{width:450px;height:250px;border-radius:50% 18% 50% 18%;rotate:-18deg}.topic-visual--data .topic-visual__node,.topic-visual--platform .topic-visual__node,.topic-visual--dashboard .topic-visual__node{border-radius:12px}.topic-visual--dashboard .topic-visual__core{width:185px;height:125px;border-radius:18px}.topic-visual--assurance .topic-visual__ring--one{border-width:7px;border-color:rgba(97,45,248,.15)}
.topic-concept .section-head{max-width:850px}.topic-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(48px,7vw,78px)}.topic-moment{position:relative;min-height:245px;padding:26px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-raised)}.topic-moment small{font-family:var(--font-mono);color:var(--accent);font-size:var(--fs-meta)}.topic-moment strong{display:block;margin-top:52px;font-size:var(--fs-h4);font-weight:500}.topic-moment p{margin-top:12px;color:var(--fg-muted);font-size:var(--fs-small)}
.topic-principles{background:#090b0f}.topic-principles__grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(520px,1.3fr);gap:clamp(54px,9vw,120px);align-items:start}.topic-principles__grid h2{max-width:12ch;margin-top:18px}.topic-principles__list{display:grid}.topic-principle{display:grid;grid-template-columns:48px minmax(140px,.55fr) 1fr;gap:20px;align-items:start;padding:24px 0;border-top:1px solid rgba(255,255,255,.12)}.topic-principle:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.topic-principle span{font-family:var(--font-mono);color:#7c8794;font-size:var(--fs-meta)}.topic-principle strong{font-size:var(--fs-h5);font-weight:500}.topic-principle p{color:#9da7b4;font-size:var(--fs-small)}
.topic-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-product{display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:auto auto;gap:1px 13px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-raised)}.topic-product>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.topic-product>span .ico{width:23px;height:23px}.topic-product small{color:var(--fg-subtle);font-size:var(--fs-meta)}.topic-product strong{font-size:var(--fs-h5)}.topic-product>.ico{grid-column:3;grid-row:1/3;color:var(--accent)}
.topic-faq{padding-block:clamp(64px,8vw,105px)}.topic-faq__grid{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(500px,1fr);gap:clamp(48px,8vw,108px);align-items:start}.topic-faq .eyebrow{margin-bottom:18px}.topic-faq .faq{max-width:none}
@keyframes topic-spin{to{rotate:360deg}}@keyframes topic-pulse{0%,100%{scale:.94;opacity:.55}50%{scale:1.04;opacity:1}}
@media (max-width:1080px){.topic-hero__grid,.topic-principles__grid{grid-template-columns:1fr}.topic-hero__copy{max-width:760px}.topic-visual{max-width:800px}.topic-principles__grid h2{max-width:18ch}.topic-products{grid-template-columns:1fr}.topic-principles__list{max-width:800px}}
@media (max-width:760px){.topic-hero{min-height:auto;padding:96px 0 56px}.topic-hero__grid{gap:38px}.topic-hero h1{font-size:clamp(2.65rem,13vw,4.2rem)}.topic-hero .lead{margin-top:20px}.topic-hero .btn-row{margin-top:24px}.topic-visual{min-height:350px;border-radius:18px}.topic-visual__ring--one{width:230px;height:230px}.topic-visual__ring--two{width:320px;height:320px}.topic-visual__core{width:118px;height:118px;padding:13px;box-shadow:0 0 0 9px rgba(97,45,248,.12)}.topic-visual__core>.ico{width:25px;height:25px}.topic-visual__node{width:54px;height:54px;border-radius:13px}.topic-visual__node>.ico{width:20px;height:20px}.topic-visual__node small{top:60px;font-size:.64rem}.topic-visual__node::after{width:70px}.topic-visual__node--1{left:8%;top:13%}.topic-visual__node--1::after{left:49px;top:42px}.topic-visual__node--2{right:8%;top:15%}.topic-visual__node--2::after{right:49px;top:40px}.topic-visual__node--3{left:9%;bottom:22%}.topic-visual__node--3::after{left:48px;top:12px}.topic-visual__node--4{right:9%;bottom:23%}.topic-visual__node--4::after{right:48px;top:13px}.topic-visual__status{left:12px;right:12px;bottom:11px;padding:9px 10px}.topic-visual__status span{font-size:.7rem}.topic-visual--hazmat .topic-visual__ring--one{width:265px;height:130px}.topic-visual--hazmat .topic-visual__ring--two{width:315px;height:175px}.topic-visual--dashboard .topic-visual__core{width:145px;height:96px}.topic-moments{grid-template-columns:1fr;gap:10px;margin-top:42px}.topic-moment{display:grid;grid-template-columns:42px 135px 1fr;gap:12px;align-items:start;min-height:auto;padding:20px}.topic-moment strong{margin-top:0;font-size:1.05rem}.topic-moment p{margin-top:0}.topic-principles__grid{gap:36px}.topic-principle{grid-template-columns:36px 1fr;padding:20px 0}.topic-principle p{grid-column:2}.topic-faq__grid{grid-template-columns:1fr}}
@media (max-width:520px){.topic-hero .btn-row{display:grid}.topic-hero .btn{justify-content:center}.topic-visual{min-height:330px}.topic-visual__node small{max-width:10ch;text-align:center;white-space:normal}.topic-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.topic-moment{display:block;min-height:190px;padding:14px}.topic-moment strong{margin-top:28px;font-size:.92rem}.topic-moment p{margin-top:8px;font-size:.76rem}.topic-principle{grid-template-columns:30px 1fr;gap:10px}.topic-visual__status span{gap:5px}.topic-visual__status i{width:5px;height:5px}}
@media (prefers-reduced-motion:reduce){.topic-visual__ring{animation:none}}