@layer components{.how-parts{display:none}@media (min-width:768px){.how-parts{display:block}.how-parts ol{gap:var(--space-3);display:grid}.how-part{gap:var(--space-4);min-block-size:2.75rem;padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);transition:border-color var(--dur-hover) var(--ez-out), box-shadow var(--dur-hover) var(--ez-out), transform var(--dur-hover) var(--ez-out);grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;display:grid}.how-part:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:var(--lift-shadow);transform:translateY(-2px)}.how-part:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.how-part-n{border-radius:var(--r-md);background:var(--accent-soft);block-size:2.5rem;inline-size:2.5rem;color:var(--accent-on-soft);font-family:var(--font-display);place-items:center;font-weight:800;display:inline-grid}.how-part-text{flex-direction:column;min-inline-size:0;display:flex}.how-part-text strong{font-family:var(--font-display);font-size:1.125rem}.how-part-text span{color:var(--muted);font-size:.9375rem}.how-part-icon{color:var(--accent)}}.how-steps{gap:var(--space-4);display:grid}.how-step{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);flex-direction:column;display:flex;position:relative}.how-step>p:last-child{color:var(--fg-2);line-height:1.6}.how-step-n{block-size:2.5rem;inline-size:2.5rem;background:var(--accent-fill);color:var(--white);font-family:var(--font-display);border-radius:50%;place-items:center;margin-block-end:var(--space-2);font-weight:800;display:inline-grid}.how-step-price{padding:var(--space-1) var(--space-3);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-on-soft);align-self:flex-start;font-size:.875rem;font-weight:700}@media (min-width:768px){.how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.how-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.how-step:not(:last-child):after{content:"";top:calc(var(--space-6) + 1.25rem);left:calc(var(--space-6) + 2.75rem);right:calc(var(--space-4) * -1 - 1px);border-block-start:2px dashed var(--line-strong);position:absolute}}.how-note{gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent-on-soft);grid-template-columns:auto minmax(0,1fr);align-items:start;margin-block-start:var(--space-6);scroll-margin-block-start:calc(var(--header-h) + var(--space-6));line-height:1.6;display:grid}.how-note-icon{margin-block-start:.125rem}.how-aside{color:var(--fg-2);margin-block-start:var(--space-6);line-height:1.6}.how-aside .link-cta{min-block-size:2.75rem}.how-grid{gap:var(--space-4);display:grid}.how-card{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;display:flex}.how-card>p,.how-choice-card>p{color:var(--fg-2);line-height:1.6}.how-card-mark{block-size:2.75rem;inline-size:2.75rem}.how-card-title{font-family:var(--font-display);font-size:1.1875rem;font-weight:700;line-height:1.25}@media (min-width:768px){.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.how-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.how-own{gap:var(--space-2);display:grid}.how-own-list{gap:var(--space-4);display:grid}.how-own-list>li{gap:var(--space-3);border-block-end:1px solid var(--line);color:var(--fg-2);grid-template-columns:1.5rem minmax(0,1fr);padding-block-end:var(--space-4);line-height:1.6;display:grid}.how-own-list strong{color:var(--foreground)}.how-own-tick{color:var(--accent);margin-block-start:.125rem}@media (min-width:1280px){.how-own{gap:var(--space-11);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}.how-handover{gap:var(--space-6);display:grid}.how-handover-list{gap:var(--space-3);align-content:start;display:grid}.how-handover-list>li{gap:var(--space-3);grid-template-columns:1.25rem minmax(0,1fr);align-items:start;font-size:1.0625rem;line-height:1.5;display:grid}.how-handover-tick{color:var(--accent);margin-block-start:.1875rem}.how-choice{gap:var(--space-4);display:grid}.how-choice-card{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--line);border-block-start:4px solid var(--accent-fill);border-radius:var(--r-lg);background:var(--background);flex-direction:column;display:flex}@media (min-width:768px){.how-choice{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.how-handover{gap:var(--space-10);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}}