.principles-strip{position:relative;overflow:hidden;background:#071f3f;border-block:1px solid rgba(255,255,255,.08)}
.principles-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(52,116,240,.18),transparent 42%),radial-gradient(circle at 86% 100%,rgba(77,142,255,.11),transparent 40%);pointer-events:none}
.principles-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.principles-grid article{display:flex;min-width:0;align-items:center;gap:14px;padding:23px 22px;border-inline-start:1px solid rgba(255,255,255,.1)}
.principles-grid article:last-child{border-inline-end:1px solid rgba(255,255,255,.1)}
.principle-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(139,181,255,.28);border-radius:13px;color:#8db8ff;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.principle-icon svg{width:20px;height:20px}
.principles-grid strong,.principles-grid small{display:block}
.principles-grid strong{color:#fff;font-size:.91rem;line-height:1.2}
.principles-grid small{margin-top:5px;color:#aebed7;font-size:.73rem;line-height:1.42}
.capability-explorer-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%)}
.capability-explorer-section::before{content:"";position:absolute;width:520px;height:520px;right:-260px;top:40px;border-radius:50%;background:radial-gradient(circle,rgba(45,109,247,.11),transparent 68%);pointer-events:none}
.capability-explorer-header{position:relative;max-width:800px}
.capability-explorer{position:relative;display:grid;grid-template-columns:minmax(245px,.32fr) minmax(0,1fr);gap:16px;padding:15px;border:1px solid #dce7f7;border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 24px 62px rgba(31,72,145,.12);backdrop-filter:blur(12px)}
.capability-tabs{display:flex;flex-direction:column;gap:8px;padding:4px}
.capability-tab{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;width:100%;padding:13px;border:1px solid transparent;border-radius:15px;color:#607397;background:transparent;text-align:left;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}
.capability-tab>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8e5f7;border-radius:12px;color:#2d6df7;background:#f4f8ff;transition:background .22s ease,color .22s ease,border-color .22s ease}
.capability-tab svg{width:20px;height:20px}
.capability-tab strong{align-self:end;color:#16396f;font-size:.91rem;line-height:1.18}
.capability-tab small{align-self:start;margin-top:3px;color:#7083a4;font-size:.68rem;line-height:1.25}
.capability-tab:hover{border-color:#d2e1f7;background:#f8fbff;transform:translateX(2px)}
.capability-tab.is-active{border-color:#bdd3f5;color:#fff;background:linear-gradient(135deg,#173f99,#2d6df7);box-shadow:0 13px 28px rgba(31,83,184,.22)}
.capability-tab.is-active>span{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.12)}
.capability-tab.is-active strong,.capability-tab.is-active small{color:#fff}
.capability-tab.is-active small{opacity:.76}
.capability-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:470px;overflow:hidden;border:1px solid #dce7f7;border-radius:21px;background:#fff;box-shadow:0 14px 34px rgba(31,72,145,.08)}
.capability-panel[hidden]{display:none}
.capability-panel figure{position:relative;min-height:100%;overflow:hidden;background:#0c2b5c}
.capability-panel figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(6,25,55,.26))}
.capability-panel figure img{display:block;width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center}
.capability-panel-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(26px,3.2vw,42px)}
.capability-kicker,.engagement-label{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #d2e2fa;border-radius:999px;color:#245fcf;background:#f1f6ff;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.capability-panel-copy h3{margin:13px 0 10px;color:#102f63;font-size:clamp(1.75rem,2.6vw,2.7rem);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.capability-panel-copy>p{margin:0;color:#60759a;font-size:.94rem;line-height:1.66}
.capability-panel-copy dl{display:grid;gap:0;margin:19px 0 18px;border-block:1px solid #e2eaf6}
.capability-panel-copy dl div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #e7eef8}
.capability-panel-copy dl div:last-child{border-bottom:0}
.capability-panel-copy dt{color:#163d79;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.capability-panel-copy dd{margin:0;color:#5f7395;font-size:.79rem;line-height:1.5}
.text-link{display:inline-flex;align-items:center;gap:7px;width:fit-content;color:#1856bd;font-weight:800;text-decoration:none}
.text-link span{transition:transform .2s ease}
.text-link:hover span,.text-link:focus-visible span{transform:translateX(3px)}
.capture-systems-section{background:linear-gradient(180deg,#f4f8ff 0%,#fff 100%)}
.capture-systems-header{max-width:850px}
.capture-system-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);overflow:hidden;border:1px solid #d9e6f7;border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(25,67,138,.12)}
.capture-system-visual{position:relative;min-height:500px;overflow:hidden;background:#0d2c61}
.capture-system-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,24,55,.08),transparent 45%,rgba(4,24,55,.2))}
.capture-system-visual img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}
.view-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#103568;background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(8,35,78,.19);backdrop-filter:blur(8px);font-size:.72rem;font-weight:850}
.view-tag b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#2d6df7;font-size:.58rem;letter-spacing:.04em}
.view-tag--pov{top:22px;left:22px}.view-tag--side{top:47%;right:22px}.view-tag--context{bottom:22px;left:22px}.view-tag--wrist{left:34%;bottom:27%}
.capture-system-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,3.4vw,44px)}
.capture-system-copy h3{margin:13px 0 10px;color:#102f63;font-size:clamp(1.8rem,2.6vw,2.65rem);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.capture-system-copy>p{margin:0;color:#60759a;line-height:1.72}
.viewpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:19px 0}
.viewpoint-grid div{padding:13px;border:1px solid #dce8f8;border-radius:14px;background:#f8fbff}
.viewpoint-grid strong,.viewpoint-grid span{display:block}
.viewpoint-grid strong{color:#173d76;font-size:.79rem}.viewpoint-grid span{margin-top:4px;color:#6b7e9d;font-size:.7rem;line-height:1.4}
.capture-system-copy .btn{align-self:flex-start}
.environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.environment-grid article{position:relative;min-height:220px;overflow:hidden;border:1px solid #d9e6f7;border-radius:19px;background:#0c2b5c;box-shadow:0 12px 30px rgba(25,67,138,.09)}
.environment-grid article::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,24,54,.8) 100%)}
.environment-grid img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.environment-grid article:hover img{transform:scale(1.035)}
.environment-grid article div{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}
.environment-grid span,.environment-grid small{display:block;color:#fff}.environment-grid span{font-size:1rem;font-weight:850}.environment-grid small{margin-top:4px;font-size:.72rem;opacity:.78}
.environment-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:16px}
.environment-chips span{padding:8px 11px;border:1px solid #d9e5f6;border-radius:999px;color:#47648f;background:#fff;font-size:.72rem;font-weight:750}
.engagement-path-section{background:#fff}
.engagement-path-header{max-width:850px}
.engagement-selector{display:grid;grid-template-columns:minmax(270px,.38fr) minmax(0,.62fr);gap:14px;padding:14px;border:1px solid #dbe7f7;border-radius:27px;background:linear-gradient(145deg,#f7faff,#eef5ff);box-shadow:0 22px 55px rgba(30,71,142,.11)}
.engagement-tabs{display:flex;flex-direction:column;gap:9px}
.engagement-tab{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:13px;border:1px solid #dce7f7;border-radius:16px;color:#173d76;background:rgba(255,255,255,.78);text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.engagement-tab>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ccdcf4;border-radius:13px;color:#2d6df7;background:#f2f7ff;font-size:.68rem;font-weight:900}
.engagement-tab strong,.engagement-tab small{display:block}.engagement-tab strong{font-size:.87rem;line-height:1.25}.engagement-tab small{margin-top:4px;color:#7183a2;font-size:.68rem;line-height:1.3}
.engagement-tab:hover{transform:translateX(2px);border-color:#bfd3f2}
.engagement-tab.is-active{border-color:#2d6df7;color:#fff;background:linear-gradient(135deg,#163e95,#2d6df7);box-shadow:0 14px 28px rgba(31,83,184,.22)}
.engagement-tab.is-active>span{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.12)}
.engagement-tab.is-active small{color:rgba(255,255,255,.72)}
.engagement-panels{min-width:0}
.engagement-panel{display:flex;min-height:350px;height:100%;flex-direction:column;justify-content:center;padding:clamp(26px,3.2vw,42px);border:1px solid #dce7f7;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(31,72,145,.07)}
.engagement-panel[hidden]{display:none}
.engagement-panel h3{max-width:720px;margin:13px 0 10px;color:#102f63;font-size:clamp(1.75rem,2.7vw,2.65rem);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.engagement-panel>p{max-width:720px;margin:0;color:#60759a;line-height:1.7}
.engagement-panel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 20px;padding:0;list-style:none}
.engagement-panel li{position:relative;padding:12px 12px 12px 34px;border:1px solid #dce8f8;border-radius:13px;color:#365a8c;background:#f8fbff;font-size:.75rem;font-weight:750;line-height:1.35}
.engagement-panel li::before{content:"✓";position:absolute;left:12px;top:11px;color:#2d6df7;font-weight:900}
.engagement-panel .btn{align-self:flex-start}
.quality-gates-section{background:linear-gradient(180deg,#f5f9ff 0%,#edf4ff 100%)}
.quality-gates-header{max-width:850px}
.quality-gates-shell{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid #d9e6f7;border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(25,67,138,.12)}
.quality-gates-media{position:relative;min-height:500px;overflow:hidden;background:#0d2c61}
.quality-gates-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(5,24,54,.76))}
.quality-gates-media img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}
.quality-gates-media figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;font-size:.78rem;font-weight:750;line-height:1.45}
.quality-gates{position:relative;display:flex;flex-direction:column;justify-content:center;gap:0;margin:0;padding:28px 34px;list-style:none}
.quality-gates::before{content:"";position:absolute;left:65px;top:74px;bottom:74px;width:2px;background:linear-gradient(180deg,#2d6df7,#9dbcf2)}
.quality-gates li{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:13px 0}
.quality-gates li>span{display:grid;place-items:center;width:54px;height:54px;border:5px solid #f5f9ff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#173f99,#2d6df7);box-shadow:0 9px 22px rgba(35,87,190,.22);font-size:.7rem;font-weight:900}
.quality-gates li div{padding:2px 0 13px;border-bottom:1px solid #e2eaf6}.quality-gates li:last-child div{border-bottom:0}
.quality-gates strong{display:block;color:#153a72;font-size:.98rem}.quality-gates p{margin:5px 0;color:#65799a;font-size:.79rem;line-height:1.5}.quality-gates small{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;color:#2458b8;background:#f1f6ff;font-size:.64rem;font-weight:800}
.quality-gates-action{display:flex;justify-content:center;margin-top:16px}
.enterprise-final-cta{background:#fff}
.enterprise-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(28px,3.2vw,42px);border:1px solid #cbdcf5;background:linear-gradient(135deg,#eef5ff 0%,#fff 55%,#f0f6ff 100%);box-shadow:0 22px 56px rgba(31,72,145,.12)}
.enterprise-cta h2{max-width:850px;margin:9px 0 10px;color:#102f63;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}
.enterprise-cta p{max-width:760px;margin:0;color:#60759a;line-height:1.65}
.cta-inputs{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.cta-inputs span{padding:7px 10px;border:1px solid #d6e3f6;border-radius:999px;color:#48658e;background:rgba(255,255,255,.8);font-size:.68rem;font-weight:760}
.enterprise-cta-actions{display:flex;min-width:220px;flex-direction:column;align-items:center;gap:10px}.enterprise-cta-actions .btn{width:100%}
.capability-panel.is-entering,.engagement-panel.is-entering{animation:enterprise-panel-in .38s cubic-bezier(.2,.75,.2,1) both}
@keyframes enterprise-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1080px){.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-grid article:nth-child(3),.principles-grid article:nth-child(4){border-top:1px solid rgba(255,255,255,.1)}.capability-explorer{grid-template-columns:1fr}.capability-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.capability-tab{grid-template-columns:36px minmax(0,1fr);padding:10px}.capability-tab>span{width:36px;height:36px}.capability-tab small{display:none}.capture-system-shell,.quality-gates-shell{grid-template-columns:1fr}.capture-system-visual{min-height:500px}.quality-gates-media{min-height:420px}.quality-gates-media img{min-height:420px}.quality-gates{padding:30px 38px}.engagement-selector{grid-template-columns:1fr}.engagement-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.engagement-tab{grid-template-columns:36px minmax(0,1fr);padding:12px}.engagement-tab>span{width:36px;height:36px}.engagement-tab small{display:none}.enterprise-cta{grid-template-columns:1fr}.enterprise-cta-actions{min-width:0;align-items:flex-start}.enterprise-cta-actions .btn{width:auto}}
@media(max-width:760px){.principles-grid article{padding:17px 15px;gap:10px}.principle-icon{width:36px;height:36px;flex-basis:36px}.principles-grid strong{font-size:.8rem}.principles-grid small{font-size:.65rem}.capability-explorer{padding:8px;border-radius:21px}.capability-tabs{display:flex;flex-direction:row;gap:7px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity}.capability-tabs::-webkit-scrollbar{display:none}.capability-tab{display:flex;min-width:max-content;align-items:center;gap:7px;padding:8px 10px;border-color:#dce7f7;background:#fff;scroll-snap-align:start}.capability-tab>span{width:30px;height:30px;flex:0 0 30px;border-radius:9px}.capability-tab svg{width:15px;height:15px}.capability-tab strong{font-size:.75rem}.capability-tab small{display:none}.capability-tab:hover{transform:none}.capability-panel{grid-template-columns:1fr;min-height:0;border-radius:17px}.capability-panel figure{min-height:235px}.capability-panel figure img{min-height:235px;height:235px}.capability-panel-copy{padding:21px 18px 23px}.capability-panel-copy h3{font-size:clamp(1.55rem,7vw,2rem)}.capability-panel-copy>p{font-size:.88rem}.capability-panel-copy dl{margin:15px 0}.capability-panel-copy dl div{grid-template-columns:1fr;gap:4px;padding:9px 0}.capability-panel-copy dd{font-size:.73rem}.capture-system-shell{border-radius:21px}.capture-system-visual{min-height:330px}.capture-system-visual img{min-height:330px}.capture-system-copy{padding:22px 18px 24px}.capture-system-copy h3{font-size:clamp(1.55rem,7vw,2.05rem)}.viewpoint-grid{gap:7px;margin:16px 0}.viewpoint-grid div{padding:10px}.view-tag{padding:6px 8px;font-size:.62rem}.view-tag b{width:20px;height:20px}.view-tag--pov{top:12px;left:12px}.view-tag--side{right:12px}.view-tag--context{bottom:12px;left:12px}.view-tag--wrist{left:31%;bottom:25%}.environment-grid{gap:6px;margin-top:10px}.environment-grid article{min-height:155px;border-radius:14px}.environment-grid img{min-height:155px}.environment-grid article div{left:10px;right:10px;bottom:10px}.environment-grid span{font-size:.72rem;line-height:1.2}.environment-grid small{display:none}.environment-chips{justify-content:flex-start;gap:5px;margin-top:12px}.environment-chips span{padding:6px 8px;font-size:.62rem}.engagement-selector{padding:8px;border-radius:21px}.engagement-tabs{display:flex;overflow-x:auto;gap:7px;padding-bottom:7px;scrollbar-width:none}.engagement-tabs::-webkit-scrollbar{display:none}.engagement-tab{display:flex;min-width:max-content;align-items:center;gap:8px;padding:9px 11px}.engagement-tab>span{width:30px;height:30px;flex:0 0 30px;border-radius:9px}.engagement-tab strong{font-size:.72rem}.engagement-panel{min-height:0;padding:22px 18px;border-radius:16px}.engagement-panel h3{font-size:clamp(1.55rem,7vw,2.05rem)}.engagement-panel>p{font-size:.88rem}.engagement-panel ul{grid-template-columns:1fr;gap:6px;margin:15px 0 17px}.engagement-panel li{padding:10px 10px 10px 31px}.engagement-panel li::before{top:9px}.quality-gates-shell{border-radius:21px}.quality-gates-media{min-height:270px}.quality-gates-media img{min-height:270px}.quality-gates{padding:20px 18px}.quality-gates::before{left:43px;top:55px;bottom:55px}.quality-gates li{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:9px 0}.quality-gates li>span{width:46px;height:46px;border-width:4px}.quality-gates strong{font-size:.9rem}.quality-gates p{font-size:.74rem}.enterprise-cta{padding:22px 18px;border-radius:21px}.enterprise-cta h2{font-size:clamp(1.8rem,8vw,2.35rem)}.enterprise-cta-actions{align-items:stretch}.enterprise-cta-actions .btn{width:100%}}
@media(max-width:430px){.principles-grid article{padding:14px 10px}.principle-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.principle-icon svg{width:16px;height:16px}.principles-grid strong{font-size:.72rem}.principles-grid small{display:none}.capability-panel figure,.capability-panel figure img{min-height:210px;height:210px}.capture-system-visual,.capture-system-visual img{min-height:290px}.viewpoint-grid{grid-template-columns:1fr 1fr}.viewpoint-grid span{font-size:.63rem}.environment-grid article,.environment-grid img{min-height:135px}.environment-grid span{font-size:.64rem}.quality-gates-media,.quality-gates-media img{min-height:230px}.quality-gates-media figcaption{left:14px;right:14px;bottom:13px;font-size:.68rem}.cta-inputs span{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.capability-panel.is-entering,.engagement-panel.is-entering{animation:none}.environment-grid img,.text-link span{transition:none}}