.hero{isolation:isolate;padding-block:var(--space-4xl);background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 36rem), var(--bg);color:var(--text);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero__inner{align-items:center;gap:var(--space-4xl);width:100%;max-width:var(--container-width);padding-inline:var(--container-padding);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);margin:0 auto;display:grid}.hero .icon{vertical-align:middle;background:var(--text);flex:none;display:inline-block}.hero__content{width:100%;min-width:0;max-width:660px;margin:0 auto}.hero__eyebrow{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-xl);padding:var(--space-sm) var(--space-lg);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--bg));border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));border-radius:var(--radius-full);font-size:.875rem;font-weight:700;line-height:1.4;display:inline-flex}.hero__eyebrow-icon{width:1.5rem;height:1.5rem;color:var(--primary);flex:none;place-items:center;display:inline-grid}.hero__eyebrow-icon .icon{--icon-size:1.25rem;background-color:currentColor}.hero__title{max-width:700px;margin:0 0 var(--space-xl);color:var(--text);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.06}.hero__title>span{display:block}.hero__title-accent{color:var(--primary)}.hero__lead{max-width:580px;margin:0 0 var(--space-2xl);color:var(--text-secondary,var(--text));text-wrap:pretty;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.8}.hero__actions{align-items:center;gap:var(--space-md);margin:0 0 var(--space-2xl);flex-wrap:wrap;display:flex}.hero__actions .button{justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--radius-full);text-align:center;font-weight:800;text-decoration:none;display:inline-flex}.hero__actions .button .icon{--icon-size:1.125rem;background-color:currentColor}.hero__actions .button--primary .icon{background-color:var(--primary-text)}.hero__trust{align-items:flex-start;gap:var(--space-md);width:100%;max-width:520px;padding-top:var(--space-xl);border-top:1px solid var(--border);margin:0 auto;display:flex}.hero__trust-icon{width:2.5rem;height:2.5rem;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--bg));border:1px solid color-mix(in srgb, var(--primary) 16%, var(--border));border-radius:var(--radius-lg);flex:none;place-items:center;display:grid}.hero__trust-icon .icon{--icon-size:1.25rem;background-color:currentColor}.hero__trust p{gap:var(--space-xs);margin:0;line-height:1.5;display:grid}.hero__trust strong{color:var(--text);font-size:.9375rem;font-weight:700}.hero__trust p span{color:var(--text-secondary,var(--text));font-size:.875rem}.hero__visual{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;min-height:520px;margin:0 auto;display:flex;position:relative}.hero__visual-ambient-glow{z-index:0;background:color-mix(in srgb, var(--primary) 12%, transparent);filter:blur(50px);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero__orbit-system{z-index:0;aspect-ratio:1;pointer-events:none;width:clamp(580px,40vw,480px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.hero__ring{border-radius:50%;margin:auto;position:absolute;inset:0}.hero__ring--1{border:1px dashed color-mix(in srgb, var(--primary) 28%, transparent);width:60%;height:60%}.hero__ring--2{border:1px dashed color-mix(in srgb, var(--primary) 25%, transparent);width:80%;height:80%}.hero__ring--3{border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);width:98%;height:98%}.hero__amber-dot{--dot-color:#f4b740;--mouse-x:0px;--mouse-y:0px;--mouse-scale:1;background:var(--dot-color);width:.45rem;height:.45rem;box-shadow:0 0 6px var(--dot-color), 0 0 14px color-mix(in srgb, var(--dot-color) 65%, transparent);offset-path:circle(50% at 50% 50%);offset-anchor:center;offset-rotate:0deg;transform:translate3d(var(--mouse-x), var(--mouse-y), 0) scale(var(--mouse-scale));will-change:offset-distance, opacity, transform;border-radius:50%;margin:-.225rem 0 0 -.225rem;transition:transform .18s ease-out;animation:12s linear infinite hero-dot-orbit,2.8s ease-in-out infinite hero-amber-pulse;display:block;position:absolute;top:50%;left:50%}.hero__amber-dot--1{--dot-color:#f4b740;offset-distance:0%;animation-duration:12s,2.8s;animation-delay:0s,0s}.hero__amber-dot--2{--dot-color:#ff6b6b;offset-distance:33.333%;animation-duration:12s,2.8s;animation-delay:-4s,-.9s}.hero__amber-dot--3{--dot-color:#4dd0e1;offset-distance:66.666%;animation-duration:12s,2.8s;animation-delay:-8s,-1.8s}.hero__amber-dot--4{--dot-color:#a78bfa;offset-distance:0%;animation-duration:16s,2.8s;animation-delay:-1s,-.5s}.hero__amber-dot--5{--dot-color:#34d399;offset-distance:33.333%;animation-duration:16s,2.8s;animation-delay:-6.333s,-1.4s}.hero__amber-dot--6{--dot-color:#fb923c;offset-distance:66.666%;animation-duration:16s,2.8s;animation-delay:-11.666s,-2.3s}.hero__amber-dot--7{--dot-color:#f472b6;offset-distance:0%;animation-duration:21s,2.8s;animation-delay:-.3s,-.3s}.hero__amber-dot--8{--dot-color:#60a5fa;offset-distance:25%;animation-duration:21s,2.8s;animation-delay:-5.55s,-1.1s}.hero__amber-dot--9{--dot-color:#facc15;offset-distance:50%;animation-duration:21s,2.8s;animation-delay:-10.8s,-1.9s}.hero__amber-dot--10{--dot-color:#c084fc;offset-distance:75%;animation-duration:21s,2.8s;animation-delay:-16.05s,-2.6s}.hero__fading-icon{--orbit-radius:43cqi;--orbit-angle:0deg;--counter-angle:0deg;width:0;height:0;transform:rotate(var(--orbit-angle)) translateX(var(--orbit-radius)) rotate(var(--counter-angle));position:absolute;top:50%;left:50%}.hero__fading-icon--paw{--orbit-angle:-25deg;--counter-angle:25deg;--orbit-radius:29cqi}.hero__fading-icon--heart{--orbit-angle:25deg;--counter-angle:-25deg;--orbit-radius:43cqi}.hero__fading-icon--check{--orbit-angle:155deg;--counter-angle:-155deg;--orbit-radius:43cqi}.hero__fading-icon--search{--orbit-angle:-155deg;--counter-angle:155deg;--orbit-radius:29cqi}.hero__fading-icon--report{--orbit-angle:80deg;--counter-angle:-80deg;--orbit-radius:35cqi}.hero__fading-icon--paw-two{--orbit-angle:205deg;--counter-angle:-205deg;--orbit-radius:35cqi}.hero__fading-icon--heart-two{--orbit-angle:115deg;--counter-angle:-115deg;--orbit-radius:48cqi}.hero__fading-icon--search-two{--orbit-angle:-65deg;--counter-angle:65deg;--orbit-radius:48cqi}.hero__icon-badge{width:2.65rem;height:2.65rem;color:var(--primary);background:var(--bg);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));box-shadow:0 8px 20px color-mix(in srgb, var(--text) 10%, transparent), 0 0 0 4px var(--bg);will-change:opacity, transform;border-radius:50%;place-items:center;margin:-1.325rem 0 0 -1.325rem;animation:5s ease-in-out infinite hero-icon-drift;display:grid}.hero__icon-badge .icon{--icon-size:1.2rem;background-color:currentColor}.hero__fading-icon--paw .hero__icon-badge{color:var(--primary);animation-delay:0s}.hero__fading-icon--heart .hero__icon-badge{color:#f17f70;animation-delay:-1.2s}.hero__fading-icon--check .hero__icon-badge{color:#35b8a0;animation-delay:-2.4s}.hero__fading-icon--search .hero__icon-badge{color:#709cf5;animation-delay:-3.6s}.hero__fading-icon--report .hero__icon-badge{color:#35b8a0;animation-delay:-.7s}.hero__fading-icon--paw-two .hero__icon-badge{color:var(--primary);animation-delay:-1.9s}.hero__fading-icon--heart-two .hero__icon-badge{color:#f17f70;animation-delay:-3.1s}.hero__fading-icon--search-two .hero__icon-badge{color:#709cf5;animation-delay:-4.2s}.hero__visual-card{z-index:1;isolation:isolate;width:100%;min-width:0;max-width:370px;padding:var(--space-xl);color:var(--text);background-color:#fff3;background-color:color-mix(in srgb, var(--bg-surface) 20%, transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xxl);box-shadow:var(--shadow-lg);margin:0 auto;position:relative}@property --hero-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hero__visual-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--hero-border-angle,0deg), transparent 0deg, transparent 295deg, #4dd0e126 315deg, #4dd0e1 330deg, #a78bfaf2 340deg, #f4b74080 350deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;padding:1.5px;animation:none;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.hero__visual-card.hero-border-active:after{animation:1.8s ease-in-out both hero-border-glint}@keyframes hero-border-glint{0%{--hero-border-angle:0deg;opacity:0}12%{opacity:1}75%{opacity:.85}to{--hero-border-angle:360deg;opacity:0}}@supports not (backdrop-filter:blur(1px)){.hero__visual-card{background-color:var(--bg-surface)}}.hero__visual-topline{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.hero__visual-brand{align-items:center;gap:var(--space-sm);color:var(--text);font-size:1.25rem;font-weight:800;display:inline-flex}.hero__visual-brand .icon{--icon-size:2.25rem;background-color:var(--primary)}.hero__status{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--text-secondary,var(--text));background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-flex}.hero__status-dot{background:#2eaa70;border-radius:50%;flex:none;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #2eaa702e}.hero__illustration{isolation:isolate;min-height:220px;margin-block:var(--space-lg);background:color-mix(in srgb, var(--primary) 5%, var(--bg));border:1px solid color-mix(in srgb, var(--primary) 10%, var(--border));border-radius:var(--radius-xl);place-items:center;display:grid;position:relative;overflow:hidden}.hero__illustration-glow{z-index:-1;aspect-ratio:1;background:color-mix(in srgb, var(--primary) 13%, transparent);filter:blur(24px);border-radius:50%;width:170px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__animal{--icon-size:160px;max-width:70%;color:var(--primary);filter:drop-shadow(0 8px 12px color-mix(in srgb, var(--text) 10%, transparent));display:block}.hero__decor{color:var(--primary);pointer-events:none;user-select:none;position:absolute}.hero__decor--one{opacity:.7;font-size:1.5rem;top:18%;left:15%}.hero__decor--two{opacity:.6;font-size:1.75rem;bottom:20%;right:16%}.hero__visual-caption{padding-block:var(--space-sm) var(--space-lg)}.hero__caption-label{margin-bottom:var(--space-sm);color:var(--primary);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:800;line-height:1.5;display:inline-block}.hero__visual-caption h2{margin:0 0 var(--space-sm);color:var(--text);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:800;line-height:1.3}.hero__visual-caption p{color:var(--text-secondary,var(--text));margin:0;font-size:.875rem;line-height:1.7}.hero__visual-footer{align-items:center;gap:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.hero__visual-footer>span{align-items:center;gap:var(--space-xs);color:var(--text-secondary,var(--text));font-size:.75rem;font-weight:600;display:inline-flex}.hero__visual-footer .icon{--icon-size:1rem;color:var(--primary);background-color:currentColor}.hero__side-note{z-index:2;justify-content:center;align-items:center;gap:var(--space-md);width:fit-content;max-width:100%;margin:var(--space-md) auto 0;padding:var(--space-md) var(--space-lg);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;position:relative}.hero__side-note-icon{width:2.5rem;height:2.5rem;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--bg));border-radius:var(--radius-lg);flex:none;place-items:center;display:grid}.hero__side-note-icon .icon{--icon-size:1.25rem;background-color:currentColor}.hero__side-note>span:last-child{gap:var(--space-xs);min-width:0;display:grid}.hero__side-note strong{color:var(--text);font-size:.8125rem;font-weight:800;line-height:1.4}.hero__side-note small{color:var(--text-secondary,var(--text));font-size:.75rem;line-height:1.4}@keyframes hero-dot-orbit{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes hero-amber-pulse{0%,to{opacity:.3;box-shadow:0 0 4px var(--dot-color), 0 0 8px color-mix(in srgb, var(--dot-color) 40%, transparent);scale:.7}50%{opacity:1;box-shadow:0 0 9px var(--dot-color), 0 0 20px color-mix(in srgb, var(--dot-color) 75%, transparent);scale:1.4}}@keyframes hero-icon-drift{0%,to{opacity:.15;transform:translateY(5px)scale(.85)}50%{opacity:1;transform:translateY(-7px)scale(1.08)}}@media (width<=1024px){.hero__inner{gap:var(--space-2xl)}.hero__visual-card{max-width:350px}.hero__orbit-system{width:clamp(580px,42vw,420px)}}@media (width<=760px){.hero__inner{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.hero__content{text-align:center}.hero__eyebrow,.hero__title,.hero__lead,.hero__actions{margin-inline:auto}.hero__actions{justify-content:center}.hero__trust{text-align:start}.hero__visual{min-height:480px}.hero__orbit-system{width:min(88vw,360px)}.hero__fading-icon--paw,.hero__fading-icon--search{--orbit-radius:27cqi}.hero__fading-icon--heart,.hero__fading-icon--check{--orbit-radius:39cqi}.hero__fading-icon--report,.hero__fading-icon--paw-two{--orbit-radius:33cqi}.hero__fading-icon--heart-two,.hero__fading-icon--search-two{--orbit-radius:44cqi}.hero__icon-badge{width:2.3rem;height:2.3rem;margin:-1.15rem 0 0 -1.15rem}.hero__icon-badge .icon{--icon-size:1rem}.hero__visual-card{max-width:370px}.hero__side-note{margin-top:var(--space-md)}}@media (width<=380px){.hero__visual{min-height:450px}.hero__orbit-system{width:290px}.hero__visual-card{padding:var(--space-lg)}.hero__visual-topline{align-items:flex-start}.hero__status{font-size:.6875rem}.hero__visual-footer{gap:var(--space-md)}.hero__fading-icon--heart-two,.hero__fading-icon--search-two{--orbit-radius:45cqi}}@media (prefers-reduced-motion:reduce){.hero__amber-dot,.hero__icon-badge{will-change:auto;animation:none!important}.hero__amber-dot{opacity:.8;transition:none;transform:none}.hero__icon-badge{opacity:.8;transform:none}.hero__visual-card:after{opacity:0;animation:none!important}}.status{width:100%;padding-block:var(--space-4xl);background:var(--bg)}.status__header{text-align:center;max-width:680px;margin-inline:auto}.status__eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;margin-block-end:var(--space-md);font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.status__header h2{max-width:620px;margin-inline:auto}.status__description{max-width:580px;margin:var(--space-md) auto 0;color:var(--text);opacity:.76;line-height:1.75}.status__extensions{gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--space-2xl);display:grid}@media (width<=1000px){.status{padding-block:var(--space-3xl)}.status__extensions{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.status{padding-block:var(--space-2xl)}.status__header{text-align:start}.status__header h2{margin-inline:0}.status__description{margin-inline:0;font-size:.9375rem}.status__extensions{gap:var(--space-sm);margin-block-start:var(--space-xl)}}.status-card{--status-color:var(--primary);--status-tint:color-mix(in srgb, var(--status-color) 8%, var(--bg));--status-line:color-mix(in srgb, var(--status-color) 22%, var(--border));--status-ink:var(--status-color);isolation:isolate;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);min-width:0;min-height:258px;box-shadow:var(--shadow-sm);color:var(--text);text-align:start;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden}.status-card:before{z-index:-2;background:linear-gradient(110deg, var(--status-tint) 0%, color-mix(in srgb, var(--status-color) 3%, var(--bg)) 70%, var(--bg) 100%);border-bottom:1px solid var(--status-line);content:"";height:106px;position:absolute;inset-block-start:0;inset-inline:0}.status-card:after{z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--status-color) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--status-color) 8%, transparent) 1px, transparent 1px);pointer-events:none;content:"";background-size:15px 15px;width:116px;height:106px;position:absolute;inset-block-start:0;inset-inline-end:0;mask-image:linear-gradient(135deg,#0000 0%,#000 100%)}.status-card__dot{z-index:2;border:2px solid var(--bg);border-radius:var(--radius-full);background:var(--status-color);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--status-color) 13%, transparent), 0 0 0 8px color-mix(in srgb, var(--status-color) 5%, transparent);position:absolute;inset-block-start:25px;inset-inline-end:var(--space-xl)}.status-card strong{width:100%;padding-inline:var(--space-xl);color:var(--text);letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:center;margin-block-start:119px;font-size:clamp(2.5rem,4vw,3.125rem);font-weight:760;line-height:.98;display:block;position:relative}.status-card strong:after{width:28px;height:3px;border-radius:var(--radius-full);background:var(--status-color);content:"";text-align:center;margin-block-start:var(--space-md);display:block}.status-card__label{padding-inline:var(--space-xl);color:var(--status-ink);letter-spacing:-.015em;margin-block-start:var(--space-md);font-size:.9375rem;font-weight:700;line-height:1.45;display:block}.status-card__updated{width:100%;max-width:100%;padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border);background:color-mix(in srgb, var(--text) 2%, var(--bg));color:var(--text);opacity:.72;overflow-wrap:anywhere;margin-block-start:auto;font-size:.75rem;font-weight:500;line-height:1.5;display:block}@media (hover:hover) and (pointer:fine){.status-card:hover{border-color:color-mix(in srgb, var(--status-color) 42%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.status-card:hover strong:after{width:50%}.status-card strong:after{transition:width var(--transition)}}html[data-theme=dark] .status-card{--status-tint:color-mix(in srgb, var(--status-color) 17%, var(--bg));--status-line:color-mix(in srgb, var(--status-color) 28%, var(--border))}html[data-theme=dark] .status-card__updated{background:color-mix(in srgb, var(--text) 4%, var(--bg))}@media (width<=640px){.status-card{border-radius:var(--radius-lg);min-height:228px}.status-card:before{height:88px}.status-card:after{background-size:13px 13px;width:100px;height:88px}.status-card__dot{inset-block-start:22px;inset-inline-end:var(--space-lg)}.status-card strong{padding-inline:var(--space-lg);margin-block-start:99px;font-size:2.5rem}.status-card strong:after{margin-block-start:var(--space-sm)}.status-card__label{padding-inline:var(--space-lg);margin-block-start:var(--space-md);font-size:.875rem}.status-card__updated{padding:var(--space-md) var(--space-lg);font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.status-card,.status-card strong:after{transition:none}.status-card:hover{transform:none}}.status-card--lost{--status-color:#d97706}.status-card--found{--status-color:#2563eb}.status-card--pending{--status-color:#9333ea}.status-card--reunited{--status-color:#16a34a}.instructions{isolation:isolate;color:var(--text);background:var(--bg);padding:clamp(5rem,9vw,8.5rem) 0;position:relative;overflow:hidden}.instructions .container{z-index:1;position:relative}.instructions__header{text-align:center;max-width:760px;margin:0 auto}.instructions__eyebrow{color:var(--primary);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.65rem;margin-bottom:1.5rem;font-size:.72rem;font-weight:800;display:inline-flex}.instructions__eyebrow:before,.instructions__eyebrow:after{content:"";opacity:.65;background:currentColor;width:1.5rem;height:1px}.instructions__header .heading-2{letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,5.2vw,4.5rem);font-weight:800;line-height:1.02}.instructions__header .heading-2 span{color:var(--primary);margin-top:.12em;display:block}.instructions__description{max-width:530px;color:var(--text);opacity:.72;text-wrap:pretty;margin:1.5rem auto 0;font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.85}.instructions__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:clamp(3.5rem,7vw,5.5rem);display:grid;position:relative}.instructions__steps:before{background:linear-gradient(90deg, transparent, var(--border) 10%, var(--primary) 50%, var(--border) 90%, transparent);content:"";opacity:.7;height:1px;position:absolute;top:2.2rem;left:16.66%;right:16.66%}.instruction-step{--step-accent:var(--primary);--step-wash:color-mix(in srgb, var(--primary) 6%, var(--bg));border:1px solid var(--border);background:var(--bg);min-width:0;box-shadow:var(--shadow-sm);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:1.25rem;flex-direction:column;align-items:flex-start;padding:1.5rem;display:flex;position:relative;overflow:hidden}.instruction-step:nth-child(2){--step-accent:#258777;--step-wash:color-mix(in srgb, #258777 7%, var(--bg))}.instruction-step:nth-child(3){--step-accent:#9364d8;--step-wash:color-mix(in srgb, #9364d8 7%, var(--bg))}.instruction-step:before{background:linear-gradient(90deg, transparent, var(--step-accent), transparent);content:"";opacity:.7;height:2px;position:absolute;top:0;left:1.5rem;right:1.5rem}.instruction-step__number{z-index:1;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);min-height:27px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;opacity:.78;align-items:center;padding:.4rem .7rem;font-size:.66rem;font-weight:800;line-height:1;display:inline-flex;position:relative}.instruction-step__icon{border:1px solid color-mix(in srgb, var(--step-accent) 22%, var(--border));background:var(--step-wash);width:72px;height:72px;transition:transform var(--transition), border-color var(--transition), background var(--transition);border-radius:22px;flex:none;place-items:center;margin-top:1.65rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff40}.instruction-step__icon-image{background-color:var(--step-accent);width:30px;height:30px;-webkit-mask:var(--step-icon) center / contain no-repeat;mask:var(--step-icon) center / contain no-repeat;display:block}.instruction-step__icon:after{border:3px solid var(--bg);background:var(--step-accent);content:"";border-radius:50%;width:15px;height:15px;position:absolute;bottom:-1px;right:-3px}.instruction-step .heading-4{color:var(--text);letter-spacing:-.045em;margin:1.75rem 0 0;font-size:clamp(1.25rem,1.7vw,1.5rem);font-weight:800;line-height:1.25}.instruction-step .body-small{color:var(--text);opacity:.72;margin:.85rem 0 0;font-size:.925rem;line-height:1.85}@media (hover:hover) and (pointer:fine){.instruction-step:hover{border-color:color-mix(in srgb, var(--step-accent) 38%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-5px)}.instruction-step:hover .instruction-step__icon{border-color:color-mix(in srgb, var(--step-accent) 45%, var(--border));transform:translateY(-3px)}}html[data-theme=dark] .instruction-step{background:color-mix(in srgb, var(--bg) 94%, white)}html[data-theme=dark] .instruction-step__icon{box-shadow:inset 0 1px #ffffff0a}html[data-theme=dark] .instruction-step__number{background:var(--bg)}html[data-theme=dark] .instruction-step__icon:after{border-color:var(--bg)}@media (width<=760px){.instructions{padding:4.5rem 0}.instructions__steps{grid-template-columns:1fr;gap:1rem;max-width:580px;margin:3rem auto 0}.instructions__steps:before{display:none}.instruction-step{grid-template-rows:auto auto auto;grid-template-columns:64px minmax(0,1fr);align-items:start;column-gap:1.125rem;padding:1.35rem;display:grid}.instruction-step__number{grid-area:1/1/auto/-1;justify-self:start;margin-bottom:1.2rem}.instruction-step__icon{border-radius:19px;grid-area:2/1/4;width:64px;height:64px;margin-top:0}.instruction-step .heading-4{grid-area:2/2;margin-top:.1rem}.instruction-step .body-small{grid-area:3/2;margin-top:.55rem}}@media (width<=420px){.instructions{padding:3.75rem 0}.instructions__header .heading-2{font-size:clamp(2.1rem,10vw,2.7rem)}.instructions__description{margin-top:1.15rem;font-size:.94rem}.instruction-step{grid-template-columns:52px minmax(0,1fr);column-gap:.9rem;padding:1.1rem}.instruction-step__icon{border-radius:15px;width:52px;height:52px}.instruction-step__icon-image{width:24px;height:24px}.instruction-step .heading-4{font-size:1.15rem}.instruction-step .body-small{font-size:.875rem;line-height:1.75}}@media (prefers-reduced-motion:reduce){.instruction-step,.instruction-step__icon{transition:none}.instruction-step:hover,.instruction-step:hover .instruction-step__icon{transform:none}}.action{width:100%;padding-block:var(--space-3xl);background:var(--bg)}.action__inner{justify-content:space-between;align-items:center;gap:var(--space-2xl);padding:var(--space-2xl);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);display:flex}.action__content{max-width:680px}.action__eyebrow{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;margin-block-end:var(--space-sm);font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.action__content h2{max-width:620px}.action__content p{max-width:600px;margin-block-start:var(--space-sm)}.action__button{flex:none}.action__button .button{white-space:nowrap}.action__button .button__icon img{object-fit:contain;filter:brightness(0)invert()}.action__button .icon{background-color:var(--primary-text)}@media (width<=900px){.action{padding-block:var(--space-3xl)}.action__inner{align-items:flex-start;gap:var(--space-xl);padding:var(--space-xl);flex-direction:column}}@media (width<=640px){.action{padding-block:var(--space-2xl)}.action__inner{padding:var(--space-lg);border-radius:var(--radius-lg)}.action__content,.action__content p{max-width:100%}.action__button,.action__button .button{width:100%}}
