/* Founder-selected motion only. No palette, copy, font or layout replacements. */
@media(prefers-reduced-motion:no-preference){
 .auri-word-mask{display:inline-block;overflow:clip;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}
 .auri-word{display:inline-block;transform-origin:bottom left}
 .plan-card .card-picture img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
 .desktop-nav a{position:relative}
 .desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
 .desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
 .auri-label-accent{position:relative}
 .auri-label-accent::after{content:'';position:absolute;left:0;bottom:-9px;width:72px;height:2px;background:#8ea58c;transform:scaleX(0);transform-origin:left;pointer-events:none}
 .auri-label-accent.auri-accent-played::after{transform:scaleX(1);transition:transform .85s cubic-bezier(.16,1,.3,1)}
 @media(hover:hover){
  .pill,.small-pill{transition:transform .18s ease,box-shadow .18s ease}
  .pill:hover,.small-pill:hover{transform:translate3d(0,-2px,0);box-shadow:0 5px 12px #10121112}
  .plan-card:hover .card-picture img{transform:scale(1.035)}
 }
}
/* Native FAQ opening is immediate; no custom height/opacity animation. */
main details> :not(summary){animation:none!important;transition:none!important}

/* Founder amendment: only the three Meal Plans process numbers. */
.auri-graffiti-number{font-family:"Rock Salt",cursive!important;font-weight:400!important;color:#8ea58c!important;white-space:nowrap;flex-shrink:0}

/* Begin navigation in the first render, never restart a visible page. */
@keyframes auri-initial-glide{from{transform:translate3d(28px,0,0)}to{transform:none}}
@media(prefers-reduced-motion:no-preference){html[data-auri-navigation=true] main{animation:auri-initial-glide 700ms cubic-bezier(.22,.61,.36,1) both}}
/* Restore the original section proportions, with clear text and no separators. */
main .plan-compare p:not(.eyebrow),main .plan-compare .fine-list{color:var(--ink)}
main .plan-compare .fine-list span{border:0;padding:10px 0}
/* Leave touch/trackpad scrolling native, without mandatory snap corrections. */
.testimonials .quote-track{scroll-snap-type:x proximity;scroll-behavior:auto}

/* Meal plans stays fixed to the viewport while its individual entrances run. */
html[data-studio=plans][data-auri-navigation=true] main{animation:none}
/* Founder correction: original layout, clearer copy and faint list separators. */
main .plan-compare .fine-list{font-size:15px;line-height:1.65;color:var(--ink)}
main .plan-compare .fine-list span{padding:14px 0;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
@media(max-width:760px){main .plan-compare .fine-list{font-size:14px}}
/* Home also enters without translating the complete page surface. */
html:not([data-studio])[data-auri-navigation=true] main{animation:none}

/* Narrow cards keep all nutrition text inside their existing column. */
@media(max-width:760px){.plan-card .card-content .card-macros{grid-template-columns:minmax(0,1fr);row-gap:12px}.plan-card .card-content .card-macros>div{min-width:0}.plan-card .card-content .card-macros dd{white-space:normal}}

/* Mobile corrections: preserve the desktop contract and approved card palette. */
@media(max-width:760px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .site-header .header-actions{flex-shrink:0;gap:4px}
 .site-header>a:first-of-type{min-width:0;flex-shrink:1}
 .site-header .header-home-mobile{min-width:44px;min-height:44px;justify-content:center;position:relative;z-index:1;touch-action:manipulation}
 .site-header .menu-button,.site-header .theme-button{min-width:44px;min-height:44px;touch-action:manipulation}
 .site-header .mobile-nav{max-height:calc(100svh - 80px);overflow-y:auto;overscroll-behavior:contain;transform-origin:top;z-index:20}
 .mobile-nav a{min-height:44px;touch-action:manipulation}
 .mobile-nav a:active,.header-home-mobile:active{color:var(--ink);background:var(--soft)}
 .trust-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;padding-inline:4%;text-align:center}
 .trust-band span{display:block;min-width:0;padding:4px 9px;font-size:13px;line-height:1.4;text-wrap:balance}
 .trust-band span:not(:last-child):after{content:none}
 .trust-band span+span{border-left:1px solid var(--line)}
 .footer .footer-contact{display:grid;grid-template-columns:1fr;gap:0}
 .footer .footer-contact a,.footer .footer-contact a:nth-child(even),.footer .footer-contact a:last-child{grid-column:auto;padding:19px 0;align-items:flex-start;justify-content:center;min-height:78px}
 .footer .footer-bottom{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
 .conversion-dock{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
 :root .plan-card.trial{background:#ece9df!important;color:#101b12!important;--card-bg:#ece9df;--card-ink:#101b12}
 :root .plan-card.balance{background:#738568!important;color:#fcfaef!important;--card-bg:#738568;--card-ink:#fcfaef}
 :root .plan-card.protein{background:#151916!important;color:#f7f3e8!important;--card-bg:#151916;--card-ink:#f7f3e8}
 :root .plan-card.lean{background:#f7f3e8!important;color:#112619!important;--card-bg:#f7f3e8;--card-ink:#112619}
 :root .plan-card .card-content{background:transparent!important;color:inherit!important;min-width:0;height:auto;overflow:visible}
 :root .plan-card .card-content h3,:root .plan-card .card-content p,:root .plan-card .card-content dl,:root .plan-card .card-content dt,:root .plan-card .card-content dd,:root .plan-card .card-price,:root .plan-card .macro-context{color:inherit!important;-webkit-text-fill-color:currentColor}
 :root .plan-card{height:auto;max-height:none}
 :root[data-sales-layout] .hero-gallery-tabs{box-sizing:border-box;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;padding-inline:0;margin-inline:auto}
 :root[data-sales-layout] .hero-gallery-tabs button{flex:0 0 76px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
 :root[data-sales-layout] .hero-gallery-tabs button img{display:block;flex:0 1 auto;min-width:0;object-position:center}
 :root .menu-more{appearance:none;-webkit-appearance:none;background:var(--ink)!important;color:var(--bg)!important;-webkit-text-fill-color:currentColor;border-color:var(--ink);touch-action:manipulation}
}
@media(max-width:480px){
 :root .plan-grid{grid-template-columns:minmax(0,1fr)}
 :root .plan-grid>.plan-card{display:flex;flex-direction:column;grid-template-columns:none;width:100%;min-width:0}
 :root .plan-card .card-picture{width:100%;height:auto;min-height:0;aspect-ratio:1.5}
 :root .plan-card .card-picture img{width:100%;height:100%;object-fit:cover}
 :root .plan-card .card-content{padding:23px}
 :root .plan-card .card-content .card-macros{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
 :root .plan-card .card-content .card-macros dt{font-size:11px;line-height:1.4;white-space:normal}
 :root .plan-card .card-content .card-macros dd{font-size:20px;line-height:1.35}
 :root .plan-card .small-pill{min-height:44px;max-width:100%;white-space:normal;text-align:center}
 .site-header{padding-inline:4%}
 .site-header .header-actions .pill.compact{padding-inline:10px;font-size:12px}
 .site-header .brand-mark{max-width:76px}
}

:root[data-sales-layout] .plan-visual>.auri-photo-outgoing{transition:none;animation:none;transform:none}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 :root[data-study] .auri-touch-benefits.benefit-flow{padding-block:18px;overflow:hidden}
 :root[data-study] .auri-touch-benefits .benefit-two-way{display:block;overflow:visible}
 :root[data-study] .auri-touch-benefits .benefit-type-rail{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;animation:none!important;transform:none!important;padding:9px 0;scrollbar-width:none;scroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
 :root[data-study] .auri-touch-benefits .benefit-type-rail::-webkit-scrollbar{display:none}
 :root[data-study] .auri-touch-benefits .auri-benefit-inner{display:flex;align-items:center;width:max-content;padding:0;gap:0;animation:none}
 :root[data-study] .auri-touch-benefits .auri-benefit-inner>div{display:flex;flex:0 0 auto;align-items:center;gap:34px;padding:6px 34px 6px 0}
 :root[data-study] .auri-touch-benefits .benefit-type-rail p{flex:0 0 auto;white-space:nowrap;font-size:clamp(11px,3.1vw,14px);line-height:2.1;margin:0;padding:0;max-height:none;overflow:visible}
 :root[data-study] .auri-touch-benefits .benefit-type-rail p:after{margin-left:34px}
 :root[data-study] .auri-touch-benefits .benefit-pause{display:none}
}

@media(max-width:760px){:root[data-sales-layout] .plan-visual[data-view="2"]>.detail-food{object-fit:contain;background:var(--surface)}}

@media(max-width:760px){:root[data-studio=detail] .footer .footer-bottom{padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important}.plan-summary{bottom:calc(77px + env(safe-area-inset-bottom,0px))!important}}

/* Broader phone usability pass: comfortable targets, readable forms, stable layout. */
@media(max-width:760px){
 :root .site-header>a:first-of-type{display:inline-flex;align-items:center;min-height:44px}
 :root .pill,:root .small-pill,:root .conversion-dock a,:root .journey-tabs button,:root .benefit-controls button,:root .menu-sync{min-height:44px!important;touch-action:manipulation}
 :root .text-link{display:inline-flex;align-items:center;min-height:44px;touch-action:manipulation}
 :root .footer-links a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4}
 :root .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;line-height:1.5}
 :root .footer-bottom small{font-size:11px;line-height:1.65}
 :root .footer-email a{display:inline-flex;align-items:center;min-height:44px}
 :root .breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
 :root .plan-compare h3 a{display:inline-flex;align-items:center;min-height:44px}
 :root .plan-story-controls button,:root .quote-controls button,:root .photo-close,:root .video-close{min-width:44px;min-height:44px;touch-action:manipulation}
 :root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),:root textarea,:root select{font-size:16px!important;min-height:44px;max-width:100%;box-sizing:border-box}
 :root .menu-tools{flex-wrap:wrap;row-gap:12px}
 :root .menu-tools select{min-width:0;max-width:100%}
 :root .segmented button{min-height:44px;touch-action:manipulation}
 :root .benefit-type-rail{overscroll-behavior-x:contain}
}
@media(max-width:360px){
 :root .footer-top{column-gap:18px}
 :root .hero-copy h1{overflow-wrap:normal}
 :root .menu-tools label{min-width:0;flex-wrap:wrap;row-gap:6px}
}

@media(max-width:760px){
 :root .sample-filters{flex-wrap:wrap}
 :root .sample-filters button{min-height:44px;touch-action:manipulation}
 :root .menu-times{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
 :root .menu-times select{min-width:168px;max-width:100%;min-height:44px}
 :root .sales-contact a,:root .footer-email a{overflow-wrap:anywhere;max-width:100%}
}
@media(max-width:480px){
 :root .sales-form{grid-template-columns:minmax(0,1fr)}
 :root .sales-form>label{grid-column:1/-1;min-width:0}
 :root .sales-form>button{width:100%;justify-content:center;min-height:48px}
}
@media(hover:none) and (pointer:coarse) and (min-width:761px) and (max-width:1024px){
 :root .site-header{height:72px;padding-inline:4%;gap:12px}
 :root .site-header>a:first-of-type{display:inline-flex;align-items:center;min-height:44px}
 :root .site-header .brand-mark{max-width:90px}
 :root .site-header .desktop-nav{display:none}
 :root .site-header .header-actions{gap:6px;flex-shrink:0}
 :root .site-header .header-home-mobile{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:14px;touch-action:manipulation}
 :root .site-header .header-actions>.pill{display:none}
 :root .site-header .menu-button{display:block;min-width:44px;min-height:44px;touch-action:manipulation}
 :root .site-header .theme-button{min-width:44px;min-height:44px}
 :root .site-header .mobile-nav{max-height:calc(100svh - 72px);overflow-y:auto;overscroll-behavior:contain;z-index:20}
 :root .mobile-nav a{min-height:44px;touch-action:manipulation}
 :root .pill,:root .small-pill,:root .conversion-dock a,:root .text-link,:root .footer-links a,:root .footer-bottom a,:root .benefit-controls button{min-height:44px;touch-action:manipulation}
 :root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),:root textarea,:root select{font-size:16px!important;min-height:44px}
 :root .footer .footer-bottom{padding-bottom:120px!important}
 :root[data-studio=detail] .footer .footer-bottom{padding-bottom:220px!important}
}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 html[data-auri-menu-open=true],html[data-auri-menu-open=true] body{overflow:hidden}
 html[data-auri-menu-open=true] .conversion-dock,html[data-auri-menu-open=true] .plan-summary{visibility:hidden!important}
 :root .plan-stories button{min-width:44px;min-height:44px}
 :root .sales-contact a{display:flex;align-items:center;min-height:44px}
 :root .policy-copy a{display:inline-flex;align-items:center;min-height:44px}
}

@media(max-width:760px){
 :root .plan-card .card-price{font-size:14px!important;line-height:1.5}
 :root .plan-card .macro-context{font-size:11px!important;line-height:1.5}
 :root .plan-card .card-content>p{font-size:14px!important;line-height:1.55}
 :root .sample-menu-items .eyebrow{font-size:11px;line-height:1.5}
 :root .sample-filters button{font-size:12px;line-height:1.4;padding:10px 12px}
}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){:root[data-sales-layout] .sample-filters button{min-height:44px!important;touch-action:manipulation}}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){.auri-touch-benefits .benefit-type-rail{user-select:none;-webkit-user-select:none}}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){html[data-auri-editing=true] .conversion-dock{visibility:hidden!important}}

/* Mobile menu uses quiet ink feedback rather than the desktop sage halo. */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 :root .mobile-nav a:hover,:root .mobile-nav a:focus-visible,:root .mobile-nav a:active{background:transparent;color:var(--ink);box-shadow:none;outline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
 .mobile-nav a{-webkit-tap-highlight-color:transparent}
}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){a[href],button,[role=button],summary{touch-action:manipulation}a[href]:active,button:active,[role=button]:active,summary:active{opacity:.72}a[data-auri-pending=true]{opacity:.65}a[data-auri-pending=true] .card-picture img{transform:scale(1.02)}}

/* Restore paired mobile cards, retaining every description, macro, price and action. */
@media(max-width:760px){
 :root .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
 :root .plan-grid>.plan-card{display:flex;flex-direction:column;width:100%;min-width:0;height:auto}
 :root .plan-card .card-picture{width:100%;height:auto;min-height:0;aspect-ratio:1.35;flex:none}
 :root .plan-card .card-picture img{width:100%;height:100%;object-fit:cover}
 :root .plan-card .card-content{display:flex;flex-direction:column;flex:1;min-width:0;padding:18px 13px}
 :root .plan-card .card-content h3{font-size:clamp(21px,5.8vw,29px);line-height:1.1;overflow-wrap:normal}
 :root .plan-card .card-content>p{font-size:13px!important;line-height:1.5;min-height:0}
 :root .plan-card .card-content .card-macros{grid-template-columns:minmax(0,1fr);gap:13px}
 :root .plan-card .card-content .card-macros dt{font-size:10px;line-height:1.4;white-space:normal}
 :root .plan-card .card-content .card-macros dd{font-size:18px;line-height:1.35;white-space:normal}
 :root .plan-card .card-price{font-size:13px!important;line-height:1.5;margin-top:auto;padding-top:18px}
 :root .plan-card .macro-context{font-size:10px!important;line-height:1.4}
 :root .plan-card .small-pill{width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 6px;font-size:12px;line-height:1.35;white-space:normal;text-align:center}
 .testimonials .quote-track,.about-story-grid{touch-action:pan-y pinch-zoom;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
 .testimonials .quote-track>.quote-card,.about-story-grid>article{scroll-snap-align:start;scroll-snap-stop:always}
 .plan-visual{touch-action:pan-y pinch-zoom}
 :root[data-faq-art] .flow-faq details[open] summary:before{background-image:url(/assets/studies/citrus-abstract-mural-v1-99452d0ec1.webp);opacity:.62}
 :root[data-faq-art][data-theme=dark] .flow-faq details[open] summary:before{opacity:.72}
 :root[data-faq-art^=auri] .flow-faq details[open] summary:after{opacity:.75}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 :root[data-faq-art] .flow-faq[data-auri-art-visible=true] details[open] summary:before{animation:faq-paint-flow 17s linear infinite}
 :root[data-remaining-preview] .review-flow-faq[data-auri-art-visible=true] details[open] summary:before{animation:review-faq-paint-flow 17s linear infinite}
}

@media(max-width:760px){:root[data-sales-layout] .related .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Preserve gallery fit through transparent responsive-picture wrappers. */
:root[data-study] .plan-visual[data-view="1"]>picture>.detail-food{object-fit:contain;background:var(--surface)}
@media(max-width:760px){:root[data-sales-layout] .plan-visual[data-view="2"]>picture>.detail-food{object-fit:cover;object-position:center 48%;background:var(--surface)}}

/* Keep the approved Ivory graffiti rail separate from the dark two-way treatment. */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 :root[data-study]:not([data-theme=dark]) .auri-touch-benefits .benefit-two-way{display:none}
 :root[data-study] .auri-touch-benefits>.benefit-track{display:block;width:100%;overflow-x:auto;overflow-y:hidden;animation:none!important;transform:none!important;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
 :root[data-study][data-theme=dark] .auri-touch-benefits>.benefit-track{display:none}
 :root[data-study] .auri-touch-benefits>.benefit-track::-webkit-scrollbar{display:none}
 :root[data-study] .auri-touch-benefits>.benefit-track .auri-benefit-inner>div{flex-wrap:nowrap;gap:34px;padding:6px 34px 6px 0}
 :root[data-study] .auri-touch-benefits>.benefit-track p{white-space:nowrap;flex:none;font:14px/2.1 "Rock Salt";color:var(--ink)}
 :root[data-study] .auri-touch-benefits>.benefit-track p:after{display:inline;content:"·";margin-left:34px;color:var(--sage)}
 .phone-plan-intro{order:-2;min-width:0}
 .phone-plan-intro h1{margin-bottom:20px}
 .phone-plan-intro>p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:16px}
 :root[data-study][data-sales-layout] .plan-visual .detail-food{height:auto;aspect-ratio:1.15;max-height:none}
 :root[data-study][data-sales-layout] .plan-visual[data-view="2"] .detail-food{object-fit:cover;object-position:center 48%}
}

@media(max-width:760px){:root[data-growth-plan-headings][data-sales-layout] .plan-grid .plan-card .card-content h2.growth-plan-heading{font-size:clamp(21px,5.8vw,29px);line-height:1.1;min-height:0;overflow-wrap:normal}:root[data-sales-layout] .plan-grid .plan-card .card-content{padding:18px 13px}}

/* Existing header returns briefly on upward scroll without a layout shift. */
:root .site-header.auri-return-header{position:sticky;top:0;z-index:100;transition:transform .2s ease,opacity .2s ease}
:root .site-header.auri-return-header[data-scroll-hidden=true]{transform:translateY(-110%);opacity:0;pointer-events:none}
:root .site-header .brand-mark{cursor:pointer}
@media(prefers-reduced-motion:reduce){:root .site-header.auri-return-header{transition:none}}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 :root .sample-menu-items .ink-photo[data-open=false]{padding-bottom:0}
 :root .sample-menu-items .menu-card-copy{padding-top:12px}
 :root .sample-menu-items .menu-card-copy .eyebrow{margin-bottom:6px}
 :root .customer-stories-rebuilt .customer-feature{touch-action:pan-y pinch-zoom}
 :root .testimonials .testimonial-video .testimonial-picture{object-position:50% 56%}
 :root[data-faq-art]:not([data-faq-art=stamps]) .flow-faq summary:is(:hover,:focus-visible):before,
 :root[data-faq-art]:not([data-faq-art=stamps]) .flow-faq details[open] summary:before,
 :root[data-remaining-preview] .review-flow-faq details[open] summary:before{background-image:url(/assets/studies/faq-mural-1200-b6defa6a44.webp)!important}
}

@media(max-width:760px){:root .testimonials .testimonial-video{border-radius:16px;overflow:hidden}:root .testimonials .testimonial-video .testimonial-picture{border-radius:0}}