.ferryman-page .fm-hero{position:relative;padding-block:var(--product-space) 18px;isolation:isolate}.ferryman-page .fm-hero:before{position:absolute;z-index:-1;top:40%;left:-10%;width:120%;height:360px;background:radial-gradient(ellipse 55% 50% at 55% 50%,rgba(75,161,226,.13),rgba(75,161,226,.07) 40%,rgba(75,161,226,.025) 70%,transparent 100%);transform:rotate(-6deg);content:""}.ferryman-page .fm-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:48px;align-items:start}.ferryman-page .fm-hero-copy{position:relative;z-index:1}.ferryman-page h1{max-width:13ch}.ferryman-page .fm-lead{max-width:47ch;font-size:18px;line-height:1.55}.ferryman-page .fm-hero-note{max-width:45ch;margin-top:24px;font-size:13px}.ferryman-page .fm-hero-artwork{min-width:0;margin-top:92px;padding-bottom:26px}.ferryman-page .fm-hero-visual figcaption{margin-left:18px}.ferryman-page .fm-hero-field{width:78%;max-width:560px;margin-top:32px;margin-left:auto;transform:translate(12px) rotate(1.5deg)}.ferryman-page .fm-hero-field figcaption{text-align:right}.ferryman-page .fm-workflow{position:relative}.ferryman-page .fm-section-heading{max-width:670px;margin-bottom:36px}.ferryman-page .fm-section-heading h2{margin-bottom:0;font-size:clamp(32px,2.8vw,38px)}.ferryman-page .fm-workflow-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-bottom:20px}.ferryman-page .fm-workflow-card{position:relative;min-width:0}.ferryman-page .fm-workflow-card:nth-child(2),.ferryman-page .fm-workflow-card:nth-child(3){margin-top:20px}.ferryman-page .fm-workflow-label{display:flex;align-items:center;gap:12px;width:fit-content;padding-right:18px;background:var(--background)}.ferryman-page .fm-workflow-label>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--border);border-radius:50%;background:var(--background);color:var(--product-warm);font-family:ui-monospace,monospace;font-size:13px}.ferryman-page .fm-workflow-card p{min-height:72px;margin-block:18px 20px;font-size:15px;line-height:1.6}.ferryman-page .fm-workflow-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;background:#202020}.ferryman-page .fm-workflow-image img{max-height:100%;object-fit:contain}.ferryman-page .fm-workflow-image-field{padding:12px}.ferryman-page .fm-workflow-image-formats img{width:auto;max-width:100%}.ferryman-page .fm-content-mosaic{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"copy types" "image types";gap:36px 72px;align-items:center}.ferryman-page .fm-content-mosaic>.fm-feature-copy{grid-area:copy}.ferryman-page .fm-field-types{min-width:0;grid-area:types}.ferryman-page .fm-image-field{grid-area:image;max-width:540px}.ferryman-page .fm-feature-copy p{max-width:50ch}.ferryman-page .fm-benefits{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.6}.ferryman-page .fm-benefits li{position:relative;margin:0;padding-left:22px}.ferryman-page .fm-benefits li:before{position:absolute;top:9px;left:0;width:6px;height:6px;background:var(--product-accent);border-radius:2px;content:""}.ferryman-page .fm-validation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.ferryman-page .fm-validation h3{margin:8px 0 12px}.ferryman-page .fm-validation p{max-width:60ch;font-size:15px}.ferryman-page .fm-validation .pp-screen{width:100%;max-width:620px;justify-self:end}.ferryman-page .fm-section-tinted{background:linear-gradient(115deg,rgba(75,161,226,.045),transparent 65%)}.ferryman-page .fm-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center}.ferryman-page .fm-feature-reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.ferryman-page .fm-feature-reverse>.fm-feature-copy{grid-column:2;grid-row:1}.ferryman-page .fm-feature-reverse>:last-child{grid-column:1;grid-row:1}.ferryman-page .fm-connected-images{position:relative;min-width:0}.ferryman-page .fm-source-image{width:88%;max-width:670px}.ferryman-page .fm-image-connector{position:relative;width:21%;height:42px;margin-left:54%;border-left:1px solid var(--product-accent);border-bottom:1px solid var(--product-accent);border-radius:0 0 0 12px}.ferryman-page .fm-image-connector span{position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:var(--product-accent)}.ferryman-page .fm-cell-detail{width:86%;max-width:744px;margin-top:18px;margin-left:auto}.ferryman-page .fm-preview-intro{margin-bottom:48px;align-items:end}.ferryman-page .fm-preview-intro h2{margin-bottom:0}.ferryman-page .fm-feature-description{max-width:54ch;padding-bottom:4px}.ferryman-page .fm-preview-images{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.23fr);gap:22px;align-items:end;padding-bottom:52px;isolation:isolate}.ferryman-page .fm-preview-images:before{position:absolute;z-index:-1;inset:14% -48px 8%;background:radial-gradient(ellipse 55% 50% at 55% 50%,rgba(75,161,226,.13),rgba(75,161,226,.07) 40%,rgba(75,161,226,.025) 70%,transparent 100%);transform:rotate(-3deg);content:""}.ferryman-page .fm-marker-detail{transform:translateY(52px)}.ferryman-page .fm-marker-detail figcaption{text-align:center}.ferryman-page .fm-format-list{margin:32px 0 0}.ferryman-page .fm-format-list>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:18px;padding-block:18px;border-top:1px solid var(--border)}.ferryman-page .fm-format-list dt{color:var(--product-accent);font-size:15px;font-weight:700}.ferryman-page .fm-format-list dd{margin:0;color:var(--copy-lighter);font-size:15px;line-height:1.5}.ferryman-page .fm-export-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.36fr);gap:18px;align-items:end;padding-bottom:40px}.ferryman-page .fm-export-formats{max-width:220px;transform:translateY(40px) rotate(2deg)}.ferryman-page .fm-closing{background:radial-gradient(ellipse at 50% 0%,rgba(75,161,226,.075),transparent 75%);text-align:center}.ferryman-page .fm-closing .pp-actions{justify-content:center}.ferryman-page .fm-builder-link{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:48px;padding-top:28px;border-top:1px solid var(--border);text-align:left}.ferryman-page .fm-builder-link h3{font-size:18px}.ferryman-page .fm-builder-link p{max-width:75ch;margin-top:10px;font-size:14px}.ferryman-page .fm-builder-link .pp-text-link{flex-shrink:0}@media(min-width:1101px)and (hover:hover)and (pointer:fine){.ferryman-page .fm-editor-layer,.ferryman-page .fm-hero-field,.ferryman-page .fm-source-image,.ferryman-page .fm-cell-detail,.ferryman-page .fm-export-settings,.ferryman-page .fm-export-formats{transition:transform .4s ease}.ferryman-page .fm-hero-artwork:hover .fm-editor-layer,.ferryman-page .fm-connected-images:hover .fm-source-image,.ferryman-page .fm-export-images:hover .fm-export-settings{transform:translateY(-3px)}.ferryman-page .fm-hero-artwork:hover .fm-hero-field{transform:translate(12px,-6px) rotate(1.5deg)}.ferryman-page .fm-connected-images:hover .fm-cell-detail{transform:translateY(-6px)}.ferryman-page .fm-export-images:hover .fm-export-formats{transform:translateY(34px) rotate(2deg)}}@media(max-width:1100px){.ferryman-page .fm-hero{padding-bottom:0}.ferryman-page .fm-hero-grid,.ferryman-page .fm-content-mosaic,.ferryman-page .fm-feature,.ferryman-page .fm-validation{grid-template-columns:minmax(0,1fr);gap:36px}.ferryman-page .fm-content-mosaic{grid-template-areas:"copy" "types" "image"}.ferryman-page h1{max-width:18ch;font-size:clamp(48px,7.2vw,70px)}.ferryman-page .fm-hero-copy{max-width:780px}.ferryman-page .fm-hero-artwork{width:100%;max-width:960px;margin-top:0;margin-inline:auto;padding:0}.ferryman-page .fm-hero-field{width:100%;margin-top:24px;transform:none}.ferryman-page .fm-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding-bottom:0}.ferryman-page .fm-workflow-card:nth-child(2),.ferryman-page .fm-workflow-card:nth-child(3){margin-top:0}.ferryman-page .fm-workflow-card p{min-height:48px}.ferryman-page .fm-field-types,.ferryman-page .fm-connected-images,.ferryman-page .fm-export-artwork{width:100%;max-width:820px;margin-inline:auto}.ferryman-page .fm-image-field{width:100%;margin-inline:auto}.ferryman-page .fm-feature-reverse>.fm-feature-copy,.ferryman-page .fm-feature-reverse>:last-child{grid-column:auto;grid-row:auto}.ferryman-page .fm-feature-copy p{max-width:65ch}.ferryman-page .fm-validation{margin-top:40px}.ferryman-page .fm-validation .pp-screen{justify-self:start}.ferryman-page .fm-source-image,.ferryman-page .fm-cell-detail{width:100%}.ferryman-page .fm-preview-intro{gap:24px;margin-bottom:36px}.ferryman-page .fm-preview-images{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:0}.ferryman-page .fm-marker-detail{width:100%;max-width:420px;margin-inline:auto;transform:none}.ferryman-page .fm-export-images{padding-bottom:0}.ferryman-page .fm-export-formats{transform:none}}@media(max-width:700px){.ferryman-page h1{max-width:15ch;font-size:clamp(38px,10.4vw,52px)}.ferryman-page .fm-lead{font-size:17px}.ferryman-page .fm-hero-visual figcaption{margin-left:0}.ferryman-page .fm-hero-field figcaption{text-align:left}.ferryman-page .fm-workflow-grid,.ferryman-page .fm-export-images{grid-template-columns:minmax(0,1fr);gap:32px}.ferryman-page .fm-workflow-card p{min-height:0;padding-left:58px;background:var(--background)}.ferryman-page .fm-workflow-label{width:100%}.ferryman-page .fm-validation{gap:24px;margin-top:32px;padding-top:24px}.ferryman-page .fm-image-connector{width:15%;margin-left:45%}.ferryman-page .fm-export-formats{width:100%;max-width:320px;margin-inline:auto}.ferryman-page .fm-builder-link{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}}@media(prefers-reduced-motion:reduce){.ferryman-page .fm-editor-layer,.ferryman-page .fm-hero-field,.ferryman-page .fm-source-image,.ferryman-page .fm-cell-detail,.ferryman-page .fm-export-settings,.ferryman-page .fm-export-formats{transition:none}.ferryman-page .fm-hero-artwork:hover .fm-editor-layer,.ferryman-page .fm-connected-images:hover .fm-source-image,.ferryman-page .fm-connected-images:hover .fm-cell-detail,.ferryman-page .fm-export-images:hover .fm-export-settings{transform:none}}@media(min-width:1101px)and (prefers-reduced-motion:reduce){.ferryman-page .fm-hero-artwork:hover .fm-hero-field{transform:translate(12px) rotate(1.5deg)}.ferryman-page .fm-export-images:hover .fm-export-formats{transform:translateY(40px) rotate(2deg)}}
