@charset "UTF-8";
/* Alacena: Wolf Sky Cloud visual language, with locally hosted assets. */
@font-face {
  font-family:Manrope;
  src:url('/assets/manrope-latin.woff2') format('woff2');
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
}
:root {
  --paper:#e6e2d8;
  --paper-alt:#dcd9ce;
  --surface:#eeebe3;
  --ink:#1d251f;
  --muted:#535d50;
  --line:#c4c7b8;
  --line-strong:#949d8b;
  --accent:#97462b;
  --accent-light:#dfaa8b;
  --sage:#c6cebb;
  --serif:Georgia,'Times New Roman',serif;
  --sans:Manrope,'Segoe UI',sans-serif;
  --mono:'Courier New',monospace;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:120px; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.7 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:5px; }
a:hover { color:var(--accent); }
a,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
img { display:block; max-width:100%; height:auto; }
svg { max-width:100%; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-weight:500; line-height:1.12; letter-spacing:-.045em; }
h1 { font-size:clamp(46px,5.6vw,78px); line-height:1.075; letter-spacing:-.057em; }
h2 { font-size:clamp(36px,4.2vw,56px); }
h3 { font-size:26px; letter-spacing:-.025em; }
em { font-family:var(--serif); font-weight:400; color:var(--accent); }
p { color:var(--muted); }
::selection { background:#d9a88b; color:var(--ink); }
:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
.container { width:min(100%,1360px); padding-inline:56px; margin-inline:auto; }
.section { padding-block:100px; }
.eyebrow { font:10px/1.6 var(--mono); letter-spacing:.1em; color:var(--accent); }
.small { font-size:12px; }
.text-link { display:inline-flex; align-items:center; gap:16px; font-size:12px; text-decoration:none; border-bottom:1px solid var(--line-strong); padding-block:8px; }
.text-link>span { font-size:18px; }
.button,.store-status { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-height:52px; padding:14px 22px; border:1px solid var(--ink); background:var(--ink); color:var(--paper); font:500 12px/1.6 var(--sans); text-decoration:none; }
.button:hover { background:var(--accent); border-color:var(--accent); color:white; }
.button svg,.store-status svg { flex-shrink:0; }
.skip-link { position:fixed; top:12px; left:12px; z-index:40; padding:12px 20px; background:var(--ink); color:var(--paper); transform:translateY(-180%); }
.skip-link:focus { transform:translateY(0); color:var(--paper); }
.site-header { position:sticky; top:0; z-index:30; background:rgba(230,226,216,.97); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.header-inner { min-height:96px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:inline-flex; align-items:center; flex-shrink:0; gap:12px; text-decoration:none; }
.brand img { width:45px; height:45px; }
.brand-wordmark { font:700 27px/1.1 var(--sans); letter-spacing:.035em; }
.brand-subtitle { display:block; font:8px/1.5 var(--mono); letter-spacing:.15em; color:var(--muted); margin-top:5px; }
.header-inner nav { display:flex; align-items:center; gap:28px; font-size:12px; }
.header-inner nav a { text-decoration:none; padding-block:12px; min-height:44px; }
.header-inner nav a[aria-current] { color:var(--accent); text-decoration:underline; }
.header-inner .language-switch { gap:6px; border-left:1px solid var(--line); padding-left:15px; flex-shrink:0; font:11px var(--mono); }
.header-inner .language-switch a { display:inline-flex; align-items:center; justify-content:center; min-width:36px; min-height:44px; }
.language-switch>span { color:var(--muted); }
.header-note { font:9px/1.6 var(--mono); color:var(--muted); display:flex; gap:9px; align-items:center; }
.status-dot { width:5px; height:5px; background:var(--accent); border-radius:50%; }
.hero { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:26px; padding-top:67px; padding-bottom:52px; }
.hero-copy { min-width:0; padding-block:12px; }
.hero .eyebrow { display:flex; align-items:center; gap:9px; font-size:9px; letter-spacing:.07em; margin-bottom:28px; }
.spark { font:22px var(--mono); }
.hero h1 { margin-bottom:26px; }
.hero-description { font-size:14px; line-height:1.9; max-width:420px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:30px; }
.hero-footnote { margin-top:32px; font-size:10px; display:flex; gap:9px; align-items:center; }
.hero-art { min-width:0; }
.art-topline { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:10px 0; font:9px/1.6 var(--mono); color:var(--muted); letter-spacing:.04em; }
.art-topline>span:last-child { font-size:12px; }
.art-field { position:relative; }
.pantry-art { width:100%; height:auto; }
.hero-art figcaption { display:flex; justify-content:space-between; gap:18px; border-top:1px solid var(--line); padding-block:14px 10px; font-size:9px; color:var(--muted); }
.hero-art figcaption>span:last-child { font:8px/1.8 var(--mono); white-space:nowrap; }
.benefit-strip { padding-bottom:54px; }
.benefit-strip .container { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.benefit-strip .container>span { display:flex; align-items:center; gap:18px; padding-block:24px; border-block:1px solid var(--line); font-size:12px; }
.benefit-strip span span { font:20px var(--mono); color:var(--accent); }
.section-heading { display:grid; grid-template-columns:1.35fr 1fr; gap:70px; align-items:end; margin-bottom:44px; }
.section-heading .eyebrow { margin-bottom:22px; }
.section-heading>p { max-width:360px; font-size:13px; line-height:1.85; }
/* Dark service section, as on the reference site. */
.features-section { background:var(--ink); color:var(--paper); }
.features-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.features-section .section-heading { display:block; position:sticky; top:142px; margin:0; }
.features-section .eyebrow,.features-section em { color:var(--accent-light); }
.features-section h2 { font-size:clamp(39px,4.3vw,58px); }
.features-section .section-heading>p { color:#b7bfb2; margin-top:28px; max-width:340px; }
.feature-grid { display:grid; gap:0; min-width:0; }
.feature-card { display:grid; grid-template-columns:minmax(0,1fr) 170px; column-gap:25px; padding-block:30px; border-top:1px solid #495244; align-items:start; min-width:0; }
.feature-card:first-child { border:0; padding-top:0; }
.feature-card:last-child { padding-bottom:0; }
.feature-label { grid-column:1; display:flex; align-items:center; gap:12px; font:10px/1.6 var(--mono); color:var(--accent-light); margin-bottom:17px; }
.feature-icon { font-size:22px; line-height:1; color:#a4b098; }
.feature-card h3 { grid-column:1; font-size:25px; margin-bottom:16px; }
.feature-card>p { grid-column:1; color:#b7bfb2; font-size:13px; line-height:1.85; }
.inventory-demo,.date-illustration,.shopping-demo { grid-column:2; grid-row:1/4; align-self:center; color:var(--ink); }
.inventory-demo { border:1px solid #596352; padding:8px 10px; background:#283228; color:var(--paper); }
.product-row { display:flex; gap:8px; align-items:center; padding:13px 0; }
.product-row+.product-row { border-top:1px solid #495244; }
.food-thumb { width:27px; height:34px; display:grid; place-items:center; flex-shrink:0; }
.product-row strong { display:block; font-size:10px; font-weight:500; }
.product-row small { display:block; font-size:8px; color:#b7bfb2; }
.quantity { display:none; }
.demo-caption { font:9px/1.6 var(--mono); text-align:center; margin:10px 0; color:var(--muted); }
.inventory-demo .demo-caption { color:#b7bfb2; font-size:8px; margin-bottom:3px; }
.date-illustration { position:relative; height:160px; width:170px; }
.calendar-sheet { background:var(--paper); border:1px solid var(--line-strong); width:110px; height:137px; text-align:center; position:absolute; top:0; left:10px; }
.calendar-sheet>div { border-bottom:1px solid var(--line); padding:10px 3px; font:7px/1.6 var(--mono); color:var(--accent); }
.calendar-sheet>span { font:43px/1.5 var(--serif); color:var(--accent); }
.calendar-sheet svg { color:var(--accent); display:block; margin:auto; width:45px; }
.date-circle { position:absolute; right:0; bottom:0; padding:8px 11px; border:1px solid #596352; background:#283228; color:var(--accent-light); font:italic 16px/1.3 var(--serif); }
.shopping-demo { border:1px solid #596352; padding:7px 12px; width:100%; background:#283228; color:var(--paper); }
.shopping-demo>div { display:flex; align-items:center; gap:8px; padding:14px 0; font-size:11px; }
.shopping-demo>div+div { border-top:1px solid #495244; }
.shopping-demo small { display:none; }
.shopping-demo s { color:#b7bfb2; }
.fake-checkbox { width:13px; height:13px; border:1px solid #949d8b; flex-shrink:0; }
.fake-checkbox.checked { display:grid; place-items:center; color:var(--accent-light); font-size:10px; line-height:1; }
/* Pale architectural panels and a quiet editorial rhythm. */
.meal-section { padding-block:100px; }
.meal-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.meal-visual { background-color:var(--sage); background-image:linear-gradient(#a7b29b44 1px,transparent 1px),linear-gradient(90deg,#a7b29b44 1px,transparent 1px); background-size:40px 40px; border:1px solid #aeb7a4; padding:32px; position:relative; }
.recipe-paper { max-width:330px; margin:auto; padding:23px; border:1px solid #aeb7a4; background:var(--surface); }
.recipe-paper>.eyebrow { text-align:center; font-size:9px; }
.recipe-paper img { margin-block:15px; }
.recipe-bottom { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid var(--line); padding-top:17px; font:italic 21px/1.3 var(--serif); }
.recipe-bottom>span+span { color:var(--accent); font-size:25px; }
.paper-label { display:block; font:italic 23px/1.4 var(--serif); text-align:center; margin-top:25px; }
.meal-visual .demo-caption { margin-bottom:0; }
.meal-copy .eyebrow { margin-bottom:23px; }
.meal-copy h2 { margin-bottom:26px; }
.meal-copy>p:not(.eyebrow) { font-size:14px; line-height:1.85; }
.check-list { padding:0; margin:30px 0; list-style:none; font-size:12px; }
.check-list li { padding-block:11px; border-top:1px solid var(--line); }
.check-list li:before { content:'+'; color:var(--accent); font:17px var(--mono); margin-right:15px; }
.household-card { display:grid; grid-template-columns:1.3fr 1fr; gap:80px; padding-block:50px; border-block:1px solid var(--line); align-items:center; }
.household-card h2 { margin:22px 0 24px; }
.household-card p:not(.eyebrow) { max-width:490px; font-size:14px; }
.household-card .requirement { font:11px/1.7 var(--mono); display:flex; align-items:center; gap:10px; margin-top:24px; }
.requirement span { color:var(--accent); font-size:22px; }
.household-visual { position:relative; min-height:300px; border:1px solid #aeb7a4; background-color:var(--sage); background-image:linear-gradient(#a7b29b44 1px,transparent 1px),linear-gradient(90deg,#a7b29b44 1px,transparent 1px); background-size:32px 32px; }
.household-visual:before { content:''; position:absolute; left:15%; right:15%; top:12%; bottom:20%; border:1px dashed #89977d; border-radius:50%; transform:rotate(-25deg); }
.house-icon { position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); background:var(--paper); border:1px solid #949d8b; padding:17px; }
.orbit-avatar { position:absolute; z-index:1; width:52px; height:52px; border:1px solid #949d8b; background:var(--paper); display:grid; place-items:center; font:20px var(--mono); }
.avatar-one { left:9%; top:15%; }
.avatar-two { right:9%; bottom:22%; }
.orbit-avatar span { position:absolute; bottom:-8px; right:-7px; width:21px; height:21px; display:grid; place-items:center; border:1px solid var(--accent); background:var(--paper); font:12px var(--mono); color:var(--accent); }
.shared-caption { position:absolute; bottom:18px; left:0; right:0; text-align:center; font:italic 25px var(--serif); }
.claude-section { padding-top:0; }
.claude-heading { max-width:700px; }
.claude-heading h2 { margin:22px 0 26px; }
.claude-heading>p:last-child { max-width:600px; font-size:14px; }
.claude-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:46px; margin:40px 0 25px; }
.claude-details>div { border-top:1px solid var(--line-strong); padding-top:18px; }
.detail-number { font:11px var(--mono); color:var(--accent); }
.claude-details h3 { font-size:25px; margin:20px 0 18px; }
.claude-details p { font-size:13px; line-height:1.85; }
.faq-section { border-top:1px solid var(--line); }
.faq-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:90px; }
.faq-layout h2 { font-size:42px; margin:22px 0; }
.faq-layout>div>p:not(.eyebrow) { font-size:13px; margin-bottom:25px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:25px; font-size:14px; padding:22px 0; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:hover { color:var(--accent); }
.faq-list summary>span { font-size:23px; font-weight:400; flex-shrink:0; }
.faq-list details[open] summary>span { transform:rotate(45deg); }
.faq-list details>p { font-size:13px; padding:0 35px 24px 0; }
.closing-section { padding-block:82px; background:var(--ink); color:var(--paper); }
.closing-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:90px; align-items:center; }
.closing-section .eyebrow { color:var(--accent-light); margin-bottom:24px; }
.closing-section h2 { font-size:clamp(42px,4.6vw,65px); }
.closing-section em { color:var(--accent-light); }
.closing-copy>p { font-size:14px; color:#b7bfb2; margin-bottom:26px; }
.closing-section .store-status,.closing-section .button { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.closing-section .button:hover { background:var(--accent-light); border-color:var(--accent-light); }
.features-section :focus-visible,.closing-section :focus-visible { outline-color:var(--accent-light); }
.site-footer { padding-top:6px; }
.footer-main { display:grid; grid-template-columns:1.2fr 1.1fr 1fr; gap:50px; padding-block:40px; }
.footer-main .brand-wordmark { font-size:23px; }
.footer-main .brand img { width:39px; height:39px; }
.footer-main p { font-size:11px; margin-top:16px; line-height:1.8; }
.footer-links { display:flex; align-items:flex-start; flex-direction:column; gap:11px; font-size:12px; }
.footer-links>a { text-decoration:none; overflow-wrap:anywhere; }
.footer-links>.eyebrow { font-size:9px; margin-bottom:6px; }
.draft-tag { display:inline-block; border:1px solid #ad8e72; padding:2px 6px; font:9px/1.6 var(--mono); color:#77452e; margin-left:5px; vertical-align:middle; }
.footer-signoff { text-align:right; }
.sprig { font:38px var(--mono); color:var(--accent); }
.footer-signoff p { font:italic 22px/1.5 var(--serif); margin-top:8px; color:var(--ink); }
.footer-signoff .small { font-size:10px; color:var(--muted); }
.footer-bottom { border-top:1px solid var(--line); padding-block:20px; display:flex; justify-content:space-between; gap:25px; font-size:9px; color:var(--muted); }
/* Support, privacy and error pages share the same visual system. */
.page-intro { padding-top:32px; padding-bottom:64px; }
.breadcrumb { display:inline-flex; gap:14px; font:10px var(--mono); text-decoration:none; color:var(--muted); margin-bottom:43px; }
.breadcrumb span { color:var(--accent); }
.page-intro .eyebrow { margin-bottom:22px; }
.page-intro h1 { margin-bottom:26px; font-size:clamp(44px,5.3vw,72px); }
.page-intro>p:last-child { max-width:550px; font-size:15px; }
.page-intro>.text-link { margin-top:18px; }
.guide-layout,.privacy-layout { display:grid; grid-template-columns:255px minmax(0,1fr); gap:80px; padding-bottom:95px; }
.guide-sidebar nav { position:sticky; top:128px; display:flex; flex-direction:column; border-top:1px solid var(--line-strong); padding-top:22px; }
.guide-sidebar .eyebrow { font-size:9px; margin-bottom:20px; }
.guide-sidebar a { display:flex; justify-content:space-between; gap:10px; padding:11px 0; text-decoration:none; font-size:12px; }
.guide-sidebar a span { color:var(--accent); }
.guide-content,.privacy-content { min-width:0; }
.intro-note { background:var(--sage); border:1px solid #aeb7a4; font-size:12px; padding:20px 24px; margin-bottom:36px; }
.guide-content>section { padding-block:30px 35px; border-bottom:1px solid var(--line); }
.guide-content>section:first-of-type { padding-top:0; }
.guide-content h2,.privacy-content h2 { font-size:31px; margin:15px 0 21px; line-height:1.25; }
.guide-number { font:10px var(--mono); letter-spacing:.1em; color:var(--accent); }
.guide-content p,.guide-content li,.privacy-content p,.privacy-content li { font-size:14px; line-height:1.9; color:var(--muted); }
.guide-content p+p,.privacy-content p+p { margin-top:15px; }
.guide-content ol,.privacy-content ul { padding-left:22px; margin:15px 0 20px; }
.guide-content li,.privacy-content li { padding-left:7px; margin:13px 0; }
.guide-content li::marker,.privacy-content li::marker { color:var(--accent); }
.callout { background:var(--paper-alt); border:1px solid var(--line); border-left:3px solid var(--accent); padding:20px 24px; margin-block:24px; }
.callout strong { font-size:13px; }
.callout p { font-size:13px; margin-top:7px; }
.guide-content .faq-list p { font-size:13px; }
.guide-content .contact-card { padding:34px; background:var(--ink); color:var(--paper); margin-top:35px; border:0; }
.contact-card p { color:#b7bfb2; }
.contact-card .eyebrow { color:var(--accent-light); }
.contact-card .button { margin-top:23px; background:var(--paper); color:var(--ink); overflow-wrap:anywhere; max-width:100%; }
.contact-card .button:hover { background:var(--accent-light); }
.contact-card :focus-visible { outline-color:var(--accent-light); }
.contact-card .security-note { font-size:11px; margin-top:22px; }
.draft-notice { background:#dfd4c3; border:1px solid #b79f82; border-left:3px solid var(--accent); padding:28px; margin-bottom:30px; }
.draft-notice .draft-tag { margin:0; }
.draft-notice h2 { font-size:29px; }
.draft-notice p { font-size:13px; }
.privacy-content>section { padding:17px 0 26px; border-bottom:1px solid var(--line); }
.owner-details { margin:22px 0; border-block:1px solid var(--line); padding:13px 0; font-size:13px; }
.owner-details>div { display:grid; grid-template-columns:1fr 1.2fr; gap:20px; padding:8px 0; }
.owner-details dt { color:var(--muted); }
.owner-details dd { margin:0; overflow-wrap:anywhere; }
.pending-list { background:var(--paper-alt); padding:15px 25px 15px 40px!important; border:1px solid var(--line); }
.privacy-content .button { margin-block:16px; max-width:100%; overflow-wrap:anywhere; }
.not-found { padding-block:70px 100px; text-align:center; }
.not-found>img { margin:0 auto 28px; }
.not-found h1 { margin-block:25px; }
.not-found>p:not(.eyebrow) { margin-bottom:30px; font-size:14px; }
.not-found .text-link { display:table; margin:22px auto 0; }
@media(max-width:1150px) {
  .container { padding-inline:35px; }
  .header-note { display:none; }
  .hero { gap:18px; padding-top:48px; }
  .hero-actions { gap:18px; }
  .hero-art figcaption>span:last-child { display:none; }
  .features-layout { gap:50px; grid-template-columns:.8fr 1.2fr; }
  .feature-card { grid-template-columns:minmax(0,1fr) 145px; gap:0 20px; }
  .date-illustration { width:145px; }
  .feature-card h3 { font-size:23px; }
  .features-section h2 { font-size:46px; }
  .meal-layout,.household-card,.section-heading,.closing-layout,.faq-layout { gap:50px; }
  .guide-layout,.privacy-layout { gap:45px; grid-template-columns:220px minmax(0,1fr); }
}
@media(max-width:800px) {
  .container { padding-inline:28px; }
  .header-inner { min-height:85px; gap:20px; }
  .header-inner nav { gap:18px; font-size:11px; }
  .brand-wordmark { font-size:24px; }
  .brand img { width:40px; height:40px; }
  .hero { padding-block:38px; gap:20px; }
  .hero h1 { font-size:clamp(41px,6vw,49px); }
  .hero .eyebrow { font-size:8px; }
  .hero-description { font-size:13px; }
  .hero-actions { gap:15px; }
  .button,.store-status { font-size:11px; padding:12px 16px; }
  .text-link { font-size:11px; }
  .hero-footnote { font-size:9px; margin-top:25px; }
  .art-topline { font-size:7px; }
  .hero-art figcaption { font-size:8px; }
  .benefit-strip { padding-bottom:35px; }
  .benefit-strip .container>span { font-size:10px; gap:10px; padding-block:20px; }
  .section { padding-block:75px; }
  .features-layout { grid-template-columns:.8fr 1fr; gap:40px; }
  .features-section h2 { font-size:40px; }
  .features-section .section-heading>p { font-size:12px; }
  .feature-card { display:block; }
  .feature-card h3 { font-size:24px; }
  .feature-card>p { font-size:12px; }
  .inventory-demo,.shopping-demo { margin-top:20px; }
  .date-illustration { margin:20px auto 0; width:180px; }
  .quantity { display:block; margin-left:auto; font-size:10px; }
  .shopping-demo small { display:block; font-size:9px; margin-left:auto; color:#b7bfb2; }
  .product-row strong { font-size:11px; }
  .product-row small { font-size:9px; }
  .meal-section { padding-block:75px; }
  .meal-layout { gap:35px; }
  .meal-copy h2 { font-size:36px; }
  .meal-copy>p:not(.eyebrow) { font-size:13px; }
  .meal-visual { padding:22px; }
  .recipe-paper { padding:17px; }
  .recipe-paper>.eyebrow { font-size:8px; }
  .recipe-bottom { font-size:18px; }
  .paper-label { font-size:21px; }
  .household-card { gap:35px; }
  .household-card h2 { font-size:35px; }
  .household-card p:not(.eyebrow) { font-size:13px; }
  .household-visual { min-height:260px; }
  .house-icon { padding:12px; }
  .house-icon img { width:64px; }
  .orbit-avatar { width:42px; height:42px; font-size:17px; }
  .claude-section { padding-top:0; }
  .claude-details { gap:25px; }
  .claude-details h3 { font-size:23px; }
  .claude-details p { font-size:12px; }
  .faq-layout { grid-template-columns:1fr; gap:30px; }
  .closing-layout { grid-template-columns:1fr; gap:30px; }
  .closing-section { padding-block:65px; }
  .closing-section h2 { font-size:54px; }
  .footer-main { grid-template-columns:1fr 1fr; gap:30px; }
  .footer-signoff { display:none; }
  .guide-layout,.privacy-layout { grid-template-columns:1fr; gap:33px; }
  .guide-sidebar nav { position:static; display:grid; grid-template-columns:1fr 1fr; gap:0 25px; padding-bottom:15px; border-bottom:1px solid var(--line); }
  .guide-sidebar .eyebrow { grid-column:1/-1; margin-bottom:7px; }
  .guide-sidebar a { padding:8px 0; }
  .page-intro { padding-bottom:40px; }
}
@media(max-width:620px) {
  html { scroll-padding-top:150px; }
  .container { padding-inline:23px; }
  .header-inner { position:relative; flex-direction:column; align-items:flex-start; padding-block:18px 8px; gap:10px; }
  .header-inner .language-switch { position:absolute; top:17px; right:23px; width:auto; padding-left:0; border-left:0; gap:0; }
  .header-inner nav { gap:0 24px; flex-wrap:wrap; width:100%; }
  .header-inner nav a { display:inline-flex; align-items:center; font-size:11px; padding:10px 0; }
  .brand-wordmark { font-size:25px; }
  .brand-subtitle { font-size:8px; }
  .brand img { width:41px; height:41px; }
  .hero { grid-template-columns:1fr; padding-top:30px; gap:30px; }
  .hero h1 { font-size:clamp(46px,11vw,65px); }
  .hero .eyebrow { font-size:8px; margin-bottom:23px; }
  .hero-description { font-size:14px; max-width:440px; }
  .hero-actions { flex-direction:row; gap:20px; margin-top:26px; }
  .hero-actions .text-link { gap:10px; }
  .store-status { padding:14px 15px; gap:10px; font-size:11px; }
  .hero-art { width:100%; max-width:480px; margin:auto; }
  .art-topline { font-size:8px; }
  .hero-art figcaption { font-size:9px; }
  .benefit-strip .container { grid-template-columns:1fr; }
  .benefit-strip .container>span { padding-block:13px; font-size:11px; gap:13px; }
  .benefit-strip .container>span+span { border-top:0; }
  .benefit-strip { padding-bottom:35px; }
  h2 { font-size:38px; }
  .section { padding-block:62px; }
  .section-heading { display:block; margin-bottom:32px; }
  .features-layout { grid-template-columns:1fr; gap:40px; }
  .features-section .section-heading { position:static; }
  .features-section h2 { font-size:43px; }
  .features-section .section-heading>p { max-width:430px; font-size:13px; }
  .feature-card { display:grid; grid-template-columns:minmax(0,1fr) 125px; gap:0 18px; padding-block:25px; }
  .feature-label { font-size:9px; gap:8px; }
  .feature-icon { font-size:18px; }
  .feature-card h3 { font-size:21px; }
  .feature-card h3 br { display:none; }
  .feature-card>p { font-size:12px; }
  .inventory-demo,.shopping-demo { margin-top:0; padding-inline:8px; }
  .product-row { gap:6px; }
  .product-row strong { font-size:9px; }
  .product-row small { font-size:8px; }
  .food-thumb { width:20px; }
  .quantity,.shopping-demo small { display:none; }
  .shopping-demo>div { font-size:10px; gap:6px; }
  .date-illustration { margin-top:0; width:125px; }
  .calendar-sheet { left:0; width:100px; }
  .date-circle { font-size:15px; padding:7px 9px; }
  .meal-section { padding-block:62px; }
  .meal-layout { grid-template-columns:1fr; gap:40px; }
  .meal-copy { grid-row:1; }
  .meal-copy h2 { font-size:39px; }
  .meal-copy>p:not(.eyebrow) { font-size:13px; }
  .meal-visual { width:100%; max-width:480px; margin:auto; padding:26px 22px; }
  .recipe-paper { padding:22px; }
  .recipe-bottom { font-size:21px; }
  .household-card { grid-template-columns:1fr; gap:30px; padding-block:0 45px; border-top:0; }
  .household-card h2 { font-size:38px; }
  .household-visual { min-height:280px; }
  .house-icon img { width:80px; }
  .orbit-avatar { width:52px; height:52px; font-size:20px; }
  .claude-section { padding-top:0; }
  .claude-details { grid-template-columns:1fr; gap:30px; margin-top:35px; }
  .claude-details h3 { font-size:27px; margin-block:16px; }
  .claude-details p { font-size:13px; }
  .faq-layout h2 { font-size:38px; }
  .faq-list summary { font-size:13px; }
  .closing-section h2 { font-size:clamp(38px,9.8vw,56px); }
  .closing-section .eyebrow { font-size:9px; }
  .closing-copy>p { font-size:13px; }
  .footer-main { gap:25px; padding-block:32px; }
  .footer-main .brand { gap:7px; }
  .footer-main .brand-wordmark { font-size:19px; }
  .footer-main .brand img { width:30px; height:30px; }
  .footer-main .brand-subtitle { font-size:6px; }
  .footer-links { font-size:11px; }
  .footer-links>.eyebrow { font-size:8px; }
  .draft-tag { font-size:8px; margin-left:0; }
  .footer-bottom { flex-direction:column; gap:12px; }
  .page-intro { padding-top:24px; }
  .breadcrumb { margin-bottom:30px; }
  .page-intro h1 { font-size:clamp(39px,9vw,52px); }
  .page-intro>p:last-child { font-size:14px; }
  .guide-sidebar nav { gap:0 18px; }
  .guide-sidebar a { font-size:11px; }
  .guide-sidebar a span { display:none; }
  .guide-content h2,.privacy-content h2 { font-size:28px; }
  .guide-content p,.guide-content li,.privacy-content p,.privacy-content li { font-size:13px; }
  .guide-content ol,.privacy-content ul { padding-left:18px; }
  .guide-content li,.privacy-content li { padding-left:3px; }
  .guide-content .contact-card { padding:24px 20px; }
  .contact-card .button,.privacy-content .button { font-size:11px; padding:13px 14px; word-break:break-word; }
  .contact-card .security-note { font-size:11px; }
  .draft-notice { padding:23px 20px; }
  .draft-notice p { font-size:12px; }
  .owner-details>div { grid-template-columns:1fr; gap:3px; }
  .guide-layout,.privacy-layout { padding-bottom:55px; }
  .not-found { padding-block:48px 65px; }
  .not-found h1 { font-size:45px; }
}
@media(max-width:380px) {
  .container { padding-inline:20px; }
  .feature-card { grid-template-columns:1fr; }
  .feature-label,.feature-card h3,.feature-card>p { grid-column:1; }
  .inventory-demo,.date-illustration,.shopping-demo { grid-column:1; grid-row:auto; margin:22px 0 0; }
  .feature-card h3 { font-size:25px; }
  .feature-card>p { font-size:13px; }
  .product-row strong { font-size:11px; }
  .product-row small { font-size:9px; }
  .food-thumb { width:30px; }
  .quantity { display:block; }
  .shopping-demo>div { font-size:12px; }
  .shopping-demo small { display:block; }
  .footer-main { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { transition:none!important; animation:none!important; }
}
@media print {
  .site-header { position:static; }
  .features-section,.closing-section,.guide-content .contact-card { background:white; color:var(--ink); }
  .features-section p,.closing-section p,.contact-card p,.features-section em,.closing-section em { color:var(--ink)!important; }
  .features-section .section-heading,.guide-sidebar nav { position:static; }
  .section,.meal-section { padding-block:35px; }
}