@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Archivo+Black&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,-apple-system,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}.cl-nav{max-width:1200px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.cl-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.7px}.cl-nav nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.cl-get{background:var(--text);color:var(--bg);border-radius:999px;padding:10px 18px}main{max-width:1120px;margin:auto;padding:64px 40px 100px}.cl-intro{padding-bottom:70px;max-width:750px}.eyebrow{color:var(--dim);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.cl-intro h1{font-family:'Archivo Black',sans-serif;font-size:clamp(46px,8vw,88px);letter-spacing:-.065em;line-height:1.06;margin:24px 0}.cl-intro h1 span{color:var(--accent)}.cl-intro>p:last-child{font-size:19px;color:var(--dim);max-width:510px}.release{display:grid;grid-template-columns:170px minmax(0,1fr);gap:48px;padding:48px 0 64px;border-top:1px solid var(--line)}.release-date{font-size:13px;color:var(--dim);padding-top:9px}.release-date time{display:block;font-variant-numeric:tabular-nums}.release-date span{display:inline-block;color:var(--accent);font-weight:700;font-size:11px;margin-top:14px;letter-spacing:.025em}.release h1,.release h2{font-size:clamp(29px,4vw,43px);font-weight:800;letter-spacing:-.045em;line-height:1.18;margin:0 0 18px;max-width:640px}.release-summary{font-size:19px;line-height:1.65;color:var(--dim);max-width:640px;margin:0 0 32px}.release-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;background:var(--bg);padding:32px;border-radius:22px}.release-shots figure{margin:0;min-width:0}.release-shots img{border-radius:24px;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 12px 32px #0005}.release-shots figcaption{font-size:12px;color:var(--text);margin-top:16px;line-height:1.5}.demo-note{font-size:11px;color:var(--dim);margin:12px 0 28px}.release-features p{max-width:650px;margin:12px 0}.release-fixes{margin:30px 0}.release-fixes h2,.release-fixes h3{font-family:inherit;font-size:18px;letter-spacing:0;margin:0 0 10px}.release-fixes ul{padding-left:20px;color:var(--dim)}.release-fixes li{padding:4px 0}.release-action{font-weight:700;margin:28px 0}.release-video{margin:30px 0}.release-video video{display:block;width:100%;max-height:650px;border-radius:16px}.release-video figcaption{font-size:13px;color:var(--dim)}.cl-back{display:inline-block;margin:0 0 40px;color:var(--dim);font-size:14px}.cl-footer{max-width:1120px;margin:auto;padding:30px 40px 50px;display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}.cl-footer p{margin-right:auto}.skip-link{position:absolute;top:-100px;left:16px;padding:10px 20px;background:var(--text);color:var(--bg);z-index:10}.skip-link:focus{top:12px}@media(max-width:700px){.cl-nav{padding:20px}.cl-nav nav{gap:16px}.cl-nav{flex-wrap:wrap}.cl-nav nav{width:100%;justify-content:space-between}main{padding:36px 20px 56px}.cl-intro{padding-bottom:28px}.cl-intro>p:last-child{font-size:16px}.release{display:block;padding:28px 0 40px}.release-date{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:0}.release-date span{margin:0;font-size:10px}.release-summary{font-size:17px}.release-shots{gap:16px;padding:20px 16px;border-radius:16px}.release-shots img{border-radius:16px}.release-shots figcaption{font-size:11px}.cl-footer{padding:24px 20px;flex-wrap:wrap;gap:16px}.cl-footer .cl-brand{width:100%}.cl-footer p{margin:0 auto 0 0}.cl-back{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:700px){.release-shots{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.release-shots figure{flex:0 0 85%;scroll-snap-align:center}.release-shots figcaption{font-size:12px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}main>.release:first-of-type{border-top:0;padding-top:0}

.cl-get.hg-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 26px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);font-size:16px;font-weight:600;white-space:nowrap;text-decoration:none}.cl-get:hover{background:var(--raised)}.hg-pill-glyph{display:inline-flex;width:17px;height:17px}.hg-pill-glyph svg{width:100%;height:100%;fill:currentColor}.hg-pill-disc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--button-disc);color:var(--button-text)}.hg-pill-disc svg{width:18px;height:18px}

.annotated-shot{display:block;position:relative;aspect-ratio:400/850}.release-shots .annotated-shot img{position:absolute;left:12.5%;top:10.588%;width:75%;max-width:none}.shot-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.shot-ink text{fill:#000;stroke:none;text-anchor:middle;font:400 23px "Homemade Apple",cursive}.handwritten-label{font:400 23px/1.5 "Homemade Apple",cursive;color:#000;text-align:center;padding-top:6px}.release-shots:has(.annotated-shot){padding:0;gap:16px}.release-shots .annotated-shot+figcaption{margin-top:0}

.cl-brand{display:inline-flex;font-size:21px;font-weight:600;letter-spacing:-.02em}.cl-brand img{width:30px;height:30px;border-radius:8px}

.handwritten-label.ranking-label{font-size:24px;line-height:1.05;text-align:left;transform:rotate(-5deg);padding:7px 3px}

.release-shots figcaption{font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;min-height:56px}.release-features{font-size:18px;line-height:1.7}.release-action{font-size:19px}.demo-note{font-size:13px}
@media(max-width:700px){.release-shots,.release-shots:has(.annotated-shot){display:grid;grid-template-columns:minmax(0,1fr);gap:36px;overflow:visible;scroll-snap-type:none;padding:0}.release-shots figure{width:100%;min-width:0}.release-shots figcaption{font-size:23px;min-height:0;margin-bottom:4px}.annotated-shot{aspect-ratio:450/850}.release-shots .annotated-shot img{left:11.111%;width:66.667%}.shot-ink{width:88.889%}.release-summary{font-size:19px;line-height:1.6}.release h2{font-size:34px}.release-features{font-size:18px}.release-action{font-size:19px}}

.release-features{padding-left:23px;margin:24px 0}.release-features li{padding-left:4px;margin:14px 0}.release-features li::marker{color:var(--dim)}.release-features strong,.release-action strong{font-weight:800}.release-action{font-size:18px;font-weight:400;line-height:1.7}

.release-shots .release-entry{grid-column:auto;width:100%;max-width:430px;justify-self:center}.release-entry .entry-shot{height:auto;aspect-ratio:400/540;overflow:hidden}.release-entry .entry-shot img{top:16.667%;clip-path:inset(0 0 35% 0 round 24px);box-shadow:none}.release-entry .shot-ink{height:auto;aspect-ratio:400/850;top:0}@media(max-width:700px){.release-entry .entry-shot{aspect-ratio:450/540}.release-entry .entry-shot img{top:16.667%}}

/* SVG text avoids WebKit foreignObject positioning bugs. Reserve the callout gutter. */
.annotated-shot:not(.entry-shot){aspect-ratio:450/850}
.release-shots .annotated-shot:not(.entry-shot) img{left:11.111%;width:66.667%}
.annotated-shot:not(.entry-shot) .shot-ink{width:100%}
.shot-ink .ranking-label{font-size:22px;text-anchor:start}

/* Preserve the complete challenge ranking and rule beneath the entry control. */
.release-entry .tall-shot{aspect-ratio:400/780;overflow:visible}
.release-entry .tall-shot img{top:11.5385%;clip-path:none}
@media(max-width:700px){.release-entry .tall-shot{aspect-ratio:450/780}}

/* Keep the Settings entry near the bottom of the complete app capture visible. */
.release-entry .whats-new-shot{aspect-ratio:400/850;overflow:visible}
.release-entry .whats-new-shot img{top:10.588%;clip-path:none}
@media(max-width:700px){.release-entry .whats-new-shot{aspect-ratio:450/850}}