.capability-page{--accent:#3188e8;--wash:#dceeff;overflow-x:clip}.capability-page .site-header{position:sticky}.cap-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.cap-nav a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:750}.cap-nav a:hover{color:var(--accent)}
.cap-hero{position:relative;isolation:isolate;min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.7fr);align-items:center;gap:30px;max-width:1330px;margin:auto;padding:72px 46px 85px;overflow:hidden}.cap-hero-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 76% 45%,var(--wash),transparent 41%),radial-gradient(circle at 12% 85%,#e9ecff,transparent 42%)}.cap-hero-inner{position:relative;z-index:1;max-width:780px}.cap-back{display:inline-block;margin-bottom:38px;color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.cap-back:hover{text-decoration:underline}.cap-eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.cap-hero h1{font-size:clamp(3.7rem,6.7vw,7rem);line-height:1.02;letter-spacing:-.075em;max-width:850px;margin:22px 0 25px}.cap-hero p{max-width:660px;color:var(--muted);font-size:clamp(1.1rem,1.65vw,1.4rem);line-height:1.55}.cap-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:31px}.cap-hero-actions .button-primary{background:var(--accent)}.cap-hero-actions>span{font-size:10px;color:#7988a2;font-weight:850;letter-spacing:.11em}.cap-hero-art{position:relative;min-height:420px;display:grid;place-items:center}.cap-orb{width:min(31vw,400px);height:min(31vw,400px);min-width:260px;min-height:260px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 37% 30%,#fff,var(--wash) 55%,rgba(255,255,255,.25));box-shadow:0 0 0 24px rgba(255,255,255,.26),0 0 0 72px rgba(255,255,255,.12),0 28px 95px rgba(46,79,156,.16)}.cap-orb b{font-size:clamp(6rem,13vw,10rem);font-weight:300;color:var(--accent);text-shadow:0 20px 35px rgba(45,81,172,.16)}.cap-floating{position:absolute;padding:14px 18px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:rgba(255,255,255,.77);box-shadow:0 15px 38px rgba(44,68,125,.12);font-size:12px;font-weight:800;backdrop-filter:blur(15px);animation:float 5s ease-in-out infinite}.cap-floating span{color:var(--accent);margin-left:16px}.cap-floating.one{left:2%;top:23%;transform:rotate(-6deg)}.cap-floating.two{right:0;top:48%;animation-delay:-1.7s}.cap-floating.three{left:15%;bottom:6%;animation-delay:-3.1s}@keyframes float{50%{translate:0 -10px}}
.cap-lab{padding:90px max(28px,calc((100vw - 1280px)/2)) 70px;background:linear-gradient(180deg,var(--bg),var(--surface) 15%,var(--bg) 100%)}.cap-lab-heading{max-width:760px;margin:0 auto 55px;text-align:center}.cap-lab-heading h2,.cap-layers h2,.cap-related h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.065em;line-height:1.06;margin:17px 0}.cap-lab-heading p{font-size:1.12rem;line-height:1.6;color:var(--muted)}.cap-lab-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:start}.lab-stage{position:sticky;top:95px;height:min(720px,calc(100vh - 115px));min-height:565px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:var(--shadow)}.lab-stage-top{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;color:#7c89a6;font-size:11px;font-weight:850;letter-spacing:.14em}.lab-stage-top span{display:flex;align-items:center;gap:9px}.lab-stage-top i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--wash)}.lab-stage-top strong{color:var(--accent)}.lab-preview{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 30%,var(--wash),transparent 55%),radial-gradient(circle at 80% 70%,#e7dcff,transparent 55%),#edf4ff}.lab-preview-glow{position:absolute;width:530px;height:530px;border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.1)}.lab-window{position:relative;z-index:1;width:min(81%,510px);min-height:360px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.88);border:1px solid #fff;box-shadow:0 35px 85px rgba(51,77,139,.2);backdrop-filter:blur(18px);transform:rotate(-2deg);transition:transform .35s}.lab-preview:hover .lab-window{transform:rotate(0)}.lab-window-top{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaf1;padding:0 17px;color:#8392ae;font-size:10px}.lab-window-top span{display:flex;gap:5px}.lab-window-top i{width:7px;height:7px;border-radius:50%;background:#d9e0ea}.lab-window-main{padding:27px 29px;color:#253046}.lab-window-main>span{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.lab-window h3{font-size:clamp(1.55rem,2.5vw,2.25rem);line-height:1.08;letter-spacing:-.055em;margin:11px 0 20px}.lab-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lab-preview-cards div{min-height:77px;display:flex;flex-direction:column;justify-content:space-between;padding:11px 8px;border:1px solid #e2e8f4;border-radius:11px;background:#f5f8fd;color:#738099;font-size:10px;font-weight:750;transition:background-color .25s,transform .25s,box-shadow .25s}.lab-preview-cards div.on{transform:translateY(-4px);background:var(--wash);border-color:var(--accent);color:#253046;box-shadow:0 9px 20px rgba(51,77,139,.12)}.lab-preview-cards span{font-size:9px;letter-spacing:.1em;color:var(--accent)}.lab-scenario-output{margin-top:21px;padding:15px;border-radius:12px;background:#f5f7fb}.lab-scenario-output span{font-size:12px;font-weight:850;color:#31466b}.lab-scenario-output p{margin:5px 0 0;color:#687891;font-size:10px;line-height:1.45}.lab-stage-bottom{display:flex;align-items:center;gap:12px;padding:17px 19px}.scenario-switch{display:flex;gap:5px}.scenario-switch button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.scenario-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.lab-progress{width:19%;height:5px;margin-left:auto;background:#e7edf5;border-radius:5px;overflow:hidden}.lab-progress i{display:block;width:33%;height:100%;background:var(--accent);border-radius:5px;transition:width .3s}.lab-arrows{display:flex;gap:5px}.lab-arrows button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px}.lab-arrows button:hover:not(:disabled){background:var(--wash)}.lab-arrows button:disabled{opacity:.35;cursor:default}
.lab-phase{min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding:75px 12px;border-bottom:1px solid var(--line);opacity:.45;transform:translateY(10px);transition:opacity .35s,transform .35s}.lab-phase.active{opacity:1;transform:none}.lab-phase:last-child{border-bottom:0}.phase-index{color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.lab-phase h2{font-size:clamp(2.5rem,4vw,4.8rem);letter-spacing:-.065em;line-height:1.07;margin:19px 0}.lab-phase>p:not(.phase-detail){font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65;color:var(--muted);margin:0}.phase-switch{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.phase-switch button{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800}.phase-switch button:hover{border-color:var(--accent)}.phase-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.lab-phase .phase-detail{min-height:75px;margin-top:16px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:14px;line-height:1.55;color:var(--ink)}
.cap-layers,.cap-related{max-width:1270px;margin:auto;padding:110px 28px}.cap-layers-heading{max-width:700px}.cap-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.cap-layer-grid article{min-height:210px;padding:27px;border:1px solid var(--line);border-radius:25px;background:var(--surface)}.cap-layer-grid span{color:var(--accent);font-size:12px;font-weight:850}.cap-layer-grid h3{margin:32px 0 8px;font-size:1.4rem;letter-spacing:-.04em}.cap-layer-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.cap-boundary{display:grid;grid-template-columns:180px 1fr;gap:20px;margin-top:30px;padding:23px 26px;border-radius:18px;background:var(--wash);color:#263955}.cap-boundary span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.cap-boundary p{margin:0;font-size:14px;line-height:1.6}.cap-related{padding-top:65px}.cap-related h2{max-width:690px}.cap-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:35px}.cap-related-grid a{position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:20px 52px 20px 24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-decoration:none;transition:transform .2s,box-shadow .2s}.cap-related-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cap-related-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:850}.cap-related-grid b{font-size:17px;letter-spacing:-.035em}.cap-related-grid i{position:absolute;right:22px;top:45%;font-style:normal;color:var(--accent)}
.capability-page.dark .cap-hero-glow{opacity:.22}.capability-page.dark .lab-preview{background:radial-gradient(circle at 30% 30%,var(--wash),transparent 65%),#dbe7fb}.capability-page.dark .cap-boundary{background:#203457;color:#e3edff}.capability-page.dark .cap-floating{color:#1e3150}.capability-page.dark .cap-orb{opacity:.8}
@media(max-width:1050px){.cap-hero{grid-template-columns:1fr .55fr;padding-left:28px;padding-right:28px}.cap-lab-layout{gap:24px;grid-template-columns:1fr 1fr}.lab-window{width:88%}.lab-stage-bottom{flex-wrap:wrap}.lab-progress{width:14%}}
@media(max-width:760px){.cap-nav{gap:12px}.cap-nav a{font-size:11px}.cap-nav a:nth-child(2),.cap-nav a:nth-child(3){display:none}.cap-hero{display:block;min-height:0;padding:58px 22px 75px}.cap-hero h1{font-size:clamp(3rem,12vw,5rem)}.cap-hero-art{min-height:240px;margin-top:30px}.cap-orb{width:200px;height:200px;min-width:200px;min-height:200px}.cap-orb b{font-size:6rem}.cap-floating{padding:9px 12px;font-size:10px}.cap-lab{padding:65px 0}.cap-lab-heading{padding:0 20px;margin-bottom:30px}.cap-lab-layout{display:block}.lab-stage{top:64px;height:360px;min-height:0;border-radius:0;z-index:5}.lab-stage-top{padding:9px 18px;font-size:9px}.lab-window{min-height:205px;width:min(76%,360px);border-radius:15px;transform:none}.lab-window-top{height:27px;font-size:7px}.lab-window-top i{width:5px;height:5px}.lab-window-main{padding:14px}.lab-window h3{font-size:18px;margin:6px 0 10px}.lab-preview-cards{gap:4px}.lab-preview-cards div{min-height:40px;padding:5px;font-size:7px;border-radius:6px}.lab-preview-cards span{font-size:7px}.lab-scenario-output{margin-top:9px;padding:6px}.lab-scenario-output span{font-size:8px}.lab-scenario-output p{font-size:7px;margin-top:2px}.lab-stage-bottom{padding:7px 12px;gap:6px}.scenario-switch button{padding:5px 7px;font-size:8px}.lab-arrows button{width:26px;height:26px;font-size:12px}.lab-phase{min-height:68vh;padding:65px 25px;opacity:1;transform:none}.lab-phase h2{font-size:clamp(2.1rem,9vw,3.5rem)}.cap-layers,.cap-related{padding:75px 20px}.cap-layer-grid{grid-template-columns:1fr}.cap-layer-grid article{min-height:170px}.cap-boundary{grid-template-columns:1fr}.cap-related-grid{grid-template-columns:1fr}}
@media(max-width:430px){.capability-page .nav-shell{gap:9px}.cap-nav a{font-size:10px}.capability-page .wordmark{font-size:13px}.capability-page .brand-mark{width:31px;height:31px;font-size:19px}.cap-hero-actions>span{font-size:9px}.lab-window{width:82%}.lab-stage{height:345px}.scenario-switch button{font-size:7px}.lab-progress{display:none}}
@media(prefers-reduced-motion:reduce){.cap-floating{animation:none}.lab-window,.lab-phase,.cap-related-grid a{transform:none!important}}

.cap-hero h1,.lab-phase h2{overflow-wrap:break-word}
@media(max-width:760px){.cap-hero h1{font-size:clamp(2.8rem,10.2vw,4.6rem);letter-spacing:-.04em;word-spacing:.06em}}

.cap-hero h1{letter-spacing:-.045em;word-spacing:.035em}.cap-lab-heading h2,.cap-layers h2,.cap-related h2,.lab-phase h2{letter-spacing:-.04em;word-spacing:.035em}