/* Security page — guarantee cards + tech-foundation band */
.sec-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1rem,2vw,1.4rem); }
.sec-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1.5rem,2.4vw,2rem); transition:.3s; position:relative; overflow:hidden; }
.sec-card:hover { border-color:var(--line-strong); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.sec-card .ic { width:46px; height:46px; border-radius:12px; background:var(--accent-tint); color:var(--accent); display:grid; place-items:center; margin-bottom:16px; }
.sec-card .ic svg { width:23px; height:23px; }
.sec-card h3 { font-family:var(--font-sans); font-size:1.12rem; font-weight:700; letter-spacing:-.01em; margin-bottom:.5rem; }
.sec-card p { color:var(--text-2); font-size:.94rem; }
.sec-card code { font-family:var(--font-mono); font-size:.82rem; color:var(--accent); background:var(--accent-tint); padding:1px 6px; border-radius:5px; }

.foundation { background:var(--text); color:var(--bg); border-radius:var(--radius-lg); padding:clamp(2.2rem,4vw,3.4rem); position:relative; overflow:hidden; }
html[data-theme="dark"] .foundation { background:var(--surface-2); color:var(--text); border:1px solid var(--line); }
.foundation .lede { color:inherit; opacity:.85; }
.stack-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:1.8rem; }
.stack-tag { display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); padding:10px 16px; border-radius:12px; font-family:var(--font-mono); font-size:.86rem; }
html[data-theme="dark"] .stack-tag { background:var(--surface-3); border-color:var(--line); }
.stack-tag .d { width:8px; height:8px; border-radius:50%; background:var(--accent-soft); }

@media (max-width:560px){ .sec-grid { grid-template-columns:1fr; } }