.how-it-works-hero{isolation:isolate;background:radial-gradient(130% 90% at 50% 8%, var(--color-cyan-100), transparent 62%), radial-gradient(90% 70% at 100% 100%, var(--color-accent-soft), transparent 68%), var(--color-surface-page);padding-block:clamp(2rem,6svh,4rem);position:relative}.how-it-works-hero__layout{gap:var(--space-7);grid-template-columns:minmax(0,1fr);align-items:center;min-inline-size:0;display:grid}.how-it-works-hero__copy{min-inline-size:0}.how-it-works-hero__actions{gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.how-it-works-hero__visual{min-inline-size:0;max-inline-size:100%}.how-it-works-hero__image{inline-size:100%;min-inline-size:0;max-inline-size:100%;display:block}.how-it-works-hero__image .data-image__picture{filter:drop-shadow(0 1.25rem 2.5rem #102a432e);background:0 0}@media (width>=64rem){.how-it-works-hero__layout{text-align:center;justify-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.how-it-works-hero__copy{max-inline-size:60rem}}.how-it-works-security.ui-section--subtle{background:radial-gradient(130% 90% at 50% 8%, var(--color-cyan-100), transparent 62%), radial-gradient(90% 70% at 100% 100%, var(--color-accent-soft), transparent 68%), var(--color-surface-page)}.how-it-works-feature-grid,.how-it-works-security-detail{gap:var(--space-5);grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-6);display:grid}.how-it-works-feature-grid>.ui-card,.how-it-works-security-detail>.ui-card{max-inline-size:none;height:100%}.how-it-works-feature__icon{block-size:2.75rem;inline-size:2.75rem;border-radius:var(--radius-control);background:var(--color-accent-soft);color:var(--color-accent);justify-content:center;align-items:center;margin-block-end:var(--space-3);display:inline-flex}@media (width>=48rem){.how-it-works-security-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.how-it-works-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hosting-compare-wrap{overscroll-behavior-inline:contain;min-inline-size:0;max-inline-size:100%;margin-block-start:var(--space-6);overflow-x:auto}.hosting-compare{border-collapse:separate;border-spacing:0;inline-size:100%;min-inline-size:44rem}.hosting-compare caption{text-align:start}.hosting-compare th,.hosting-compare td{padding:var(--space-4) var(--space-5);text-align:start;vertical-align:top;border-block-end:1px solid var(--color-border-subtle)}.hosting-compare thead th{border-block-end:2px solid var(--color-border-strong);font-size:var(--text-base)}.hosting-compare__feature{inline-size:26%;color:var(--color-text);font-weight:var(--font-weight-semibold)}.hosting-compare__option{inline-size:37%}.hosting-compare__option-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);display:block}.hosting-compare__badge{padding:.15rem var(--space-3);background:var(--color-accent);color:var(--color-on-accent,#fff);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-block-start:var(--space-2);display:inline-block}.hosting-compare__value--managed,thead .hosting-compare__option--managed{background:var(--color-accent-soft)}.hosting-compare thead .hosting-compare__option--managed{border-start-start-radius:var(--radius-control);border-start-end-radius:var(--radius-control)}.hosting-compare tbody tr:last-child .hosting-compare__value--managed{border-end-end-radius:var(--radius-control);border-end-start-radius:var(--radius-control)}.hosting-compare__cell{align-items:flex-start;gap:var(--space-3);color:var(--color-text-muted);display:flex}.hosting-compare__mark{flex:none;block-size:1.15rem;inline-size:1.15rem;margin-block-start:.15rem}.hosting-compare__mark--yes{color:var(--color-accent)}.hosting-compare__mark--no{color:var(--color-border-strong)}.how-it-works-recommendation{max-inline-size:var(--layout-copy,42rem);color:var(--color-text-muted);margin-block-start:var(--space-6)}.how-it-works-final-cta__availability{margin:0 0 var(--space-3);color:var(--color-accent-on-dark);font-weight:var(--font-weight-semibold);text-align:center}.how-it-works-final-cta__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-6);display:flex}.how-it-works-agentic{justify-items:center;gap:var(--space-4);margin-block-start:var(--space-6);display:grid}.how-it-works-agentic__frame{inline-size:100%;max-inline-size:60rem}.how-it-works-agentic__link{margin:0}.how-it-works-agentic__link .ui-action{align-items:center;gap:var(--space-2);display:inline-flex}.how-it-works-agentic__link-icon{block-size:1.15rem;inline-size:1.15rem}