.outfit-hero{width:min(88%,1600px);margin-inline:auto;padding-block:35px 40px}.outfit-hero-main{grid-template-columns:47% 50%;align-items:center;gap:3%;display:grid}.outfit-hero-eyebrow{color:var(--primary);letter-spacing:.28em;margin-bottom:24px;font-size:clamp(13px,.9vw,16px);font-weight:600}.outfit-hero h1{font-family:var(--font-serif-display), Georgia, serif;color:var(--card-foreground);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(40px,3.9vw,72px);font-weight:400;line-height:1.12}.outfit-hero h1 span{display:block}.outfit-hero-description{max-width:600px;color:var(--muted-foreground);text-wrap:pretty;margin-top:28px;font-size:clamp(17px,1.6vw,27px);line-height:1.55}.outfit-hero-description span{display:block}.outfit-hero-actions{flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:34px;display:flex}.outfit-hero-cta{background:var(--primary);min-height:64px;color:var(--primary-foreground);border-radius:10px;justify-content:center;align-items:center;gap:28px;padding:20px 36px;font-size:clamp(16px,1.5vw,25px);transition:opacity .15s;display:inline-flex}.outfit-hero-cta:hover{opacity:.9}.outfit-hero a:focus-visible{outline:3px solid var(--ring);outline-offset:5px}.outfit-hero-secondary{color:var(--primary);text-underline-offset:7px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--primary) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--primary) 35%, transparent);font-size:clamp(15px,1.2vw,20px)}.outfit-hero-note{color:var(--muted-foreground);margin-top:24px;font-size:clamp(13px,.9vw,16px)}.outfit-hero-example{grid-template-columns:32% 10% 58%;align-items:center;min-width:0;margin:0;padding-top:12px;display:grid}.outfit-hero-inputs{align-self:start}.outfit-hero-photo{position:relative}.outfit-hero-photo img{object-fit:cover;border-radius:12px;width:100%}.outfit-hero-before img{aspect-ratio:.85}.outfit-hero-reference img{aspect-ratio:.92}.outfit-hero-label{z-index:1;background:var(--accent);color:var(--accent-foreground);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:clamp(11px,.9vw,15px);line-height:1.3;position:absolute;top:0;left:12px;transform:translateY(-50%)}.outfit-hero-plus{width:40px;height:40px;color:var(--primary);background:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:12px auto 26px;display:flex}.outfit-hero-arrow{width:80%;height:auto;color:color-mix(in oklab, var(--primary) 55%, var(--background));margin-inline:auto}.outfit-hero-output{flex-direction:column;align-self:stretch;min-height:0;display:flex}.outfit-hero-after{flex:1;min-height:0}.outfit-hero-after img{object-position:50% 50%;height:100%;position:absolute;inset:0}.outfit-hero-after .outfit-hero-label{color:var(--primary)}.outfit-hero-output figcaption{color:var(--muted-foreground);margin-top:10px;font-size:clamp(12px,.9vw,16px);line-height:1.5}.outfit-hero-steps{align-items:center;gap:28px;margin-top:44px;padding:0;list-style:none;display:flex}.outfit-hero-steps li{flex:1;align-items:center;gap:16px;font-size:clamp(13px,1.05vw,18px);display:flex}.outfit-hero-steps li:not(:last-child):after{content:"";background:var(--border);flex:1;height:1px;margin-left:12px}.outfit-hero-step-number{border:1px solid var(--border);background:var(--accent);width:46px;height:46px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}@media (width<=1023px){.outfit-hero{width:min(90%,780px);padding-top:30px}.outfit-hero-main{grid-template-columns:1fr;gap:38px}.outfit-hero-copy{text-align:center}.outfit-hero h1{font-size:clamp(36px,5.8vw,54px)}.outfit-hero-description{margin:18px auto 0;font-size:18px}.outfit-hero-actions{justify-content:center;margin-top:24px}.outfit-hero-note{margin-top:16px}.outfit-hero-example{width:min(100%,630px);margin-inline:auto}.outfit-hero-steps{gap:16px;margin-top:30px}.outfit-hero-steps li{gap:10px}.outfit-hero-steps li:after{display:none}}@media (width<=540px){.outfit-hero{padding-top:20px;padding-bottom:28px}.outfit-hero-eyebrow{margin-bottom:16px;font-size:11px}.outfit-hero-description{font-size:16px}.outfit-hero-actions{gap:18px}.outfit-hero-cta{gap:12px;min-height:50px;padding:13px 20px;font-size:15px}.outfit-hero-secondary{font-size:13px}.outfit-hero-note{font-size:12px}.outfit-hero-label{padding:6px 8px;font-size:10px;left:5px}.outfit-hero-plus{width:28px;height:28px;margin-block:10px 20px}.outfit-hero-plus svg{width:18px;height:18px}.outfit-hero-output figcaption{font-size:10px}.outfit-hero-steps li{text-align:center;flex-direction:column;font-size:11px;line-height:1.5}.outfit-hero-step-number{width:34px;height:34px;font-size:12px}}