.area{padding-block:clamp(96px,12vw,160px)}.area-light{background:var(--bg)}.area-soft{background:var(--bg-2)}.area-accent{background:var(--bg);isolation:isolate;position:relative}.area-accent:before{content:"";background:radial-gradient(ellipse at 80% 30%, color-mix(in srgb, var(--accent) 14%, transparent) 0, transparent 55%), linear-gradient(180deg, transparent 0%, var(--bg-2) 100%);z-index:-1;position:absolute;inset:0}.area-accent .area-ph-accent{background:radial-gradient(ellipse at 70% 30%, color-mix(in srgb, var(--accent) 32%, transparent) 0, transparent 65%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 6%, transparent) 0, color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1px, transparent 16px), linear-gradient(160deg, var(--bg-2) 0%, var(--accent-soft) 100%)}.area-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.area-grid.area-reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.area-grid.area-reverse .area-visual{order:-1}.area-text .eyebrow{margin-bottom:var(--s-5)}.area-text h2{font-size:var(--fs-display);letter-spacing:-.025em;margin-bottom:var(--s-5);font-weight:700;line-height:1.1}.area-text h2 .amber{color:var(--accent)}.area-copy{color:var(--ink-soft);max-width:480px;margin-bottom:var(--s-6);font-size:clamp(15px,1.2vw,17px);line-height:1.75}.area-visual{width:100%}.area-ph{aspect-ratio:4/3;border-radius:var(--r-xl);width:100%}@media (max-width:900px){.area-grid,.area-grid.area-reverse{grid-template-columns:1fr}.area-grid.area-reverse .area-visual{order:0}}.area-copy-long{max-width:520px;margin-bottom:var(--s-6)}.area-features{margin-bottom:var(--s-6);gap:14px;max-width:540px;display:grid}.area-features .feat{border-top:1px solid var(--line);grid-template-columns:12px 1fr;align-items:baseline;gap:14px;padding:14px 0;display:grid}.area-features .feat:last-child{border-bottom:1px solid var(--line)}.area-features .feat-icon{color:var(--accent);font-size:10px;transform:translateY(-2px)}.area-features .feat h4{letter-spacing:-.015em;margin-bottom:4px;font-size:16px;font-weight:700}.area-features .feat p{color:var(--ink-soft);font-size:14px;line-height:1.6}.related-services{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.related-services .related-label{font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:600}.related-services a{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);transition:background .15s var(--e-out), color .15s var(--e-out);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.related-services a:hover{background:var(--accent);color:var(--on-accent)}
