#services{padding-block:var(--spacing-section);background:var(--color-bg)}#services header{margin-bottom:var(--spacing-3xl)}#services header p:last-child{max-width:672px;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}#services .container>div{gap:var(--spacing-xl);flex-direction:column;display:flex}#services article{padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);transition:all var(--duration-normal) var(--easing-standard)}#services article:hover{border-color:var(--color-primary-muted);box-shadow:var(--shadow-lg)}#services article:nth-child(2){transition-delay:.1s}#services article:nth-child(3){transition-delay:.2s}#services article>span,#why article>span{width:48px;height:48px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-primary-bg);justify-content:center;align-items:center;display:flex}#services article h3{margin-bottom:var(--spacing-md-tight);font-family:var(--font-family-display);font-size:var(--font-size-xl);color:var(--color-text);font-weight:700;line-height:1.75rem}#services article p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}#services ul{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}#services li{align-items:flex-start;gap:var(--spacing-sm-loose);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.25rem;display:flex}#services li:before{content:"";width:6px;height:6px;margin-top:var(--spacing-sm-tight);background:#ff614a;border-radius:50%;flex-shrink:0}#services article a{align-items:center;gap:var(--spacing-sm-tight);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;line-height:1.25rem;display:inline-flex}#services article a:hover{color:var(--color-primary-hover)}#why{padding-block:var(--spacing-section);background:var(--color-bg-subtle)}#why>.container{align-items:center;gap:var(--spacing-3xl);flex-direction:column;display:flex}#why header{width:100%}#why h2{margin-bottom:var(--spacing-lg)}#why h2 span{margin-top:var(--spacing-xs);font-size:var(--font-size-2xl);color:var(--color-text-muted);font-weight:600;line-height:2rem;display:block}#why header p:last-of-type{margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}#why header ul{gap:var(--spacing-md);flex-wrap:wrap;display:flex}#why li{min-width:110px;padding:var(--spacing-md) var(--spacing-md-loose);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}#why li strong{font-family:var(--font-family-display);font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:800;line-height:1;display:block}#why li span{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1rem;display:block}#why .container>div{gap:var(--spacing-lg);flex-wrap:wrap;width:100%;display:flex}#why article{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:all var(--duration-normal) var(--easing-standard);flex:100%}#why article:hover{border-color:var(--color-primary-muted);box-shadow:var(--shadow-md)}#why article:nth-child(2){transition-delay:.1s}#why article:nth-child(3){transition-delay:.2s}#why article:nth-child(4){transition-delay:.3s}#why article>span{width:40px;height:40px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}#why article h3{margin-bottom:var(--spacing-sm);font-family:var(--font-family-display);color:var(--color-text);font-weight:700}#why article p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}@media (width>=480px){#why h2 span{font-size:var(--font-size-3xl);line-height:2.25rem}#why article{flex-basis:calc(50% - 12px)}}@media (width>=768px){#services .container>div{flex-direction:row}#services article{flex:1 1 0;min-width:0}}@media (width>=1024px){#services header{text-align:center}#services header p:last-child{margin-inline:auto}#why>.container{flex-direction:row}#why header,#why .container>div{flex:1 1 0;min-width:0}}@media (prefers-reduced-motion:reduce){#services article,#why article{transition:none}}