:root{--ink:#202039;--muted:#646478;--accent:#514cba;--accent-dark:#383187;--paper:#f8f8fc;--line:#e4e3ef;--white:#fff;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--accent-dark)}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:5px}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.wrap{max-width:1180px;margin:auto;padding:0 32px}.header{position:sticky;top:0;z-index:5;background:#f8f8fcf5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{height:88px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:1.35rem;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.brand img{width:42px;border-radius:11px}.navlinks{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:.9375rem}.navlinks a,.lang a{text-decoration:none;color:var(--muted)}.navlinks a:hover,.lang a:hover{color:var(--accent)}.lang{display:flex;gap:12px;font-size:.875rem;border-left:1px solid var(--line);padding-left:24px}.lang .current{color:var(--accent);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:14px;background:var(--accent);color:white;text-decoration:none;font-weight:650;font-size:1rem;line-height:1.4}.btn:hover{background:var(--accent-dark);color:white}.btn.small{padding:10px 18px;font-size:.875rem}.btn.secondary{background:white;color:var(--accent);border:1px solid var(--line)}.mobile-menu{display:none}.eyebrow{color:var(--accent);font-size:.875rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700}.pill{display:inline-block;border:1px solid #d9d7f0;border-radius:30px;background:#efedf9;color:var(--accent-dark);padding:6px 16px;font-size:.875rem;font-weight:600}.hero{text-align:center;padding-top:62px}.hero h1{font-size:clamp(3.1rem,6.8vw,5.6rem);line-height:1.08;letter-spacing:-.065em;margin:25px 0 24px;font-weight:760}.hero h1 span{color:var(--accent)}.hero .lead{max-width:670px;margin:0 auto;color:var(--muted);font-size:1.25rem;line-height:1.6}.actions{display:flex;gap:16px;justify-content:center;align-items:center;margin:28px 0 12px}.availability{font-size:.875rem;color:var(--muted);margin:12px 0 0}.stage{position:relative;margin:48px auto 0;max-width:1090px;padding:26px 32px 65px 120px;background:linear-gradient(135deg,#eeedf9,#e0e0f2 65%,#ecebf6);border:1px solid #e0dff1;border-radius:38px}.mac-shot{border:1px solid #d5d2e3;border-radius:16px;box-shadow:0 20px 60px #25204e26;overflow:hidden;background:white}.phone{border:6px solid #252536;border-radius:36px;overflow:hidden;background:white;box-shadow:0 18px 44px #25204e26}.stage .phone{position:absolute;width:192px;left:28px;bottom:26px;transform:rotate(-3deg)}.stage-label{margin:24px 0 0;text-align:right;color:#69657c;font-size:.875rem}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:42px 0 62px;border-bottom:1px solid var(--line)}.value{text-align:center}.value strong{display:block;font-weight:650;font-size:1.05rem}.value span{font-size:.9375rem;color:var(--muted)}.section{padding:88px 0}.section-title{max-width:680px;margin-bottom:45px}.section h2,.cta h2{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.15;margin:14px 0 20px;font-weight:730}.section p{color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin:64px 0 100px}.feature:last-child{margin-bottom:0}.feature.reverse .feature-art{order:2}.feature-art{background:#eeedf7;border:1px solid var(--line);border-radius:var(--radius);padding:40px 55px;display:flex;justify-content:center;max-height:570px;overflow:hidden}.feature-art .phone{width:244px;flex-shrink:0;align-self:flex-start;transform:translateY(10px)}.feature h3{font-size:2.1rem;line-height:1.18;letter-spacing:-.035em;margin:12px 0 22px}.feature ul{padding-left:20px;color:var(--muted)}.feature li{margin:10px 0}.small-link{font-weight:600}.mac-section{background:#252238;color:white;border-radius:36px;padding:62px;overflow:hidden}.mac-section .eyebrow{color:#c0baf5}.mac-section h2{max-width:630px}.mac-section p{color:#cbc6df;max-width:640px}.mac-section .mac-shot{margin-top:38px;box-shadow:0 20px 60px #0005;border-color:#817993}.mac-facts{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.mac-facts span{border:1px solid #68617e;border-radius:25px;padding:7px 14px;color:#ded9ef;font-size:.875rem}.privacy-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:start}.privacy-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:35px}.privacy-panel h3{font-size:1.15rem;margin:0 0 8px}.privacy-panel p{margin:0 0 26px;font-size:1rem}.privacy-panel p:last-child{margin-bottom:0}.faq{max-width:800px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:1.125rem;font-weight:600;list-style-position:outside;margin-left:20px}.faq details p{padding:0 0 0 20px;margin-bottom:0}.cta{background:#ebe9f7;border:1px solid #dedbef;border-radius:32px;padding:54px;text-align:center;margin-bottom:80px}.cta p{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:.875rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer a{text-decoration:none;color:var(--muted)}.page-head{padding:72px 0 48px}.page-head h1{font-size:clamp(2.8rem,5vw,4.6rem);letter-spacing:-.06em;line-height:1.12;margin:15px 0 25px}.page-head p{color:var(--muted);max-width:650px;font-size:1.15rem}.document{max-width:790px;padding-bottom:90px}.document h2{font-size:1.6rem;line-height:1.3;letter-spacing:-.025em;margin:42px 0 15px}.document p,.document li{color:var(--muted)}.document address{font-style:normal}.release{display:grid;grid-template-columns:190px 1fr;gap:45px;border-top:1px solid var(--line);padding:40px 0}.release-version{font-size:2.5rem;line-height:1.2;letter-spacing:-.045em;font-weight:700}.release-meta{color:var(--muted);font-size:.875rem;margin-top:16px}.release h2{font-size:1.8rem;margin:0 0 16px;letter-spacing:-.03em}.release p,.release li{color:var(--muted)}.release li{margin-bottom:12px}.release .pill{margin-top:14px}.support-card{background:white;border:1px solid var(--line);padding:35px;border-radius:var(--radius);margin:30px 0}.support-card h2{margin-top:0}.support-card a{overflow-wrap:anywhere}.note{border-left:3px solid var(--accent);padding:5px 0 5px 24px;color:var(--muted)}.home-release{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:70px}.home-release p{margin:0;font-size:1rem}.home-release a{flex-shrink:0}.photo-caption{font-size:.875rem;color:var(--muted);margin-top:16px}
@media(max-width:950px){.navlinks{gap:15px}.nav{gap:20px}.feature{gap:45px}.mac-section{padding:40px}.privacy-grid{gap:40px}.nav .btn.small{display:none}.stage{padding-left:100px}.stage .phone{width:165px}.feature-art{padding:35px}.footer-inner{align-items:flex-start}.hero{padding-top:45px}}
@media(max-width:700px){.wrap{padding:0 22px}.nav{height:74px;gap:18px}.brand img{width:36px}.navlinks{display:none}.lang{margin-left:auto;border:0;padding:0}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;font-size:.875rem;list-style:none;padding:8px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:73px;left:0;right:0;display:flex;flex-direction:column;gap:10px;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line)}.mobile-menu nav a{padding:8px;text-decoration:none}.hero{padding-top:38px}.hero h1{margin:21px 0;font-size:3.2rem}.hero .lead{font-size:1.08rem}.actions{gap:12px;flex-wrap:wrap;margin-top:24px}.btn{font-size:.9375rem;padding:13px 19px}.availability{font-size:.8125rem}.stage{margin-top:34px;padding:20px 15px 48px 40px;border-radius:22px}.stage .mac-shot{border-radius:8px}.stage .phone{width:100px;left:12px;bottom:15px;border-width:3px;border-radius:18px}.stage-label{font-size:.75rem;margin:18px 0 0}.values{gap:18px;padding:35px 0}.value strong{font-size:.875rem}.value span{font-size:.8125rem}.section{padding:58px 0}.section-title{margin-bottom:30px}.section h2{font-size:2.35rem}.feature,.privacy-grid{grid-template-columns:1fr;gap:28px}.feature{margin:40px 0 65px}.feature.reverse .feature-art{order:0}.feature-art{padding:25px;max-height:480px}.feature-art .phone{width:220px}.feature h3{font-size:1.85rem;margin-top:10px}.mac-section{padding:30px 24px;border-radius:24px}.mac-section h2{font-size:2.25rem}.mac-section .mac-shot{margin-top:28px}.privacy-panel{padding:25px}.cta{padding:35px 22px;margin-bottom:50px;border-radius:24px}.cta h2{font-size:2.1rem}.footer-inner{flex-direction:column;gap:20px}.footer-links{gap:18px}.page-head{padding:45px 0 28px}.release{grid-template-columns:1fr;gap:24px;padding:30px 0}.release-meta{margin-top:10px}.release-version{font-size:2.1rem}.home-release{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:40px}.document{padding-bottom:55px}.document h2{font-size:1.4rem}.support-card{padding:25px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Keep the product visible early, including on laptop screens. */
@media(min-width:701px){.hero{padding-top:42px}.hero h1{font-size:clamp(3.1rem,6vw,4.8rem);margin:22px 0}.hero .lead{font-size:1.125rem;max-width:730px}.stage{margin-top:32px}.actions{margin-top:23px}}
@media(max-width:700px){.stage-label{max-width:calc(100% - 90px);margin-left:auto;text-align:right}.stage{padding-bottom:30px}}

/* The person behind Klyron. */
.developer-teaser{display:grid;grid-template-columns:100px 1fr;gap:36px;align-items:start;padding:42px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 70px}.developer-teaser h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15;max-width:780px;margin:12px 0 18px}.developer-teaser p{max-width:730px}.developer-monogram{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:white;border-radius:26px;font-size:2rem;font-weight:750;letter-spacing:-.06em}.developer-signature{display:flex;align-items:center;gap:22px;margin:0 0 45px}.developer-signature strong,.developer-signature span:not(.developer-monogram){display:block}.developer-signature strong{font-size:1.3rem}.developer-signature div span{color:var(--muted);margin-top:5px}.developer-document .developer-monogram{width:76px;height:76px;font-size:1.7rem;border-radius:22px}
@media(max-width:700px){.developer-teaser{grid-template-columns:1fr;gap:22px;padding:26px;margin-bottom:40px}.developer-teaser .developer-monogram{width:64px;height:64px;border-radius:18px;font-size:1.5rem}.developer-teaser h2{font-size:1.8rem}.developer-signature{gap:18px;margin-bottom:30px}}

.developer-photo{margin:0 0 36px}.developer-photo img{display:block;width:100%;height:auto;border-radius:24px}.developer-photo figcaption{font-size:.875rem;color:var(--muted);margin-top:12px}

.developer-photo figcaption{margin-top:16px;font-size:1rem;line-height:1.5}.developer-photo figcaption strong,.developer-photo figcaption span{display:block}.developer-photo figcaption strong{color:var(--ink);font-size:1.15rem}.developer-photo figcaption span{margin-top:2px}

.developer-photo figcaption br{display:none}

.promo-section{padding:42px 0 10px}.promo-section .section-title{margin-bottom:28px}.promo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:24px;background:#f8f8fc;border:1px solid var(--line)}.video-hint{font-size:.875rem;color:var(--muted);margin:14px 0}.video-description{max-width:760px;color:var(--muted);font-size:.9375rem}.video-description summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.video-description p{margin-top:12px}@media(max-width:700px){.promo-section{padding-top:25px}.promo-video{border-radius:16px}}

.video-music-credit{display:block;font-size:.75rem;margin-top:4px;color:var(--muted)}

/* iPhone Duo: forthcoming support, independently of the released Mac app. */
.duo-section{margin:58px 0 25px;padding:48px;background:#eeedf9;border:1px solid #dcd9ef;border-radius:32px}.duo-heading{max-width:760px}.duo-heading h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 24px}.duo-heading p{color:var(--muted)}.duo-status{font-size:.9375rem}.duo-displays{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:38px}.duo-displays figure{margin:0;min-width:0}.duo-displays img{width:100%;border:1px solid #cecae0;border-radius:18px;box-shadow:0 14px 38px #25204e17}.duo-displays figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}.duo-caption{font-size:.8125rem;color:var(--muted);margin-top:16px}.duo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;padding-top:26px;border-top:1px solid #d5d1e8}.duo-cards h3{font-size:1.2rem;line-height:1.3;margin:0 0 12px}.duo-cards p{font-size:1rem;color:var(--muted);margin:0}.release{scroll-margin-top:100px}
@media(max-width:700px){.duo-section{margin-top:35px;padding:28px 22px;border-radius:24px}.duo-cards{grid-template-columns:1fr;gap:25px}.duo-displays{grid-template-columns:1fr;gap:26px}.duo-outer{width:65%;justify-self:center}.duo-displays img{border-radius:12px}.duo-heading h2{font-size:2.2rem}}

.duo-jump{text-decoration:none}.duo-jump:hover{background:#e3dff5}