/* Brand tokens, aligned on the GoCoCo Design System (the Figma Charles linked), 2026-09-24.
   --blue and --lime already matched it exactly (#DBF1FF pale-blue-light, #E0F270 lime green).
   Black, greys and hairlines now come from the system too. One deliberate departure: the system
   puts secondary text at grey-60 #6E7377, which is about 4.3:1 on white and fails WCAG AA for
   normal text; we take grey-70 #565B60, still a system colour, at about 6.3:1, because Matthieu
   asked for a 60-70 audience. --peach and --lime-soft are ours, not the system's. */
@font-face{font-family:Geist;src:url(/assets/gc/fonts/geist-latin.9b6f5ff45b27.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0D151C;--muted:#565B60;--blue:#dbf1ff;--lime:#e0f270;--lime-soft:#f0f8ba;--peach:#ffe5d5;--gray:#F3F3F4;--line:rgba(13,21,28,.1);--white:#fff;--radius:30px;--cta-pad:23px;--rhythm:40px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:white;color:var(--ink);font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em}h1{font-size:clamp(48px,5.05vw,76px);line-height:1.015;font-weight:750}h2{font-size:clamp(36px,3.8vw,54px);line-height:1.07;font-weight:700}h3{font-size:26px;line-height:1.12}p{line-height:1.65;font-size:17px;color:var(--muted)}small{font-size:12px;line-height:1.6;color:var(--muted)}:focus-visible{outline:3px solid #416b8d;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding-top:108px;padding-bottom:108px}.blue{background:var(--blue)}.lime{background:var(--lime)}.lime-soft{background:var(--lime-soft)}.peach{background:var(--peach)}.gray{background:var(--gray)}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.115em;text-transform:uppercase;margin-bottom:24px;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:7px}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:17px var(--cta-pad);border-radius:100px;font-size:14px;font-weight:600;line-height:1.2;transition:background .18s,transform .18s;letter-spacing:-.01em}.button:hover{background:#304654;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.button.small{min-height:45px;padding:12px 21px;font-size:13px;gap:20px}.text-button{border:0;background:none;padding:0;font-weight:600;font-size:14px;line-height:1.5;text-align:left;text-decoration:underline;text-underline-offset:5px}.underline-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:6px;font-weight:600;font-size:14px;line-height:1.5}.skip{position:fixed;left:16px;top:10px;transform:translateY(-150%);z-index:100;background:#fff;padding:12px}.skip:focus{transform:none}.proposal-bar{min-height:37px;background:#f3f3f3;border-bottom:1px solid #e7e7e7;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 40px;font-size:11px;color:#546069;letter-spacing:.02em}.proposal-bar>a:hover{text-decoration:underline}.proposal-bar nav{display:flex;gap:6px}.proposal-bar nav a{display:flex;align-items:center;justify-content:center;width:29px;height:25px;border-radius:5px}.proposal-bar [aria-current]{background:var(--ink);color:white}.header{height:101px;display:flex;align-items:center;gap:28px;position:relative;z-index:5}.brand{display:inline-block;flex:none}.brand img{width:146px;height:auto}.desktop-nav{display:flex;gap:32px;align-items:center;margin-left:auto;margin-right:18px;font-size:13px}.desktop-nav a:hover{border-bottom:1px solid}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:50%;width:42px;height:42px;font-size:20px}.header>nav[hidden]{display:none!important}#mobile-nav{position:absolute;top:85px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 25px #19273315;display:grid;gap:22px;font-size:15px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading>p{max-width:330px;font-size:16px}.phone{object-fit:contain;width:220px;filter:drop-shadow(0 14px 13px #19273315)}.bento-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:14px}.bento-copy,.bento-product{border-radius:var(--radius);min-height:578px;position:relative;overflow:hidden}.bento-copy{padding:48px 44px 35px;display:flex;flex-direction:column;align-items:flex-start}.bento-copy h1{font-size:clamp(47px,4.3vw,64px);margin-bottom:25px}.bento-copy h1>span{color:#41616d}.bento-copy>p{max-width:390px;font-size:16px;line-height:1.6}.hero-actions{margin-top:30px;display:grid;gap:9px}.available{font-size:10px;letter-spacing:.01em;margin-top:auto;padding-top:34px;color:#526874}.available span{padding:0 9px}.product-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;font-weight:600;margin:33px 30px}.phone-pair{display:flex;align-items:center;justify-content:center;height:432px;gap:4px;padding-inline:24px}.phone-pair .phone{width:45%;max-width:217px}.pair-first{transform:rotate(-9deg) translateY(12px)}.pair-second{transform:rotate(9deg) translateY(-10px)}.floating-tag{position:absolute;bottom:30px;left:50%;transform:translateX(-50%) rotate(-3deg);background:#fff;padding:14px 19px;box-shadow:0 5px 0 #19273310;white-space:nowrap;font-size:12px;border-radius:8px}.bento-bottom{grid-column:1/-1;border-radius:24px;display:flex;align-items:center;padding:24px 34px;gap:24px}.round-icon{width:46px;height:46px;border:1px solid #a9978b;border-radius:50%;display:grid;place-items:center;font-size:26px}.bento-bottom strong{font-size:18px;letter-spacing:-.025em;line-height:1.2}.bento-bottom a{margin-left:auto;font-size:13px;display:flex;gap:55px;align-items:center}.bento-bottom a span{font-size:22px}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:30px;border-radius:26px;position:relative;min-height:322px}.step-number{font-size:11px;color:var(--muted);position:absolute;right:27px;top:28px}.line-icon{font-size:39px;margin-bottom:29px;line-height:1}.feature-card h3{font-size:24px;margin-bottom:15px;letter-spacing:-.04em}.feature-card p{font-size:15px;line-height:1.65;margin-bottom:22px}.feature-card a{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:4px}.companion-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.story-art{min-height:445px;border-radius:30px;overflow:hidden;position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.story-art img{width:80%;mix-blend-mode:multiply}.sticker{position:absolute;top:37px;left:34px;padding:20px 25px;background:white;border-radius:12px;transform:rotate(-7deg);font-weight:600;line-height:1.15;font-size:20px;letter-spacing:-.04em}.story-copy h2{margin-bottom:24px}.story-copy p{max-width:415px;margin-bottom:25px;font-size:16px}.faq{display:grid;grid-template-columns:.95fr 1.1fr;gap:80px}.faq>div>p{margin-top:24px;font-size:16px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{cursor:pointer;list-style:none;font-weight:600;font-size:16px;line-height:1.4;display:flex;justify-content:space-between;gap:22px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-weight:400;font-size:24px;line-height:1;flex:none}.faq details[open] summary::after{content:'−'}.faq details p{padding-top:18px;font-size:15px;max-width:520px}.final-cta{border-radius:32px;padding:50px 60px;display:flex;justify-content:space-between;align-items:center;gap:40px}.final-cta>div:last-child{min-width:215px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.final-cta p{font-size:13px;margin-top:16px}.footer{padding:70px 0 25px}.footer-top{display:flex;gap:55px;align-items:flex-start;padding-bottom:45px}.footer-top>p{font-size:12px;margin-top:10px;line-height:1.6}.footer-top nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto;max-width:470px;font-size:12px;padding-top:15px}.footer-top a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:10px;color:var(--muted)}.download-dialog{border:0;border-radius:28px;background:var(--blue);color:var(--ink);padding:40px;max-width:510px;width:calc(100% - 32px);box-shadow:0 30px 100px #0003}.download-dialog::backdrop{background:#192733a8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:15px;border:0;background:white;border-radius:50%;width:35px;height:35px;font-size:27px}.download-dialog>img{margin-bottom:30px}.download-dialog h2{font-size:39px}.download-dialog p{margin-top:15px}.download-dialog .eyebrow{font-size:9px}.store-links{display:grid;gap:10px;margin:24px 0 14px}.store-links a{background:var(--ink);color:white;padding:13px 20px;border-radius:13px;font-size:11px;display:block;line-height:1.4}.store-links a strong{display:block;font-size:21px}.store-links a:hover{background:#304654}.serif-word{font-family:inherit;font-weight:400;font-style:italic;letter-spacing:-.065em}.journey-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:35px;padding-bottom:65px;align-items:center}.journey-heading h1{font-size:clamp(76px,7.4vw,112px);line-height:.98;position:relative;letter-spacing:-.07em}.heading-dot{display:inline-block;background:var(--lime);width:25px;height:25px;border-radius:50%;margin-left:14px}.journey-intro{display:flex;align-items:flex-start;gap:25px;margin-top:35px}.long-arrow{font-size:50px;line-height:1}.journey-intro p{font-size:16px;max-width:350px;margin-bottom:24px}.journey-intro small{display:block;margin-top:13px;font-size:11px}.journey-stage{border-radius:160px 160px 28px 28px;min-height:603px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.journey-stage>.phone{width:215px;transform:rotate(9deg);margin-top:24px}.orbit-label{position:absolute;top:44px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.11em}.journey-note{position:absolute;bottom:108px;left:25px;display:flex;align-items:center;gap:13px;border:5px solid white;border-radius:10px;padding:15px 17px;transform:rotate(-6deg);background:var(--blue);box-shadow:0 8px 20px #19273310}.journey-note>span{font-size:30px}.journey-note p{font-size:12px;line-height:1.5;color:var(--ink)}.stage-foot{position:absolute;bottom:24px;font-size:8px;letter-spacing:.13em}.journey-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:30px;justify-content:center;align-items:center;padding:22px 32px;font-size:13px;font-weight:600}.journey-ribbon i{font-style:normal;font-size:22px;color:#6a7b52}.journey-explorer{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch}.journey-tabs{display:flex;flex-direction:column;justify-content:center}.journey-tabs>button{text-align:left;border:0;border-bottom:1px solid var(--line);padding:30px 55px 30px 24px;background:#fff;position:relative;border-radius:0;color:#6c787e}.journey-tabs>button[aria-selected=true]{background:var(--lime-soft);color:var(--ink);border-radius:20px;border-color:transparent}.journey-tabs>button>span{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:14px}.journey-tabs strong{display:block;font-size:25px;letter-spacing:-.035em}.journey-tabs p{font-size:14px;line-height:1.6;margin-top:12px;max-width:330px}.journey-tabs b{position:absolute;right:26px;top:35px;font-size:24px;font-weight:400}.journey-screen{border-radius:28px;min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:22px}.journey-screen .phone{width:222px}.screen-caption{font-size:10px;letter-spacing:.03em}.journey-manifesto{background:var(--lime-soft);padding:83px 0 70px}.journey-manifesto h2{font-size:clamp(44px,5.8vw,80px);line-height:1.04}.journey-manifesto h2>span{color:#728141}.manifesto-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-top:40px}.manifesto-bottom p{max-width:460px;font-size:16px}.manifesto-bottom a{flex:none}.journey-finish{padding:50px 55px 0;border-radius:32px;display:grid;grid-template-columns:1.4fr 1fr;gap:10px;align-items:center;overflow:hidden}.journey-finish h2{margin-bottom:30px}.journey-finish>div{padding-bottom:50px}.journey-finish img{align-self:end;mix-blend-mode:multiply}.concept-2 .header{border-bottom:1px solid var(--line)}.launch-hero{background:var(--lime);padding:45px 0 0;text-align:center;overflow:hidden}.pill-label{display:inline-flex;align-items:center;border:1px solid #74813a70;border-radius:30px;padding:9px 16px;font-size:10px;font-weight:600;letter-spacing:.03em}.launch-hero h1{font-size:clamp(56px,6vw,88px);line-height:1.03;margin:22px 0 23px;letter-spacing:-.065em}.launch-hero h1>span{color:#536128}.launch-hero>div>p{font-size:17px;line-height:1.6;color:#394524}.launch-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:25px;margin-bottom:11px}.launch-hero small{color:#4f5d2c}.launch-phones{display:flex;justify-content:center;align-items:flex-start;gap:35px;height:436px;position:relative;max-width:865px;margin:44px auto 0}.launch-phones .phone{width:220px}.launch-phones .side-phone{margin-top:45px;transform:rotate(-10deg)}.launch-phones .side-phone:nth-child(3){transform:rotate(10deg)}.center-phone{position:relative;z-index:1}.phone-label{display:none}.launch-sticker{position:absolute;background:white;padding:15px 25px;z-index:2;font-size:16px;font-weight:600;letter-spacing:-.03em;line-height:1.1;border-radius:10px;box-shadow:0 6px 0 #1927330a}.sticker-left{left:-40px;top:185px;transform:rotate(-8deg)}.sticker-right{right:-30px;top:100px;transform:rotate(8deg);background:var(--blue)}.explainer-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.explainer-phone{height:560px;overflow:hidden;border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative}.explainer-phone>.phone{width:237px;transform:rotate(-7deg);margin-top:40px}.image-caption{position:absolute;bottom:20px;left:25px;right:25px;text-align:center;background:var(--peach);padding:8px;font-size:10px}.feature-switch{display:flex;gap:3px;background:var(--gray);padding:5px;border-radius:40px}.feature-switch button{flex:1;border:0;border-radius:30px;background:none;padding:13px 8px;font-size:12px}.feature-switch button[aria-selected=true]{background:var(--ink);color:#fff}.explain-panel{padding-top:33px;min-height:320px}.explain-icon{display:grid;place-items:center;border-radius:18px;background:var(--lime-soft);width:65px;height:65px;font-size:38px;margin-bottom:22px}.explain-panel h3{font-size:34px;line-height:1.12}.explain-panel p{font-size:15px;margin:22px 0;max-width:405px}.context-note{font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;max-width:405px}.clarity-dark{background:var(--ink);color:white;padding:75px 0}.clarity-dark h2{font-size:clamp(40px,4.7vw,67px)}.clarity-dark h2>span{color:var(--lime)}.clarity-dark .section-heading{align-items:center;margin-bottom:55px}.dark-sticker{width:250px;background:white;transform:rotate(5deg);border-radius:22px;overflow:hidden;flex:none;color:var(--ink);padding:10px 10px 15px}.dark-sticker span{font-size:9px;letter-spacing:.09em;display:block;text-align:center;padding:12px 0 0}.dark-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;border-top:1px solid #ffffff35;padding-top:34px}.dark-benefits span{color:var(--lime);font-size:11px}.dark-benefits h3{font-size:24px;margin:19px 0 15px;letter-spacing:-.035em}.dark-benefits p{color:#c1cdd3;font-size:14px}.launch-finish{text-align:center;background:var(--blue);padding:60px 25px;border-radius:30px}.launch-finish h2{font-size:clamp(45px,5vw,72px);margin-bottom:28px}.launch-finish h2>span{font-family:inherit;font-weight:400;font-style:italic}.launch-finish small{display:block;margin-top:16px}
/* Proposal gallery */
.gallery-page{background:#fafbf8}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding-top:32px;padding-bottom:32px;font-size:11px;color:var(--muted)}.gallery-header img{width:140px}.gallery-intro{padding:45px 0 40px;max-width:750px}.gallery-intro h1{font-size:clamp(43px,4.4vw,65px);margin-bottom:22px}.gallery-intro p{font-size:17px;max-width:620px}.palette{display:flex;align-items:center;gap:8px;margin-top:27px;font-size:11px;color:var(--muted)}.palette i{display:inline-block;width:23px;height:23px;border-radius:50%;border:1px solid #19273310}.palette span{margin-left:7px}.proposal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.proposal-card{border:1px solid #dfe3dc;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #19273304}.miniature{width:100%;aspect-ratio:1280/900;background:var(--gray);overflow:hidden;position:relative;border-bottom:1px solid var(--line)}.miniature iframe{border:0;position:absolute;left:0;top:0;width:1280px;height:900px;transform:scale(.28);transform-origin:top left;pointer-events:none}.proposal-info{padding:25px}.proposal-info .eyebrow{font-size:9px;margin-bottom:12px}.proposal-info h2{font-size:30px;line-height:1.05;margin-bottom:15px}.proposal-info p{font-size:14px;line-height:1.6;min-height:89px}.proposal-tags{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.proposal-tags span{background:var(--gray);border-radius:30px;padding:6px 9px;font-size:10px}.proposal-info>a{width:100%;font-size:12px;gap:15px}.gallery-note{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--blue);padding:34px 40px;border-radius:22px;margin:40px 0}.gallery-note h2{font-size:27px;line-height:1.1;margin-bottom:15px}.gallery-note p{font-size:14px}.gallery-note a{text-decoration:underline;text-underline-offset:4px}.gallery-footer{padding:0 0 35px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.embed .proposal-bar{display:none}
@media(min-width:1500px){.bento-copy{padding-top:55px}.bento-copy h1{font-size:65px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.bento-copy{padding:34px 28px}.bento-copy h1{font-size:49px}.bento-product,.bento-copy{min-height:555px}.bento-product .phone-pair{height:405px}.desktop-nav{gap:22px;margin-right:0}.header{gap:23px}.companion-story{gap:45px}.feature-card{padding:25px}.feature-card h3{font-size:22px}.faq{gap:40px}.journey-hero{gap:40px}.journey-heading h1{font-size:85px}.journey-stage{min-height:560px}.journey-explorer{gap:40px}.journey-tabs>button{padding-left:18px}.journey-tabs strong{font-size:22px}.launch-sticker.sticker-left{left:0}.launch-sticker.sticker-right{right:0}.explainer-grid{gap:40px}.feature-switch button{font-size:11px}.gallery-intro{padding-top:25px}.proposal-info{padding:21px}.proposal-info h2{font-size:27px}.proposal-info p{min-height:110px}.proposal-grid{gap:15px}.footer-top{gap:30px}.footer-top nav{max-width:335px}.journey-finish{padding-inline:35px}.journey-finish h2{font-size:42px}}
@media(max-width:800px){h1{font-size:54px}.desktop-nav{display:none}.header>.button{margin-left:auto}.menu-toggle{display:block}.header{height:88px;gap:15px}.brand img{width:127px}.proposal-bar{padding-inline:24px}.section{padding-top:70px;padding-bottom:70px}.bento-hero{grid-template-columns:1fr 1fr;gap:10px}.bento-copy{padding:30px 23px;min-height:480px}.bento-copy h1{font-size:40px}.bento-copy .eyebrow{font-size:8px;margin-bottom:20px}.bento-copy>p{font-size:14px}.bento-copy .button{font-size:11px;gap:13px;padding:15px 16px}.available{font-size:8px;padding-top:25px}.bento-product{min-height:480px}.product-caption{margin:28px 20px;font-size:8px}.phone-pair{padding-inline:12px}.bento-product .phone-pair{height:325px;gap:0}.floating-tag{font-size:9px;padding:11px;bottom:33px}.bento-bottom{padding:21px 25px}.bento-bottom strong{font-size:16px}.bento-bottom a{font-size:11px;gap:20px}.three-cards{gap:10px}.feature-card{padding:22px 18px}.feature-card h3{font-size:21px;line-height:1.1}.feature-card p{font-size:13px}.feature-card a,.feature-card .text-button{font-size:11px}.section-heading{gap:30px}.section-heading>p{max-width:240px;font-size:14px}.companion-story{gap:32px}.story-art{min-height:345px}.sticker{font-size:17px;left:24px;top:25px}.story-copy h2{font-size:37px}.story-copy p{font-size:14px}.faq{gap:35px}.faq h2{font-size:35px}.faq summary{font-size:14px}.final-cta{padding:36px}.footer-top{flex-wrap:wrap}.footer-top nav{max-width:none;margin-left:0;width:100%;padding-top:0}.footer-top>p{margin-left:auto}.journey-hero{gap:25px;padding-top:25px;padding-bottom:45px}.journey-heading h1{font-size:72px}.journey-heading .eyebrow{font-size:9px}.journey-intro{gap:12px;margin-top:30px}.long-arrow{font-size:33px}.journey-intro p{font-size:14px}.journey-intro .button{font-size:12px;gap:15px;padding:15px}.journey-stage{min-height:515px;border-radius:125px 125px 25px 25px}.journey-stage>.phone{width:192px}.orbit-label{font-size:7px;top:36px}.journey-note{left:12px;padding:10px;font-size:11px;bottom:90px}.journey-ribbon{gap:15px;font-size:10px;padding:19px}.journey-explorer{gap:25px}.journey-screen{min-height:535px;padding:20px}.journey-screen .phone{width:200px}.journey-tabs>button{padding:25px 36px 25px 15px}.journey-tabs b{right:14px;font-size:18px}.journey-tabs strong{font-size:21px}.journey-tabs p{font-size:13px}.manifesto-bottom{gap:35px}.manifesto-bottom p{font-size:14px}.manifesto-bottom a{font-size:12px}.journey-finish{padding:35px 30px 0}.journey-finish h2{font-size:37px}.journey-finish .button{font-size:12px;gap:16px}.launch-hero h1{font-size:66px}.launch-phones{gap:15px;height:360px;max-width:650px}.launch-phones .phone{width:185px}.launch-sticker{font-size:12px;padding:12px 17px}.launch-sticker.sticker-left{left:0;top:200px}.launch-sticker.sticker-right{right:0;top:125px}.explainer-grid{gap:30px;grid-template-columns:1fr 1.1fr}.explainer-phone{height:490px}.explainer-phone>.phone{width:210px}.explain-panel h3{font-size:29px}.explain-panel p{font-size:14px}.feature-switch{border-radius:15px;gap:0}.feature-switch button{font-size:10px;padding:12px 6px;line-height:1.5}.dark-sticker{width:190px}.dark-benefits{gap:30px}.dark-benefits h3{font-size:21px}.proposal-grid{grid-template-columns:1fr;max-width:650px;margin:auto}.proposal-card{display:grid;grid-template-columns:1fr 1fr}.miniature{height:100%;aspect-ratio:auto;border-bottom:0;min-height:335px}.miniature iframe{height:1400px}.proposal-info p{min-height:0}.gallery-note{padding:27px;gap:25px}.gallery-note h2{font-size:23px}.gallery-note p{font-size:13px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.proposal-bar{padding:6px 16px;font-size:10px;gap:8px}.proposal-bar>span{display:none}.proposal-bar nav a{width:27px}.header{height:81px;gap:10px}.header .brand img{width:117px}.header>.button{font-size:11px;gap:14px;min-height:41px;padding:10px 14px}.header .menu-toggle{width:37px;height:37px;font-size:18px;flex:none}#mobile-nav{top:73px}.eyebrow{font-size:9px;margin-bottom:20px}.button{font-size:13px;padding:16px 21px;min-height:52px;gap:25px}h2{font-size:38px}p{font-size:15px}.section{padding-top:60px;padding-bottom:60px}.bento-hero{grid-template-columns:1fr;gap:10px}.bento-copy{min-height:0;padding:32px 26px;border-radius:24px}.bento-copy h1{font-size:clamp(42px,11.8vw,61px);margin-bottom:22px}.bento-copy .eyebrow{font-size:8px}.bento-copy>p{max-width:360px;font-size:15px;line-height:1.6}.bento-copy .button{font-size:12px;padding:16px 20px;gap:20px}.hero-actions{margin-top:25px}.hero-actions small{font-size:10px}.available{margin-top:22px;padding-top:0;font-size:9px}.bento-product{min-height:435px;border-radius:24px}.product-caption{margin:25px;font-size:9px}.bento-product .phone-pair{height:310px;padding-inline:38px;gap:9px}.phone-pair .phone{max-width:155px;width:46%}.floating-tag{bottom:24px;font-size:11px;padding:12px 16px}.bento-bottom{grid-column:auto;gap:14px;flex-wrap:wrap;padding:22px}.bento-bottom strong{font-size:16px}.bento-bottom a{margin-left:60px;font-size:12px;width:100%;gap:30px}.round-icon{width:41px;height:41px;flex:none}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:350px;font-size:15px}.three-cards{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;padding:27px}.feature-card .line-icon{font-size:34px;margin-bottom:24px}.feature-card h3{font-size:26px}.feature-card p{font-size:15px;max-width:350px}.feature-card a,.feature-card .text-button{font-size:13px}.companion-story{grid-template-columns:1fr;gap:33px}.story-art{min-height:345px}.story-art img{width:78%;max-width:350px}.story-copy{padding-inline:8px}.story-copy h2{font-size:41px}.story-copy p{font-size:15px}.sticker{left:27px;top:30px;font-size:19px}.faq{grid-template-columns:1fr;gap:33px}.faq h2{font-size:37px}.faq>div>p{margin-top:18px;font-size:15px}.faq details{padding:23px 0}.faq summary{font-size:15px}.faq details p{font-size:14px}.final-cta{padding:32px 27px;display:block;border-radius:25px}.final-cta>div:last-child{margin-top:29px;gap:18px}.final-cta p{font-size:12px}.footer{padding-top:45px}.footer-top{gap:15px;padding-bottom:28px}.footer-top .brand img{width:120px}.footer-top p{font-size:10px;margin-top:8px}.footer-top nav{gap:16px;font-size:11px;margin-top:15px;line-height:1.4}.footer-bottom{font-size:9px;line-height:1.6;display:block}.footer-bottom>span{margin-bottom:5px}.footer-bottom>span:last-of-type{margin-left:0;text-align:left}.footer-bottom>span{display:block}.journey-hero{grid-template-columns:1fr;gap:38px;padding-top:26px;padding-bottom:35px}.journey-heading{padding-inline:7px}.journey-heading h1{font-size:clamp(72px,18vw,104px);line-height:.97}.heading-dot{width:20px;height:20px;margin-left:12px}.journey-intro{gap:18px;margin-top:30px}.long-arrow{font-size:42px}.journey-intro p{font-size:15px;max-width:350px}.journey-intro .button{font-size:12px;padding:15px 18px}.journey-intro small{font-size:10px}.journey-stage{min-height:500px;border-radius:150px 150px 25px 25px}.journey-stage>.phone{width:199px;margin-top:25px}.orbit-label{font-size:8px;top:35px}.journey-note{left:20px;bottom:95px;padding:12px 16px}.stage-foot{font-size:7px}.journey-ribbon{gap:11px;flex-wrap:wrap;font-size:10px;padding:18px 16px}.journey-ribbon span:last-child,.journey-ribbon i:last-of-type{display:none}.journey-ribbon i{font-size:17px}.journey-explorer{grid-template-columns:1fr;gap:18px}.journey-tabs>button{padding:23px 43px 23px 20px}.journey-tabs strong{font-size:23px}.journey-tabs p{font-size:14px}.journey-tabs b{right:20px}.journey-screen{min-height:495px}.journey-screen .phone{width:200px}.journey-manifesto{padding:55px 0}.journey-manifesto h2{font-size:clamp(37px,9vw,52px)}.manifesto-bottom{display:block;margin-top:27px}.manifesto-bottom p{font-size:15px}.manifesto-bottom a{margin-top:27px;font-size:13px}.journey-finish{grid-template-columns:1fr;padding:35px 26px 0;gap:0}.journey-finish>div{padding-bottom:16px}.journey-finish h2{font-size:43px}.journey-finish img{width:250px;justify-self:end}.launch-hero{padding-top:30px}.pill-label{font-size:9px;padding:9px 12px}.launch-hero h1{font-size:clamp(43px,10.3vw,65px);margin-top:22px;margin-bottom:22px;letter-spacing:-.06em}.launch-hero>div>p{font-size:15px;max-width:340px;margin:auto}.launch-hero>div>p br{display:none}.launch-actions{flex-direction:column;gap:17px;margin-top:25px;margin-bottom:15px}.launch-actions .text-button{font-size:12px}.launch-hero small{font-size:10px}.launch-phones{gap:0;height:296px;width:470px;max-width:none;left:50%;transform:translateX(-50%);margin:33px 0 0}.launch-phones .phone{width:154px}.launch-phones .side-phone{margin-top:55px}.launch-phones .center-phone{margin-inline:-5px}.launch-sticker{font-size:11px;padding:11px 13px;border-radius:7px}.launch-sticker.sticker-left{left:76px;top:170px}.launch-sticker.sticker-right{right:62px;top:72px}.explainer-grid{grid-template-columns:1fr;gap:30px}.explainer-phone{height:430px}.explainer-phone>.phone{width:205px;margin-top:70px}.feature-switch{border-radius:40px}.feature-switch button{font-size:11px;padding:13px 9px}.explain-panel{padding-top:28px;min-height:320px}.explain-panel h3{font-size:33px}.explain-panel p{font-size:15px}.context-note{font-size:11px;margin-top:17px}.clarity-dark{padding:55px 0}.clarity-dark h2{font-size:38px}.clarity-dark .section-heading{margin-bottom:38px}.dark-sticker{width:180px;margin-top:30px;margin-left:auto;margin-right:15px}.dark-benefits{grid-template-columns:1fr;gap:30px;padding-top:27px}.dark-benefits h3{margin-top:12px;margin-bottom:12px;font-size:24px}.dark-benefits p{font-size:15px;max-width:345px}.launch-finish{padding:40px 25px}.launch-finish h2{font-size:49px}.launch-finish small{font-size:10px}.download-dialog{padding:30px 24px}.download-dialog h2{font-size:34px}.gallery-header{padding-top:22px;padding-bottom:20px;gap:15px}.gallery-header img{width:123px}.gallery-header>span{font-size:9px;text-align:right;max-width:120px;line-height:1.5}.gallery-intro{padding-top:25px;padding-bottom:30px}.gallery-intro h1{font-size:43px}.gallery-intro p{font-size:15px}.palette{gap:6px;font-size:9px}.palette i{width:21px;height:21px}.proposal-grid{gap:22px}.proposal-card{display:block}.miniature{aspect-ratio:1280/900;min-height:0;height:auto;border-bottom:1px solid var(--line)}.miniature iframe{height:900px}.proposal-info{padding:25px}.proposal-info h2{font-size:32px}.proposal-info p{font-size:15px}.proposal-tags{margin-top:20px}.gallery-note{grid-template-columns:1fr;padding:26px;gap:27px;margin-top:30px}.gallery-note h2{font-size:26px}.gallery-note p{font-size:14px}.gallery-footer{font-size:10px;display:block;line-height:1.7}.gallery-footer span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Version 4: existing site content, using the visual system of version 1. */
.site-header .desktop-nav{gap:22px;font-size:12px;margin-right:0}.site-header{gap:22px}.site-hero .bento-copy h1{font-size:clamp(45px,4.15vw,62px)}.press-strip{display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line);padding-top:30px;padding-bottom:30px}.press-strip>.eyebrow{margin:0;white-space:nowrap;font-size:9px}.press-strip>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 30px;flex:1}.press-strip img{width:100px;height:33px;object-fit:contain;filter:grayscale(1);opacity:.7}.meal-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.meal-copy{padding-left:25px}.meal-copy>p{max-width:390px;margin:25px 0;font-size:16px}.tracking-list{padding:0;margin:24px 0 30px;list-style:none;display:grid;gap:14px;font-size:15px}.tracking-list span{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--lime-soft);border-radius:50%;margin-right:12px}.meal-details{display:block;margin-top:17px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.meal-visual{height:555px;border-radius:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:32px}.meal-visual>.eyebrow{font-size:9px}.meal-visual>.phone{width:232px;transform:rotate(7deg);margin-top:5px}.meal-bubble{position:absolute;left:25px;bottom:88px;padding:17px 20px;background:white;border-radius:10px;font-size:15px;line-height:1.45;transform:rotate(-5deg);box-shadow:0 6px 0 #19273308}.progress-panel{display:flex;gap:32px;align-items:center;padding:42px;border-radius:28px}.progress-panel>.round-icon{flex:none;align-self:flex-start;margin-top:4px;border-color:#93a14d}.progress-panel h2{font-size:37px}.progress-panel .eyebrow{font-size:9px;margin-bottom:15px}.progress-panel p{font-size:15px;max-width:465px;margin-top:20px}.progress-action{margin-left:auto;min-width:220px}.progress-action small{display:block;margin-top:15px;font-size:11px}.guide-card{display:flex;flex-direction:column;border-radius:27px;padding:29px;min-height:330px;transition:transform .18s}.guide-card:hover{transform:translateY(-4px)}.guide-card .eyebrow{font-size:9px}.guide-card h3{font-size:31px}.guide-card p{font-size:15px;margin:22px 0}.guide-bottom{margin-top:auto;border-top:1px solid #19273325;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.guide-bottom b{font-size:24px;font-weight:400}.all-stories{margin-top:27px}.expert-panel{border-radius:30px;padding:44px;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}.expert-copy h2{font-size:41px}.expert-copy p{font-size:15px;margin:24px 0;max-width:390px}.expert-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.expert-portraits figure{margin:0}.expert-portraits img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 28%;border-radius:50%;background:white}.expert-portraits figcaption{margin-top:17px;line-height:1.5}.expert-portraits strong{display:block;font-size:13px;letter-spacing:-.025em}.expert-portraits figcaption span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.community-section{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding-top:75px}.community-section h2{font-size:38px}.community-section p{font-size:16px;max-width:430px}.review-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}.review-links a{font-size:12px}.concept-4 .final-cta .underline-link{font-size:12px}.site-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .7fr;gap:27px;padding-bottom:35px}.site-footer-top p{font-size:12px;margin-top:20px}.site-footer-top nav{display:flex;flex-direction:column;gap:13px}.site-footer-top h3{font-size:13px;letter-spacing:0;margin-bottom:6px}.site-footer-top nav a{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.site-footer-top nav a:hover{text-decoration:underline}.language-link{display:inline-block;font-size:11px;margin-top:19px}.site-credits{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.site-credits img{width:200px;height:auto}.site-credits a{font-size:10px;color:var(--muted);max-width:250px;line-height:1.5}.gallery-page .proposal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-page .proposal-info p{min-height:0}.gallery-page .proposal-info h2{min-height:63px}.proposal-card.new-proposal{border:2px solid #93a84e}.new-proposal .eyebrow{color:#4a6020}
@media(max-width:1100px){.site-header .desktop-nav{gap:15px;font-size:11px}.site-header{gap:16px}.site-header .button.small{font-size:11px;padding:12px 16px;gap:13px}.site-header .brand img{width:125px}.meal-section{gap:40px}.meal-copy{padding-left:10px}.expert-panel{padding:35px;gap:35px}.expert-copy h2{font-size:35px}.expert-portraits{gap:10px}.progress-panel{padding:32px;gap:24px}.progress-action{min-width:190px}.progress-action .button{font-size:12px;gap:17px}.site-footer-top{gap:20px}.guide-card{padding:24px}.guide-card h3{font-size:27px}}
@media(max-width:900px){.site-header .desktop-nav{display:none}.site-header>.button{margin-left:auto}.site-header>.menu-toggle{display:block}.meal-section{gap:28px}.meal-visual{height:520px}.meal-visual>.phone{width:213px}.meal-bubble{font-size:12px;left:14px;padding:13px}.progress-panel{flex-wrap:wrap}.progress-panel>div:not(.progress-action){flex:1}.progress-action{width:100%;margin-left:70px}.expert-panel{grid-template-columns:1fr;gap:30px}.expert-copy p{max-width:500px}.expert-portraits{max-width:490px;gap:30px}.community-section{gap:35px}.site-footer-top{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer-top>div:first-child{grid-column:1/-1;padding-bottom:10px}.site-footer-top>div:first-child p{margin-top:12px}.site-footer-top .language-link{margin-top:12px}}
@media(max-width:800px){.gallery-page .proposal-grid{grid-template-columns:1fr}.gallery-page .proposal-info h2{min-height:0}.press-strip{gap:25px}.press-strip>div{gap:22px}.press-strip img{width:80px;height:28px}.site-hero .bento-copy h1{font-size:40px}.guide-card{padding:20px}.guide-card h3{font-size:24px}.guide-card p{font-size:13px}.guide-bottom{font-size:10px;gap:8px}.meal-copy h2{font-size:38px}.meal-copy>p{font-size:14px}.tracking-list{font-size:14px}}
@media(max-width:600px){.site-header .brand img{width:110px}.site-header{gap:10px}.site-header .button.small{font-size:10px;padding:11px 13px;gap:10px}.site-hero .bento-copy h1{font-size:clamp(43px,11.8vw,61px)}.press-strip{display:block;padding-top:27px;padding-bottom:27px}.press-strip>.eyebrow{margin-bottom:22px;text-align:center}.press-strip>div{gap:17px}.press-strip img{width:62px;height:24px}.meal-section{grid-template-columns:1fr;gap:32px}.meal-copy{padding-inline:8px}.meal-copy h2{font-size:42px}.meal-copy>p{font-size:15px}.meal-visual{height:483px}.meal-visual>.phone{width:206px}.meal-bubble{left:22px;font-size:14px;bottom:78px}.progress-panel{display:block;padding:29px 25px}.progress-panel>.round-icon{margin-bottom:23px}.progress-panel h2{font-size:35px}.progress-panel p{font-size:14px}.progress-action{margin:25px 0 0;width:auto}.guide-card{padding:27px;min-height:290px}.guide-card h3{font-size:32px}.guide-card p{font-size:15px}.guide-bottom{font-size:12px}.expert-panel{padding:30px 24px}.expert-copy h2{font-size:38px}.expert-copy p{font-size:14px}.expert-portraits{gap:11px}.expert-portraits strong{font-size:11px}.expert-portraits figcaption span{font-size:9px}.community-section{grid-template-columns:1fr;gap:25px;padding-top:55px}.community-section h2{font-size:36px}.community-section p{font-size:15px}.review-links{gap:18px}.site-footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.site-footer-top h3{font-size:13px}.site-footer-top nav a{font-size:12px}.site-credits{align-items:flex-start;flex-direction:column;gap:20px}.site-credits a{font-size:10px}}
/* V4 refinements: current logo, larger navigation beside it, vivid green download. */
.concept-4 .site-header{gap:22px}.concept-4 .site-header .brand img{width:156px;height:auto}.concept-4 .site-header .desktop-nav{margin-left:16px;margin-right:auto;gap:14px;font-size:16px;font-weight:600;letter-spacing:-.02em}.concept-4 .site-header .desktop-nav a{padding:11px 13px;border-radius:13px;white-space:nowrap;border:0}.concept-4 .nav-diabetes{background:#dbf1ff;color:#174a65}.concept-4 .nav-nutrition{background:#ffe5d5;color:#794121}.concept-4 .nav-products{background:#e6f591;color:#3f5015}.nav-our-philosophy{background:#ddf3e6;color:#1d5741}.concept-4 .desktop-nav a:hover,.concept-4 #mobile-nav a:hover{box-shadow:inset 0 0 0 2px #19273325}.concept-4 .desktop-nav a[aria-current=page]{box-shadow:inset 0 0 0 2px currentColor}.concept-4 .site-header>.button{margin-left:auto;flex:none}.concept-4 .button,.concept-4 .inline-download,.concept-4 .store-links a{background:#E0F270;border-color:#B4CB21;color:#0D151C;font-weight:700;box-shadow:0 3px 0 #0d151c10}.concept-4 .button:hover,.concept-4 .inline-download:hover,.concept-4 .store-links a:hover{background:#d3e855;border-color:#9cb114;color:#0D151C}.concept-4 .button[data-download]>span{display:inline-flex}.concept-4 .site-header .button.small{min-height:48px;padding:14px 24px;font-size:14px}.concept-4 #mobile-nav a{padding:11px 13px;border-radius:12px}.concept-4 .brand img{object-fit:contain}.concept-4 .download-dialog>img{width:150px;height:auto}.concept-4 .site-footer .brand img{width:150px;height:auto}
@media(max-width:1100px){.concept-4 .site-header .desktop-nav{font-size:15px;gap:3px;margin-left:0}.concept-4 .site-header .desktop-nav a{padding:10px}.concept-4 .site-header{gap:16px}.concept-4 .site-header .brand img{width:145px}.concept-4 .site-header .button.small{padding:13px 20px;font-size:13px}}
@media(max-width:1050px){.concept-4 .site-header .desktop-nav{display:none}.concept-4 .site-header .menu-toggle{display:block}.concept-4 #mobile-nav{font-size:16px;gap:12px}}
@media(max-width:600px){.concept-4 .site-header{gap:10px}.concept-4 .site-header .brand img{width:128px}.concept-4 .site-header .button.small{min-height:43px;padding:12px 16px;font-size:12px}.concept-4 .site-header .menu-toggle{width:36px;height:36px}}
@media(max-width:380px){.concept-4 .site-header{gap:8px}.concept-4 .site-header .brand img{width:108px}.concept-4 .site-header .button.small{font-size:11px;padding:11px 12px}}

/* Approved discreet chevrons and the original desktop download QR. */
.gc-chevron{display:inline-block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex:none}
.gc-chevron-down{transform:rotate(90deg)}
.concept-4 .button{gap:14px}
.concept-4 .desktop-download-qr{display:none;padding:0;border:0;border-radius:8px;background:transparent;max-width:100%;text-align:left}
.concept-4 .desktop-download-qr img{width:313px;max-width:100%;height:auto}
@media(min-width:1051px){.concept-4 .site-hero .hero-actions{margin-top:20px}.concept-4 .desktop-download-qr{display:block}.concept-4 .site-hero .hero-actions>.button{display:none}.concept-4 .site-hero .available{padding-top:20px}}

/* Complete navigation palette and desktop QR download instructions. */
.concept-4 .nav-blog,.concept-4 .nav-es-blog-es{background:#eee5fa;color:#594474}
.concept-4 .nav-gococo-scoring,.concept-4 .nav-es-puntuacion-gococo{background:#fff0bd;color:#66521e}
.concept-4 .download-dialog .dialog-qr{background:var(--blue);padding:16px;border-radius:20px;margin:24px 0 18px}
.concept-4 .download-dialog .dialog-qr img{width:313px;height:auto;max-width:100%;margin:auto}
.concept-4 .download-dialog .dialog-alternative{font-size:13px;margin:0 0 12px}
.concept-4 .download-dialog .store-links{margin-top:0;gap:12px}
.concept-4 .download-dialog .store-links a{padding:14px;border-radius:14px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}
.concept-4 .download-dialog>small{display:block;margin-top:18px}

/* Locally rendered reviews, with no external widget or runtime requests. */
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:22px;border-radius:16px;background:#fff;border:1px solid #e4e9e0}

.review-rating{color:#f5a623;font-size:17px;letter-spacing:3px}
.review-card blockquote{margin:0}.review-card blockquote p{font-size:16px;line-height:1.6;color:#455760;margin:0}
.review-card>header{display:flex;align-items:center;gap:12px}
.review-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#eef1ec;font-size:14px;font-weight:700;color:#5b6b5f}
.review-card>header>div{min-width:0;flex:1}.review-card>header strong{display:block;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.review-card>header time{display:block;font-size:14px;line-height:1.5;margin-top:2px;color:var(--muted)}.review-source{flex:none;font-size:13px;font-weight:600;line-height:1;padding:7px 12px;border-radius:100px;background:#e7f1fa;color:#1c4f75;white-space:nowrap}.review-source:hover{background:#d8e9f6}.review-title{font-size:17px;line-height:1.35;letter-spacing:-.02em}.review-excerpt{font-size:13px;color:var(--muted)}

.user-reviews>.review-links{margin-top:25px;flex-wrap:wrap;gap:14px 25px}
.home-food-guide{padding:45px 0 80px}.home-food-guide .section-heading>p{max-width:400px}
.food-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.food-guide-grid article{padding-top:24px;border-top:1px solid var(--line)}
.food-guide-grid h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin-bottom:16px}
.food-guide-grid p{font-size:15px;line-height:1.65;margin-bottom:20px}
@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.food-guide-grid{gap:22px}.food-guide-grid h3{font-size:22px}}
@media(max-width:600px){.reviews-grid,.food-guide-grid{grid-template-columns:1fr}.review-card{padding:25px}.review-card blockquote p{font-size:16px}.home-food-guide{padding:15px 0 50px}.food-guide-grid{gap:25px}}

.concept-4 .download-dialog{padding:32px;max-height:calc(100dvh - 32px);overflow-y:auto}
.concept-4 .download-dialog>img{margin-bottom:18px}
.concept-4 .download-dialog h2{font-size:32px;line-height:1.12}
.concept-4 .download-dialog #download-instructions{font-size:15px;line-height:1.55}
@media(max-width:600px){.concept-4 .download-dialog{padding:28px 24px}}

/* Compact sticky navigation, separated from the page content. */
.concept-4{--header-height:76px;--header-offset:96px;--header-gap:24px}
@media(max-width:600px){.concept-4{--header-height:68px;--header-offset:88px;--header-gap:16px}}
.concept-4 .site-header{height:var(--header-height);margin-bottom:var(--header-gap);position:sticky;top:0;z-index:1000;background:#fff;isolation:isolate}
.concept-4 .site-header::before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#fff;box-shadow:0 1px 0 #dfe4e3;z-index:-1;pointer-events:none}
.concept-4 #mobile-nav{top:calc(100% - 6px);max-height:calc(100dvh - var(--header-offset));overflow-y:auto}
.concept-4 [id]{scroll-margin-top:var(--header-offset)}
.concept-4 .site-credits a{max-width:none}
.credit-brand{white-space:nowrap;display:inline-block}

.cookie-preferences{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted)}.footer-bottom .cookie-preferences{flex:none;order:1}.footer-bottom>span:last-of-type{order:2;margin-left:auto;text-align:right}
.cookie-preferences svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.cookie-preferences:hover{text-decoration:underline;text-underline-offset:4px}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
/* ---------------------------------------------------------------------------------------------
   Accessibility floors, requested by Matthieu on 2026-09-23 for a 60-70 audience.
   Body 18px (16 absolute minimum), actions and navigation 18-20px, captions never below 14px.
   Written as one block, at the end, so the whole decision can be read and reverted in one place.
   Only the live selectors: the three unused design proposals keep their original scale.
   --------------------------------------------------------------------------------------------- */
.concept-4 p,.concept-4 li{font-size:18px;line-height:1.6}
.concept-4 .eyebrow,.concept-4 .bento-copy .eyebrow,.concept-4 .press-strip>.eyebrow,
.concept-4 .guide-card .eyebrow,.concept-4 .progress-panel .eyebrow,.concept-4 .meal-visual>.eyebrow,
.concept-4 .download-dialog .eyebrow{font-size:14px;letter-spacing:.08em}
.concept-4 small,.concept-4 .hero-actions small,.concept-4 .progress-action small,
.concept-4 .story-note,.concept-4 .final-cta p,.concept-4 .site-footer-top p,
.concept-4 .footer-bottom,.concept-4 .site-credits a,.concept-4 .cookie-preferences,
.concept-4 .review-card>header time,.concept-4 .expert-portraits figcaption span{font-size:14px;line-height:1.5}
.concept-4 .available{font-size:14px}
.concept-4 .button,.concept-4 .bento-copy .button,.concept-4 .progress-action .button,
.concept-4 .site-header .button.small,.concept-4 .header>.button{font-size:18px}
.concept-4 .site-header .desktop-nav,.concept-4 .site-header .desktop-nav a,
.concept-4 #mobile-nav a{font-size:18px}
.concept-4 .underline-link,.concept-4 .final-cta .underline-link,.concept-4 .meal-details,
.concept-4 .feature-card a,.concept-4 .feature-card .text-button,.concept-4 .guide-bottom,
.concept-4 .review-links a,.concept-4 .store-links a,.concept-4 .site-footer-top nav a,
.concept-4 .language-link,.concept-4 .all-stories{font-size:17px}
.concept-4 .product-caption,.concept-4 .floating-tag,.concept-4 .meal-bubble,
.concept-4 .step-number{font-size:15px}
.concept-4 .expert-portraits strong{font-size:18px}
.concept-4 .bento-bottom strong{font-size:22px}
.concept-4 .faq-list summary{font-size:19px}
.concept-4 .faq-list p{font-size:18px}
.concept-4 h3{font-size:24px}
.concept-4 .review-card>header strong{font-size:16px}.concept-4 .review-card blockquote p{font-size:16px}
.concept-4 .review-avatar{font-size:14px}
@media(max-width:600px){
 .concept-4 p,.concept-4 li,.concept-4 .faq-list p{font-size:17px}
 .concept-4 .button,.concept-4 .site-header .button.small{font-size:17px}
 .concept-4 .faq-list summary{font-size:18px}
}
@media(max-width:600px){
 /* Decorative frame around the phone pair: it costs two wrapped lines on a phone for no meaning. */
 .concept-4 .product-caption{display:none}
 /* Stacked on a phone, a reverse story ends on its coloured panel and the next one starts on its
    own: measured gap was exactly 0, so the two panels read as one broken block. */
 .concept-4 .companion-story{padding-bottom:28px}
 .concept-4 .companion-story+.companion-story{padding-top:4px}
}

/* ---------------------------------------------------------------------------------------------
   Store badges as the primary call to action (Charles + the Cal AI reference, 24/09):
   the platform is the message, so the two official badges come before the green button.
   The green button stays as the smart link for anyone who does not want to choose a store,
   and the QR stays for desktop visitors who cannot install anything on the machine they are on.
   --------------------------------------------------------------------------------------------- */
.concept-4 .store-badges{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}
.concept-4 .store-badges a{display:inline-flex;border-radius:10px;transition:transform .18s}
.concept-4 .store-badges a:hover{transform:translateY(-2px)}
.concept-4 .store-badges img{height:52px;width:auto;display:block}
/* Desktop keeps the original rule that hides the green button: the two badges already cover both
   platforms, and a third stacked call to action dilutes all three. The button returns on a phone,
   where one tap through the smart link beats choosing a store. */
.concept-4 .site-hero .desktop-download-qr img{width:190px}
.concept-4 .site-hero .desktop-download-qr{margin-top:4px}
@media(max-width:600px){
 .concept-4 .store-badges img{height:46px}
 .concept-4 .store-badges{gap:10px}
}

/* ---------------------------------------------------------------------------------------------
   Charles's review, 2026-09-24. One block at the end, same convention as the accessibility
   floors above: the whole batch reads and reverts in one place.
   --------------------------------------------------------------------------------------------- */
/* "As seen on" sits above its logos and is centred, like "Trusted by more than 1,200,000 users". */
.concept-4 .press-strip{display:block;text-align:center}
.concept-4 .press-strip>.eyebrow{display:block;margin:0 0 22px;white-space:normal;text-align:center}
.concept-4 .press-strip>div{justify-content:center;gap:22px 34px}
/* The QR code is centred under the two store badges, not under the whole column: sizing the grid
   column on its widest child (the badge row) makes the QR centre inside exactly that width. */
@media(min-width:1051px){
  .concept-4 .hero-actions{grid-template-columns:max-content}
  .concept-4 .hero-actions>.desktop-download-qr{text-align:center}
  .concept-4 .hero-actions>.desktop-download-qr img{margin-inline:auto}
}
/* The two stores close the mobile menu: real badges, not menu rows, so they drop the row padding. */
.concept-4 #mobile-nav .store-badges{margin:0;gap:10px;padding-top:18px;border-top:1px solid var(--line)}
.concept-4 #mobile-nav .store-badges a{padding:0;border-radius:10px}
.concept-4 #mobile-nav .store-badges a:hover{box-shadow:none}
.concept-4 #mobile-nav .store-badges img{height:48px}
/* Senja renders in a shadow root; only its outer box is ours to place. */
/* Charles, 2026-09-24: the store badges and the QR are centred in the hero block. The column is
   still sized on the badge row (see above), so centring the track centres badges and QR together
   and keeps the QR centred under the badges. */
.concept-4 .hero-actions{justify-items:center;justify-content:center;align-self:center}
.concept-4 .lime .button,.concept-4 .lime-soft .button,.concept-4 .lime .inline-download{background:#1D2F3F;border-color:#1D2F3F;color:#fff}
.concept-4 .lime .button:hover,.concept-4 .lime-soft .button:hover,.concept-4 .lime .inline-download:hover{background:#2c4457;border-color:#2c4457;color:#fff}
/* Bertrand's home revision, 2026-09-24. The hero panel carries a headline and the scan-to-score
   flow instead of two loose phones; two story blocks now show a whole phone screen. */
.concept-4 .bento-product{display:flex;flex-direction:column;padding:34px}
.concept-4 .product-headline{font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.03em;color:#3f4f16;max-width:460px;text-transform:none}
.concept-4 .bento-shot{width:92%;max-width:520px;height:auto;margin:auto;object-fit:contain}
.concept-4 .story-art .story-phone{width:auto;max-height:470px;mix-blend-mode:normal;margin:0 auto;align-self:center}
.concept-4 .story-art:has(.story-phone){align-items:center;justify-content:center;padding:26px 0}
@media(max-width:900px){.concept-4 .product-headline{font-size:20px}.concept-4 .story-art .story-phone,.concept-4 .story-art img.cut{max-height:400px}}
@media(max-width:600px){.concept-4 .bento-product{padding:26px 24px;min-height:0}.concept-4 .product-headline{font-size:19px}.concept-4 .story-art .story-phone,.concept-4 .story-art img.cut{max-height:360px}}
.concept-4 .button+.meal-details,.concept-4 .button+.underline-link{margin-left:calc(var(--cta-pad) + 1px)}
.concept-4 .story-art{align-items:center;justify-content:center;padding:30px}
.concept-4 .story-art img{width:82%;max-width:430px}
.concept-4 .story-art img.cut,.concept-4 .meal-visual img.cut{mix-blend-mode:normal}
.concept-4 .story-art img.cut{width:auto;max-width:100%;max-height:470px}
.concept-4 .story-art .story-phone{max-width:none}
@media(max-width:600px){.concept-4 .story-art{padding:22px}.concept-4 .story-art img{width:88%}}
.concept-4 .meal-visual{display:flex;flex-direction:column;align-items:center}
.concept-4 .meal-visual .phone{width:78%;max-width:430px;margin:auto}
@media(max-width:600px){.concept-4 .meal-visual .phone{width:86%}}
@media(max-width:900px){.concept-4 .story-art img.cut{max-height:400px}}
@media(max-width:600px){.concept-4 .story-art img.cut{max-height:360px}}
@media(max-width:600px){
  .concept-4 .companion-story .story-copy{order:-1}
  .concept-4 .meal-section .meal-copy{order:-1}
}
.concept-4 main>section{margin-block:var(--rhythm)}
.concept-4 main>section:first-child{margin-top:0}
.concept-4 main>section:last-child{margin-bottom:0}
.concept-4 .section{padding-top:0;padding-bottom:0}
@media(max-width:900px){:root{--rhythm:34px}}
@media(max-width:600px){:root{--rhythm:26px}}
.concept-4 .site-opening{border-radius:var(--radius);padding:50px 56px;display:grid;
grid-template-columns:minmax(0,1.2fr) auto;align-items:center;gap:60px}
.concept-4 .site-opening h1{font-size:clamp(38px,3.7vw,56px)}
.concept-4 .opening-copy>p{margin-top:20px;max-width:46ch}
.concept-4 .site-opening .hero-actions{margin-top:0}
.concept-4 .site-proof{border-radius:var(--radius);padding:38px 40px;display:flex;
flex-direction:column;align-items:center;gap:26px}
.concept-4 .proof-count{display:flex;align-items:center;gap:22px}
.concept-4 .proof-count strong{font-size:22px;letter-spacing:-.025em;line-height:1.2}
.concept-4 .site-proof .eyebrow{text-align:center}
.concept-4 .proof-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
gap:20px 34px}
.concept-4 .proof-logos img{width:100px;height:33px;object-fit:contain;filter:grayscale(1);opacity:.7}
@media(max-width:1050px){.concept-4 .site-opening{grid-template-columns:1fr;gap:32px;
text-align:center;padding:44px 32px}.concept-4 .opening-copy>p{margin-inline:auto}}
@media(max-width:600px){.concept-4 .site-opening{padding:34px 22px 30px;gap:26px}
.concept-4 .site-opening h1{font-size:clamp(34px,8.6vw,46px)}
.concept-4 .site-proof{padding:28px 22px}.concept-4 .proof-logos img{width:80px;height:28px}}