/* Feedy home integration candidate. Presentation only; workbench calculation rules stay in place. */
body.landing-mode .landing-page{background:#f8f6f0;color:#203832}
body.landing-mode .landing-header{position:sticky;top:0;z-index:40;min-height:74px;padding:12px max(24px,calc((100vw - 1280px)/2));background:rgba(8,32,43,.94);border-bottom:1px solid rgba(246,236,211,.16);backdrop-filter:blur(18px);gap:24px}
body.landing-mode .landing-brand{gap:11px;min-width:190px;color:#f6ebd3;flex-direction:column;align-items:flex-start;font-weight:600}
body.landing-mode .landing-brand img{display:block;width:176px;height:auto;max-width:100%}
body.landing-mode .landing-brand small{font-size:10px!important;font-weight:550;color:#ccdddb!important;letter-spacing:.12em;margin-top:-5px}
body.landing-mode .landing-nav{gap:24px;flex-wrap:nowrap}
body.landing-mode .landing-nav button{color:#e5edeb;font-size:13px;white-space:nowrap;font-weight:550}
body.landing-mode .landing-nav button.active::after,body.landing-mode .landing-nav button:hover::after{background:#e7bc70;height:2px}
body.landing-mode .landing-actions{gap:10px;flex-wrap:nowrap}
body.landing-mode .landing-actions .about-link,body.landing-mode .landing-actions .customer-ready-guide-btn,body.landing-mode .landing-actions .feedy-lang-switch button{color:#e5edeb;border-color:rgba(224,237,231,.38);background:transparent}
body.landing-mode .landing-actions .btn.primary{background:#e8bd73;border-color:#e8bd73;color:#153633;font-weight:750;white-space:nowrap;box-shadow:none}
body.landing-mode .landing-actions .btn.primary:hover{background:#f3cc8b}
body.landing-mode .landing-main-i{max-width:none;padding:0 0 70px}

/* Hero: the video, editable brand/search and existing ingredient search logic are distinct layers. */
body.landing-mode .landing-cinematic-hero{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;height:clamp(600px,73svh,760px);margin:0;padding:0;isolation:isolate;overflow:hidden;background:#0b2b3a url('feedy-home-poster.jpg') center/cover no-repeat}
body.landing-mode .landing-cinematic-media{position:absolute;inset:0;z-index:0;overflow:hidden}
body.landing-mode .landing-cinematic-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
body.landing-mode .landing-cinematic-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,21,34,.28) 0%,rgba(3,21,34,.19) 44%,rgba(3,21,34,.08) 76%,rgba(3,21,34,.28) 100%)}
body.landing-mode .landing-cinematic-copy{position:relative;z-index:1;width:min(770px,calc(100% - 32px));padding-top:clamp(115px,16svh,182px);display:flex;flex-direction:column;align-items:center;text-align:center}
body.landing-mode .landing-cinematic-seo-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.landing-mode .landing-cinematic-wordmark{width:min(650px,73vw);height:auto;display:block;filter:drop-shadow(0 2px 12px rgba(3,24,34,.2))}
body.landing-mode .landing-cinematic-tagline{margin:14px 0 0!important;max-width:none!important;color:#f5ead6!important;font-size:clamp(19px,1.6vw,28px)!important;line-height:1.5!important;font-weight:500;letter-spacing:.16em;text-shadow:0 2px 15px rgba(3,24,34,.26)}
body.landing-mode .landing-cinematic-copy .ingredient-home-search{width:min(680px,100%);max-width:none;margin:32px 0 0;text-align:left}
body.landing-mode .landing-cinematic-copy .ingredient-home-search>label{font-size:12px;letter-spacing:.08em;color:#e7f1ed;margin-bottom:10px}
body.landing-mode .landing-cinematic-copy .ingredient-home-search-row{border-radius:14px;padding:7px;border:1px solid rgba(250,242,218,.75);box-shadow:0 20px 42px rgba(4,29,40,.25)}
body.landing-mode .landing-cinematic-copy .ingredient-home-search-row input{font-size:15px}
body.landing-mode .landing-cinematic-copy .ingredient-home-search-row .btn.primary{background:#1f554e;border-color:#1f554e;color:#fff;border-radius:9px;font-weight:700;padding:10px 20px}
body.landing-mode .landing-cinematic-copy .ingredient-home-search-row .btn.primary:hover{background:#286d62}
body.landing-mode .landing-cinematic-copy .landing-cta{margin-top:20px}
body.landing-mode .landing-cinematic-copy .btn.outline-brand{background:rgba(7,40,49,.28);border:1px solid rgba(238,236,219,.42);color:#f1ede3;padding:8px 19px;font-size:12px;border-radius:999px}
body.landing-mode .landing-motion-toggle{position:absolute;right:max(24px,calc((100vw - 1280px)/2));bottom:20px;z-index:2;border:1px solid rgba(241,235,214,.35);background:rgba(8,32,43,.44);color:#f8f0dd;padding:8px 12px;border-radius:999px;cursor:pointer;font-size:12px}
body.landing-mode .landing-motion-toggle:focus-visible,body.landing-mode .landing-feature-grid-i .landing-card:focus-visible,body.landing-mode .landing-chip-all:focus-visible{outline:3px solid #e8bd73;outline-offset:3px}

/* Start with the ingredient; keep the original chips and the existing search behavior. */
body.landing-mode .ingredient-home-feature{position:relative;z-index:2;max-width:1200px;margin:-26px auto 20px;padding:13px 20px;background:rgba(255,253,247,.98);border:1px solid #e6e4d8;border-radius:15px;box-shadow:0 16px 40px rgba(25,55,48,.11)}
body.landing-mode .ingredient-home-feature>span{color:#245e52;font-size:12px;white-space:nowrap}
body.landing-mode .ingredient-home-feature>div{flex:1;align-items:center}
body.landing-mode .ingredient-home-feature button{font-size:12px;background:#f5f8f3;border-color:#dfe9dc}
body.landing-mode .ingredient-home-feature .landing-chip-all{margin-left:auto;background:transparent;border-color:transparent;color:#175346;font-weight:750;white-space:nowrap}
body.landing-mode .landing-vision-i,body.landing-mode .landing-workflow-i,body.landing-mode .landing-growth-secondary-i,body.landing-mode .landing-source-marks-i1,body.landing-mode .simple-cta-banner{width:min(1200px,calc(100% - 48px));margin-left:auto;margin-right:auto}
body.landing-mode .landing-vision-compact-l{display:flex!important;justify-content:space-between;align-items:center;gap:24px;margin-top:16px!important;margin-bottom:20px!important;background:transparent!important;padding:20px 0 14px!important;border-bottom:1px solid #dfe4db;border-radius:0!important}
body.landing-mode .landing-vision-compact-l small{color:#5e8274;font-size:11px;letter-spacing:.16em}
body.landing-mode .landing-vision-compact-l h2{font-size:clamp(19px,2vw,27px);color:#173f37!important;font-weight:750}
body.landing-mode .landing-vision-compact-l .landing-decision-flow{margin:0;flex-wrap:nowrap}
body.landing-mode .landing-vision-compact-l .landing-decision-flow span{background:transparent;padding:4px 2px;color:#386b5d;white-space:nowrap}
body.landing-mode .landing-vision-compact-l .landing-decision-flow i{color:#a8b4a6}

/* The four marked paths are the primary grid; full formula design remains separate. */
body.landing-mode .landing-workflow-i{padding:18px 0 25px;scroll-margin-top:88px}
body.landing-mode .landing-section-head-i{margin:0 0 18px}
body.landing-mode .landing-section-head-i small{color:#527f71;letter-spacing:.18em;font-size:11px}
body.landing-mode .landing-section-head-i h2{font-size:clamp(25px,2.2vw,34px);line-height:1.3;color:#173f37;letter-spacing:-.02em;margin:7px 0}
body.landing-mode .landing-section-head-i p{font-size:13px;line-height:1.65;color:#62776c}
body.landing-mode .landing-feature-grid-i{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}
body.landing-mode .landing-feature-grid-i .landing-card{position:relative;min-height:248px;border-radius:18px;background:#fffefa;border:1px solid #dce5dd;box-shadow:0 12px 30px rgba(28,60,49,.055);cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.landing-mode .landing-feature-grid-i .landing-card:hover{transform:translateY(-3px);border-color:#b2c8b8;box-shadow:0 18px 35px rgba(28,60,49,.10)}
body.landing-mode .landing-feature-grid-i .landing-card:not(.landing-card-formulation)::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a9bb9e,#e6c986,#e7e9df)}
body.landing-mode .landing-feature-grid-i .landing-card-body{padding:25px 23px 24px;display:flex;flex-direction:column;height:100%}
body.landing-mode .landing-feature-grid-i .landing-no{font-size:13px;font-weight:800;color:#557565;letter-spacing:.12em;margin-bottom:21px}
body.landing-mode .landing-feature-grid-i .landing-card h3{font-size:clamp(18px,1.36vw,22px);line-height:1.35;color:#1e3831;letter-spacing:-.01em;margin:0}
body.landing-mode .landing-feature-grid-i .landing-card p{font-size:13px;line-height:1.62;color:#66786e;margin:9px 0 0;min-height:0!important}
body.landing-mode .landing-feature-grid-i .landing-card-action{margin-top:auto;padding-top:22px;font-size:12px;color:#27664f}
body.landing-mode .landing-feature-grid-i .landing-card-formulation{grid-column:1/-1;display:grid;grid-template-columns:210px minmax(0,1fr);min-height:138px;background:linear-gradient(108deg,#173b39,#275347 58%,#335b50);border:0}
body.landing-mode .landing-feature-grid-i .landing-card-formulation .v4540-formulation-visual{min-height:138px;background:transparent;box-shadow:none;color:#e9dbc0;justify-content:center}
body.landing-mode .landing-feature-grid-i .landing-card-formulation .v4540-formula-symbol{font-size:33px;width:58px;height:58px;background:rgba(255,255,255,.12);color:#f3d99f;box-shadow:none}
body.landing-mode .landing-feature-grid-i .landing-card-formulation .v4540-formulation-visual>div:last-child{display:none}
body.landing-mode .landing-feature-grid-i .landing-card-formulation .landing-card-body{padding:18px 24px;justify-content:center}
body.landing-mode .landing-feature-grid-i .landing-card-formulation .landing-no{color:#e8c981;margin:0 0 3px;font-size:11px}
body.landing-mode .landing-feature-grid-i .landing-card-formulation h3{color:#fff;font-size:21px}
body.landing-mode .landing-feature-grid-i .landing-card-formulation p{color:#d5e4dc;margin:3px 0}
body.landing-mode .landing-feature-grid-i .landing-card-formulation .landing-card-action{color:#f4d78f;padding:4px 0 0;margin:0}

body.landing-mode .landing-growth-secondary-i{margin-top:0;margin-bottom:28px;background:#eff4ef;border-color:#dee8df;border-radius:15px;padding:17px 22px}
body.landing-mode .landing-growth-secondary-i h3{font-size:17px}
body.landing-mode .landing-source-marks-i1{padding:6px 0 20px;scroll-margin-top:88px}
body.landing-mode .landing-source-marks-i1 .source-mark-grid-i1{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.landing-mode .landing-source-marks-i1 .source-mark-card-i1{min-height:95px;background:#fffefa;border-color:#e0e6db;border-radius:13px;padding:13px 8px;gap:7px}
body.landing-mode .landing-source-marks-i1 .source-mark-card-i1 small{font-size:10px;color:#647b70}
body.landing-mode .landing-source-marks-i1 .source-mark-note-i1{font-size:11px;color:#69786d;text-align:left;line-height:1.55}
body.landing-mode .simple-cta-banner{min-height:151px;margin-top:7px;background:radial-gradient(circle at 94% 78%,rgba(237,194,109,.19),transparent 31%),linear-gradient(100deg,#173c39,#3b6856);border:0;border-radius:19px;padding:26px 34px;box-shadow:none}
body.landing-mode .simple-cta-banner .simple-cta-copy{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;max-width:none}
body.landing-mode .simple-cta-banner .simple-cta-title{font-size:23px;text-shadow:none;letter-spacing:0}
body.landing-mode .simple-cta-banner .simple-cta-btn{margin:0;flex:none;padding:12px 19px;background:#e9c17d!important;color:#234439!important;border:0;border-radius:10px;font-weight:750}

@media(max-width:1220px){
  body.landing-mode .landing-header{gap:14px;padding-left:22px;padding-right:22px}
  body.landing-mode .landing-nav{gap:13px}
  body.landing-mode .landing-feature-grid-i{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.landing-mode .landing-vision-compact-l .landing-decision-flow{display:none}
}
@media(max-width:1080px){body.landing-mode .landing-nav{display:none}}
@media(max-width:900px){
  body.landing-mode .landing-actions .customer-ready-guide-btn,body.landing-mode .landing-actions .about-link{display:none}
  body.landing-mode .landing-cinematic-hero{height:650px}
  body.landing-mode .landing-cinematic-copy{padding-top:150px}
  body.landing-mode .landing-source-marks-i1 .source-mark-grid-i1{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body.landing-mode .landing-header{padding:10px 14px!important;min-height:62px;flex-wrap:nowrap;gap:6px}
  body.landing-mode .landing-brand{min-width:0;flex:1}
  body.landing-mode .landing-brand img{width:145px}
  body.landing-mode .landing-brand small{display:none}
  body.landing-mode .landing-nav{display:none}
  body.landing-mode .landing-actions{gap:6px;margin-left:auto}
  body.landing-mode .landing-actions .btn.primary{padding:7px 9px!important;min-height:32px!important}
  body.landing-mode .landing-cinematic-hero{height:min(700px,88svh);min-height:620px}
  body.landing-mode .landing-cinematic-media video{object-position:right center}
  body.landing-mode .landing-cinematic-hero{background-position:right center}
  body.landing-mode .landing-cinematic-copy{padding-top:clamp(126px,18svh,170px)}
  body.landing-mode .landing-cinematic-wordmark{width:min(520px,88vw)}
  body.landing-mode .landing-cinematic-tagline{font-size:clamp(16px,3.5vw,21px)!important;letter-spacing:.09em;margin-top:20px!important}
  body.landing-mode .landing-cinematic-copy .ingredient-home-search{margin-top:32px}
  body.landing-mode .landing-cinematic-copy .ingredient-home-search-row{padding:5px}
  body.landing-mode .landing-cinematic-copy .ingredient-home-search-row input{font-size:14px}
  body.landing-mode .landing-cinematic-copy .ingredient-home-search-row .btn.primary{padding:9px 11px;font-size:12px}
  body.landing-mode .landing-motion-toggle{right:14px;bottom:15px}
  body.landing-mode .ingredient-home-feature{width:calc(100% - 28px);margin:-17px auto 18px;padding:13px 15px;gap:8px}
  body.landing-mode .ingredient-home-feature>span{width:100%}
  body.landing-mode .ingredient-home-feature>div{flex:1 1 100%}
  body.landing-mode .ingredient-home-feature .landing-chip-all{margin-left:0}
  body.landing-mode .landing-vision-i,body.landing-mode .landing-workflow-i,body.landing-mode .landing-growth-secondary-i,body.landing-mode .landing-source-marks-i1,body.landing-mode .simple-cta-banner{width:calc(100% - 28px)}
  body.landing-mode .landing-vision-compact-l{padding:8px 0 12px!important}
  body.landing-mode .landing-feature-grid-i{grid-template-columns:1fr!important}
  body.landing-mode .landing-feature-grid-i .landing-card{min-height:168px}
  body.landing-mode .landing-feature-grid-i .landing-card-body{padding:18px 20px}
  body.landing-mode .landing-feature-grid-i .landing-no{margin-bottom:8px}
  body.landing-mode .landing-feature-grid-i .landing-card-action{padding-top:12px}
  body.landing-mode .landing-feature-grid-i .landing-card-formulation{grid-template-columns:78px minmax(0,1fr);min-height:158px}
  body.landing-mode .landing-feature-grid-i .landing-card-formulation .v4540-formulation-visual{min-height:158px}
  body.landing-mode .landing-feature-grid-i .landing-card-formulation .landing-card-body{padding:14px 18px 14px 0}
  body.landing-mode .landing-feature-grid-i .landing-card-formulation h3{font-size:19px}
  body.landing-mode .landing-source-marks-i1 .source-mark-grid-i1{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.landing-mode .simple-cta-banner{padding:22px;min-height:0}
  body.landing-mode .simple-cta-banner .simple-cta-copy{align-items:flex-start;flex-direction:column;gap:14px}
  body.landing-mode .simple-cta-banner .simple-cta-title{font-size:19px}
}
@media(prefers-reduced-motion:reduce){body.landing-mode .landing-cinematic-media video{display:none}}