.home-page{background:var(--color-base-100);min-height:100dvh;color:var(--color-base-content)}[data-theme=dark] .home-page{--color-base-100:#111313;--color-base-200:#171919;--color-base-300:#343737;--color-base-content:#f2f2f2}.home-session-loading{min-height:100dvh;color:var(--ui-text-muted);background:var(--color-base-100);place-items:center;display:grid}.home-content{--home-section-gap:56px;width:100%;margin-inline:auto;padding:31px clamp(24px,2.7vw,52px) 72px}.home-intro{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:24px;display:flex}.home-intro-copy{min-width:0}.home-intro h1{font-family:var(--font-syne), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(34px,4.56vw,64px);font-weight:700;line-height:1.08}.home-intro h1 span{color:var(--ui-text-brand)}.home-intro p{color:var(--ui-text-muted);margin:6px 0 0;font-size:clamp(16px,1.63vw,21px);line-height:1.35}.home-intro>.home-primary-action{margin-top:20px}.home-primary-action{background:var(--color-primary);min-height:44px;color:var(--color-primary-content);border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:11px 18px;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;transition:filter .16s,transform .16s;display:inline-flex}.home-primary-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.home-page :is(a,button,select):focus-visible{outline:2px solid var(--ui-text-brand);outline-offset:4px}.home-features{grid-template-columns:minmax(0,2.34fr) minmax(0,.985fr) minmax(0,1.015fr);align-items:stretch;gap:12px;display:grid}.home-feature{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.home-feature-media{background:var(--color-base-300);min-width:0;height:clamp(319px,25.96vw,415px)}.home-feature-copy{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:6px;min-height:86px;padding:16px;display:flex;position:relative}.home-feature-copy h2{font-family:var(--font-syne), sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:18px;font-weight:700;line-height:1.2}.home-feature-copy p{color:var(--ui-text-muted);margin:0;padding-right:16px;font-size:13px;line-height:1.4}.home-feature-action{align-items:center;gap:12px;min-width:44px;min-height:44px;padding-block:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.home-feature-action:hover{color:var(--ui-text-brand)}.home-feature:not(.home-feature--workflow) .home-feature-action{justify-content:center;position:absolute;bottom:8px;right:4px}.home-feature:not(.home-feature--workflow) .home-feature-action>span{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-feature--workflow .home-feature-copy{grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:18px;display:grid}.home-feature--workflow .home-feature-copy h2{grid-column:1;font-size:21px}.home-feature--workflow .home-feature-copy p{grid-column:1;font-size:14px}.home-feature--workflow .home-feature-action{color:var(--ui-text-brand);grid-area:1/2/3;align-self:center}.home-feature--workflow .home-media-overlay{inset:auto 24px 14px}.home-workflow-strip{grid-template-columns:1fr 1fr 1fr 1.12fr;grid-auto-rows:auto;align-items:stretch;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:grid}.home-workflow-strip li{color:#f5f5f0;white-space:pre-line;background:#191b1bf2;border:1px solid #ffffff30;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:61px;padding:10px 8px;font-size:10px;line-height:1.35;display:flex;position:relative}.home-workflow-strip li+li:before{content:"";background:#d1fe17;width:16px;height:1px;position:absolute;top:50%;left:-17px}.home-workflow-strip li+li:after{content:"";background:#242624;border:1px solid #d1fe17;border-radius:50%;width:7px;height:7px;position:absolute;top:calc(50% - 3px);left:-19px}.home-workflow-step-image{aspect-ratio:1;border-radius:3px;flex:none;width:32px;height:auto;position:relative;overflow:hidden}.home-workflow-step-image img{left:calc(-100% * var(--tile-column));top:calc(-100% * var(--tile-row));width:300%;max-width:none;height:auto;position:absolute}.home-workflow-step-button{width:100%;min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:0;display:flex}.home-workflow-strip li:has(.home-workflow-step-button){padding:6px 8px}.home-workflow-strip li:has(button[aria-pressed=true]){border-color:#d1fe17}.home-workflow-strip button:hover{background:#ffffff12}.home-workflow-strip button:focus-visible{outline-offset:3px;outline:2px solid #d1fe17}.home-workflow-strip .home-workflow-variations{padding:7px 6px 4px;display:block}.home-workflow-variations>span{margin-bottom:2px;font-size:8px;line-height:1.25;display:block}.home-workflow-variation-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.home-workflow-variation-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:44px;padding:3px;display:flex}.home-workflow-variation-button[aria-pressed=true]{background:#d1fe1718;border-color:#d1fe17}.home-workflow-variations .home-workflow-step-image{width:100%;max-width:44px;height:auto;margin:0}.home-tool-section{margin-top:var(--home-section-gap)}.home-section-heading{margin-bottom:18px}.home-section-heading h2{font-family:var(--font-syne), sans-serif;letter-spacing:-.035em;margin:0;font-size:clamp(27px,2.6vw,34px);font-weight:700;line-height:1.1}.home-section-heading p{color:var(--ui-text-muted)}.home-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.home-tool{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;min-width:0;min-height:100px;padding:18px 14px;text-decoration:none;transition:border-color .16s,background .16s;display:grid;position:relative}.home-tool:hover{border-color:var(--ui-text-brand);background:color-mix(in srgb, var(--color-primary) 4%, var(--color-base-200))}.home-tool-icon{margin-top:2px}.home-tool-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.home-tool-copy strong{padding-right:4px;font-size:12px;font-weight:600;line-height:1.3}.home-tool-copy>span{color:var(--ui-text-muted);font-size:12px;line-height:1.5}.home-tool-arrow{width:11px;position:absolute;top:24px;right:8px}.home-figma{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:10px;grid-template-columns:minmax(0,.362fr) minmax(0,.638fr);min-width:0;margin-top:40px;display:grid;overflow:hidden}.home-figma-copy{flex-direction:column;align-items:flex-start;padding:24px 26px;display:flex}.home-figma-kicker{align-items:center;gap:24px;height:52px;display:flex}.home-figma-kicker>svg{width:32px;height:48px}.home-figma-kicker span{letter-spacing:.26em;font-size:10px;font-weight:500}.home-figma-copy h2{font-family:var(--font-syne), sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:16px 0 0;font-size:clamp(24px,2.12vw,32px);font-weight:700;line-height:1.2}.home-figma-copy>p{max-width:43ch;color:var(--ui-text-muted);margin:12px 0 0;font-size:15px;line-height:1.5}.home-figma-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px;display:flex}.home-text-action{cursor:pointer;text-underline-offset:4px;justify-content:center;align-items:center;min-height:44px;padding-block:8px;font-size:12px;font-weight:600;display:inline-flex}.home-text-action:hover{text-decoration:underline}.home-figma-media{background:#e9f5b3;min-width:0;min-height:268px}.home-figma-media .home-media{background:#e9f5b3}.home-figma-media .home-media img{object-fit:cover}.home-content>.home-templates{margin-top:52px}@media (min-width:1600px){.home-content{padding-inline:48px;padding-top:40px}.home-tools{gap:16px}.home-tool{padding:24px 20px}.home-tool-arrow{right:14px}}@media (max-width:1100px){.home-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-feature-copy h2{font-size:16px}.home-feature--workflow .home-feature-copy{grid-template-columns:1fr}.home-feature--workflow .home-feature-action{grid-area:auto/1}.home-feature--workflow .home-feature-copy h2{font-size:19px}}@media (max-width:760px){.home-content{--home-section-gap:48px;padding:32px 20px 56px}.home-intro{flex-direction:column;gap:24px;margin-bottom:28px}.home-intro h1{font-size:clamp(32px,7.5vw,46px);line-height:1.14}.home-intro p{margin-top:18px;font-size:16px;line-height:1.6}.home-intro>.home-primary-action{margin-top:0}.home-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-feature--workflow{grid-column:1/-1}.home-feature--workflow .home-feature-media{aspect-ratio:1.7;height:auto}.home-feature--fashion .home-feature-media,.home-feature--brand .home-feature-media{height:280px}.home-feature-copy{gap:12px;padding:20px}.home-feature-copy h2{font-size:20px}.home-feature-copy p{font-size:14px}.home-feature-action{gap:8px;font-size:13px}.home-feature--workflow .home-feature-copy{display:flex}.home-feature--workflow .home-feature-copy h2{font-size:21px}.home-feature:not(.home-feature--workflow) .home-feature-action{justify-content:flex-start;min-width:0;position:static}.home-feature:not(.home-feature--workflow) .home-feature-action>span{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.home-feature--workflow .home-media-overlay{inset:auto 12px 12px}.home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-tool{min-height:110px}.home-tool-copy strong{font-size:14px}.home-tool-copy>span{font-size:13px}.home-figma{grid-template-columns:1fr}.home-figma-copy{padding:28px}.home-figma-copy h2{font-size:32px}.home-figma-media{aspect-ratio:2.4;min-height:0}}@media (max-width:440px){.home-content{padding-inline:16px}.home-features{grid-template-columns:1fr}.home-feature--workflow{grid-column:auto}.home-feature--fashion .home-feature-media,.home-feature--brand .home-feature-media{height:360px}.home-feature--workflow .home-feature-media{aspect-ratio:1.3}.home-tool{grid-template-columns:1fr;gap:14px;padding:20px 16px}.home-figma-copy{padding:24px}.home-figma-media{aspect-ratio:1.9}}@media (prefers-reduced-motion:reduce){.home-primary-action,.home-tool{transition:none}.home-primary-action:hover{transform:none}}.home-brand-mark{vertical-align:middle;flex:none;display:inline-block}.home-brand-mark--replicape{background:currentColor;-webkit-mask:url(/replicape_logo.svg) 50%/contain no-repeat;mask:url(/replicape_logo.svg) 50%/contain no-repeat}.home-feature-brand{color:var(--color-base-content);align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.home-feature-brand>span{position:static}@container home-media (max-width:620px){.home-feature--workflow .home-media-overlay{inset:auto 10px 10px}.home-workflow-strip{grid-template-columns:1fr 1fr 1fr 1.5fr;gap:8px}.home-workflow-strip li{min-height:0;font-size:9px;line-height:1.25}.home-workflow-strip li:has(.home-workflow-step-button){padding:6px}.home-workflow-step-button{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px}.home-workflow-step-image{width:100%;max-width:40px;height:auto}.home-workflow-strip li+li:before{width:8px;left:-9px}.home-workflow-strip li+li:after{left:-12px}.home-workflow-variation-buttons{gap:2px}.home-workflow-variation-button{padding:1px}}@container home-media (max-width:360px){.home-workflow-strip{grid-template-columns:1fr 1fr 1fr 1.85fr;gap:6px}.home-workflow-strip li{font-size:8px}.home-workflow-strip li:has(.home-workflow-step-button){padding:5px 4px}.home-workflow-strip .home-workflow-variations{padding-inline:3px}.home-workflow-strip li+li:before{width:6px;left:-7px}.home-workflow-strip li+li:after{width:5px;height:5px;top:calc(50% - 2px);left:-9px}}
.home-page{--home-navbar-height:49px}.home-page .app-navbar{--workspace-navbar-height:var(--home-navbar-height)}.home-page>.app-navbar-safe-area-spacer{height:calc(var(--home-navbar-height) + var(--app-safe-area-top))}@media (min-width:640px){.home-page .app-navbar-inner{padding-inline:24px}.home-page .app-navbar-row{gap:16px;height:48px;min-height:48px}.home-page .app-navbar-brand{gap:8px;min-height:44px}.home-page .app-brand-mark{flex-shrink:0;width:42px;height:auto}.home-page .app-brand-name{font-family:var(--font-syne), sans-serif;letter-spacing:-.035em;font-size:17px;font-weight:700;line-height:24px}.home-page .app-mode-switcher{--ui-cluster-padding:0px;--ui-cluster-border:0px;background:0 0;border:0;border-radius:0;align-self:stretch;align-items:stretch;max-width:100%;padding:0}.home-page .app-mode-switcher-group{align-items:stretch;gap:0}.home-page .app-mode-switcher-button{min-height:48px;color:var(--ui-text-muted);font-family:var(--font-instrument-sans), sans-serif;background:0 0;border-bottom:3px solid #0000;border-radius:0;gap:7px;padding:0 12px;font-size:12px;font-weight:500;line-height:18px}.home-page .app-mode-switcher-button:hover,.home-page .app-mode-switcher-button[aria-expanded=true]{color:var(--color-base-content);background:color-mix(in srgb, var(--color-base-content) 4%, transparent)}.home-page .app-mode-switcher-button.is-active{border-bottom-color:var(--color-primary);color:var(--ui-text-brand);background:0 0}.home-page .app-workspace-menu-caret{width:10px;height:10px}.home-page .app-navbar-account{gap:8px}.home-page .app-profile-trigger{min-height:40px;padding:4px 6px}}@media (min-width:1024px){.home-page .app-navbar-inner{padding-inline:32px}.home-page .app-navbar-row{grid-template-columns:1fr auto 1fr}.home-page .app-brand-name{display:block}.home-page .app-mode-switcher{justify-self:center;overflow:visible}.home-page .app-mode-switcher-button{padding-inline:14px}.home-page .app-navbar-account>a[href=\/pricing]{display:inline-flex}.home-page .app-profile-trigger>span{display:none}}@media (min-width:640px) and (max-width:767px){.home-page .app-navbar-inner{padding-inline:16px}.home-page .app-navbar-row{gap:8px}.home-page .app-brand-mark{width:34px}.home-page .app-mode-switcher-button{padding-inline:8px}}@media (max-width:639px){.home-page{--home-navbar-height:112px}.home-page .app-navbar-workspace .app-mode-switcher{grid-template-columns:repeat(var(--workspace-section-count,4), minmax(0, 1fr))}.home-page .app-navbar-workspace .app-mode-switcher-label{max-width:100%;font-family:var(--font-instrument-sans), sans-serif;font-size:11px;line-height:14px}}