:root{--ink:#1d2428;--muted:#62696d;--line:#e3e6e7;--blue:#0069cf;--canvas:#fafafa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #0069cf;outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;background:#fff;padding:16px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:#fafafaeF;border-bottom:1px solid #e6e7e899;backdrop-filter:blur(20px)}.nav{height:78px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1d292b;color:white;font-size:29px;font-weight:750;line-height:1;letter-spacing:-3px;padding-right:3px;padding-bottom:4px}.brand-small{font-size:10px;letter-spacing:2px;font-weight:600;margin-left:1px;align-self:flex-end;padding-bottom:3px}.nav-links{display:flex;gap:30px;margin-left:auto;font-size:14px}.nav-links a:hover{color:var(--blue)}.nav-cta{border:1px solid #c8ccce;padding:10px 17px;border-radius:30px;font-size:14px}.nav-cta:hover{background:#e9edef}.hero{text-align:center;padding-top:76px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:650;color:#58656b}h1{font-size:clamp(48px,6.4vw,84px);line-height:1.05;letter-spacing:-4.5px;font-weight:650;margin:23px 0}h1 span{color:#7e8589}.hero-copy{font-size:21px;line-height:1.55;color:#5f686d;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 25px;border-radius:40px;font-size:16px;font-weight:550;border:0;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:#38454c}.release-note{font-size:13px;color:#737b80;margin-top:14px}.product-stage{display:grid;grid-template-columns:1fr 1.07fr 1fr;gap:20px;max-width:1090px;margin:64px auto 0;align-items:center;text-align:left}.preview{border:1px solid #dde1e1;border-radius:28px;padding:25px;box-shadow:0 24px 45px -35px #20364460;min-width:0;height:370px;background:white}.preview-tools{transform:rotate(-4deg) translateY(12px);background:#f0f6f3;color:#173e35}.preview-close{z-index:1;height:405px;background:#183247;color:white;box-shadow:0 30px 60px -35px #183247a0}.preview-machine{transform:rotate(4deg) translateY(12px);background:#f8f4ef;color:#343d40}.preview-top{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:24px}.preview-top img{border-radius:10px}.dots{margin-left:auto;letter-spacing:1px}.small-label{font-size:10px;letter-spacing:1.3px;opacity:.7;font-weight:650}.preview h2{font-size:29px;line-height:1.12;letter-spacing:-1px;margin:10px 0 20px}.stat-row{display:flex;gap:40px;margin-bottom:16px}.stat-row strong{display:block;font-size:27px;font-weight:600}.stat-row span{font-size:11px}.mini-row{display:flex;align-items:center;gap:9px;border-top:1px solid #d7e1dd;padding:12px 0;font-size:11px}.tile{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#dfebe5;color:#286652;font-size:10px;font-weight:600}.mini-row b{display:block;font-weight:600}.mini-row small{display:block;margin-top:3px;color:#62716b;font-size:10px}.pill{display:inline-block;font-size:9px;padding:5px 7px;background:#d6eae0;color:#205c45;border-radius:12px;white-space:nowrap}.mini-row .pill{margin-left:auto}.pale{background:#e7ede8}.gold{background:#f2bc53;color:#24313c}.job-card{border:1px solid #547083;border-radius:18px;padding:16px;background:#213e53}.job-card h3{font-size:16px;letter-spacing:-.4px;margin-top:14px}.job-card p{font-size:11px;color:#c4d1da;margin:7px 0 14px}.check-line{font-size:12px;margin:10px 0}.check-line span{color:#f2bc53;margin-right:7px}.app-letter{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--app-color,#b74718);color:white;font-size:18px;font-weight:600}.service-card{background:white;border:1px solid #e5dfd8;border-radius:15px;padding:16px;margin:24px 0 14px}.service-title{font-size:14px;font-weight:600;margin:10px 0 20px}.meter{height:7px;background:#eee9e4;border-radius:8px;overflow:hidden}.meter span{display:block;width:83%;height:100%;background:#c36538;border-radius:8px}.meter-label{display:flex;justify-content:space-between;font-size:10px;margin-top:10px}.meter-label span{color:#776d64}.orange{background:#f7e4d6;color:#9b4c22}.preview-caption{font-size:12px;color:#727a7e;margin:35px 0 0}.family-strip{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:14px;font-weight:600;color:#727b81;padding-block:48px;border-bottom:1px solid var(--line)}.footer{padding-block:50px}.footer>p{font-size:14px;color:var(--muted);margin:20px 0 38px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:90px}}@media(max-width:950px){.wrap{width:calc(100% - 40px)}.nav{gap:20px}.nav-links{gap:20px}.product-stage{gap:12px}.preview{padding:18px}.preview h2{font-size:25px}.mini-row .pill{display:none}.family-strip{justify-content:center;column-gap:32px}h1{letter-spacing:-3px}}@media(max-width:700px){.nav{height:68px}.brand{font-size:21px}.brand-small,.nav-links{display:none}.nav-cta{margin-left:auto;font-size:12px}.hero{padding-top:48px}.eyebrow{font-size:10px;letter-spacing:1.4px}h1{font-size:clamp(43px,10vw,64px);letter-spacing:-2.4px;margin-top:22px}.hero-copy{font-size:17px}.product-stage{grid-template-columns:1fr;max-width:370px;margin-top:36px;gap:16px}.preview{height:auto;min-height:350px;padding:24px}.preview h2{font-size:29px}.preview-tools,.preview-machine{transform:none}.preview-close{order:-1}.preview-machine{display:none}.preview-tools{min-height:330px}.preview-caption{font-size:11px;line-height:1.5;margin-top:22px}.family-strip{font-size:12px;padding-block:30px;gap:18px 25px}.footer-bottom{flex-direction:column;font-size:12px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.section{padding-block:105px}.section h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin-top:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}.section-heading>p{font-size:17px;line-height:1.6;color:var(--muted);padding-bottom:4px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.app-card{background:white;border:1px solid #e2e5e7;border-radius:26px;padding:28px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:100px;transition:box-shadow .2s,transform .2s}.app-card:hover{box-shadow:0 15px 40px -24px #1d292b50;transform:translateY(-3px)}.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:29px}.collection-icon{width:56px;height:56px;border-radius:15px;flex-shrink:0}.letter-icon{display:grid;place-items:center;background:var(--app-color);color:white;font-size:27px;font-weight:650}.coming{font-size:11px;color:#677078;padding:6px 8px;border:1px solid #e2e5e7;border-radius:20px}.app-category{font-size:10px;letter-spacing:1.3px;color:var(--app-color);font-weight:650;line-height:1.5}.app-card h3{font-size:24px;font-weight:600;letter-spacing:-.8px;margin-top:7px}.app-headline{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.14;margin:22px 0 17px}.app-description{font-size:16px;line-height:1.65;color:#626b70;margin-bottom:24px;flex:1}.app-sample{background:var(--app-tint);border-radius:13px;display:flex;gap:10px;align-items:center;padding:15px 12px;margin-bottom:23px;min-height:74px}.sample-mark{color:var(--app-color);font-size:17px;background:white;border-radius:8px;padding:7px}.app-sample b{font-size:12px;display:block;font-weight:600}.app-sample div>span{font-size:10px;color:#667078;display:block;margin-top:5px;line-height:1.4}.text-button{background:none;border:0;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0;min-height:40px;font-size:14px;font-weight:550;color:var(--app-color)}.plus{display:grid;place-items:center;width:29px;height:29px;background:var(--app-tint);border-radius:50%;font-size:20px;font-weight:400}.text-button:hover .plus{background:var(--app-color);color:#fff}.approach{background:#1b272d;color:white}.approach .eyebrow{color:#a9bec8}.approach-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:end}.approach-heading h2{font-size:clamp(37px,4.6vw,61px);line-height:1.1;letter-spacing:-2.6px}.approach-heading>p{font-size:18px;line-height:1.6;color:#c2cdd2;max-width:430px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:70px;border-top:1px solid #465157;padding-top:35px}.principles article>span{font-size:11px;letter-spacing:1.3px;color:#a9bec8}.principles h3{font-size:22px;margin:16px 0 13px;letter-spacing:-.5px}.principles p{font-size:16px;line-height:1.65;color:#b7c3ca}.finder{text-align:center}.section-intro{font-size:18px;color:var(--muted);line-height:1.6;margin:20px 0 28px}.filter-list{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.filter{padding:12px 20px;border:1px solid #dde2e4;border-radius:30px;background:white;font-size:14px;color:#46535a;min-height:44px}.filter:hover{background:#edf1f2}.filter.active{background:#22343c;color:white;border-color:#22343c}.result-count{font-size:12px;color:var(--muted);margin:25px 0 18px}.finder-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.finder-result{border:1px solid #e1e5e7;background:white;border-radius:17px;padding:20px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink);min-width:0;transition:border-color .2s}.finder-result:hover{border-color:var(--app-color)}.finder-result .collection-icon{width:43px;height:43px;border-radius:12px;font-size:22px}.finder-result b{display:block;font-size:16px;font-weight:600}.finder-result small{display:block;font-size:11px;color:var(--muted);margin-top:5px;text-transform:capitalize;line-height:1.4}.result-plus{margin-left:auto;color:#69777e;font-size:20px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font-size:17px;font-weight:550;padding:25px 30px 25px 0;position:relative;line-height:1.45}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:24px;font-weight:400;font-size:21px;color:#6c7478}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:16px;color:var(--muted);line-height:1.7;padding:0 24px 25px 0}.closing{text-align:center;background:#edf1f4;border-radius:30px;padding:66px 30px;margin-bottom:32px}.closing h2{font-size:clamp(31px,4vw,49px);line-height:1.12;letter-spacing:-1.8px;margin:20px 0}.closing>p:not(.eyebrow){font-size:17px;line-height:1.6;color:var(--muted);margin:20px 0 27px}dialog{border:1px solid #dce1e4;border-radius:28px;padding:0;width:min(620px,calc(100% - 32px));max-height:90dvh;box-shadow:0 25px 90px #18262b55;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#17232c85;backdrop-filter:blur(7px)}.dialog-close{position:sticky;float:right;top:20px;margin:20px 20px 0 0;border:0;background:#edf0f2;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:26px;color:#43515b;z-index:1}.dialog-content{padding:42px}.dialog-content>.collection-icon{margin-bottom:24px}.dialog-content h2{font-size:35px;letter-spacing:-1px;margin:8px 0 20px}.dialog-tagline{font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.7px}.dialog-description{font-size:17px;line-height:1.65;margin:20px 0;color:var(--muted)}.audience{font-size:14px;color:var(--app-color);font-weight:600;line-height:1.5}.dialog-content h3{font-size:17px;margin:30px 0 14px}.dialog-content ul{padding-left:22px;font-size:16px;line-height:1.6}.dialog-content li{margin:9px 0}.app-limit{font-size:13px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.dialog-launch{background:var(--app-tint);border-radius:15px;margin-top:25px;padding:18px}.dialog-launch b{font-size:15px;color:var(--app-color)}.dialog-launch p{font-size:13px;line-height:1.6;margin-top:7px;color:var(--muted)}
@media(max-width:1050px){.app-grid{grid-template-columns:repeat(2,1fr)}.finder-results{grid-template-columns:repeat(2,1fr)}.approach-heading{gap:50px}.principles{gap:30px}.faq{gap:40px}.app-category{font-size:11px}.app-sample b{font-size:13px}.app-sample div>span{font-size:11px}}
@media(max-width:700px){.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;font-size:16px}.section h2{font-size:36px;letter-spacing:-1.5px}.app-grid{grid-template-columns:1fr;gap:16px}.app-card{padding:26px}.app-card-top{margin-bottom:24px}.app-headline{font-size:30px}.app-description{font-size:16px}.app-category{font-size:11px}.coming{font-size:12px}.app-sample b{font-size:14px}.app-sample div>span{font-size:12px}.text-button{font-size:16px}.approach-heading{grid-template-columns:1fr;gap:25px}.approach-heading>p{font-size:17px}.approach-heading h2{font-size:42px}.principles{grid-template-columns:1fr;gap:28px;margin-top:35px}.principles h3{margin-top:12px}.finder-results{grid-template-columns:1fr}.finder-result small{font-size:12px}.section-intro{font-size:16px}.filter{padding:11px 15px;font-size:13px}.faq{grid-template-columns:1fr;gap:30px;padding-top:0}.faq-list summary{font-size:16px}.closing{padding:48px 23px;border-radius:22px}.closing h2{font-size:32px;letter-spacing:-1.4px}.dialog-content{padding:29px}.dialog-content h2{font-size:30px}.dialog-tagline{font-size:25px}.finder-result{padding:18px}}
/* Readable metadata at every responsive breakpoint. */
.small-label,.app-category,.eyebrow,.brand-small,.coming,.preview-caption,.stat-row span,.mini-row,.mini-row small,.tile,.pill,.job-card p,.meter-label,.app-sample div>span,.finder-result small,.principles article>span{font-size:12px}.preview{height:400px}.preview-close{height:440px}.preview-top{margin-bottom:22px}.preview h2{margin-bottom:17px}.mini-row .pill{padding-inline:6px}.preview-tools .mini-row .pill{display:none}.preview-machine .mini-row small{max-width:170px}.app-sample b{font-size:14px}.filter{font-size:14px}
@media(max-width:950px) and (min-width:701px){.preview{padding:16px}.preview h2{font-size:25px}.preview-top{font-size:12px;gap:7px}.preview-top img,.preview-top .app-letter{width:28px;height:28px}.preview .small-label{font-size:12px}.preview-machine .mini-row small{max-width:120px}.preview .tile{display:none}.meter-label{flex-wrap:wrap;gap:5px}}
@media(max-width:700px){.preview{height:auto;min-height:360px}.preview-close{min-height:410px}.eyebrow{font-size:12px;letter-spacing:1.2px}.preview-caption{font-size:12px}.brand-small{display:none}.app-sample div>span{font-size:12px}}

/* Keep app information available before JavaScript loads. */
html{scrollbar-gutter:stable}
.app-sample .sample-label{font-size:12px;letter-spacing:.6px;text-transform:uppercase;margin:0 0 6px;color:#62696d}
.dialog-close{width:44px;height:44px}
@media(max-width:700px){
 .nav{height:auto;min-height:68px;flex-wrap:wrap;column-gap:12px;row-gap:0;padding-top:14px}
 .nav-links{display:flex;order:3;width:100%;justify-content:center;gap:28px;font-size:13px;margin:6px 0 0}
 .nav-links a{display:flex;align-items:center;min-height:44px}
 html{scroll-padding-top:130px}
 .app-card{scroll-margin-top:130px}
}

/* Phone and tablet layout: allow content to reflow without hiding overflow. */
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.text-button{min-height:44px;gap:12px}
.plus,.result-plus,.sample-mark,.preview-top img,.preview-top .app-letter{flex-shrink:0}
.finder-result>span:not(.collection-icon):not(.result-plus),.app-sample>div,.mini-row>div{min-width:0;overflow-wrap:anywhere}
.app-card h3,.dialog-content h2{overflow-wrap:anywhere}
.app-card-top{flex-wrap:wrap}
.preview{height:auto;min-height:400px}
.preview-close{min-height:440px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.dialog-content{overflow-wrap:anywhere}
dialog{max-height:90vh;max-height:90dvh;overflow-y:auto}
@media(min-width:701px) and (max-width:950px){
 .nav{gap:16px}
 .nav-links{gap:16px}
 .brand-small{display:none}
 .product-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
 .preview{padding:24px;transform:none;min-height:420px}
 .preview h2{font-size:29px}
 .preview-top{font-size:14px}
 .preview-machine{display:none}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 32px)}
 .nav{column-gap:8px}
 .brand{font-size:20px;gap:8px}
 .nav-cta{padding:10px 12px}
 .nav-links{gap:12px;justify-content:space-between}
 .nav-links a{justify-content:center;flex:1;padding-inline:4px;text-align:center}
 .hero{padding-top:36px}
 h1{font-size:clamp(36px,10vw,64px);letter-spacing:-1.8px}
 .desktop-break{display:none}
 .preview{min-height:0;padding:22px}
 .preview-close{min-height:0}
 .app-card{padding:22px}
 .filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .filter{padding:12px 10px;border-radius:18px;line-height:1.4}
 .finder-result{gap:12px}
 .dialog-content{padding:24px}
 .dialog-close{top:12px;margin:12px 12px 0 0}
 .footer-bottom{align-items:flex-start}
}
@media(max-width:360px){
 .brand{font-size:18px}
 .nav-cta{font-size:12px;padding-inline:10px}
 .app-card{padding:20px}
 .approach-heading h2{font-size:36px}
 .dialog-content h2{font-size:27px}
}
@media(hover:none){
 .button:hover,.app-card:hover{transform:none}
}
@media(max-height:500px) and (orientation:landscape){
 .header{position:relative}
 html{scroll-padding-top:16px}
 .app-card{scroll-margin-top:16px}
}