/* Responsive HTML inside the approved Higgsfield conversation artwork */
.folio-nav a[data-ai-nav]{position:relative;align-self:flex-start;min-height:76px;padding:7px 0 22px;max-width:100%}.folio-nav a[data-ai-nav]>img{height:46px;width:auto}.folio-nav a[data-ai-nav]:hover path,.folio-nav a[data-ai-nav]:focus-visible path{opacity:1}
.ai-section .ai-modes button{min-width:44px}
.ai-section{position:relative;background:var(--cream);color:var(--forest);padding:90px 0 74px;isolation:isolate;scroll-margin-top:0}
.ai-section::before{content:'';position:absolute;top:-1px;left:0;right:0;height:36px;background:url('assets/ai/wave.webp') center top / 100% 100% no-repeat;pointer-events:none}
.ai-layout{max-width:1440px;margin:auto;padding:0 4.7%;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.04fr);grid-template-areas:'intro demo' 'offer demo';column-gap:6%;row-gap:36px;align-items:start}
.ai-section p,.ai-section h2{margin:0}.ai-section [data-meal-type]{font-weight:400}.ai-section button{font:inherit;color:inherit;cursor:pointer}
.ai-section a:focus-visible,.ai-section button:focus-visible{outline:3px solid var(--forest);outline-offset:6px}
.ai-intro{grid-area:intro}.ai-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:20px;line-height:1.4;margin-bottom:34px}.ai-eyebrow>span{font-size:18px}
#ai-title{font-size:clamp(42px,4.7vw,68px);line-height:1.12;letter-spacing:0;outline-offset:10px}#ai-title>span{display:block}
.ai-support{font-size:27px;line-height:1.4;margin-top:24px!important}.ai-support>span{display:block}.ai-phone-copy{display:none}
.ai-capabilities{list-style:none;margin:40px 80px 0 0;padding:0;font-size:25px;line-height:1.45;display:grid;gap:6px}
.ai-demo{grid-area:demo;min-width:0}.ai-paper{position:relative;padding:34px 7% 23px;background:url('assets/ai/desktop-paper.webp') center / 100% 100% no-repeat;isolation:isolate}
.ai-fold{position:absolute;right:0;top:-22px;width:78px;height:auto;z-index:1;pointer-events:none}.ai-rule{display:block;width:100%;height:14px;object-fit:fill;margin-bottom:28px;pointer-events:none}
.ai-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:12%;font-size:20px;line-height:1.25;min-height:38px}
.ai-preview-pill{display:inline-flex;align-items:center;justify-content:center;background:url('assets/ai/preview-pill.webp') center / 100% 100% no-repeat;color:var(--cream);min-width:126px;padding:8px 16px;font-size:21px}
.ai-character{position:absolute;left:-190px;top:346px;width:151px;aspect-ratio:631/615;pointer-events:none}.ai-character>img{display:block;width:100%;height:auto}.ai-character canvas{position:absolute;inset:0;width:100%;height:100%}.ai-character[data-playing=true]>img{visibility:hidden}.ai-character canvas[hidden]{display:none}
.ai-modes{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 34px;padding-right:10%;font-size:21px;line-height:1.25}.ai-modes button{position:relative;padding:10px 5px 14px;min-height:48px;border:0;background:transparent;white-space:nowrap}
.ai-modes button::after{content:'';position:absolute;height:6px;bottom:2px;left:0;width:100%;background:url('assets/ai/underline.webp') center / 100% 100% no-repeat;opacity:0}.ai-modes button[aria-pressed=true]::after,.ai-modes button:hover::after{opacity:1}
.ai-conversation{display:grid;gap:32px;min-width:0}.ai-bubble{position:relative;font-size:24px;line-height:1.4;padding:23px 30px 25px;min-width:0;background-repeat:no-repeat;background-size:100% 100%}.ai-bubble>p>span{display:block}.ai-bubble .ai-speaker{font-size:15px;line-height:1.4;margin-bottom:10px}
.ai-user{margin-left:13%;padding-right:11%;background-image:url('assets/ai/desktop-user-bubble.webp')}.ai-reply{margin-right:20%;padding-left:9%;font-size:22px;background-image:url('assets/ai/desktop-reply-bubble.webp')}
.ai-writing-strip{display:flex;align-items:center;position:relative;justify-content:space-between;gap:10px;margin-top:42px;padding:6px 6px 6px 21px;min-height:67px;background:var(--cream);border:3px solid var(--forest);border-radius:40px 34px 33px 35px;font-size:24px;line-height:1.35}.ai-writing-strip>p{min-width:0}.ai-camera{flex:none;width:84px;min-height:52px;padding:0;border:0;background:transparent}.ai-camera>img{width:103px;max-width:none;height:auto;display:block}.ai-camera-state{text-align:right;font-size:17px;line-height:1.4;padding:12px 8px 0}
.ai-camera-info{margin-top:20px;padding:21px 3px 3px;border-top:1px solid var(--forest);font-size:19px;line-height:1.45}.ai-camera-info>p+p{margin-top:8px}.ai-camera-info[hidden]{display:none}
.ai-curl{position:absolute;right:-50px;top:60%;width:50px;height:auto;pointer-events:none;z-index:-1}
.ai-demo-foot{display:flex;flex-wrap:wrap;gap:4px 25px;justify-content:space-between;align-items:center;margin:20px 6% 0;font-size:17px;line-height:1.4}.ai-motion{background:transparent;border:0;padding:10px 0;min-height:44px;text-align:left;font-size:16px!important;text-decoration:none}.ai-motion>span{border-bottom:1px solid currentColor;padding-bottom:2px}.ai-motion:disabled{cursor:default}
.ai-offer{grid-area:offer;align-self:start;font-size:19px;line-height:1.4}.ai-cta{display:flex;align-items:center;justify-content:center;color:var(--cream);text-decoration:none;background:url('assets/ai/desktop-cta.webp') center / 100% 100% no-repeat;max-width:420px;min-height:74px;padding:18px 25px;font-size:27px;line-height:1.3;margin-bottom:35px}.ai-cta:hover{color:var(--yolk)}.ai-offer>p+p{margin-top:8px;font-size:18px}.ai-noscript{grid-column:1/-1;font-size:17px;line-height:1.5}
@media(min-width:901px) and (max-width:1150px){.ai-layout{column-gap:5%;padding-inline:5%}.ai-eyebrow{font-size:17px;gap:12px}.ai-eyebrow>span{font-size:15px}.ai-support{font-size:22px}.ai-capabilities{font-size:21px;margin-right:65px}.ai-character{width:111px;left:-131px;top:330px}.ai-preview-head{font-size:16px;padding-right:0;gap:12px}.ai-preview-pill{min-width:96px;font-size:18px}.ai-modes{font-size:18px;padding-right:0;gap:4px}.ai-bubble{font-size:20px;padding:21px 22px}.ai-user{margin-left:8%;padding-right:10%}.ai-reply{margin-right:9%;padding-left:9%;font-size:20px}.ai-writing-strip{font-size:20px;padding-left:15px}.ai-camera{width:61px}.ai-camera>img{width:82px}.ai-cta{font-size:23px}.ai-curl{right:-30px;width:30px}}
@media(max-width:900px){.ai-section{padding:62px 0 45px}.ai-section::before{height:25px}.ai-layout{display:flex;flex-direction:column;gap:0;padding:0 6.5%;max-width:610px}.ai-intro{order:1;width:100%}.ai-eyebrow{font-size:14px;gap:14px;margin-bottom:20px}.ai-eyebrow>span{font-size:12px}#ai-title{font-size:clamp(34px,8.46vw,49px);line-height:1.13}.ai-desktop-copy{display:none}.ai-phone-copy{display:block}.ai-support{font-size:17px;line-height:1.4;margin-top:13px!important}.ai-capabilities{display:none}.ai-demo{order:2;width:100%;margin-top:27px}.ai-paper{padding:25px 5.6% 16px;background-image:url('assets/ai/mobile-paper.webp')}.ai-fold{width:48px;top:-17px}.ai-rule{height:10px;margin-bottom:19px}.ai-preview-head{padding:0;gap:4px;font-size:12px;min-height:32px}.ai-preview-pill{font-size:14px;min-width:79px;padding:6px 13px}.ai-character{left:38%;top:39px;width:41px}.ai-modes{font-size:16px;gap:8px;padding:0;margin:4px 0 25px}.ai-modes button{padding:8px 3px 11px;min-height:46px}.ai-conversation{gap:26px}.ai-bubble{font-size:16px;line-height:1.4;padding:20px 20px 21px;min-height:99px}.ai-bubble .ai-speaker{font-size:12px;margin-bottom:8px}.ai-user{margin-left:12%;padding-right:12%;background-image:url('assets/ai/mobile-user-bubble.webp')}.ai-reply{margin-right:9%;padding-left:9%;background-image:url('assets/ai/mobile-reply-bubble.webp');font-size:16px}.ai-writing-strip{margin-top:29px;min-height:51px;padding:2px 3px 2px 11px;gap:5px;font-size:16px;border-width:2px}.ai-camera{width:54px;min-height:44px}.ai-camera>img{width:66px}.ai-camera-state{font-size:12px;padding-top:9px}.ai-camera-info{font-size:16px;margin-top:15px;padding-top:17px}.ai-curl{right:-22px;width:23px;top:64%}.ai-demo-foot{margin:13px 2% 0;font-size:13px;gap:0 10px}.ai-motion{font-size:13px!important}.ai-offer{order:3;width:100%;text-align:center;margin-top:25px;font-size:14px}.ai-cta{background-image:url('assets/ai/mobile-cta.webp');font-size:20px;min-height:57px;max-width:none;padding:14px 18px;margin-bottom:22px}.ai-offer>p+p{font-size:13px;margin-top:10px}.ai-noscript{order:4;margin-top:24px!important}.ai-section .ai-camera:focus-visible{outline-offset:2px}}
@media(max-width:360px){.ai-layout{padding-inline:6%}.ai-eyebrow{font-size:12px}.ai-eyebrow>span{font-size:11px}.ai-preview-head{font-size:11px}.ai-preview-pill{min-width:66px;font-size:13px}.ai-character{left:36%;width:35px;top:41px}.ai-modes{gap:3px}.ai-bubble{padding-inline:17px}.ai-user{margin-left:6%;padding-right:10%}.ai-reply{margin-right:4%;padding-left:9%}.ai-writing-strip>p{max-width:170px}.ai-cta{font-size:18px}}
@media(max-width:900px){.ai-section::before{background-image:url('assets/ai/mobile-top-wave.webp')}.ai-curl{right:-18px;width:20px}.folio-nav a[data-ai-nav]>img{height:39px}}
@media(forced-colors:active){.ai-paper,.ai-bubble,.ai-preview-pill,.ai-cta{background:none;border:1px solid CanvasText;color:CanvasText}.ai-fold,.ai-rule,.ai-curl,.ai-section::before{display:none}.ai-modes button[aria-pressed=true]{outline:2px solid Highlight}.ai-character canvas{display:none!important}.ai-character>img{visibility:visible!important}.ai-camera{border:1px solid ButtonText}.ai-writing-strip{background:Canvas;border-color:CanvasText}}

/* Kitchen Roommate belongs to the reply, with a readable presence at every size */
.ai-answer-row{display:grid;grid-template-columns:minmax(100px,29%) minmax(0,1fr);align-items:end;gap:12px}
.ai-section .ai-character{position:relative;left:auto;top:auto;right:auto;bottom:auto;width:100%;max-width:180px;align-self:end;margin-bottom:12px}
.ai-section .ai-reply{margin-right:0;padding-left:12%;padding-right:9%;min-height:160px}
.ai-capabilities{margin-right:0}
@media(min-width:901px) and (max-width:1150px){.ai-answer-row{grid-template-columns:112px minmax(0,1fr);gap:8px}.ai-section .ai-reply{font-size:20px}}
@media(max-width:900px){.ai-answer-row{grid-template-columns:minmax(88px,28%) minmax(0,1fr);gap:8px}.ai-section .ai-character{max-width:145px;margin-bottom:8px}.ai-section .ai-reply{padding:20px 10% 21px 12%;font-size:16px;min-height:150px}}
@media(max-width:360px){.ai-answer-row{grid-template-columns:84px minmax(0,1fr);gap:6px}.ai-section .ai-reply{padding-left:13%;padding-right:8%}}