@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--forest:#092f2c;--lime:#cded69;--cream:#f4f8ed;--teal:#65cfc3;--coral:#ff987d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--forest);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b84423;outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;padding:30px 6%;gap:24px}.brand{font:800 30px 'Manrope',sans-serif;letter-spacing:-1.5px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--lime);color:var(--forest);border-radius:50px;padding:20px 28px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.small{padding:14px 22px}.hero{display:grid;grid-template-columns:1fr 1fr;padding:45px 6% 80px;align-items:center;gap:4%}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}h1,h2,h3{font-family:'Manrope',sans-serif;margin:20px 0;font-weight:800;letter-spacing:-2.5px}h1{font-size:clamp(55px,6.6vw,100px);line-height:1.01}em{font-style:normal;color:#388575}p{line-height:1.7}h1+p{max-width:460px;color:#4c6a61;margin:28px 0}.note{display:block;font-size:12px;margin-top:20px;color:#5d736a}.hero-art{position:relative;padding:25px 0}.hero-art img{width:100%;height:560px;object-fit:cover;border-radius:180px 180px 35px 35px}.sticker{position:absolute;right:-16px;top:6px;background:var(--coral);border-radius:50%;height:130px;width:130px;display:grid;align-content:center;text-align:center;font-size:16px;font-weight:800;transform:rotate(12deg);box-shadow:0 8px 25px #092f2c25}.art-caption{position:absolute;bottom:52px;left:20px;right:20px;border-radius:40px;padding:16px;background:#f4f8ede8;text-align:center;font-size:13px;font-weight:700}.ticker{white-space:nowrap;overflow:hidden;background:var(--forest);color:var(--lime);font-size:15px;font-weight:800;letter-spacing:3px;padding:24px 0;word-spacing:15px}.how,.preview{padding:100px 6%}.section-heading{margin-bottom:40px}h2{font-size:clamp(38px,4.5vw,64px);line-height:1.08}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border-radius:30px;padding:30px;background:var(--lime)}.steps article:nth-child(2){background:var(--teal)}.steps article:nth-child(3){background:var(--coral)}.number{font-size:11px;font-weight:800;letter-spacing:1.5px}.icon{font-size:60px;margin:24px 0}.steps h3{font-size:26px;letter-spacing:-1px;max-width:260px}.steps p{font-size:15px;max-width:280px}.conversation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:80px 6%;background:var(--forest);color:var(--cream)}.listen-art{width:100%;height:260px;object-fit:cover;border-radius:26px}.conversation h2{font-size:48px}.conversation>div>p{color:#b3d2be}.demo{background:#16433c;padding:30px;border-radius:34px}.demo-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1px}.badge{background:#286456;border-radius:8px;padding:7px;font-size:9px}.modes{display:flex;gap:8px;margin:28px 0}.mode{padding:10px 18px;border-radius:30px;background:none;border:1px solid #477366;color:var(--cream)}.mode.active{background:var(--lime);border-color:var(--lime);color:var(--forest)}#chat-media img{height:140px;width:100%;object-fit:cover;border-radius:18px}#chat-media{min-height:90px}.wave{display:block;color:var(--teal);font-size:36px;letter-spacing:9px;text-align:center}.bubble{margin-left:30px;border-radius:20px 20px 3px 20px;padding:15px 20px;background:#2a6354}.answer{display:flex;gap:14px;align-items:baseline}.answer>span{color:var(--lime);font-size:24px}.answer p{font-size:15px}.save{background:var(--lime);border:0;padding:13px 20px;border-radius:20px;color:var(--forest);font-weight:700}#save-feedback{min-height:16px;font-size:12px}.fine{font-size:12px;opacity:.72}.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.screens img{width:100%;border-radius:22px;transition:transform .2s}.screens a:hover img{transform:translateY(-6px)}.text-link{display:inline-block;font-weight:700;margin-top:30px;border-bottom:1px solid;padding-bottom:5px}.closing{margin:0 4% 70px;background:var(--lime);border-radius:45px;padding:70px 25px;text-align:center}.closing h2{font-size:clamp(58px,8vw,110px)}.closing .button{background:var(--forest);color:var(--cream)}.disabled{cursor:default}.closing .fine{margin-top:25px}footer{border-top:1px solid #d7e2d4;font-size:12px}footer span{color:#5d736a}@media(max-width:800px){header{padding:22px 6%}header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:25px;gap:20px}.hero-art img{height:430px}.sticker{right:0}.hero-copy{max-width:550px}.steps{grid-template-columns:1fr}.steps article{padding:26px}.steps .icon{float:right;font-size:45px;margin:0}.steps h3,.steps p{max-width:90%}.how,.preview{padding:65px 6%}.conversation{grid-template-columns:1fr;gap:35px;padding:60px 6%}.conversation h2{font-size:40px}.screens{grid-template-columns:repeat(2,1fr);gap:12px}.demo{padding:23px}.closing{margin:0 4% 40px;padding:50px 18px}footer{flex-wrap:wrap}.brand{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-links{display:flex;flex-wrap:wrap;gap:20px}
.sample-find{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:90px 6% 0}
.sample-find>div>p{max-width:470px;color:#4c6a61}
.finding-example{overflow:hidden;background:#fff;border:1px solid #d7e2d4;border-radius:30px}
.finding-example>img{width:100%;height:240px;object-fit:cover;display:block}
.finding-example>div{padding:28px}.finding-example h3{font-size:28px;letter-spacing:-1px}
.finding-example p{color:#4c6a61}.finding-example dl{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}
.finding-example dt{font-weight:700}.finding-example dd{margin:6px 0}.finding-tag{display:inline-block;background:var(--lime);padding:10px 14px;border-radius:20px;font-size:12px;font-weight:700}
.image-preview{border:0;border-radius:24px;padding:16px;background:var(--forest);color:var(--cream);max-width:calc(100vw - 24px);width:900px;max-height:calc(100dvh - 24px);box-shadow:0 20px 80px #0006}
.image-preview::backdrop{background:#061c19db}.image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.image-preview h2{font:700 16px 'DM Sans',sans-serif;letter-spacing:0;margin:0}
.image-preview-close{flex-shrink:0;border:1px solid #477366;border-radius:30px;background:var(--cream);color:var(--forest);padding:12px 18px;min-height:44px;font-weight:700}
.image-preview img{display:block;max-width:100%;max-height:calc(100dvh - 190px);width:auto;height:auto;object-fit:contain;margin:auto;border-radius:12px}
body.preview-open{overflow:hidden}
@media(max-width:800px){.sample-find{grid-template-columns:1fr;padding:65px 6% 0;gap:24px}.footer-links{width:100%;gap:18px}footer span{line-height:1.7}}

.image-preview-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:14px}
.image-preview-nav{display:grid;place-items:center;width:48px;height:44px;border:1px solid #477366;border-radius:24px;background:var(--lime);color:var(--forest);font-size:24px;line-height:1}
.image-preview-nav:hover{background:var(--cream)}.image-preview-nav:disabled{opacity:.4;cursor:default}
.image-preview-position{min-width:56px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}

/* Overlapping panels reserve the tallest example at every viewport/text size. */
.demo-panels{display:grid;min-width:0}
.demo-panel{grid-area:1 / 1;visibility:hidden;min-width:0}
.demo-panel.active{visibility:visible}
.demo-media{height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px}
.demo-media img{width:100%;height:100%;object-fit:cover;display:block}
.demo-media .wave{letter-spacing:clamp(2px,1vw,9px);font-size:clamp(26px,4vw,36px);white-space:nowrap}