.hiw-level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:clamp(1.8rem,3vw,2.6rem);display:grid}.hiw-level-card{border:1px solid var(--dark-border);background:linear-gradient(#121e48d9 0%,#0c1636eb 100%);border-radius:.5rem;padding:1.2rem 1rem;transition:transform .35s cubic-bezier(.25,1,.5,1),border-color .35s,box-shadow .35s;position:relative}.hiw-level-card h3{color:var(--primary-foreground);margin-bottom:.35rem;font-size:1rem;font-weight:500;line-height:1.3}.hiw-level-card p{color:var(--dark-text-muted);font-size:.88rem;line-height:1.5}.hiw-level-card:hover{border-color:#7896ff80;transform:translateY(-.1875rem);box-shadow:0 .75rem 1.75rem #060a2059}.hiw-workflow-grid{counter-reset:wf-step;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(1.8rem,3vw,2.6rem);display:grid}.hiw-workflow-step{background:var(--background);border:1px solid var(--line);counter-increment:wf-step;border-radius:.5rem;padding:1.1rem 1rem;transition:transform .35s cubic-bezier(.25,1,.5,1),border-color .35s,box-shadow .35s;position:relative}.hiw-workflow-step:before{content:counter(wf-step,decimal-leading-zero);font-family:var(--font-mono);color:var(--brand);margin-bottom:.45rem;font-size:.82rem;font-weight:500;display:block}.hiw-workflow-step p{color:var(--text);font-size:.92rem;line-height:1.5}.hiw-workflow-step:hover{border-color:var(--hover-border);transform:translateY(-.1875rem);box-shadow:0 .625rem 1.375rem #10204014}@media (max-width:1100px){.hiw-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hiw-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hiw-level-grid,.hiw-workflow-grid{grid-template-columns:1fr}.hiw-level-card,.hiw-workflow-step{border-radius:.25rem}}.integ-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(1.8rem,3vw,2.6rem);display:grid}.integ-mode-card{border:1px solid var(--dark-border);background:linear-gradient(#121e48d9 0%,#0c1636eb 100%);border-radius:.5rem;padding:1.2rem 1rem;transition:transform .35s cubic-bezier(.25,1,.5,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.integ-mode-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#6284ff,#0000);border-radius:.5rem .5rem 0 0;height:.125rem;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.integ-mode-card:hover{border-color:#7896ff80;transform:translateY(-.1875rem);box-shadow:0 .75rem 1.75rem #060a2059}.integ-mode-card:hover:before{opacity:.7}.integ-mode-card h3{color:var(--primary-foreground);margin-bottom:.35rem;font-size:1rem;font-weight:500;line-height:1.3}.integ-mode-card p{color:var(--dark-text-muted);font-size:.88rem;line-height:1.5}@media (max-width:1100px){.integ-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.integ-mode-grid{grid-template-columns:1fr}.integ-mode-card{border-radius:.25rem}}