.technology{z-index:20;background-color:#fff;padding:5rem 2rem;position:relative}.technology-container{max-width:1200px;margin:0 auto}.technology-header{text-align:left;margin-bottom:4rem}.technology-header h2{color:#000;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:3.5rem}.technology-card{background:#f8f9fa;border-radius:12px;grid-template-columns:minmax(220px,320px) 1fr;align-items:center;gap:3rem;padding:3rem;display:grid;box-shadow:0 4px 20px #0000000d}.technology-card-visual{aspect-ratio:1;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:2.5rem;display:flex}.technology-logo{width:100%;max-width:220px;height:auto}.technology-card-body{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.technology-eyebrow{color:var(--color-text-primary,#1a1a1a);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.technology-title{color:#000;letter-spacing:-.01em;margin:0;font-size:2.25rem;font-weight:700}.technology-tagline{color:#000;margin:0;font-size:1.15rem;font-weight:600;line-height:1.5}.technology-description{color:#1a1a1a;margin:0;font-size:1rem;line-height:1.6}.technology-link{color:var(--color-text-primary,#1a1a1a);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-top:.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.technology-link:hover{gap:.75rem}.technology-link i{font-size:.875rem}@media (max-width:968px){.technology{padding:4rem 1.5rem}.technology-header{margin-bottom:3rem}.technology-header h2{font-size:2.75rem}.technology-card{grid-template-columns:minmax(180px,240px) 1fr;gap:2rem;padding:2rem}.technology-title{font-size:2rem}.technology-tagline{font-size:1.05rem}}@media (max-width:768px){.technology{padding:4rem 1rem}.technology-header{text-align:center;margin-bottom:2rem}.technology-header h2{letter-spacing:.03em;font-size:2rem}.technology-card{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem}.technology-card-visual{max-width:200px;margin:0 auto;padding:1.75rem}.technology-card-body{text-align:center;align-items:center}.technology-title{font-size:1.75rem}.technology-tagline{font-size:1rem}.technology-description{font-size:.95rem;line-height:1.5}.technology-link{font-size:.9rem}}
.resources{z-index:20;background-color:#f8f9fa;padding:5rem 2rem;position:relative}.resources-container{max-width:1200px;margin:0 auto}.resources-header{text-align:left;margin-bottom:4rem}.resources-header h2{color:#000;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:3.5rem}.resources-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.resource-card{color:inherit;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #0000000d}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.resource-card:hover .resource-link{gap:.75rem}.resource-icon{color:var(--color-text-primary);font-size:2.5rem}.resource-title{color:#000;margin:0;font-size:1.75rem;font-weight:700}.resource-description{color:#000;flex-grow:1;margin:0;font-size:1rem;line-height:1.6}.resource-link{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;transition:gap .3s;display:inline-flex}.resource-link i{font-size:.875rem}@media (max-width:968px){.resources{padding:4rem 1.5rem}.resources-header{margin-bottom:3rem}.resources-header h2{font-size:2.75rem}.resources-grid{gap:1.75rem}.resource-card{gap:1.25rem;padding:2rem}.resource-icon{font-size:2.25rem}.resource-title{font-size:1.5rem}.resource-description{font-size:.95rem}}@media (max-width:768px){.resources{padding:4rem 1rem}.resources-header{text-align:center;margin-bottom:2rem}.resources-header h2{letter-spacing:.03em;font-size:2rem}.resources-grid{grid-template-columns:1fr;gap:1.5rem}.resource-card{gap:1.25rem;padding:1.75rem}.resource-icon{font-size:2rem}.resource-title{font-size:1.5rem}.resource-description{font-size:.95rem;line-height:1.5}.resource-link{font-size:.9rem}}@media (max-width:480px){.resources-grid{gap:1.25rem}.resource-card{gap:1rem;padding:1.5rem}.resource-icon{font-size:1.75rem}.resource-description{font-size:.9rem}.resource-link{font-size:.85rem}}
