.feature-compliance {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 360px;
  max-width: 580px;
  padding: 16px 24px;
  border: 1px solid #d6d8d2;
  border-radius: 15px;
  background: rgba(255, 253, 248, 0.72);
  color: var(--muted);
  font-size: 10px;
  line-height: 1.7;
  text-align: center;
}
.reading-progress { position:fixed; z-index:30; top:0; left:0; width:100%; height:3px; pointer-events:none; }
.reading-progress span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,var(--orange),#21a874); box-shadow:0 0 12px rgba(8,122,84,.35); }
.feature-nav nav > a:not(.nav-login) { position:relative; transition:color .2s ease; }
.feature-nav nav > a:not(.nav-login):after { content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; transform:scaleX(0); border-radius:99px; background:var(--green); transition:transform .25s ease; }
.feature-nav nav > a.is-active { color:var(--green); }
.feature-nav nav > a.is-active:after { transform:scaleX(1); }
.hero-demo { --tilt-x:0deg; --tilt-y:0deg; --light-x:50%; --light-y:30%; transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style:preserve-3d; transition:transform .22s ease-out,box-shadow .25s ease; }
.hero-demo:after { content:""; position:absolute; z-index:0; inset:0; border-radius:inherit; background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.13),transparent 36%); pointer-events:none; }
.hero-demo:hover { box-shadow:0 42px 100px rgba(11,55,39,.29); }
.demo-image,.demo-float { transform-style:preserve-3d; }
.hero-demo:hover .demo-image { transform:translateZ(10px); }

.js-motion .section-heading,.js-motion .workflow-grid article,.js-motion .capability-grid article,.js-motion .intelligence-visual,.js-motion .intelligence-list article,.js-motion .radar-grid article,.js-motion .management-grid article,.js-motion .security-copy,.js-motion .security-panel,.js-motion .role-grid article,.js-motion .feature-cta { opacity:1; transform:none; }
.js-motion .is-visible { animation:reveal-in .58s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms) both; }

.workflow-grid article,.capability-grid article,.radar-grid article,.management-grid article { isolation:isolate; }
.workflow-grid article:before,.capability-grid article:before,.management-grid article:before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; opacity:0; background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(81,187,137,.14),transparent 70%); transition:opacity .25s ease; pointer-events:none; }
.workflow-grid article,.management-grid article { position:relative; }
.workflow-grid article:hover:before,.capability-grid article:hover:before,.management-grid article:hover:before { opacity:1; }
.workflow-grid article { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.workflow-grid article:hover { transform:translateY(-5px); border-color:#bad3c6; box-shadow:0 24px 55px rgba(20,35,28,.09); }
.capability-grid article { transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.capability-grid article:hover { transform:translateY(-5px); border-color:rgba(128,214,174,.35); background:rgba(255,255,255,.085); }
.capability-grid article:before { background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(109,224,171,.13),transparent 68%); }
.radar-grid article { transition:transform .22s ease,border-color .22s ease; }
.radar-grid article:hover { transform:translateY(-6px); border-color:rgba(106,221,168,.3); }

.orbit-one { animation:orbit-spin 18s linear infinite; }.orbit-two { animation:orbit-spin-reverse 28s linear infinite; }
.node-a { animation:node-breathe 2.4s ease-in-out infinite; }.node-b { animation:node-breathe 2.4s ease-in-out .7s infinite; }.node-c { animation:node-breathe 2.4s ease-in-out 1.4s infinite; }
.radar-section { position:relative; overflow:hidden; }
.radar-section:after { content:""; position:absolute; z-index:0; left:-10%; top:-35%; width:60%; aspect-ratio:1; border-radius:50%; background:conic-gradient(from 30deg,transparent 0 78%,rgba(62,211,145,.08) 92%,transparent 100%); animation:radar-scan 12s linear infinite; pointer-events:none; }
.radar-section>* { position:relative; z-index:1; }
.radar-pulse i { animation:pulse-ring 1.9s ease-out infinite; }
@keyframes orbit-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes orbit-spin-reverse { to { transform:translate(-50%,-50%) rotate(-360deg); } }
@keyframes node-breathe { 50% { transform:scale(1.25); box-shadow:0 8px 28px rgba(8,122,84,.34); } }
@keyframes radar-scan { to { transform:rotate(360deg); } }
@keyframes pulse-ring { 0%,100% { box-shadow:0 0 0 5px rgba(54,197,138,.1); } 50% { box-shadow:0 0 0 11px rgba(54,197,138,0); } }
@keyframes reveal-in { from { opacity:.25; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .hero-demo { transform:none!important; }
}
.feature-compliance > strong { color: var(--ink); font-size: 11px; }
.feature-compliance > span { white-space: pre-line; }
.feature-compliance > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px 14px; }
.feature-compliance a { color: var(--green); font-weight: 800; text-decoration: none; }
.feature-compliance small { color: #8b948f; }
.public-security-reserve { color: #969e99; }
.feature-nav nav > span { color: var(--muted); font-size: 12px; font-weight: 800; }
.bottom-icp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: min(1320px, calc(100% - 48px));
  margin: -68px auto 22px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.6;
  text-align: center;
}
.bottom-icp > span { white-space: pre-line; }
.bottom-icp a { color: var(--green); font-weight: 800; text-decoration: none; }
.bottom-icp a:hover { text-decoration: underline; }
.feature-nav nav > a:not(.nav-login) { color: var(--muted); font-size: 12px; font-weight: 800; text-decoration: none; }
.trust-strip { margin-bottom: 0; }
.feature-section { scroll-margin-top: 76px; }
.narrative-section { padding-top: 82px; padding-bottom: 82px; }
.narrative-section .workflow-grid { margin-top: 34px; }
.narrative-section .workflow-grid article { min-height: 205px; }

.capability-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(500px,.9fr); gap:clamp(45px,7vw,95px); align-items:center; min-height:380px; }
.presenter-pattern { position:relative; height:330px; min-height:330px; perspective:1000px; }
.pattern-screen { position:absolute; z-index:2; left:7%; top:34px; width:82%; min-height:245px; padding:27px; border:1px solid rgba(255,255,255,.18); border-radius:25px; transform:rotate(-2deg); background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055)); box-shadow:0 30px 65px rgba(0,0,0,.2); backdrop-filter:blur(10px); animation:pattern-float 6s ease-in-out infinite; }
.pattern-screen-top { display:flex; justify-content:space-between; color:#a9d2bf; font-size:10px; }.pattern-screen-top i { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(240,122,81,.1); }.pattern-screen-top b { color:#8bd4b2; }
.pattern-screen>small,.pattern-screen>strong { display:block; }.pattern-screen>small { margin-top:38px; color:#73b596; font-size:9px; font-weight:900; letter-spacing:.13em; }.pattern-screen>strong { margin-top:9px; font:700 25px Georgia,"Songti SC",serif; }
.pattern-lines { display:grid; gap:9px; margin-top:23px; }.pattern-lines i { display:block; width:84%; height:7px; border-radius:99px; background:rgba(255,255,255,.18); }.pattern-lines i:nth-child(2) { width:67%; }.pattern-lines i:nth-child(3) { width:47%; background:rgba(240,122,81,.62); }
.pattern-progress { height:5px; margin-top:22px; border-radius:99px; background:rgba(255,255,255,.12); overflow:hidden; }.pattern-progress span { display:block; width:68%; height:100%; border-radius:inherit; background:#67c79b; animation:pattern-progress 3.8s ease-in-out infinite; }
.pattern-chip { position:absolute; z-index:4; border-radius:14px; background:#fffdf8; box-shadow:0 18px 45px rgba(0,0,0,.25); color:var(--ink); }.pattern-chip small,.pattern-chip strong { display:block; }.pattern-chip small { color:var(--muted); font-size:8px; }.pattern-chip strong { margin-top:4px; font-size:11px; }
.pattern-chip-a { right:-5px; bottom:18px; padding:13px 16px; border-left:3px solid var(--orange); transform:rotate(3deg); animation:pattern-chip 4.5s ease-in-out .6s infinite; }
.pattern-chip-b { left:-10px; top:18px; display:flex; align-items:center; gap:8px; padding:11px 13px; transform:rotate(-4deg); animation:pattern-chip 4.2s ease-in-out infinite; }.pattern-chip-b i { width:8px; height:8px; border-radius:50%; background:#15a66f; box-shadow:0 0 0 5px rgba(21,166,111,.1); }.pattern-chip-b span { font-size:10px; font-weight:900; }
.pattern-orbit { position:absolute; z-index:0; right:0; top:50%; border:1px solid rgba(115,207,164,.16); border-radius:50%; transform:translateY(-50%); }.pattern-orbit-a { width:285px; height:285px; }.pattern-orbit-b { right:42px; width:205px; height:205px; box-shadow:0 0 0 38px rgba(95,197,150,.025),0 0 0 76px rgba(95,197,150,.018); }
@keyframes pattern-float { 0%,100% { transform:rotate(-2deg) translateY(0); } 50% { transform:rotate(-1deg) translateY(-8px); } }
@keyframes pattern-chip { 0%,100% { translate:0 0; } 50% { translate:0 -7px; } }
@keyframes pattern-progress { 0%,100% { width:55%; } 50% { width:78%; } }

.intelligence-section { padding-top: 120px; }
.intelligence-layout { display: grid; grid-template-columns: minmax(380px, .85fr) 1.15fr; gap: clamp(48px, 7vw, 100px); align-items: center; margin-top: 55px; }
.intelligence-visual { position: relative; min-height: 520px; border: 1px solid #d7dfda; border-radius: 32px; background: radial-gradient(circle at 50% 50%, #e2f1e9 0 22%, transparent 23%), linear-gradient(145deg,#fdfbf6,#e8f0eb); overflow: hidden; }
.intelligence-visual:before { content:""; position:absolute; inset:32px; border:1px solid rgba(8,122,84,.15); border-radius:50%; }
.orbit { position: absolute; left: 50%; top: 50%; border: 1px dashed rgba(8,122,84,.25); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 300px; height: 300px; }
.orbit-two { width: 420px; height: 420px; }
.intelligence-core { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:210px; height:210px; padding:25px; border-radius:50%; transform:translate(-50%,-50%); background:linear-gradient(145deg,#0e3023,#087a54); box-shadow:0 30px 70px rgba(8,70,48,.25); color:#fff; text-align:center; }
.intelligence-core small { color:#90d2b4; font-size:9px; font-weight:900; letter-spacing:.16em; }
.intelligence-core strong { font:700 24px Georgia,"Songti SC",serif; }
.intelligence-core span { color:#b9d8ca; font-size:10px; }
.intelligence-visual .node { position:absolute; width:18px; height:18px; border:5px solid #fff; border-radius:50%; background:var(--orange); box-shadow:0 8px 18px rgba(0,0,0,.18); }
.node-a { left:18%; top:27%; }.node-b { right:15%; top:42%; background:#0a9566!important }.node-c { left:31%; bottom:12%; background:#d8aa54!important }
.intelligence-list { display:grid; gap:3px; }
.intelligence-list article { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:24px 0; border-bottom:1px solid var(--line); }
.intelligence-list article>b { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:var(--soft); color:var(--green); font:700 15px Georgia; }
.intelligence-list h3 { margin:0 0 8px; font-size:20px; }
.intelligence-list p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }

.radar-section { width:100%; max-width:none; padding:110px max(5vw,calc((100vw - 1320px)/2)); background:#111e19; color:#fff; }
.radar-heading { display:flex; justify-content:space-between; gap:30px; align-items:flex-start; }
.radar-pulse { display:flex; align-items:center; gap:9px; padding:11px 14px; border:1px solid rgba(255,255,255,.12); border-radius:99px; color:#a9c2b6; font-size:10px; font-weight:800; white-space:nowrap; }
.radar-pulse i { width:8px; height:8px; border-radius:50%; background:#36c58a; box-shadow:0 0 0 6px rgba(54,197,138,.1); }
.radar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:52px; }
.radar-grid article { position:relative; min-height:320px; padding:32px; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); overflow:hidden; }
.radar-grid article:after { content:""; position:absolute; right:-65px; bottom:-80px; width:190px; height:190px; border:1px solid rgba(100,222,166,.14); border-radius:50%; box-shadow:0 0 0 35px rgba(100,222,166,.025),0 0 0 70px rgba(100,222,166,.018); }
.radar-grid article>span { color:#7fd2ad; font-size:10px; font-weight:900; letter-spacing:.15em; }
.radar-grid h3 { margin:55px 0 15px; font:700 27px Georgia,"Songti SC",serif; }
.radar-grid p { color:#b5c5bd; font-size:13px; line-height:1.9; }
.radar-grid small { position:absolute; z-index:1; left:32px; bottom:30px; color:#759187; font-size:9px; }

.management-section { padding-top:110px; }
.management-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(500px,.9fr); gap:clamp(45px,7vw,95px); align-items:center; min-height:380px; }
.operations-pattern { position:relative; height:330px; min-height:330px; border:1px solid #dce1dc; border-radius:30px; background:linear-gradient(145deg,#fffdf8,#edf3ef); box-shadow:0 28px 70px rgba(20,35,28,.08); overflow:hidden; }
.operations-pattern:before { content:""; position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(8,122,84,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,122,84,.055) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent); }
.operations-links { position:absolute; z-index:1; inset:15px 0; width:100%; height:300px; fill:none; stroke:rgba(8,122,84,.27); stroke-width:1.5; stroke-dasharray:7 8; animation:link-flow 14s linear infinite; }
.control-hub { position:absolute; z-index:3; left:50%; top:50%; display:grid; justify-items:center; align-content:center; width:160px; height:160px; padding:20px; border-radius:50%; transform:translate(-50%,-50%); background:linear-gradient(145deg,#103226,#087a54); box-shadow:0 22px 50px rgba(8,79,53,.24); color:#fff; text-align:center; }
.control-hub>span { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; background:#fff; color:var(--deep); font-weight:900; }.control-hub small { margin-top:10px; color:#8ed0b2; font-size:7px; letter-spacing:.13em; }.control-hub strong { margin-top:4px; font-size:14px; }.control-hub>i { position:absolute; right:14px; top:32px; width:8px; height:8px; border-radius:50%; background:#45dc9b; box-shadow:0 0 0 7px rgba(69,220,155,.12); animation:pulse-ring 1.9s ease-out infinite; }
.room-node { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; min-width:145px; padding:12px 14px; border:1px solid #dde3de; border-radius:14px; background:rgba(255,253,248,.94); box-shadow:0 13px 30px rgba(20,35,28,.08); animation:room-float 5s ease-in-out infinite; }.room-node>i { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#18a66f; box-shadow:0 0 0 5px rgba(24,166,111,.08); }.room-node strong,.room-node small { display:block; }.room-node strong { font-size:11px; }.room-node small { margin-top:3px; color:var(--muted); font-size:8px; }
.room-one { left:18px; top:38px; }.room-two { left:18px; bottom:38px; animation-delay:.7s; }.room-three { right:18px; top:40px; animation-delay:1.3s; }.room-four { right:18px; bottom:40px; animation-delay:2s; }.room-four>i { background:var(--orange); box-shadow:0 0 0 5px rgba(240,122,81,.08); }
@keyframes link-flow { to { stroke-dashoffset:-150; } }
@keyframes room-float { 0%,100% { translate:0 0; } 50% { translate:0 -5px; } }
.management-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:50px; }
.management-grid article { min-height:230px; padding:28px; border:1px solid var(--line); border-radius:20px; background:var(--card); transition:transform .2s ease,box-shadow .2s ease; }
.management-grid article:hover { transform:translateY(-4px); box-shadow:0 22px 50px rgba(20,35,28,.08); }
.management-grid b { color:var(--orange); font:700 18px Georgia; }
.management-grid h3 { margin:40px 0 12px; font-size:20px; }
.management-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }

.security-section { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(45px,7vw,95px); align-items:center; padding:85px; border-radius:34px; background:linear-gradient(130deg,#e5eee8,#fffaf2); }
.security-copy h2 { margin:0; font:700 clamp(35px,4vw,54px)/1.12 Georgia,"Songti SC",serif; }
.security-copy>p:not(.eyebrow) { color:var(--muted); line-height:1.9; }
.security-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.security-tags span { padding:8px 11px; border-radius:99px; background:rgba(255,255,255,.7); color:var(--green); font-size:9px; font-weight:900; }
.security-panel { padding:28px; border-radius:23px; background:var(--deep); box-shadow:0 30px 60px rgba(13,47,34,.2); color:#fff; }
.security-panel>div { padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.12); }
.security-panel small,.security-panel strong { display:block; }.security-panel small { color:#81bda2; font-size:9px; letter-spacing:.15em; }.security-panel strong { margin-top:10px; font-size:18px; }.security-panel strong i { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:#32ce8d; box-shadow:0 0 0 6px rgba(50,206,141,.1); }
.security-panel ul { margin:15px 0 0; padding:0; list-style:none; }.security-panel li { display:flex; justify-content:space-between; padding:13px 0; color:#bdd0c7; font-size:11px; }.security-panel li b { color:#7ed0ab; }
.role-section { padding-top:110px; }
.role-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(500px,.9fr); gap:clamp(45px,7vw,95px); align-items:center; min-height:380px; }
.role-pattern { position:relative; height:330px; min-height:330px; border-radius:30px; background:radial-gradient(circle at 50% 48%,rgba(8,122,84,.09),transparent 26%),linear-gradient(145deg,#fffdf9,#edf3ef); border:1px solid #dce1dc; overflow:hidden; }
.capability-intro>.section-heading,.management-intro>.section-heading,.role-intro>.section-heading { max-width:650px; }
.management-grid article,.role-grid article { min-height:230px; }
.role-pattern:before { content:""; position:absolute; inset:0; background:radial-gradient(circle,rgba(8,122,84,.16) 1px,transparent 1.5px); background-size:19px 19px; mask-image:linear-gradient(135deg,transparent 5%,#000 45%,transparent 92%); opacity:.42; }
.role-pattern svg { position:absolute; z-index:1; inset:18px 0; width:100%; height:290px; fill:none; stroke:rgba(8,122,84,.28); stroke-width:1.5; stroke-dasharray:5 7; }
.role-core { position:absolute; z-index:3; left:50%; top:48%; display:grid; justify-items:center; align-content:center; width:135px; height:135px; border-radius:50%; transform:translate(-50%,-50%); background:linear-gradient(145deg,#113327,#087a54); box-shadow:0 24px 50px rgba(8,79,53,.22); color:#fff; }.role-core>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#fff; color:var(--deep); font-weight:900; }.role-core small { margin-top:8px; color:#8bd0b1; font-size:7px; letter-spacing:.15em; }.role-core strong { margin-top:3px; font-size:13px; }.role-core>i { position:absolute; right:12px; top:26px; width:8px; height:8px; border-radius:50%; background:#4ae0a0; box-shadow:0 0 0 6px rgba(74,224,160,.1); animation:pulse-ring 1.9s ease-out infinite; }
.role-avatar { position:absolute; z-index:3; display:flex; align-items:center; gap:9px; min-width:132px; padding:11px 13px; border:1px solid #dce3de; border-radius:14px; background:#fffdf9; box-shadow:0 13px 30px rgba(20,35,28,.08); animation:role-float 5s ease-in-out infinite; }.role-avatar>span { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--soft); color:var(--green); font-size:11px; font-weight:900; }.role-avatar strong,.role-avatar small { display:block; }.role-avatar strong { font-size:10px; }.role-avatar small { margin-top:3px; color:var(--muted); font-size:8px; }
.role-host { left:22px; top:28px; }.role-admin { right:22px; top:28px; animation-delay:.8s; }.role-ops { left:50%; bottom:19px; transform:translateX(-50%); animation-delay:1.5s; }
.flow-dot { position:absolute; z-index:2; width:7px; height:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(240,122,81,.09); }.flow-a { left:31%; top:28%; animation:flow-a 3.8s ease-in-out infinite; }.flow-b { right:31%; top:28%; animation:flow-b 3.8s ease-in-out .7s infinite; }.flow-c { left:50%; bottom:28%; animation:flow-c 3.8s ease-in-out 1.4s infinite; }
@keyframes role-float { 0%,100% { translate:0 0; } 50% { translate:0 -5px; } }
@keyframes flow-a { 0%,100% { transform:translate(0,0); opacity:.25; } 50% { transform:translate(70px,42px); opacity:1; } }
@keyframes flow-b { 0%,100% { transform:translate(0,0); opacity:.25; } 50% { transform:translate(-70px,42px); opacity:1; } }
@keyframes flow-c { 0%,100% { transform:translate(0,0); opacity:.25; } 50% { transform:translate(0,-48px); opacity:1; } }

.feature-footer .bottom-icp { width:auto; min-width:300px; margin:0; }
.feature-footer .bottom-icp span { display:inline; }

@media (max-width: 900px) {
  .capability-intro { grid-template-columns:1fr; min-height:0; }
  .presenter-pattern { width:min(620px,100%); margin:0 auto; }
  .management-intro { grid-template-columns:1fr; min-height:0; }
  .operations-pattern { width:min(680px,100%); margin:0 auto; }
  .role-intro { grid-template-columns:1fr; min-height:0; }
  .role-pattern { width:min(680px,100%); margin:0 auto; }
  .intelligence-layout,.security-section { grid-template-columns:1fr; }
  .radar-grid,.management-grid { grid-template-columns:1fr 1fr; }
  .security-section { width:calc(100% - 48px); padding:55px 40px; }
  .feature-footer .bottom-icp { min-width:0; }
}
@media (max-width: 600px) {
  .feature-compliance { min-width: 0; width: 100%; padding: 15px; }
  .feature-nav nav > span { display: none; }
  .bottom-icp { display: grid; gap: 3px; width: calc(100% - 28px); margin: -18px auto 18px; }
  .narrative-section,.intelligence-section,.management-section,.role-section { padding-top:65px; }
  .narrative-section { padding-bottom:65px; }
  .intelligence-layout { grid-template-columns:1fr; margin-top:35px; }
  .capability-intro,.management-intro,.role-intro { gap:30px; }
  .presenter-pattern,.operations-pattern,.role-pattern { height:360px; min-height:360px; }
  .pattern-screen { left:4%; width:92%; min-height:215px; padding:22px; }
  .pattern-screen>small { margin-top:28px; }.pattern-screen>strong { font-size:21px; }
  .pattern-chip-a { right:0; bottom:8px; }.pattern-chip-b { left:0; top:14px; }
  .operations-pattern { border-radius:22px; }
  .control-hub { width:135px; height:135px; }
  .operations-links { display:none; }
  .room-node { min-width:132px; padding:10px; }.room-one { left:10px; top:22px; }.room-two { left:10px; bottom:22px; }.room-three { right:10px; top:22px; }.room-four { right:10px; bottom:22px; }
  .role-pattern svg,.flow-dot { display:none; }
  .role-core { width:120px; height:120px; }
  .role-avatar { min-width:120px; padding:9px; }.role-host { left:10px; top:20px; }.role-admin { right:10px; top:20px; }.role-ops { bottom:18px; }
  .intelligence-visual { min-height:370px; }
  .orbit-one { width:230px; height:230px; }.orbit-two { width:330px; height:330px; }
  .intelligence-core { width:170px; height:170px; }.intelligence-core strong { font-size:20px; }
  .radar-section { padding:75px 14px; }
  .radar-heading { display:block; }.radar-pulse { width:max-content; margin-top:22px; }
  .radar-grid,.management-grid { grid-template-columns:1fr; }
  .radar-grid article { min-height:290px; }
  .security-section { width:calc(100% - 28px); padding:38px 24px; border-radius:24px; }
  .feature-footer .bottom-icp { width:100%; margin:0; }
  .feature-section { scroll-margin-top: 66px; }
}