
/* Kaminos presentation refinement — mobile-first, no live integrations */
.story{background:radial-gradient(circle at 84% 18%,#49643d 0%,#313e29 47%,#243021 100%)}
.story h1{max-width:650px}
.story h1 em{color:#c0d178}
.story .lead{max-width:520px;font-size:17px;line-height:1.62}
.story .heroimg{height:242px;max-width:500px}
.story .heroimg img{object-position:center}
.story .understory{grid-template-columns:1fr;max-width:520px;gap:13px}
.understory-right{display:none}
.story .understory p{margin:9px 0 0;font-size:14px}
.benefits-row{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 6px}
.benefits-row span{border:1px solid #b8ca8c70;background:#dceaa017;padding:7px 10px;border-radius:99px;font-size:10px;color:#f1f7dd;font-weight:800;white-space:nowrap}
.guest-try-link{display:inline-flex;gap:5px;color:#e1edbb;font-weight:750;font-size:12px;margin:14px 0 3px;text-underline-offset:4px}
.storybutton{font-size:13px;white-space:normal;text-align:center;line-height:1.35;max-width:100%}
.story .tiny{margin-top:10px}
.topbar .topmeta{min-width:0}
.topbar a{white-space:nowrap}
.stage-switch button{white-space:nowrap}
.stage-switch button:last-child{color:#34412b;background:#e5edd8}
.stage-switch button:last-child.active{color:#fff;background:#34412b}
.dish-photo{height:137px}
.dish-photo img{transition:transform .32s ease}
.dish:hover .dish-photo img{transform:scale(1.04)}
.photo-note{position:absolute;bottom:8px;left:8px;font-size:8px;color:#f8faef;background:#1d2a1fc9;padding:4px 6px;border-radius:5px;letter-spacing:.035em;pointer-events:none}
.dish-photo .photo-note{opacity:.88}
.dish-content h4{min-height:35px}
.dish-bottom{padding-top:8px}
.owner{padding-top:29px}
.owner .owner-tag{letter-spacing:.075em}
.owner .ownerlead{font-size:13px;max-width:520px}
.owner .growth-stat{margin-bottom:11px}
.owner .growth-stat .numbers{font-size:clamp(36px,7vw,54px);line-height:1}
.owner .growth-stat p{font-size:12px;max-width:480px}
.owner .math{line-height:1.45}
.scenario-controls{background:#f1f4e9;border:1px solid #e2e9d8;padding:17px 18px;border-radius:17px;margin:12px 0 21px}
.scenario-controls .calc-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:19px}
.calc-head b{font-size:13px;font-weight:900;letter-spacing:-.01em}
.calc-head span{font-size:9px;font-weight:900;color:#71844d;border:1px solid #d6e4b7;border-radius:99px;padding:5px 8px;white-space:nowrap}
.scenario-row{margin:0 0 17px}
.scenario-row>div{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}
.scenario-row label{font-size:12px;font-weight:750;color:#58644e}
.scenario-row output{min-width:43px;font-family:Outfit,Arial,sans-serif;font-size:18px;font-weight:900;color:#34412b;text-align:end}
.scenario-row input[type=range]{width:100%;cursor:pointer;accent-color:#7e9d4c;display:block}
.assumptions{font-size:10px;line-height:1.6;color:#839178;margin:3px 0 0}
.owner .engine-head{margin-top:24px}
.engine-head span:last-child{font-size:9px;letter-spacing:.06em}
.engine-tile{min-height:155px}
.owner-notes{margin-top:21px}
.owner-cta{font-size:13px;padding:17px 16px;transition:transform .2s ease,background .2s ease}
.owner-cta:hover{background:#bed273;transform:translateY(-2px)}
.footer-disclaimer{font-size:9px;color:#94a08f;text-align:center;margin:16px 8px 0;max-width:590px;line-height:1.5}
.note-icons{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.step-card{border-radius:13px;padding:13px 14px;border:1px solid #dce6d2;background:#f8faf3;margin:9px 0}
.step-card strong{font-size:12px;color:#36492c}
.step-card p{font-size:11px;color:#71816a;margin:5px 0 0;line-height:1.5}
.owner-proof{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 22px}
.owner-proof span{font-size:10px;color:#536f43;background:#f0f5e6;padding:7px 10px;border-radius:100px;font-weight:900}
.modal-img img{width:100%;height:100%;object-fit:cover}
.photo-disclaimer{color:#88937d;font-size:10px;line-height:1.5;margin-top:5px}
@media(max-width:1090px){
.story h1{font-size:clamp(42px,5vw,69px)}
.story .heroimg{height:205px}
}
@media(max-width:820px){
.story{padding:31px 23px 24px}
.story h1{font-size:clamp(38px,7vw,57px);margin:18px 0}
.story .lead{font-size:14px;max-width:580px}
.story .heroimg{display:none}
.story .understory{margin-top:17px;padding-top:15px}
.story .understory .tiny{display:block;font-size:9px}
.story .understory p{font-size:12px}
.storybutton{margin-top:12px}
}
@media(max-width:540px){
.topbar{padding:0 11px;gap:7px}
.topbar strong{letter-spacing:.01em;font-size:10px}
.topbar .topmeta{font-size:9px}
.topbar .dot-live{display:none}
.topbar a{display:inline-flex;font-size:9px;padding:8px 9px}
.story{padding:23px 20px 20px}
.story h1{font-size:clamp(35px,10.2vw,46px);line-height:1.035;margin:16px 0}
.story .lead{font-size:12px;line-height:1.57}
.benefits-row{margin-top:10px;gap:5px}
.benefits-row span{font-size:9px;padding:6px 8px}
.story .understory{margin-top:14px;padding-top:12px}
.story .understory p{font-size:11px}
.storybutton{font-size:12px;padding:12px 15px}
.stage-header{gap:8px}
.stage-label{display:none}
.stage-switch{margin-inline:auto}
.stage-switch button{font-size:11px;padding:10px 16px}
.dish-photo{height:128px}
.dish-content h4{min-height:30px}
.phone{border-radius:16px}
.owner .ownerlead{font-size:12px}
.scenario-controls{padding:15px}
.owner .growth-stat .numbers{font-size:38px}
.owner .growth-stat p{font-size:11px}
}

.footer-credits{font-size:9px;color:#919a89;text-align:center;line-height:1.4;margin:0 12px 14px}.footer-credits a{text-decoration:underline;text-underline-offset:2px}

/* View-only menu mode: clear browsing affordances, never a purchase control. */
.dish-view{display:grid;place-items:center;min-width:36px;width:36px;height:36px;border-radius:50%;border:1px solid #dbe6cf;background:#f0f5e5;color:#34412b;transition:background .18s,transform .18s}
.dish-view:hover{background:#dcebbe;transform:translateY(-1px)}
.dish-view .icon{width:18px;height:18px}
.special .view-only{padding:10px 13px;background:#35472d;font-size:11px;white-space:nowrap;gap:7px}
.special .view-only .icon{width:16px;height:16px}
.dish-price-block{display:flex;align-items:center;justify-content:space-between;border:1px solid #dce6cf;background:#f6f8f0;border-radius:14px;padding:14px 16px;margin:16px 0;font-size:12px;color:#65765e}
.dish-price-block strong{font-family:Outfit,Arial,sans-serif;font-size:24px;letter-spacing:-.025em;color:#34412b}
.pair-preview{display:flex;align-items:center;gap:12px;border-radius:15px;border:1px solid #e5ebdf;background:#f9faf5;padding:10px;margin:13px 0 18px}
.pair-preview>img{width:80px;height:76px;border-radius:11px;object-fit:cover}
.pair-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.pair-preview b{font-size:13px;line-height:1.2}
.pair-preview small{font-family:Outfit,Arial,sans-serif;font-weight:800;color:#39482f;font-size:12px}
.pair-kicker{font-size:9px;font-weight:850;letter-spacing:.06em;color:#738858;text-transform:uppercase}
.ai-view-list{margin:14px 0;display:flex;flex-direction:column;gap:6px}
.ai-view-item{border:1px solid #dee7d6;border-radius:11px;padding:11px 12px;background:#fff;display:flex;align-items:center;gap:9px;width:100%;text-align:start;color:#33452b}
.ai-view-item span{flex:1;font-size:12px;font-weight:700}
.ai-view-item strong{font-size:12px}
.ai-view-item .icon{width:17px;height:17px;color:#71865a}
.ai-view-item:hover{background:#f0f6e9}
