:root{--ink:#151520;--muted:#707080;--accent:#5757ef;--line:#e9e9f0;--surface:#f6f6fa;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #9c9cff;outline-offset:5px}img{max-width:100%;display:block}svg{width:20px;height:20px;flex-shrink:0}.skip-link{position:fixed;top:-50px;left:20px;padding:12px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:10px}.section-width{width:min(1240px,calc(100% - 112px));margin-inline:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:90px;max-width:1360px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-size:30px;font-weight:750;letter-spacing:-1.4px}.brand svg{width:33px;height:33px;color:var(--accent)}.brand-dot{margin-left:-8px;color:var(--accent)}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:14px;font-weight:500;color:#626273;transition:color .2s}.nav a:hover{color:var(--accent)}.nav-cta{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:650;background:#fff;transition:background .2s}.nav-cta:hover{background:var(--surface)}.nav-cta svg{width:17px;height:17px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding-top:68px;padding-bottom:66px;min-height:790px}.hero-copy{padding-bottom:20px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.8px;font-weight:650;color:var(--muted);line-height:1.7}.eyebrow-line{height:2px;width:24px;background:var(--accent)}h1{font-size:clamp(62px,6.1vw,87px);font-weight:650;letter-spacing:-5px;line-height:1.05;margin:24px 0 26px}h1 span{color:var(--accent)}.hero-copy>p{max-width:430px;font-size:18px;line-height:1.75;color:var(--muted);margin:0 0 31px}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:15px 25px;border-radius:11px;font-size:15px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:var(--accent);box-shadow:0 5px 14px #5757ef20}.primary:hover{background:#4141d5}.secondary{border-color:#dcdce6;background:#fff}.secondary:hover{background:var(--surface)}.platform-note{display:flex;align-items:center;gap:11px;font-size:13px;color:#858592;margin-top:26px}.platform-note svg{height:18px;width:16px;color:#3b3b49}.platform-note span{color:#c6c6d0}.hero-visual{position:relative;isolation:isolate;height:637px;border-radius:30px;overflow:hidden;background:#eeedff;background:radial-gradient(ellipse at 64% 35%,#f8f8ff 0,#edecff 55%,#e5e3ff 100%)}.visual-caption{position:absolute;left:29px;top:28px;color:#7b78b8;font-size:10px;letter-spacing:2.1px;font-weight:600}.hero-orbit{position:absolute;left:5%;right:5%;height:410px;top:103px;border:1px solid #d4d1f4;border-radius:50%;z-index:-1;transform:rotate(-25deg)}.phone{padding:7px;background:#24242c;border:1px solid #44444e;border-radius:39px;box-shadow:0 24px 50px #24223e22;overflow:hidden}.phone img{width:100%;border-radius:31px;height:auto}.phone-back{position:absolute;width:236px;left:32px;top:95px;transform:rotate(-9deg)}.phone-front{position:absolute;width:265px;right:22px;top:79px;transform:rotate(6deg)}.visual-footer{position:absolute;left:29px;right:29px;bottom:20px;display:flex;align-items:center;gap:11px;color:#777399;font-size:11px;line-height:1.5}.visual-footer strong{color:#4c476e;font-weight:500}.mini-mark{font-size:27px;font-weight:750;letter-spacing:-1px;color:var(--accent)}.visual-index{margin-left:auto;font-size:10px;letter-spacing:1.5px}.principles{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:95px}.principles>span{font-size:10px;letter-spacing:1.4px;color:#91919d}.principles>div{font-size:14px;font-weight:550;color:#565665}.intro{padding:104px 0 52px}.intro h2,h2{font-size:52px;line-height:1.1;font-weight:600;letter-spacing:-2.4px;margin:18px 0 20px}.intro>p{font-size:18px;color:var(--muted);line-height:1.7;max-width:600px}@media(min-width:1500px){.hero{gap:62px}.hero-visual{height:670px}.phone-back{width:265px}.phone-front{width:285px}}@media(max-width:1100px){.section-width{width:calc(100% - 64px)}.nav-wrap{padding:0 32px}.hero{gap:20px;min-height:680px;padding-block:50px}h1{font-size:67px;letter-spacing:-3.7px}.hero-visual{height:570px}.phone-front{width:237px;right:8px;top:88px}.phone-back{width:207px;left:10px;top:104px}.nav{gap:20px}.hero-copy>p{font-size:17px}.platform-note{font-size:12px;gap:8px}}@media(max-width:800px){.nav{display:none}.nav-wrap{height:76px}.hero{grid-template-columns:1fr;gap:38px;padding-top:50px}.hero-copy{padding-bottom:0}h1{font-size:clamp(58px,10vw,78px);letter-spacing:-3.5px}.hero-copy>p{max-width:560px}.hero-visual{height:580px;max-width:580px;width:100%;margin:auto}.phone-front{right:50px;width:260px;top:70px}.phone-back{left:50px;width:235px;top:83px}.visual-footer{display:none}.principles{flex-wrap:wrap;padding-block:22px;justify-content:flex-start;column-gap:30px;row-gap:18px}.principles>span{width:100%}.intro{padding-top:70px}.intro h2,h2{font-size:44px}}@media(max-width:480px){.section-width{width:calc(100% - 40px)}.nav-wrap{padding:0 20px;gap:12px}.nav-cta{font-size:12px;padding:11px 12px}.nav-cta svg{display:none}.brand{font-size:27px}.brand svg{width:29px;height:29px}.hero{padding-top:38px;padding-bottom:40px}.eyebrow{font-size:10px;letter-spacing:1.25px}h1{font-size:57px;letter-spacing:-3.2px;margin-top:19px}.hero-copy>p{font-size:16px}.hero-actions{gap:10px}.button{font-size:14px;padding-inline:22px}.platform-note{gap:8px;font-size:11px}.hero-visual{height:480px;border-radius:22px}.visual-caption{font-size:8px;left:21px;top:22px}.phone-front{width:212px;right:13px;top:69px;border-radius:33px;padding:6px}.phone-back{width:187px;left:13px;top:95px;border-radius:32px;padding:6px}.phone img{border-radius:26px}.principles>div{font-size:12px}.principles{column-gap:21px}.intro{padding:67px 0 32px}.intro h2,h2{font-size:37px;letter-spacing:-1.8px}.intro>p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-bottom:114px}.feature-card{position:relative;border-radius:23px;background:var(--surface);padding:29px 28px 22px;min-height:403px;overflow:hidden;display:flex;flex-direction:column}.feature-number{font-size:10px;letter-spacing:1.4px;font-weight:600;color:#858595}.feature-card h3{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:600;margin:21px 0 15px}.feature-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 18px;max-width:260px}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e4e4ed;padding-top:19px;font-size:11px;color:#9494a2}.card-bottom a{font-size:11px;color:var(--accent);font-weight:600;white-space:nowrap}.group-feature{background:#ededff;min-height:460px;padding-right:20px}.group-feature .card-heading{position:relative;z-index:2;width:63%}.group-feature h3{font-size:32px}.group-feature p{max-width:180px}.group-image{position:absolute;width:187px;left:60%;top:107px;transform:rotate(-8deg);border:5px solid white;border-radius:23px;box-shadow:0 9px 35px #5b58a51a}.group-image img{border-radius:18px}.group-feature .card-bottom{z-index:3;background:#ededff;margin-inline:-28px -20px;padding:19px 28px 0 28px;border-color:#d8d7f0}.card-icon{width:54px;height:54px;border:1px solid #e0e0eb;color:var(--accent);border-radius:16px;display:grid;place-items:center;margin-top:33px;background:white}.card-icon svg{width:27px;height:27px}.typing-illustration{display:flex;gap:6px;align-items:center;width:71px;height:45px;border-radius:19px 19px 19px 4px;background:#dfdffd;margin-top:42px;margin-bottom:0;padding:0 16px}.typing-illustration span{width:8px;height:8px;border-radius:50%;background:#7777e5;animation:typing 1.4s infinite}.typing-illustration span:nth-child(2){animation-delay:.18s}.typing-illustration span:nth-child(3){animation-delay:.36s}@keyframes typing{0%,70%,100%{transform:translateY(0);opacity:.55}35%{transform:translateY(-5px);opacity:1}}.experience{margin-bottom:110px}.experience-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.experience-heading h2{margin-bottom:0}.appearance-toggle{display:flex;border:1px solid var(--line);padding:5px;border-radius:12px;background:#fafafa;gap:3px;margin-bottom:3px}.appearance-toggle button{padding:9px 19px;background:none;border:0;border-radius:8px;color:var(--muted);font-size:13px;cursor:pointer}.appearance-toggle button.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #00000010}.experience-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.experience-info{padding:17px 0}.screen-tabs{display:flex;flex-direction:column}.screen-tabs button{display:flex;gap:18px;align-items:center;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:#8a8a99;font-size:18px;transition:color .2s}.screen-tabs button[aria-selected=true]{color:var(--accent);font-weight:550}.screen-tabs button:hover{color:var(--ink)}.tab-number{font-size:11px;letter-spacing:1px;color:#a5a5b4}.screen-tabs button[aria-selected=true] .tab-number{color:var(--accent)}.tab-plus{margin-left:auto;font-size:23px;line-height:1;font-weight:300}.screen-tabs button[aria-selected=true] .tab-plus{transform:rotate(45deg)}.screen-description{font-size:15px;line-height:1.85;color:var(--muted);min-height:84px;margin:25px 0}.gallery-note{display:flex;gap:8px;align-items:center;color:#9393a3;font-size:11px}.note-line{width:16px;height:1px;background:#9b9bac}.screen-stage{position:relative;border:1px solid #e3e3ee;background:#f4f4f9;min-height:726px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#e4e4ef 1px,transparent 1px),linear-gradient(90deg,#e4e4ef 1px,transparent 1px);background-size:66px 66px;opacity:.45;mask-image:radial-gradient(ellipse,black,transparent 73%)}.stage-caption{position:absolute;top:28px;left:28px;font-size:10px;letter-spacing:1.5px;color:#9a9aab}.stage-index{position:absolute;bottom:26px;left:28px;font-size:11px;letter-spacing:1px;color:#9a9aab}.screen-zoom{border:0;background:none;cursor:zoom-in;position:relative;padding:0;z-index:1;margin-top:25px}.gallery-phone{width:275px;border-radius:41px;padding:7px;box-shadow:0 21px 40px #22223520}.gallery-phone img{border-radius:32px}.zoom-label{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:18px;font-size:10px;letter-spacing:.3px;color:#8c8c9d}.zoom-label svg{width:12px;height:12px}.screen-stage.is-dark{background:#1c1c2b;border-color:#2c2c3d}.screen-stage.is-dark .stage-grid{background-image:linear-gradient(#3a3a4e 1px,transparent 1px),linear-gradient(90deg,#3a3a4e 1px,transparent 1px)}.screen-stage.is-dark .phone{border-color:#545460}.offline-section{background:#171722;color:white;overflow:hidden}.offline-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px}.offline-visual{position:relative;height:630px;display:flex;justify-content:center;align-items:center;border:1px solid #323240;border-radius:25px;background:radial-gradient(ellipse at 50% 65%,#343147,transparent 70%);overflow:hidden}.offline-phone{width:262px;transform:rotate(-6deg);margin-top:83px;box-shadow:0 26px 50px #00000055;border-color:#676575}.offline-label{position:absolute;top:31px;left:28px;font-size:10px;color:#9591b3;letter-spacing:1.5px}.offline-copy .eyebrow{color:#9995bb}.offline-copy h2{font-size:50px;line-height:1.13;letter-spacing:-2.2px;margin:24px 0}.offline-copy h2 span{color:#b4afff}.offline-copy>p{font-size:16px;color:#a8a6b8;line-height:1.85;max-width:410px}.offline-steps{padding:0;list-style:none;margin:33px 0 0;display:flex;flex-direction:column;gap:23px}.offline-steps li{display:flex;gap:17px;align-items:flex-start}.offline-steps li>span{font-size:11px;color:#9e98de;border:1px solid #454156;border-radius:8px;width:34px;height:34px;display:grid;place-items:center}.offline-steps h4{font-size:14px;margin:0 0 5px;font-weight:500}.offline-steps p{font-size:12px;color:#8c889d;line-height:1.7;margin:0}.ai-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:110px}.ai-copy h2 span{color:var(--accent)}.ai-copy>p{font-size:17px;line-height:1.85;color:var(--muted);max-width:450px}.ai-details{display:flex;flex-direction:column;gap:19px;margin:28px 0 33px}.ai-details>div{display:flex;gap:13px;align-items:center;font-size:14px;color:#606071}.ai-details svg{color:var(--accent);width:19px;height:19px}.text-link{font-size:14px;color:var(--accent);font-weight:600;border-bottom:1px solid #c5c5f5;padding-bottom:5px}.ai-copy .small-note{font-size:11px;line-height:1.7;color:#9999a6;max-width:350px;margin-top:23px}.ai-stage{position:relative;height:590px;border-radius:24px;background:#eeedff;display:flex;justify-content:center;align-items:center;overflow:hidden}.ai-phone{width:239px;margin-top:25px;transform:rotate(4deg)}.ai-stage-label{position:absolute;left:28px;top:27px;font-size:10px;letter-spacing:2px;color:#9491bd}.ai-stage-foot{position:absolute;bottom:24px;text-align:center;color:#8d89b1;font-size:11px}.developer-section{background:#f7f7fa;padding-block:94px}.developer-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;margin-bottom:38px}.developer-heading h2{margin-bottom:0}.developer-heading>p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 4px;max-width:400px}.backend-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.backend-card{background:white;border:1px solid #e7e7ef;border-radius:22px;padding:29px 34px 32px}.backend-name{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:550}.backend-kind{margin-left:auto;font-size:8px;letter-spacing:1.1px;color:#8f8f9f;font-weight:500}.backend-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.supabase-icon{background:#e7faf1;color:#2d976d}.memory-icon{background:#efefff;color:#6767e9}.backend-card h3{font-size:31px;font-weight:550;line-height:1.15;letter-spacing:-1px;margin:29px 0 16px}.backend-card>p{font-size:15px;color:var(--muted);line-height:1.9;max-width:405px}.backend-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.backend-tags>span{font-size:10px;padding:8px 11px;background:#f6f6fa;border-radius:5px;color:#858592}.sdk-strip{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:38px;padding:28px 0 0;border-top:1px solid #dedee9}.sdk-label{font-size:9px;letter-spacing:1.4px;color:#9393a1}.sdk-strip h4{font-size:19px;font-weight:550;letter-spacing:-.3px;margin:10px 0 8px}.sdk-strip p{font-size:13px;color:#838392;margin:0;line-height:1.7}.sdk-strip .button{font-size:12px;min-height:46px;white-space:nowrap}.settings-section{display:grid;grid-template-columns:1.25fr 1fr;gap:85px;padding-block:94px;border-bottom:1px solid var(--line);align-items:center}.settings-title h2{font-size:41px;margin-bottom:0}.settings-copy p{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 26px;max-width:410px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;padding-block:100px}.faq-section h2{font-size:42px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:16px;line-height:1.5;list-style:none;cursor:pointer;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;font-weight:300;color:#9393a8;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.9;color:var(--muted);padding-right:30px;margin:15px 0 0}.faq-list summary:focus-visible{outline:2px solid #9999f5;outline-offset:5px;border-radius:3px}.closing-section{background:var(--accent);color:#fff;overflow:hidden}.closing-inner{position:relative;padding-block:86px;isolation:isolate}.closing-inner .eyebrow{color:#cbcbff}.closing-inner h2{font-size:64px;letter-spacing:-3px;line-height:1.08;margin:24px 0}.closing-inner h2 span{color:#d4d4ff}.closing-inner>p{font-size:16px;color:#d6d6ff;margin-bottom:27px}.white-button{background:white;color:#4c4cdf;font-size:13px}.clear-button{color:white;border:1px solid #8c8cf6;font-size:13px}.clear-button:hover{background:#ffffff10}.closing-wordmark{font-size:clamp(100px,25vw,380px);font-weight:700;letter-spacing:-22px;color:#ffffff0d;position:absolute;bottom:-46px;right:-100px;z-index:-1;line-height:1;pointer-events:none}.footer{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:32px}.footer .brand{font-size:26px}.footer .brand svg{width:27px;height:27px}.footer>span{font-size:11px;color:#90909e}.footer>div{display:flex;gap:22px;font-size:11px;color:#858593}.footer a:hover{color:var(--accent)}dialog{max-width:min(560px,calc(100% - 28px));max-height:92vh;padding:0;border:0;border-radius:20px;background:#f5f5fb;box-shadow:0 30px 90px #0004}dialog::backdrop{background:#111125bb;backdrop-filter:blur(8px)}dialog img{width:100%;height:auto}.dialog-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 19px;background:#ffffffed;border-bottom:1px solid var(--line);z-index:2}.dialog-toolbar h3{font-size:13px;font-weight:550;margin:0}.dialog-close{border:1px solid #dedeea;border-radius:7px;padding:6px 10px;font-size:12px;background:white;cursor:pointer}.dialog-close span{font-size:18px;padding-left:6px}@media(max-width:1100px){.feature-grid{gap:12px}.feature-card{padding-inline:22px}.group-feature .card-bottom{margin-inline:-22px -22px;padding-inline:22px}.feature-card h3{font-size:25px}.group-feature h3{font-size:28px}.group-feature .card-heading{width:75%}.group-image{left:69%;width:168px}.card-bottom{font-size:9px;gap:7px}.card-bottom a{font-size:9px}.feature-card p{font-size:13px}.experience-layout{gap:48px}.screen-stage{min-height:702px}.gallery-phone{width:257px}.offline-inner,.ai-section{gap:50px}.offline-copy h2{font-size:43px}.offline-visual{height:592px}.offline-phone{width:243px}.developer-heading{gap:50px}.backend-card{padding-inline:26px}.backend-kind{font-size:7px}.settings-section{gap:50px}.footer>div{gap:13px}.footer>span{font-size:10px}}@media(max-width:800px){.feature-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:80px}.group-feature{grid-column:1/-1;min-height:360px}.group-feature .card-heading{width:60%}.group-feature p{max-width:300px}.group-image{left:auto;right:8%;top:37px;width:204px}.group-feature h3{font-size:34px}.group-feature .card-bottom{margin-top:30px;background:none}.card-bottom,.card-bottom a{font-size:10px}.feature-card{min-height:360px}.feature-card p{font-size:14px}.experience-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.screen-tabs button{font-size:15px;padding-block:18px;gap:12px}.screen-description{font-size:13px}.screen-stage{min-height:638px}.gallery-phone{width:233px}.experience{margin-bottom:80px}.experience-heading{gap:15px}.appearance-toggle button{padding-inline:12px}.offline-inner{gap:32px;padding-block:70px}.offline-visual{height:560px}.offline-phone{width:212px}.offline-copy h2{font-size:36px;letter-spacing:-1.5px}.offline-copy>p{font-size:14px}.offline-steps li{gap:10px}.offline-steps h4{font-size:12px}.offline-steps p{font-size:11px}.ai-section{gap:30px;padding-block:80px}.ai-stage{height:550px}.ai-phone{width:214px}.ai-copy>p{font-size:15px}.ai-details>div{font-size:12px}.developer-section{padding-block:70px}.developer-heading{gap:32px;grid-template-columns:1fr 1fr}.developer-heading h2{font-size:39px}.developer-heading>p{font-size:14px}.backend-card{padding:25px}.backend-name{font-size:16px}.backend-kind{display:none}.backend-card h3{font-size:27px}.backend-card>p{font-size:14px}.settings-section{gap:35px;padding-block:70px}.settings-title h2{font-size:35px}.settings-copy p{font-size:14px}.faq-section{gap:38px;padding-block:70px}.faq-section h2{font-size:36px}.faq-list summary{font-size:14px}.closing-inner{padding-block:70px}.closing-inner h2{font-size:55px}.footer{flex-wrap:wrap;gap:18px}.footer>div{width:100%;justify-content:space-between}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card{padding:22px 18px;min-height:370px}.feature-card h3{font-size:23px}.feature-card p{font-size:12px}.card-bottom{display:block;padding-top:12px}.card-bottom a{display:block;margin-top:7px}.group-feature{min-height:380px}.group-feature .card-heading{width:59%}.group-feature h3{font-size:29px}.group-feature p{font-size:14px}.group-image{right:-20px;top:68px;width:176px}.group-feature .card-bottom{padding-inline:18px;margin-inline:-18px;display:flex;justify-content:flex-start;gap:16px;background:#ededff}.group-feature .card-bottom a{margin-top:0}.feature-number{font-size:8px;letter-spacing:.9px}.card-icon{margin-top:26px;width:45px;height:45px;border-radius:13px}.typing-illustration{margin-top:34px}.experience-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:26px}.experience-layout{display:flex;flex-direction:column;gap:20px}.experience-info{padding:0}.screen-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden}.screen-tabs button{padding:14px 12px;border-bottom:1px solid var(--line);font-size:12px;gap:9px}.screen-tabs button:nth-child(odd){border-right:1px solid var(--line)}.screen-tabs button:nth-last-child(-n+2){border-bottom:0}.screen-tabs button[aria-selected=true]{background:#f0f0ff}.tab-plus{display:none}.tab-number{font-size:9px}.screen-description{font-size:14px;margin:20px 0 15px;min-height:52px;line-height:1.75}.gallery-note{font-size:10px}.screen-stage{min-height:656px}.gallery-phone{width:249px}.stage-caption{font-size:9px}.experience{margin-bottom:65px}.offline-inner{grid-template-columns:1fr;gap:40px;padding-block:62px}.offline-copy{grid-row:1}.offline-copy h2{font-size:40px}.offline-copy h2 span br{display:none}.offline-copy>p{font-size:15px;max-width:100%}.offline-steps{gap:23px}.offline-steps h4{font-size:14px}.offline-steps p{font-size:12px}.offline-steps li{gap:14px}.offline-visual{height:490px}.offline-phone{width:237px;margin-top:135px}.offline-label{font-size:9px;top:23px;left:23px}.ai-section{grid-template-columns:1fr;padding-block:66px;gap:36px}.ai-copy>p{font-size:16px}.ai-details>div{font-size:14px}.ai-stage{height:555px}.ai-phone{width:229px}.ai-copy .small-note{font-size:11px;max-width:100%}.developer-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.developer-heading h2{font-size:39px}.developer-heading>p{font-size:15px;max-width:100%}.backend-grid{grid-template-columns:1fr;gap:16px}.backend-card{padding:26px}.backend-kind{display:inline;font-size:8px}.backend-card h3{font-size:29px}.backend-card>p{font-size:15px}.sdk-strip{flex-direction:column;align-items:flex-start;gap:20px;margin-top:27px}.sdk-strip h4{font-size:18px}.sdk-strip p{font-size:13px}.settings-section{grid-template-columns:1fr;gap:22px;padding-block:64px}.settings-title h2{font-size:36px}.settings-copy p{font-size:15px;max-width:100%}.faq-section{grid-template-columns:1fr;gap:17px;padding-block:65px}.faq-section h2{font-size:37px;margin-bottom:10px}.faq-section h2 br{display:none}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px;padding-right:0}.closing-inner{padding-block:65px}.closing-inner h2{font-size:46px;letter-spacing:-2.2px}.closing-inner>p{font-size:14px}.closing-wordmark{right:-60px;bottom:-20px;font-size:185px;letter-spacing:-10px}.closing-inner .hero-actions .button{font-size:12px;padding-inline:20px}.footer{padding-block:27px}.footer>span{font-size:10px}.footer>div{gap:10px;font-size:10px}.footer .brand{font-size:25px}.footer .brand svg{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){.typing-illustration span{animation:none}}
/* Keep the main reading text comfortable at every breakpoint. */
.feature-card p,.backend-card>p,.settings-copy p,.faq-list details p,.screen-description,.offline-copy>p{font-size:16px}.feature-card{min-height:490px}.card-bottom,.card-bottom a,.gallery-note,.zoom-label,.ai-stage-foot,.offline-steps p,.backend-tags>span,.footer>span,.footer>div{font-size:12px}.offline-steps h4,.ai-details>div,.appearance-toggle button{font-size:14px}.backend-kind,.feature-number,.stage-caption,.stage-index,.visual-caption{font-size:12px;letter-spacing:1px}.group-feature .card-heading{width:65%}.group-feature p{max-width:200px}.group-image{top:116px;left:67%}.ai-copy .small-note{font-size:12px}.eyebrow{font-size:12px}.platform-note{font-size:13px}@media(max-width:800px){.group-image{left:auto;right:8%}.group-feature .card-heading{width:60%}.group-feature p{max-width:300px}.group-feature{min-height:410px}.developer-heading>p{font-size:16px}.ai-copy>p{font-size:16px}.feature-number{font-size:11px}.card-bottom,.card-bottom a{font-size:12px}.backend-kind{font-size:10px}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:350px;padding:26px}.feature-card h3{font-size:30px}.feature-card p{max-width:100%}.group-feature{min-height:430px}.group-feature .card-heading{width:60%}.group-feature p{max-width:190px}.group-image{right:-27px;left:auto;top:90px;width:188px}.group-feature .card-bottom{padding-inline:26px;margin-inline:-26px}.direct-feature,.typing-feature{min-height:390px}.card-bottom{display:flex}.card-bottom a{margin-top:0}.typing-illustration{margin-top:28px}.screen-tabs button{font-size:14px}.platform-note{font-size:12px;gap:7px}.nav-cta{font-size:14px}.eyebrow{font-size:12px;letter-spacing:1px}.visual-caption{font-size:10px}.offline-steps p{font-size:12px}.footer>span,.footer>div{font-size:12px}.footer>div{flex-wrap:wrap}.backend-kind{font-size:10px}}
.video-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 0 100px}.video-copy h2{font-size:46px}.video-copy h2 span{color:var(--accent)}.video-copy>p{font-size:17px;color:var(--muted);line-height:1.8;max-width:430px}.video-copy .video-note{font-size:12px;color:#9595a4;margin:23px 0 25px}.video-stage{min-height:590px;border:1px solid var(--line);border-radius:24px;background:#f6f6fa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:24px}.video-stage video{width:234px;max-width:100%;aspect-ratio:1206/2622;display:block;border:6px solid #282832;border-radius:32px;background:#12121c;box-shadow:0 20px 40px #19192f20;overflow:hidden}.video-stage>span{font-size:11px;letter-spacing:1.5px;color:#9393a6}@media(max-width:1100px){.video-section{gap:50px}.video-copy h2{font-size:41px}}@media(max-width:800px){.video-section{gap:30px;padding-bottom:75px}.video-stage{min-height:570px;padding:20px}.video-copy h2{font-size:36px}.video-copy>p{font-size:16px}}@media(max-width:600px){.video-section{grid-template-columns:1fr;gap:31px;padding-bottom:65px}.video-copy h2{font-size:37px}.video-stage{min-height:587px}.video-stage video{width:230px}}

/* Readable labels and secondary controls on pale surfaces. */
:root{--metadata:#666677}.platform-note,.principles>span,.feature-number,.card-bottom,.gallery-note,.tab-number,.stage-caption,.stage-index,.zoom-label,.ai-copy .small-note,.footer>span,.footer>div,.video-copy .video-note,.video-stage>span{color:var(--metadata)}.screen-tabs button{color:var(--metadata)}.screen-tabs button[aria-selected=true],.screen-tabs button[aria-selected=true] .tab-number{color:var(--accent)}.screen-stage.is-dark .stage-caption,.screen-stage.is-dark .stage-index,.screen-stage.is-dark .zoom-label{color:#b8b8cc}

.android-section{padding-bottom:105px}.android-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:38px}.android-heading h2{margin-bottom:0}.android-heading h2 span{color:var(--accent)}.android-heading p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 18px}.android-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px}.android-card{padding:0;border:0;background:none;text-align:left;cursor:zoom-in;color:var(--ink);min-width:0}.android-stage{display:flex;align-items:center;justify-content:center;min-height:545px;padding:22px 18px;background:#f5f5fb;border:1px solid var(--line);border-radius:22px;overflow:hidden}.android-phone{display:block;width:208px;max-width:100%;padding:5px;border-radius:31px;transition:transform .2s}.android-phone img{border-radius:25px;width:100%}.android-card:hover .android-phone{transform:translateY(-4px)}.android-card-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 3px 0}.android-card-label strong{font-size:16px;font-weight:550}.android-card-label>span{font-size:11px;letter-spacing:1px;color:var(--metadata)}.android-card-label>span span{font-size:17px;margin-left:5px;color:var(--accent)}.android-gallery-note{margin:24px 0 0;font-size:12px;color:var(--metadata)}@media(max-width:1100px){.android-heading{gap:40px}.android-grid{gap:12px}.android-stage{min-height:470px;padding:16px 12px}.android-phone{width:180px}.android-card-label strong{font-size:14px}.android-card-label>span{font-size:10px}}@media(max-width:800px){.android-section{padding-bottom:75px}.android-heading{grid-template-columns:1fr;gap:20px}.android-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.android-stage{min-height:510px}.android-phone{width:208px}.android-card-label strong{font-size:16px}}@media(max-width:600px){.android-section{padding-bottom:65px}.android-heading h2{font-size:36px}.android-heading{margin-bottom:28px}.android-grid{gap:24px 12px}.android-stage{min-height:350px;padding:16px 10px;border-radius:17px}.android-phone{padding:4px;border-radius:23px}.android-phone img{border-radius:18px}.android-card-label{align-items:flex-start;flex-direction:column;gap:6px;padding-top:12px}.android-card-label strong{font-size:15px}.android-card-label>span{font-size:11px}.android-gallery-note{line-height:1.7}}

/* Product features and verified native platform coverage. */
.feature-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.overview-card{padding:27px;border:1px solid var(--line);border-radius:23px;background:#f8f8fc;display:flex;flex-direction:column;min-width:0;min-height:375px}
.overview-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.overview-top .feature-number{font-size:10px;letter-spacing:1px}
.platform-badge{font-size:10px;line-height:1.5;white-space:nowrap;padding:5px 8px;border-radius:20px;background:#fff;color:#5c5c70;border:1px solid #e4e4ee;font-weight:600}.platform-badge.ios-only{background:#eae8ff;border-color:#d9d5ff;color:#5046b3}
.overview-symbol{display:flex;align-items:center;gap:18px;margin:27px 0 18px;color:var(--accent)}.overview-symbol>svg{width:37px;height:37px}
.overview-card h3{font-size:28px;letter-spacing:-1px;font-weight:600;margin:0 0 14px}.overview-card>p{font-size:16px;line-height:1.75;color:#686879;margin:0 0 19px}.overview-detail{font-size:12px;line-height:1.7;color:var(--metadata);margin-top:auto;margin-bottom:20px}.overview-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid #e1e1ec;padding-top:18px;gap:10px}.overview-link:hover{color:var(--accent)}.overview-link span{font-size:20px;color:var(--accent)}
.overview-offline{background:#eeedff;border-color:#e4e2fa}.overview-ai{background:#f4f0fa;border-color:#e9e1f5}.overview-ai .overview-symbol{color:#8160b2}.theme-swatches{display:flex;gap:5px}.theme-swatches i{width:16px;height:16px;border-radius:50%;background:#5757ef}.theme-swatches i:nth-child(2){background:#0a84d6}.theme-swatches i:nth-child(3){background:#f0663a}.theme-swatches i:nth-child(4){background:#1f9d6b}.theme-swatches i:nth-child(5){background:#3a3a3c}
.conversation-details{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 38px}.conversation-details>span{font-size:10px;letter-spacing:1.2px;color:var(--metadata)}.conversation-details ul{display:flex;gap:20px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.conversation-details li{font-size:13px;color:#565667}.conversation-details li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}
.platform-section{padding:46px 0 100px}.platform-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:30px}.platform-heading h2{font-size:41px;margin-bottom:0}.platform-heading>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.platform-table-wrap{border:1px solid var(--line);border-radius:20px;overflow:hidden}.platform-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.platform-table thead{background:#f6f6fb}.platform-table thead th{font-size:13px;letter-spacing:.3px;color:#5c5c70;font-weight:600;padding:20px 24px}.platform-table thead th:first-child{width:24%}.platform-table tbody th{font-size:15px;font-weight:550;padding:21px 24px}.platform-table td{padding:21px 24px}.platform-table tbody tr+tr{border-top:1px solid var(--line)}.available,.planned{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.available{color:#28735b}.available::before{content:"✓";font-weight:700}.planned{color:#726784}.planned::before{content:"◷";font-size:16px}.platform-table small{display:block;margin-top:7px;line-height:1.6;font-size:12px;color:var(--metadata)}.platform-footnote{font-size:12px;line-height:1.8;color:var(--metadata);max-width:920px;margin:18px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.feature-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card{min-height:355px}.platform-heading{gap:35px}.conversation-details{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.feature-overview{grid-template-columns:1fr;gap:14px}.overview-card{padding:25px;min-height:345px}.overview-top .feature-number{font-size:10px}.overview-card h3{font-size:28px}.overview-symbol{margin-top:23px}.conversation-details{padding-bottom:18px}.conversation-details ul{gap:13px 18px}.conversation-details li{font-size:12px}.platform-section{padding:38px 0 65px}.platform-heading{grid-template-columns:1fr;gap:15px}.platform-heading h2{font-size:35px}.platform-table thead th{padding:17px 10px;font-size:12px}.platform-table thead th:first-child{width:26%}.platform-table tbody th{padding:18px 10px;font-size:13px}.platform-table td{padding:18px 10px;vertical-align:top}.platform-table small{font-size:11px}.available,.planned{font-size:12px;gap:4px}.platform-table-wrap{border-radius:14px}}

/* Keep narrow mobile layouts within the viewport. */
.hero-copy{min-width:0}.hero-actions,.platform-note{flex-wrap:wrap}@media(max-width:480px){h1{font-size:clamp(46px,12.5vw,57px)}}
/* KinBeacon branding and readability. Layout adapted from the supplied Convo website. */
.brand img{border-radius:10px;flex-shrink:0}.brand{font-size:27px;letter-spacing:-1.2px}.brand-dot{margin-left:-7px}.nav-wrap{gap:20px}.nav{gap:24px}.platform-note{flex-wrap:wrap}.hero-copy{min-width:0}.visual-index{font-size:10px}.overview-link{margin-top:auto}.footer .brand img{width:29px;height:29px}
@media(max-width:480px){.brand{font-size:23px}.nav-cta{font-size:12px;padding:10px}.hero-actions{flex-wrap:wrap}h1{font-size:clamp(43px,12vw,57px);letter-spacing:-2.6px}}

.privacy-link{display:inline-block;margin-top:30px;font-size:14px;color:#d4d0ff;border-bottom:1px solid #66607b;padding-bottom:5px}.setup-steps{list-style:none;padding:0;margin:28px 0 30px;display:grid;gap:24px}.setup-steps li{display:flex;gap:17px;align-items:flex-start}.setup-steps li>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #dcdcf0;border-radius:10px;color:var(--accent);font-size:12px}.setup-steps h3{font-size:16px;margin:0 0 6px;font-weight:600}.setup-steps p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.hero-visual .visual-caption{font-size:11px}.offline-steps p{font-size:14px;color:#b9b5ca}.offline-steps h4{font-size:16px}.gallery-note,.zoom-label,.footer>span,.footer>div,.backend-tags>span{font-size:14px}.appearance-toggle button{min-height:42px;font-size:14px}.overview-link{font-size:14px}.overview-top .feature-number{font-size:11px}.platform-badge{font-size:12px}.screen-description,.faq-list details p{font-size:16px}.ai-stage-foot{font-size:12px;padding-inline:16px}.screen-tabs button{min-height:58px}.closing-wordmark{letter-spacing:-10px}.footer{flex-wrap:wrap}.footer>div{flex-wrap:wrap}.dialog-close{min-height:40px;font-size:14px}.dialog-toolbar h3{font-size:14px}.backend-tags{gap:8px}.backend-kind{font-size:10px}.ai-stage{height:640px}.ai-phone{width:245px}.offline-phone{margin-top:25px;width:245px}.offline-visual{height:650px}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:13px}.nav-wrap{gap:15px}.brand{font-size:25px}.nav-cta{font-size:13px}.ai-stage{height:620px}.ai-phone{width:228px}}
@media(max-width:800px){.ai-stage{height:580px}.ai-phone{width:220px}.offline-visual{height:570px}.offline-phone{width:225px}.visual-caption{max-width:80%}}
@media(max-width:600px){.ai-stage{height:610px}.ai-phone{width:239px}.offline-visual{height:610px}.offline-phone{width:239px;margin-top:20px}.screen-tabs button{font-size:14px}.tab-number{font-size:12px}.overview-top .feature-number{font-size:11px}.footer>div{font-size:13px}.gallery-note{font-size:13px}.hero-visual .visual-caption{font-size:10px}.sdk-strip p{font-size:16px}}
@media(max-width:360px){.brand{font-size:21px}.brand img{width:28px;height:28px}.nav-wrap{gap:8px;padding-inline:15px}.nav-cta{font-size:11px;padding:10px 8px}.section-width{width:calc(100% - 32px)}.hero-actions .button{padding-inline:18px}.phone-front{width:190px}.phone-back{width:170px}.hero-visual{height:460px}.gallery-phone{width:225px}.screen-tabs button{padding:13px 9px;gap:6px}.overview-top{flex-wrap:wrap}}