.card{background-color:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base);padding:48px 28px 32px;position:relative}.card:hover{box-shadow:8px 8px 0px 0px var(--border);transform:rotate(-1deg)scale(1.02)}.card-icon-badge{background-color:var(--card-color,var(--accent));border:var(--border-width) solid var(--foreground);color:#fff;width:52px;height:52px;box-shadow:3px 3px 0px 0px var(--foreground);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.card-title{font-size:var(--text-lg);margin-bottom:12px}.card-body{font-size:var(--text-base);line-height:1.65}@media (max-width:768px){.card{box-shadow:3px 3px 0px 0px var(--border);padding:44px 20px 24px}.card:hover{box-shadow:5px 5px 0px 0px var(--border)}}
.features{background-color:var(--muted);position:relative}.features-header{text-align:center;max-width:580px;margin:0 auto 64px}.features-title{margin-bottom:16px}.features-highlight{color:var(--secondary)}.features-subtitle{font-size:var(--text-md)}.features-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid;position:relative}.features-connector{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.features-grid .card{z-index:1;position:relative}@media (max-width:900px){.features-grid{grid-template-columns:1fr;gap:48px;max-width:420px;margin-inline:auto}.features-connector{display:none}}