.hero{position:relative;margin-top:28px;isolation:isolate}
.hero-art{border-radius:16px;overflow:hidden}
.hero-art img{width:100%;height:auto;aspect-ratio:1794/876;object-fit:contain}
.hero-copy{position:absolute;left:5.4%;top:16%;max-width:44%}
.hero-copy h1{font-size:clamp(34px,3.45vw,52px);line-height:1.27;letter-spacing:-.035em;margin-bottom:22px}
.hero-copy p{color:#405044;font-size:16px;line-height:1.8;margin-bottom:27px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-secondary{display:flex;align-items:center;gap:3px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:500}
.hero-secondary svg{width:15px;height:15px}
/* Align visible section content, excluding its outer spacing and the page anchor offset. */
.section-anchor{--section-space:0px;scroll-margin-top:calc(24px - var(--section-space) - var(--anchor-offset))}
.feature-section{--section-space:104px;padding-top:var(--section-space)}
.feature-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:36px}
.feature-intro h2{margin:0;font-size:35px}
.feature-intro p{max-width:440px;margin:0 0 3px;color:var(--muted);font-size:15px;line-height:1.85}
.product-demo{display:grid;grid-template-columns:350px minmax(0,1fr);border-radius:16px;background:#f8f5ef;box-shadow:var(--shadow);overflow:hidden}
.demo-recipe{background:#e2e8dc;padding:25px;display:flex;flex-direction:column;min-width:0}
.demo-photo{overflow:hidden;border-radius:12px;margin-bottom:24px}
.demo-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.demo-label{font-size:11px;color:#53694f}
.demo-recipe h3{font-size:26px;margin:6px 0 11px}
.demo-recipe-copy>p{font-size:13px;color:#53604f;margin-bottom:32px}
.demo-yield{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:auto}
.demo-yield>div:first-child>span{display:block;font-size:12px;color:#53604f;margin-bottom:5px}
.demo-yield strong{font-size:37px;line-height:1.1;font-weight:600;letter-spacing:-.03em}
.demo-yield strong small{font-size:14px;font-weight:400;margin-left:4px;letter-spacing:0}
.batch-control{display:flex;align-items:center;gap:7px;margin-bottom:2px}
.batch-control button{width:30px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;background:#f7f5ed;color:#435b46}
.batch-control button svg{width:15px;height:15px}
.batch-control span{font-size:11px;white-space:nowrap}
.demo-workspace{padding:28px 34px 30px;min-width:0}
.demo-tabs{display:flex;border-bottom:1px solid var(--edge);gap:26px;margin-bottom:27px}
.demo-tabs button{padding:0 0 13px;border:0;background:transparent;position:relative;font-size:13px;color:var(--muted);white-space:nowrap}
.demo-tabs button[aria-selected=true]{font-weight:600;color:#415d45}
.demo-tabs button[aria-selected=true]:after{content:'';position:absolute;height:2px;bottom:-1px;background:#607765;left:0;right:0}
#demo-panel{min-height:320px;animation:panel-in 180ms ease-out}
.demo-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:20px}
.demo-panel-heading h3{font-size:19px;margin:0;max-width:65%}
.demo-panel-heading>span{font-size:10px;color:var(--muted);padding-top:3px;text-align:right}
.demo-ingredients>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #daded1;font-size:14px}
.demo-ingredients>div:first-child{padding-top:0}
.demo-ingredients strong{font-weight:500;font-size:15px}
.demo-ingredients small{font-size:12px;font-weight:400;color:var(--muted)}
.demo-footnote{display:flex;align-items:start;gap:7px;font-size:11px;color:var(--muted);margin:18px 0 0;line-height:1.8}
.demo-footnote svg{width:14px;height:14px;margin-top:3px}
.app-preview-link{margin-top:21px;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;text-decoration:none}
.app-preview-link svg{width:14px;height:14px}
.method-description{font-size:14px;line-height:1.9;max-width:55ch}
.method-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.method-tools>span{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 11px;border-radius:20px;background:#e1e8db;color:#475d46}
.method-tools svg{width:15px;height:15px}
.method-ingredient{padding:16px;background:#eceee3;border-radius:12px}
.method-ingredient>span{font-size:11px;color:#4e654c}
.method-ingredient>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-top:9px}
.method-ingredient strong{font-weight:500}
.cost-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}
.cost-pair>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.cost-pair strong{font-size:29px;font-weight:600}
.cost-pair small{font-size:17px}
.demo-cost-lines{margin:0}
.demo-cost-lines>div{display:flex;justify-content:space-between;padding:7px 0;font-size:13px}
.demo-cost-lines dt{color:var(--muted)}.demo-cost-lines dd{margin:0}
.demo-cost-detail{margin-top:12px;border-top:1px solid var(--edge)}
.demo-cost-detail>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;font-size:12px;color:#4b654e}
.demo-cost-detail>summary::-webkit-details-marker{display:none}
.demo-cost-detail>summary svg{width:15px;height:15px}
.demo-cost-detail>div{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:9px 0;font-size:12px;border-top:1px solid #daded1}
.demo-cost-detail small{display:block;font-size:10px;color:var(--muted)}
.demo-cost-detail strong{font-weight:500;white-space:nowrap}
.revision-example{padding:18px;background:#e7ecdf;border-radius:12px}
.revision-heading{display:flex;gap:8px;align-items:center;font-size:14px}
.revision-heading svg{width:17px;height:17px}
.revision-example>p{font-size:11px;color:#52644e;margin:9px 0 18px}
.revision-example dl{margin:0;font-size:13px;line-height:1.8}
.revision-example dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;margin-top:9px}
.revision-example dt{font-size:11px;color:var(--muted)}.revision-example dd{margin:0}
.connected-section{margin-top:96px;background:#e5e8dd;padding:62px 0}
.connected-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.connected-grid h2{margin-bottom:24px}
.connected-grid>div:first-child>p{color:#4c5a4b;max-width:440px;font-size:14px;line-height:1.9}
.connected-grid .connected-small{font-size:12px}
.connected-example{padding:25px 30px;border-radius:16px;background:var(--ivory);box-shadow:0 7px 19px #4f634c0d}
.connection-source,.connection-target{display:flex;align-items:center;gap:14px}
.connection-source>svg{width:34px;height:34px;color:var(--sage-deep);margin:8px 4px}
.connection-source>div,.connection-target>div{display:flex;flex-direction:column;gap:2px;flex:1}
.connection-source strong,.connection-target strong{font-size:15px;font-weight:500}
.connection-source>span{font-size:13px}
.connection-source div>span,.connection-target div>span{font-size:11px;color:var(--muted)}
.connection-path{position:relative;padding:23px 0 23px 25px;display:flex;align-items:center;gap:14px}
.connection-path>span{height:42px;width:1px;background:#a4b49c}
.connection-path>svg{position:absolute;left:16px;top:49px;width:18px;height:18px;transform:rotate(90deg);color:#76906f}
.connection-path p{font-size:11px;color:#526c4c;margin:0}
.connection-target img{border-radius:12px;width:56px;height:56px;object-fit:cover}
.connection-target>svg{width:17px;color:var(--sage-deep)}
.example-caption{margin:20px 0 0;font-size:10px;color:var(--muted)}
.pricing-section{--section-space:100px;padding-top:var(--section-space)}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}
.pricing-heading h2{margin:0}
.pricing-heading p{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 3px}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:950px;margin-inline:auto}
.plan{padding:35px 38px 32px;border-radius:16px;background:#f8f5ef;box-shadow:var(--shadow)}
.paid-plan{background:#e1e8dc}
.plan h3{font-size:23px;margin-bottom:20px}
.plan-title{display:flex;justify-content:space-between;align-items:start;gap:16px}
.plan-title>span{font-size:11px;color:#486142;padding-top:4px}
.plan-price{font-size:39px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin-bottom:12px}
.plan-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:7px}
.plan-description{font-size:13px;color:var(--muted);margin-bottom:28px}
.plan ul{padding:0;margin:0 0 30px;list-style:none}
.plan li{display:flex;gap:10px;align-items:center;font-size:13px;padding:7px 0}
.plan li svg{width:16px;height:16px;color:var(--sage-deep)}
.pricing-note{max-width:950px;margin:20px auto 0;color:var(--muted);font-size:11px;line-height:1.8}
.home-questions{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;margin-top:105px}
.home-questions h2{margin-bottom:14px}
.home-questions details{border-bottom:1px solid var(--edge);padding:0 0 19px;margin-bottom:20px}
.home-questions summary{cursor:pointer;display:flex;justify-content:space-between;align-items:start;list-style:none;gap:25px;font-size:14px;font-weight:500}
.home-questions summary::-webkit-details-marker{display:none}
.home-questions summary svg{width:17px;height:17px;color:var(--sage-deep);margin-top:3px}
.home-questions details[open] summary svg{transform:rotate(45deg)}
.home-questions details p{font-size:13px;line-height:1.85;color:var(--muted);margin:16px 30px 0 0;max-width:65ch}
.home-questions details>a{display:inline-block;font-size:12px;margin-top:12px}
.closing-section{text-align:center;padding:70px 0 12px}
.closing-section>img{margin:0 auto 22px;width:42px;height:42px}
.closing-section h2{font-size:29px;margin-bottom:28px}
@keyframes panel-in{from{filter:blur(1px);opacity:.8}to{filter:blur(0);opacity:1}}
@media(max-width:1000px){.hero-copy{top:18%}.hero-copy h1{font-size:37px;margin-bottom:16px}.hero-copy p{font-size:14px;margin-bottom:21px}.hero-actions{gap:17px}.hero-actions>.button{padding-inline:18px;font-size:12px}.hero-secondary{font-size:11px}.product-demo{grid-template-columns:290px minmax(0,1fr)}.demo-workspace{padding:25px}.demo-tabs{gap:19px}.demo-tabs button{font-size:12px}.connected-grid{gap:45px}.connected-example{padding:23px}.feature-intro h2{font-size:31px}}
@media(max-width:760px){.hero-copy h1{font-size:30px}.hero-copy p{font-size:12px;margin-bottom:17px}.hero-copy{left:4%;top:16%;max-width:47%}.hero-actions{gap:12px}.hero-secondary{font-size:10px}.hero-actions>.button{min-height:40px;padding:8px 15px;font-size:11px}.feature-intro,.pricing-heading{flex-direction:column;align-items:start;gap:18px}.feature-section{--section-space:70px}.pricing-section{--section-space:70px}.feature-intro p br,.pricing-heading p br{display:none}.product-demo{grid-template-columns:240px minmax(0,1fr)}.demo-recipe{padding:20px}.demo-recipe h3{font-size:22px}.demo-yield{align-items:start;flex-direction:column;gap:17px}.demo-yield strong{font-size:31px}.demo-panel-heading{flex-direction:column;gap:6px}.demo-panel-heading h3{max-width:100%}.demo-tabs{gap:15px}.demo-workspace{padding:22px}.demo-tabs button{font-size:11px}.connected-grid{gap:35px}.connected-grid h2{font-size:28px}.connected-example{padding:21px}.home-questions{gap:35px}.plan{padding:28px}.plan-grid{gap:20px}}
@media(max-width:600px){.hero{margin-top:18px}.hero-art{border-radius:12px}.hero-copy{position:static;padding:29px 6px 0;max-width:none}.hero-copy h1{font-size:36px;line-height:1.23;margin-bottom:17px}.hero-copy p{font-size:14px;margin-bottom:23px}.hero-actions{gap:21px}.hero-actions>.button{min-height:46px;font-size:13px;padding-inline:20px}.hero-secondary{font-size:12px}.feature-section{--section-space:63px}.feature-intro h2{font-size:29px}.feature-intro p{font-size:14px}.feature-intro{margin-bottom:25px}.product-demo{grid-template-columns:1fr}.demo-recipe{padding:20px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px}.demo-photo{margin:0}.demo-photo img{aspect-ratio:1;height:100%;max-height:150px;object-fit:cover}.demo-recipe h3{font-size:20px;margin:4px 0 5px}.demo-recipe-copy>p{font-size:11px;margin:0 0 16px}.demo-label{font-size:10px}.demo-yield{flex-direction:row;align-items:end;gap:4px}.demo-yield strong{font-size:27px}.demo-yield strong small{font-size:11px}.demo-yield>div:first-child>span{font-size:10px;margin-bottom:4px}.batch-control{gap:4px}.batch-control button{width:25px;height:27px}.batch-control span{font-size:10px}.demo-workspace{padding:22px 20px}.demo-tabs{gap:0;justify-content:space-between;margin-bottom:22px}.demo-tabs button{font-size:12px}.demo-panel-heading{flex-direction:row;align-items:start}.demo-panel-heading h3{font-size:17px;max-width:65%}.demo-panel-heading>span{font-size:9px;max-width:39%}.demo-ingredients>div{padding:11px 0}.demo-footnote{font-size:10px}.connected-section{margin-top:64px;padding:39px 0}.connected-grid{grid-template-columns:1fr;gap:24px}.connected-grid h2{font-size:29px}.connected-grid>div:first-child>p{font-size:13px}.connected-example{padding:22px}.pricing-section{--section-space:65px}.pricing-heading h2{font-size:28px}.pricing-heading p{font-size:13px}.plan-grid{grid-template-columns:1fr;gap:18px}.plan{padding:28px}.plan h3{font-size:21px;margin-bottom:16px}.plan-price{font-size:35px}.plan-description{margin-bottom:22px}.plan ul{margin-bottom:22px}.pricing-note{font-size:10px}.home-questions{grid-template-columns:1fr;gap:26px;margin-top:66px}.home-questions h2{font-size:28px}.home-questions details{margin-bottom:18px;padding-bottom:17px}.home-questions summary{font-size:13px}.closing-section{padding-top:47px}.closing-section h2{font-size:26px}}
@media(max-width:350px){.hero-copy h1{font-size:32px}.demo-recipe{grid-template-columns:82px minmax(0,1fr);padding:17px;gap:13px}.demo-recipe h3{font-size:18px}.demo-workspace{padding:20px 17px}.demo-tabs button{font-size:11px}.batch-control button{width:24px}.hero-actions{gap:15px}}

/* Recurring web offer shares the existing plan layout. */
.plan{display:flex;flex-direction:column}.plan>.button{margin-top:auto}
.plan-regular{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 6px}.plan-regular del{margin-left:7px;text-decoration-thickness:1px}
.plan-web-offer{font-size:12px;line-height:1.7;font-weight:500;color:#405c45;margin:0 0 10px}.paid-plan .plan-description{line-height:1.8}

/* Product images come directly from the app. Gallery controls live outside the phone. */
.library-section,.sharing-section{--section-space:100px;padding-top:var(--section-space)}
.library-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;align-items:center}
.library-copy h2,.sharing-copy h2{font-size:34px;line-height:1.32;margin:0 0 23px}
.library-copy>p,.sharing-copy>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:46ch;margin:0 0 17px}
.library-copy>.text-button,.sharing-copy>.text-button{margin-top:8px;font-size:13px}
.sharing-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"screen copy";gap:85px;align-items:center}
.sharing-copy{grid-area:copy;min-width:0}
.sharing-capture{grid-area:screen;min-width:0}
.sharing-benefits{margin:23px 0 20px}
.sharing-benefits>div{margin:0 0 19px}
.sharing-benefits dt{font-size:14px;font-weight:600;line-height:22px;margin:0 0 5px}
.sharing-benefits dd{font-size:13px;line-height:23px;color:var(--muted);margin:0;max-width:48ch}
.sharing-example-note{font-size:12px;line-height:1.75;color:var(--muted);max-width:46ch;margin:18px auto 0}
.app-capture-gallery{min-width:0}
.capture-gallery-label{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px;text-align:center}
.capture-choices{display:flex;justify-content:center;gap:6px 17px;flex-wrap:wrap;margin:0 0 25px}
.capture-choices>button{display:inline-flex;align-items:center;gap:7px;min-height:44px;max-width:100%;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:500;padding:8px 1px;line-height:1.55;text-align:left}
.capture-choices>button>svg{width:15px;height:15px;opacity:0}
.capture-choices>button[aria-pressed=true]{border-bottom-color:var(--sage-deep);color:var(--ink);font-weight:600}
.capture-choices>button[aria-pressed=true]>svg{opacity:1;color:var(--sage-deep)}
.capture-choices>button:hover{color:var(--ink);border-bottom-color:var(--moss)}
.app-capture-figure{margin:0;min-width:0}
.capture-zoom{display:block;width:100%;max-width:330px;margin-inline:auto;border-radius:13.4% / 6.4%;box-shadow:0 18px 35px #43514118;text-decoration:none}
.app-capture-image{display:block;width:100%;height:auto;border-radius:13.4% / 6.4%}
.app-capture-figure>figcaption{max-width:46ch;margin:20px auto 0;text-align:center;min-height:80px}
.app-capture-figure>figcaption>strong{display:block;font-size:14px;font-weight:600;line-height:1.6;margin-bottom:5px}
.app-capture-figure>figcaption>span{display:block;font-size:13px;line-height:1.8;color:var(--muted)}
.capture-gallery-help{display:flex;justify-content:center;align-items:flex-start;gap:7px;max-width:46ch;margin:9px auto 0;font-size:12px;line-height:1.75;color:var(--muted)}
.capture-gallery-help>svg{width:15px;height:15px;margin-top:3px;color:var(--sage-deep)}
.workflow-capture{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"label screen" "choices screen" "help screen";grid-template-rows:max-content max-content 1fr;column-gap:90px;align-items:start;padding:36px 60px;background:#eceee4;border-radius:16px}
.workflow-capture .capture-gallery-label{grid-area:label;text-align:left;margin:70px 0 18px}
.workflow-capture .capture-choices{grid-area:choices;display:flex;flex-direction:column;gap:0;margin:0 0 22px;align-items:stretch}
.workflow-capture .capture-choices>button{padding:17px 2px;min-height:58px;justify-content:space-between;border-bottom:1px solid #c6cebd;font-size:17px;font-weight:400;color:var(--muted)}
.workflow-capture .capture-choices>button[aria-pressed=true]{border-bottom:2px solid var(--sage-deep);font-weight:600;color:var(--ink)}
.workflow-capture .capture-choices>button>svg{width:18px;height:18px}
.workflow-capture .app-capture-figure{grid-area:screen}
.workflow-capture .capture-gallery-help{grid-area:help;margin:0;justify-content:flex-start}
@media(max-width:1000px){.library-layout,.sharing-layout{gap:40px}.library-copy h2,.sharing-copy h2{font-size:30px}.workflow-capture{padding:32px;column-gap:45px}.workflow-capture .capture-gallery-label{margin-top:55px}}
@media(max-width:850px){.library-layout{grid-template-columns:1fr;gap:28px}.sharing-layout{grid-template-columns:1fr;grid-template-areas:"copy" "screen";gap:28px}.library-copy>p,.sharing-copy>p{max-width:60ch}.library-copy h2,.sharing-copy h2{font-size:32px}.sharing-benefits{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:0}.library-section,.sharing-section{--section-space:75px}.capture-zoom{max-width:340px}.workflow-capture{column-gap:30px;padding:28px}.workflow-capture .capture-choices>button{font-size:15px}.workflow-capture .capture-gallery-label{margin-top:30px}}
@media(max-width:600px){.library-section,.sharing-section{--section-space:63px}.library-copy h2,.sharing-copy h2{font-size:29px;margin-bottom:18px}.library-copy>p,.sharing-copy>p{font-size:14px}.sharing-benefits{display:block}.sharing-benefits dd{font-size:13px}.capture-choices{gap:4px 14px;margin-bottom:22px}.capture-choices>button{font-size:12px}.capture-gallery-label{font-size:11px}.capture-zoom{max-width:330px}.app-capture-figure>figcaption{min-height:0}.workflow-capture{display:flex;flex-direction:column;padding:25px 20px;gap:0}.workflow-capture .capture-gallery-label{margin:0 0 12px;text-align:center;width:100%}.workflow-capture .capture-choices{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 18px;margin-bottom:25px}.workflow-capture .capture-choices>button{font-size:13px;min-height:44px;padding:10px 1px}.workflow-capture .capture-choices>button>svg{width:15px;height:15px}.workflow-capture .app-capture-figure{width:100%}.workflow-capture .capture-gallery-help{margin-top:12px;font-size:11px}.capture-gallery-help,.sharing-example-note{font-size:11px}.app-capture-figure>figcaption>span{font-size:12px}}
@media(max-width:350px){.library-copy h2,.sharing-copy h2{font-size:27px}.capture-choices{gap:3px 12px}.capture-choices>button{font-size:11px}.workflow-capture{padding:21px 14px}.workflow-capture .capture-choices{gap:0 13px}.workflow-capture .capture-choices>button{font-size:12px}}

.sharing-capture{scroll-margin-top:24px}
@media(min-width:601px) and (max-width:1000px){.hero-copy{position:static;padding:28px 6px 0;max-width:none}.hero-copy h1{font-size:37px}.hero-copy p{font-size:14px}.hero-actions>.button{min-height:46px;font-size:13px}}