.feature-grid{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 720px){.feature-grid{grid-template-columns:repeat(2,1fr);gap:22px}}@media (min-width: 1024px){.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.feature-card{position:relative;background:#fff;border:1px solid var(--card-border, rgba(0, 0, 0, .08));border-radius:14px;padding:24px 26px 26px 30px;box-shadow:0 1px 2px #0000000a,0 8px 20px -10px #00000014;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease-out,box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}html[data-theme=dark] .feature-card{background:#23262f;border-color:var(--card-border-dark, rgba(255, 255, 255, .08));box-shadow:0 1px 2px #0003,0 8px 24px -10px #0006}.feature-card-strip{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--card-tone, var(--codecept-accent));border-radius:14px 0 0 14px;transition:width .3s ease-out}.feature-card:hover{transform:translateY(-3px);border-color:var(--card-tone, var(--codecept-accent));box-shadow:0 1px 2px #0000000d,0 16px 36px -10px var(--card-shadow, rgba(0, 0, 0, .18))}html[data-theme=dark] .feature-card:hover{box-shadow:0 1px 2px #0000004d,0 18px 40px -10px var(--card-shadow-dark, rgba(0, 0, 0, .5))}.feature-card:hover .feature-card-strip{width:4px}.feature-card[data-tone=purple]{--card-tone: #7c3aed;--card-tone-soft: rgba(124, 58, 237, .1);--card-border: rgba(124, 58, 237, .2);--card-border-dark: rgba(167, 139, 250, .18);--card-shadow: rgba(124, 58, 237, .15);--card-shadow-dark: rgba(124, 58, 237, .25)}.feature-card[data-tone=honey]{--card-tone: #F2A900;--card-tone-soft: rgba(242, 169, 0, .12);--card-border: rgba(242, 169, 0, .28);--card-border-dark: rgba(252, 211, 77, .22);--card-shadow: rgba(242, 169, 0, .18);--card-shadow-dark: rgba(242, 169, 0, .28)}.feature-card[data-tone=emerald]{--card-tone: #10b981;--card-tone-soft: rgba(16, 185, 129, .12);--card-border: rgba(16, 185, 129, .22);--card-border-dark: rgba(52, 211, 153, .2);--card-shadow: rgba(16, 185, 129, .15);--card-shadow-dark: rgba(16, 185, 129, .28)}.feature-card[data-tone=rose]{--card-tone: #f43f5e;--card-tone-soft: rgba(244, 63, 94, .1);--card-border: rgba(244, 63, 94, .2);--card-border-dark: rgba(251, 113, 133, .2);--card-shadow: rgba(244, 63, 94, .15);--card-shadow-dark: rgba(244, 63, 94, .28)}.feature-card[data-tone=sky]{--card-tone: #0ea5e9;--card-tone-soft: rgba(14, 165, 233, .12);--card-border: rgba(14, 165, 233, .22);--card-border-dark: rgba(56, 189, 248, .22);--card-shadow: rgba(14, 165, 233, .15);--card-shadow-dark: rgba(14, 165, 233, .28)}html[data-theme=dark] .feature-card[data-tone=purple]{--card-tone: #a78bfa;--card-tone-soft: rgba(167, 139, 250, .16)}html[data-theme=dark] .feature-card[data-tone=honey]{--card-tone: #fcd34d;--card-tone-soft: rgba(252, 211, 77, .18)}html[data-theme=dark] .feature-card[data-tone=emerald]{--card-tone: #34d399;--card-tone-soft: rgba(52, 211, 153, .18)}html[data-theme=dark] .feature-card[data-tone=rose]{--card-tone: #fb7185;--card-tone-soft: rgba(251, 113, 133, .16)}html[data-theme=dark] .feature-card[data-tone=sky]{--card-tone: #38bdf8;--card-tone-soft: rgba(56, 189, 248, .18)}.feature-card-icon{position:absolute;top:-22px;left:-18px;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#fff;border:1.5px solid var(--card-tone);color:var(--card-tone);box-shadow:0 6px 14px -4px var(--card-shadow, rgba(0, 0, 0, .18)),0 1px 2px #00000014;z-index:2;transition:transform .3s ease-out}html[data-theme=dark] .feature-card-icon{background:#2c2f3a}.feature-card-icon svg{width:24px;height:24px}.feature-card:hover .feature-card-icon{transform:scale(1.06) rotate(-3deg)}.feature-card-num{position:absolute;top:16px;right:22px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--codecept-accent);line-height:1;opacity:.65}.feature-card:hover .feature-card-num{opacity:1}.feature-card-title{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-feature-settings:"ss01","ss02";font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.18;color:#1f2937;margin:22px 0 12px}html[data-theme=dark] .feature-card-title{color:#f3f4f6}.feature-card-body{font-size:14.5px;line-height:1.65;color:#4b5563}html[data-theme=dark] .feature-card-body{color:#c9d1d9}.feature-card-body code{background:#f2a9001a;color:var(--codecept-accent-deep);padding:1.5px 6px;border-radius:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;font-weight:600;white-space:nowrap}html[data-theme=dark] .feature-card-body code{background:#f2a90029;color:var(--codecept-accent)}.feature-card-body strong{color:#1f2937;font-weight:700;background:linear-gradient(to top,var(--codecept-accent-soft) 0%,var(--codecept-accent-soft) 24%,transparent 24%);padding:0 2px}html[data-theme=dark] .feature-card-body strong{color:#f9fafb}
