.cs-hero{background:radial-gradient(1100px 560px at 80% 10%,#163f80 0%,var(--navy) 60%);color:#fff;padding:0 0 46px}
.cs-hero .crumb,.cs-hero .crumb a{color:#9FB3D3}
.cs-hero h1{font-size:clamp(28px,3.4vw,42px);margin:10px 0 14px;max-width:760px}
.cs-hero.hub{padding-bottom:38px}.cs-hero.hub .lede{max-width:780px}
.cs-hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center}
.cs-ind{display:inline-block;margin-top:18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-weight:700}
.cs-stats{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cs-stats li,.cs-card .mini li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 13px}
.cs-stats span,.cs-card .mini span{display:block;font-size:12px;color:#9FB3D3}
.cs-card .mini b{display:block;color:#fff;font-weight:600;line-height:1.35}
.cs-stats b{font-size:16px}
.cs-ctas .btn,.cs-actions .btn{margin:0 10px 10px 0}
.btn.ghost{background:transparent;color:inherit;border:1px solid currentColor;font-weight:600}
.cs-hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.cs-tags{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.cs-tags li{border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 12px;font-size:13px;color:#C9D6EA}
.cs-stage{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#0B1C38;box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}
.cs-stage .poster,.cs-stage model-viewer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs-stage model-viewer{background:radial-gradient(ellipse at 50% 38%,#1d3b6b 0,#0F2547 45%,#081428 100%);--poster-color:transparent}
.cs-3d{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(10,26,51,.82);
  color:#fff;border:1px solid rgba(25,195,255,.55);border-radius:30px;padding:11px 20px;font:inherit;font-weight:600;cursor:pointer;backdrop-filter:blur(6px)}
.cs-3d:hover{border-color:var(--teal)}
.cs-3d .dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(0,224,198,.7);animation:cs-pulse 1.8s infinite}
@keyframes cs-pulse{70%{box-shadow:0 0 0 12px rgba(0,224,198,0)}100%{box-shadow:0 0 0 0 rgba(0,224,198,0)}}
.cs-hint{position:absolute;left:14px;top:12px;font-size:12px;color:#9FB3D3;opacity:0;transition:opacity .3s}
.cs-stage.live .cs-hint{opacity:1}.cs-stage.live .cs-3d,.cs-stage.live .poster{display:none}
.cs-spot{background:rgba(10,26,51,.88);color:#fff;border:1px solid rgba(25,195,255,.7);border-radius:20px;padding:5px 11px;font:inherit;font-size:12px;
  white-space:nowrap;cursor:pointer;text-decoration:none;transform:translate(10px,-50%);display:flex;gap:6px;align-items:center}
.cs-spot b{color:var(--teal);font-weight:700}
.cs-spot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-left:-17px;box-shadow:0 0 8px var(--cyan)}
.cs-spot[data-visible=false]{opacity:.25}
.cs-sec{padding:46px 0}.cs-sec.alt{background:var(--mist)}
.cs-sec h2{font-size:26px;margin:0 0 8px}.cs-sub{color:var(--sub);margin:0 0 22px}
.cs-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.cs-two p{color:#2b3a52}
.cs-gal{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:22px}
.cs-gal.n1{grid-template-columns:minmax(0,760px)}
.cs-fig{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cs-fig img{width:100%;height:auto;background:#111}
.cs-fig figcaption,.cs-compare figcaption{padding:12px 14px;font-size:13.5px;color:var(--sub)}
.cs-fig.result img,.cs-fig.after img{image-rendering:auto}
.cs-cmps{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cs-compare{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:620px}
.cs-cmp{position:relative;aspect-ratio:var(--ar);--pos:50%;user-select:none;background:#111}
.cs-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs-cmp img.after{clip-path:inset(0 0 0 var(--pos))}
.cs-cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.cs-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);pointer-events:none}
.cs-handle:after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;
  background:#fff;color:var(--navy);display:grid;place-items:center;font-size:18px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.cs-lab{position:absolute;top:10px;background:rgba(10,26,51,.8);color:#fff;font-size:12px;font-weight:600;padding:4px 9px;border-radius:12px;pointer-events:none}
.cs-lab.l{left:10px}.cs-lab.r{right:10px;background:rgba(0,150,130,.9)}
.cs-why{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.cs-why li{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;display:flex;gap:14px}
.cs-why .n{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--teal));color:#04152B;font-weight:800;display:grid;place-items:center}
.cs-why p{margin:3px 0 0}
.cs-setup{overflow-x:auto;margin:16px 0 24px}
.cs-setup table{border-collapse:collapse;min-width:min(100%,560px);background:#fff;border-radius:12px;overflow:hidden}
.cs-setup th,.cs-setup td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.cs-setup th{color:var(--sub);font-weight:600;width:200px}
.cs-kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.cs-part{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.cs-part:hover,.cs-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(10,26,51,.12)}
.cs-part .ph{background:var(--studio);display:grid;place-items:center;padding:14px;border-bottom:1px solid var(--line)}
.cs-part .ph img{width:140px;height:140px;object-fit:contain}
.cs-part .bd{padding:14px;display:flex;flex-direction:column;gap:4px;flex:1}
.cs-part .role{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub)}
.cs-part b{font-size:15px}.cs-part p{margin:2px 0 8px;font-size:13.5px;color:#3a4a62;flex:1}
.cs-part .pr{font-weight:700;color:var(--ink)}
.cs-badge{align-self:flex-start;font-size:11px;font-weight:700;border-radius:10px;padding:2px 8px}
.cs-badge.t{background:#DDF7F1;color:#03735F}.cs-badge.s{background:#E6EEFB;color:#1E4FA0}
.cs-actions{margin-top:22px}.cs-fine{font-size:13px;color:var(--sub);max-width:820px}
.cs-note{font-size:13px;color:var(--sub);border-left:3px solid var(--line);padding:4px 0 4px 14px;max-width:900px}
.cs-more{margin-top:34px}
.cs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.cs-card{display:flex;flex-direction:column;background:var(--navy);color:#fff;border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s}
.cs-card .ph{position:relative;aspect-ratio:6/5;overflow:hidden}.cs-card .ph>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cs-card:hover .ph>img{transform:scale(1.04)}
.cs-card .inset{position:absolute;right:12px;bottom:12px;width:38%;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.cs-card .inset img{width:100%;height:auto}
.cs-card .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.cs-card .ind{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);font-weight:700}
.cs-card h3{margin:0;font-size:19px}
.cs-card .mini{list-style:none;padding:0;margin:4px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}
.cs-card .more{margin-top:auto;color:var(--cyan);font-weight:600;font-size:14px}
.cs-ask{margin-top:26px;color:var(--sub)}
@media (max-width:900px){.cs-hgrid,.cs-two{grid-template-columns:1fr}.cs-hgrid{gap:22px}.cs-stage{order:2}}
@media (max-width:520px){.cs-stats,.cs-card .mini{grid-template-columns:1fr 1fr}.cs-sec{padding:34px 0}.cs-setup th{width:auto}.cs-3d{bottom:14px;padding:9px 15px;font-size:14px}}
.cs-hero{padding-top:16px}.cs-hero .lede{color:#c3d4e7}.cs-hgrid{align-items:start;padding-top:12px}
.cs-sec,.cs-stage-wrap{scroll-margin-top:150px}
.cs-stage-wrap{min-width:0;margin-top:24px}.cs-stage{aspect-ratio:6/5}
.cs-stage .poster{object-fit:contain;background:#0b1c38}.cs-stage.live .poster{display:none}
.cs-kicker{display:block;color:#216b7b;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:750;margin-bottom:9px}
.cs-takeaway{border-left:2px solid var(--teal);padding:4px 0 4px 14px;color:#cfe4ef;font-size:15px;max-width:600px}
.cs-view-tools,.cs-view-options,.cs-compare-tools{display:flex;gap:6px;flex-wrap:wrap}
.cs-view-tools{margin-top:12px}.cs-view-options{margin-top:8px;align-items:center}
.cs-view-tools button,.cs-view-options button{border:1px solid #496483;background:#102844;color:#e4eef8;border-radius:7px;padding:9px 11px;min-height:40px;font:inherit;font-size:12px;cursor:pointer}
.cs-view-tools button[aria-pressed=true],.cs-view-options button[aria-pressed=true]{color:#05243b;background:#a8f3e6;border-color:#a8f3e6}
.cs-view-tools button:hover,.cs-view-options button:hover{border-color:var(--teal)}
.cs-view-tools button:focus-visible,.cs-view-options button:focus-visible,.cs-compare-tools button:focus-visible,.cs-filters button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.cs-stage-status{font-size:11px;color:#aec7db;flex:1;min-width:150px;padding-left:4px}
.cs-scene-note{font-size:11.5px;color:#b4c8df;line-height:1.65;margin:12px 0 0}
.cs-stage .cs-hint{z-index:1;background:#102744d9;border-radius:6px;padding:4px 7px;pointer-events:none}
.cs-spot[hidden]{display:none}.cs-spot{max-width:220px;white-space:normal;flex-wrap:wrap;line-height:1.3;font-size:11px}
.cs-jumps{display:flex;gap:28px;overflow:auto;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cs-jumps a{font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none;padding:8px 0}
.cs-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:20px}
.cs-evidence>div{background:#f7fafc;padding:23px}.cs-evidence p{font-size:14px;line-height:1.7;margin:0;color:#34465e}
.cs-compare-tools{padding:10px;background:#f4f8fb;border-top:1px solid var(--line)}
.cs-compare-tools button{flex:1;border:1px solid #c7d4e3;background:white;color:#163453;border-radius:6px;padding:8px;min-height:40px;cursor:pointer;font:inherit;font-size:12px}
.cs-cmp:focus-within{outline:3px solid #168aa6;outline-offset:-3px}.cs-cmp img{object-fit:contain}
.cs-fig img{max-height:520px;object-fit:contain;background:#f2f5f8}
.cs-validation{background:#09213c;color:#fff}.cs-validation h2{color:#fff}.cs-validation .cs-kicker{color:#90e9da}.cs-validation .cs-sub{color:#b6cadd;max-width:750px}
.cs-validation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:26px 0 0}
.cs-validation-list li{display:flex;align-items:flex-start;gap:14px}.cs-validation-list .n{font-size:22px;color:#63d7d3;font-weight:650;line-height:1.2}
.cs-validation-list h3{font-size:16px;margin:0 0 8px}.cs-validation-list p{font-size:14px;line-height:1.7;color:#bfd0e3;margin:0}
.cs-part small{color:#50687b;font-size:11px;margin-top:5px}
.cs-card[hidden]{display:none}.cs-card-takeaway{margin:0;color:#c4d6e8;font-size:13px;line-height:1.6}
.cs-card .mini{margin-top:auto}.cs-card .more{margin-top:8px}.cs-card h3{line-height:1.35}
.cs-hub-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin:20px 0 36px}
.cs-hub-intro h1{font-size:clamp(36px,4.2vw,58px);line-height:1.13;letter-spacing:-.035em;max-width:660px}
.cs-hub-intro .lede{font-size:17px;color:#c3d4e7;line-height:1.8;margin-bottom:24px}
.cs-featured{position:relative;display:block;aspect-ratio:1.4;overflow:hidden;border:1px solid #46657b;border-radius:18px;color:white;text-decoration:none}
.cs-featured img{width:100%;height:100%;object-fit:cover;opacity:.85}.cs-featured>span{position:absolute;inset:auto 0 0;padding:48px 22px 24px;background:linear-gradient(transparent,#04182b);font-size:12px;line-height:1.8;color:#bcdbdf}
.cs-featured b{font-size:20px;line-height:1.4;color:white}
.cs-proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #405776;padding-top:23px;gap:18px;font-size:12px;color:#cbdbea}
.cs-proof span:before{content:"✓";color:#69e4d2;margin-right:8px}
.cs-finder{margin:24px 0 20px}.cs-filters{display:flex;gap:8px;flex-wrap:wrap}
.cs-filters button{border:1px solid #c3d0df;background:white;color:#284360;border-radius:24px;padding:10px 17px;min-height:44px;font:inherit;font-size:13px;cursor:pointer}
.cs-filters button[aria-pressed=true]{background:#102c4c;color:white;border-color:#102c4c}
.cs-search{display:block;font-size:12px;font-weight:600;color:#425871;margin-top:18px;max-width:480px}
.cs-search input{display:block;width:100%;margin-top:6px;border:1px solid #bacbdd;background:#f8fafc;border-radius:8px;font:inherit;font-size:14px;padding:12px;color:#102c4c;box-sizing:border-box}
.cs-filter-status{font-size:12px;color:#536b83;margin:10px 0 0;min-height:18px}.cs-empty{padding:30px;border:1px solid var(--line);border-radius:12px}
.cs-next{margin-top:40px;padding:32px;border:1px solid #c6dae4;border-radius:16px;background:linear-gradient(110deg,#eff8f7,#f1f5fc)}
.cs-next p{max-width:760px;color:#405772}.cs-next .btn{margin:8px 12px 0 0}.cs-next .btn.ghost{color:#244362}
.cs-home{background:#f1f6fa}.cs-home-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}
.cs-home-heading .btn{flex:none}.cs-home-heading h2{font-size:29px}
@media(max-width:1100px){.cs-hub-intro{gap:30px}.cs-view-tools button{padding:8px}.cs-hgrid{gap:24px}}
@media(max-width:900px){.cs-hub-intro{grid-template-columns:1fr 1fr}.cs-evidence,.cs-validation-list{grid-template-columns:1fr}.cs-evidence>div{padding:20px}.cs-stage{aspect-ratio:16/10}.cs-stage-wrap{margin-top:0}.cs-home-heading{align-items:flex-start}.cs-jumps{gap:22px}}
@media(max-width:620px){.cs-hub-intro{grid-template-columns:1fr;gap:28px}.cs-hub-intro h1{font-size:40px}.cs-hub-intro .cs-ind{margin-top:0}.cs-proof{grid-template-columns:1fr 1fr;font-size:11px}.cs-cards{grid-template-columns:minmax(0,1fr)}.cs-home-heading{flex-direction:column}.cs-spot{max-width:125px;font-size:10px}.cs-spot b{display:none}.cs-cmps{grid-template-columns:minmax(0,1fr)}.cs-gal{grid-template-columns:minmax(0,1fr)}.cs-view-tools{display:grid;grid-template-columns:repeat(3,1fr)}.cs-stage{aspect-ratio:1.15}.cs-next{padding:22px}.cs-jumps{gap:18px}.cs-filters button{padding:9px 12px;font-size:12px}.cs-lab{max-width:45%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.cs-3d .dot{animation:none}.cs-card,.cs-card .ph>img,.cs-part{transition:none}}