.extra-section{position:relative;background:#ffffff;padding:80px 0 60px;overflow:hidden}.extra-decor{position:absolute;filter:blur(50px);opacity:.35;pointer-events:none}.extra-decor-1{width:280px;height:280px;background:radial-gradient(circle at 30% 30%,#6c63ff,transparent 60%);top:-60px;left:-60px}.extra-decor-2{width:320px;height:320px;background:radial-gradient(circle at 70% 70%,#ff8a3d,transparent 60%);right:-80px;bottom:-80px}.extra-container{max-width:1200px;margin:0 auto;padding:0 20px}.extra-header{text-align:center;margin-bottom:48px}.extra-header h2{color:#1a1a1a;font-weight:800;font-size:40px;letter-spacing:-.02em;margin:0 0 12px}.extra-header p{font-size:18px;color:#6b7280;line-height:1.6;max-width:700px;margin:0 auto}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.extra-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px 22px;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden;animation:fadeUp .5s ease both}.extra-card:after{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at 10% 0,color-mix(in srgb,var(--brand) 20%,transparent),transparent),radial-gradient(120px 80px at 90% 100%,color-mix(in srgb,var(--brand) 15%,transparent),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.extra-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.12);border-color:color-mix(in srgb,var(--brand) 35%,#e5e7eb)}.extra-card:hover:after{opacity:1}.extra-icon{width:56px;height:56px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:14px}.extra-icon,.extra-icon-badge{display:grid;place-items:center}.extra-icon-badge{width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#ffffff));box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 35%,transparent)}.extra-title{font-weight:700;font-size:20px;color:#1f2937;margin:4px 0 8px}.extra-desc{font-size:15px;color:#6b7280;line-height:1.6;margin:0 0 16px}.extra-cta{display:inline-flex;align-items:center;gap:10px;background:#111827;color:#fff;border-radius:10px;font-weight:600;font-size:14px;padding:10px 14px;text-decoration:none;transition:transform .2s ease,background .2s ease;box-shadow:0 6px 14px rgba(17,24,39,.18)}.extra-cta:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--brand) 60%,#111827)}.extra-cta svg{transition:transform .2s ease}.extra-cta:hover svg{transform:translateX(3px)}.extra-grid .extra-card:first-child{animation-delay:.05s}.extra-grid .extra-card:nth-child(2){animation-delay:.1s}.extra-grid .extra-card:nth-child(3){animation-delay:.15s}.extra-grid .extra-card:nth-child(4){animation-delay:.2s}.extra-grid .extra-card:nth-child(5){animation-delay:.25s}.extra-grid .extra-card:nth-child(6){animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.extra-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.extra-header h2{font-size:34px}.extra-grid{grid-template-columns:1fr}}@media (max-width:600px){.extra-section{padding:60px 0 50px}.extra-header h2{font-size:28px}.extra-card{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.extra-card,.extra-card:after,.extra-cta{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}