@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132b36;background:white;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,select{font:inherit}a:focus-visible,select:focus-visible{outline:3px solid #087d75;outline-offset:5px}h1,h2,h3,p{margin-top:0}.wrap{max-width:1240px;padding-inline:40px;margin:auto}header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #dbe4e8}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:19px;letter-spacing:-.03em;font-weight:650}.brand span{display:block;font-size:11px;letter-spacing:.12em;color:#526774;font-weight:500;margin-top:5px}.nav nav{font-size:13px}select{font-size:13px;border:1px solid #dbe4e8;background:white;color:#132b36;padding:10px;border-radius:8px;max-width:200px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding-block:85px 95px;min-height:560px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.15em;line-height:1.7;color:#087d75;margin-bottom:24px}h1{white-space:pre-line;font-size:clamp(42px,5.2vw,72px);letter-spacing:-.055em;line-height:1.07;font-weight:650;margin-bottom:26px}.lead{font-size:18px;line-height:1.75;color:#526774;max-width:590px}.hero-link{font-size:14px;color:#087d75;font-weight:600;display:inline-block;margin-top:12px}.hero-link span:last-child{margin-inline-start:18px}.hero-art{position:relative;min-height:340px;isolation:isolate;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#ecf0fc 0,#f0f7f5 45%,transparent 70%);z-index:-1}.hero-art img{filter:drop-shadow(0 25px 28px #10263b24)}.icon-a{width:149px;transform:translate(-30px,-147px) rotate(-8deg)}.icon-b{position:absolute;width:150px;inset-inline-end:8px;bottom:20px;transform:rotate(10deg)}.art-label{position:absolute;bottom:-23px;font-size:11px;letter-spacing:.06em;color:#526774}.section-head{display:flex;justify-content:space-between;align-items:center}.count{font-size:11px;letter-spacing:.1em;color:#526774}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.app-card{border:1px solid #dbe4e8;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 12px 40px #132b3605}.card-body{padding:32px;flex:1;display:flex;flex-direction:column}.app-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}.app-heading img{width:76px;flex-shrink:0}.platform{font-size:11px;color:#526774}.app-heading h2{font-size:clamp(20px,2.2vw,27px);line-height:1.2;letter-spacing:-.04em;font-weight:650;margin:6px 0 0}h3{font-size:23px;letter-spacing:-.035em;line-height:1.25;margin-bottom:15px}.card-body p{font-size:15px;color:#526774;line-height:1.8;margin-bottom:28px}.card-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:auto}.button{display:inline-block;background:#087d75;color:white;border-radius:8px;padding:13px 19px;font-size:13px;font-weight:600}.qss .button{background:#273b87}.button:hover{filter:brightness(.9)}.support-link{font-size:12px;color:#526774;text-decoration:underline;text-underline-offset:4px}.preview{display:block;background:#101b24;border-top:1px solid #dbe4e8;padding:20px}.preview img{width:100%;border-radius:6px;transition:transform .2s}.preview:hover img{transform:scale(1.015)}.apps{padding-bottom:85px}.help-section{background:#101b24;color:white}.help{padding-block:48px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:start}.help h2{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:0}.help p{color:#bfccd2;font-size:15px;line-height:1.8;margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding-block:30px;font-size:12px;color:#526774}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}[dir=rtl] .icon-a{transform:translate(30px,-147px) rotate(8deg)}
@media(max-width:900px){.wrap{padding-inline:24px}.hero{grid-template-columns:1.4fr 1fr;gap:20px}.icon-a{width:170px}.icon-b{width:115px}.card-body{padding:24px}.app-heading{gap:12px}.app-heading img{width:60px}.app-heading h2{font-size:22px}.cards{gap:20px}}
@media(max-width:650px){.nav{flex-wrap:wrap;gap:14px;padding-block:16px}.nav nav{display:none}.brand{font-size:17px}select{font-size:12px;max-width:155px}.hero{grid-template-columns:1fr;padding-block:48px 62px;gap:25px}.hero-art{min-height:230px;max-width:310px;width:100%;margin:auto}.icon-a{width:99px;transform:translate(-35px,26px) rotate(-8deg)}.icon-b{width:115px;bottom:8px}.art-label{bottom:-15px}.lead{font-size:16px}.cards{grid-template-columns:1fr;gap:28px}.app-heading h2{font-size:25px}.help{grid-template-columns:1fr;gap:20px;padding-block:36px}.apps{padding-bottom:50px}.count{display:none}.preview{padding:15px}footer{flex-direction:column;gap:12px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.preview img{transition:none}}

.store-button{display:block;width:100%;font-size:13px;font-weight:600;color:#132b36;border-top:1px solid #dbe4e8;padding-top:18px;margin-top:3px}.store-button:after{content:" ↗"}.nav nav{flex-shrink:0}

/* Five app icons: aligned rows, equal visual size, no absolute positions. */
.app-collection{min-height:370px;padding:24px 0;max-width:440px;width:100%;justify-self:end}
.hero-apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;row-gap:25px;width:100%;position:relative}
.hero-app{grid-column:span 2;display:flex;align-items:center;flex-direction:column;justify-content:start;text-align:center;gap:11px;min-width:0;padding:7px 0;border-radius:16px}
.hero-app:nth-child(4){grid-column:2/span 2}.hero-app:nth-child(5){grid-column:4/span 2}
.hero-app img{width:94px;height:94px;object-fit:contain;transform:none;filter:drop-shadow(0 14px 14px #10263b24);transition:transform .18s}
.hero-app span{font-size:11px;line-height:1.35;font-weight:550;color:#435d6b;max-width:120px}
.hero-app:hover img{transform:translateY(-4px)}
.app-card.black-screens{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.black-screens .card-body{min-width:0}.black-screens .button{background:#1766a8}.black-screens .preview{display:flex;align-items:center;padding:20px;background:#0a111c}.black-screens .preview img{border-radius:9px}.black-screens .store-button{color:#1766a8}
@media(max-width:980px){.app-collection{max-width:360px;min-height:330px}.hero-apps{column-gap:10px;row-gap:24px}.hero-app img{width:80px;height:80px}.hero{grid-template-columns:1.2fr 1fr}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:28px}.app-collection{max-width:340px;min-height:290px;padding:15px 0;margin:0 auto;justify-self:center}.hero-app img{width:82px;height:82px}.hero-apps{gap:20px 12px}.hero-app span{font-size:10px}.app-card.black-screens{grid-template-columns:1fr}.black-screens .preview{padding:15px}.hero-app:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-app img{transition:none}}

/* All five apps use the same horizontal card layout. */
.cards{grid-template-columns:minmax(0,1fr)}
.cards>.app-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cards>.app-card>.card-body{min-width:0}
.cards>.app-card>.preview{display:flex;align-items:center;justify-content:center;border-top:0;border-inline-start:1px solid #dbe4e8;padding:24px;min-width:0;min-height:280px}
.cards>.app-card>.preview img{display:block;width:100%;height:auto;border-radius:10px}
@media(max-width:700px){.cards>.app-card{display:grid;grid-template-columns:minmax(0,1fr)}.cards>.app-card>.preview{min-height:0;border-inline-start:0;border-top:1px solid #dbe4e8;padding:20px}}