/* CleanPlay's product identity follows its native Mac palette. */
.page-cleanplay {
  --cp-bg:#060e1b; --cp-text:#edf4ff; --cp-muted:#a1b0c6; --cp-blue:#7acaFF;
  --cp-line:rgba(171,202,244,.14); --cp-surface:#101b2d;
  --text:var(--cp-text); --muted:var(--cp-muted); --accent-strong:#a9dcff;
  margin:0; background:var(--cp-bg); color:var(--cp-text); color-scheme:dark;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.page-cleanplay::before,.page-cleanplay::after { display:none; }
.page-cleanplay * { box-sizing:border-box; }
.page-cleanplay p { color:var(--cp-muted); }
.page-cleanplay h1,.page-cleanplay h2,.page-cleanplay h3 { color:var(--cp-text); }
.page-cleanplay a { color:inherit; }
.page-cleanplay main,.cp-intro { scroll-margin-top:68px; }
.page-cleanplay a:focus-visible,.page-cleanplay button:focus-visible,.page-cleanplay input:focus-visible,.page-cleanplay summary:focus-visible { outline:3px solid #8cd2ff; outline-offset:6px; }
.page-cleanplay .site-header { position:relative; height:auto; min-height:76px; padding-top:0; background:#080f1d; border-bottom:1px solid var(--cp-line); backdrop-filter:none; box-shadow:none; }
.page-cleanplay .site-header::before { display:none; }
.page-cleanplay .header-inner { min-height:76px; padding-block:12px; }
.page-cleanplay .brand-name { color:#f1f5fc; font-size:18px; }
.page-cleanplay .brand-tag { color:#8293ae; font-size:10px; letter-spacing:.02em; }
.page-cleanplay .brand-mark { width:34px; height:34px; min-width:34px; border:0; background:none; box-shadow:none; }
.page-cleanplay .brand-mark img { width:34px; height:34px; }
.page-cleanplay .nav { gap:26px; }
.page-cleanplay .nav a { color:#9caec8; font-size:12px; padding:6px 0; background:none; border:0; box-shadow:none; }
.page-cleanplay .nav a[aria-current],.page-cleanplay .nav a:hover { color:#fff; }
.cp-shell { width:min(1180px,calc(100% - 100px)); margin-inline:auto; }
.cp-wide { width:min(1440px,calc(100% - 48px)); margin-inline:auto; }
.cp-product-nav { position:sticky; top:0; z-index:40; border-bottom:1px solid var(--cp-line); background:rgba(6,14,27,.89); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.cp-product-nav-inner { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cp-product-name { display:flex; align-items:center; gap:11px; font-size:19px; font-weight:650; letter-spacing:-.04em; text-decoration:none; white-space:nowrap; }
.cp-product-name img { border-radius:8px; }
.cp-product-name span { color:#8193ae; font-size:12px; font-weight:400; letter-spacing:0; padding-left:2px; }
.cp-product-nav nav { display:flex; align-items:center; gap:28px; }
.cp-product-nav nav>a { font-size:12px; text-decoration:none; color:#adbbce; }
.cp-product-nav nav>a:hover { color:white; }
.cp-button { appearance:none; border:1px solid rgba(189,229,255,.5); display:inline-flex; justify-content:center; align-items:center; gap:25px; padding:15px 22px; border-radius:8px; font-family:inherit; line-height:1.35; font-size:13px; font-weight:600; color:#071728!important; background:linear-gradient(120deg,#d7efff,#86ceff); text-decoration:none; cursor:pointer; transition:transform .2s,box-shadow .2s; box-shadow:0 4px 24px #2a86cb17; white-space:nowrap; }
.cp-button:hover { transform:translateY(-2px); box-shadow:0 7px 30px #64b9ff30; }
.cp-button:disabled { opacity:.65; cursor:wait; transform:none; }
.cp-button span { font-size:19px; font-weight:400; line-height:1; }
.cp-button.cp-button-small { padding:9px 14px; font-size:11px; gap:20px; border-radius:6px; }
.cp-hero { position:relative; overflow:hidden; padding-top:68px; background:radial-gradient(ellipse 64% 44% at 50% 11%,#172f534c,transparent 86%); }
.cp-hero-copy { text-align:center; position:relative; z-index:1; padding-bottom:55px; }
.cp-release-status { display:flex; gap:11px; justify-content:center; align-items:center; font-size:10px; font-weight:550; letter-spacing:.15em; color:#b1c4de; }
.cp-release-status>span { width:5px; height:5px; border-radius:100%; background:#a2d8ff; box-shadow:0 0 12px #7acaff; }
.cp-release-status i { font-style:normal; color:#40516d; margin-inline:3px; }
.page-cleanplay .cp-hero h1 { font-size:clamp(60px,7.9vw,108px); font-weight:540; line-height:1.005; letter-spacing:-.062em; margin:28px 0 24px; }
.cp-hero h1 span { color:#83caff; background:linear-gradient(105deg,#f0f7ff 12%,#94d7ff 60%,#66aafa); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.cp-lede { max-width:645px; margin:0 auto 27px; font-size:18px; line-height:1.65; font-weight:400; letter-spacing:-.025em; }
.cp-actions { display:flex; gap:30px; align-items:center; justify-content:center; }
.cp-text-link { text-decoration:none; font-size:13px; color:#d0dced!important; }
.cp-text-link span { margin-left:10px; color:var(--cp-blue); }
.cp-hero-scene { position:relative; border-radius:18px; overflow:hidden; border:1px solid var(--cp-line); }
.cp-device-scene { position:relative; overflow:hidden; isolation:isolate; }
.cp-scene-photo { width:100%; height:auto; display:block; }
.cp-screen { position:absolute; left:0; top:0; width:100px; height:100px; max-width:none; transform-origin:0 0; object-fit:fill; pointer-events:none; background:#061020; }
.cp-screen:not([data-positioned]) { visibility:hidden; }
.cp-scene-note { position:absolute; bottom:8%; left:5%; display:flex; flex-direction:column; max-width:420px; gap:9px; padding:25px 29px; border:1px solid #cadfff21; border-radius:12px; background:linear-gradient(120deg,#0b142be6,#101b2ab5); box-shadow:0 15px 50px #0002; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.cp-tiny-label { font-size:9px; font-weight:600; letter-spacing:.16em; color:#a2c9ef; }
.cp-scene-note strong { font-size:20px; font-weight:520; letter-spacing:-.025em; }
.cp-scene-note>span:last-child { color:#b5c3d6; font-size:12px; }
.cp-scene-credit { position:absolute; right:24px; bottom:18px; font-size:9px; color:#d7dce5; text-shadow:0 1px 5px #000; letter-spacing:.02em; }
.cp-intro { padding-block:120px 104px; }
.cp-kicker { font-size:10px; font-weight:600; letter-spacing:.16em; line-height:1.5; margin-bottom:25px; color:#89b4dc!important; }
.page-cleanplay h2 { font-size:clamp(40px,4.7vw,64px); font-weight:520; letter-spacing:-.055em; line-height:1.07; }
.cp-dim { color:#7c8ba3; }
.cp-blue { color:#92d3ff; }
.cp-section-lede { max-width:540px; font-size:18px; line-height:1.7; margin-top:26px; }
.cp-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; margin-top:56px; padding-top:36px; border-top:1px solid var(--cp-line); }
.cp-principles>div { position:relative; }
.cp-line-icon { display:block; height:42px; font-size:27px; color:var(--cp-blue); font-weight:350; margin-bottom:9px; }
.cp-line-icon.cp-wave { letter-spacing:3px; font-size:31px; }
.page-cleanplay .cp-principles h3 { font-size:17px; font-weight:540; letter-spacing:-.025em; margin-bottom:12px; line-height:1.35; }
.cp-principles p { font-size:14px; line-height:1.75; max-width:280px; }
.cp-lifestyle { position:relative; border-radius:18px; overflow:hidden; isolation:isolate; margin-block:0; }
.cp-lifestyle::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#020911ed 0,rgba(2,9,17,.58) 22%,transparent 56%); pointer-events:none; }
.cp-lifestyle-copy { position:absolute; bottom:8%; left:5.5%; z-index:2; }
.cp-lifestyle-copy .cp-kicker { margin-bottom:16px; color:#c7dce9!important; }
.page-cleanplay .cp-lifestyle h2 { font-size:clamp(28px,3.9vw,54px); line-height:1.06; color:#fff; text-shadow:0 2px 20px #0002; }
.cp-lifestyle-copy>p:last-child { color:#c5cfd9; margin:20px 0 0; font-size:14px; line-height:1.7; }
.cp-glass-blurb { z-index:2; position:absolute; bottom:8%; right:5%; display:flex; flex-direction:column; gap:10px; padding:22px 26px; min-width:240px; border-radius:10px; background:rgba(8,18,32,.65); border:1px solid #d4e3f222; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.cp-glass-blurb strong { font-size:17px; font-weight:500; letter-spacing:-.02em; }
.cp-glass-blurb>span:last-child { font-size:11px; color:#bec9d8; }
.cp-tour { padding-block:126px; scroll-margin-top:90px; }
.cp-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.cp-section-heading>p { max-width:280px; font-size:15px; line-height:1.8; margin:0 0 4px; }
.cp-tabs { display:flex; align-items:center; gap:4px; margin-top:46px; padding:5px; border:1px solid var(--cp-line); background:#0c1626; border-radius:9px; overflow-x:auto; scrollbar-width:thin; }
.cp-tabs a { padding:12px 20px; white-space:nowrap; color:#abb9cd; font-size:12px; font-weight:500; text-decoration:none; border-radius:5px; transition:background .18s,color .18s; flex:1; text-align:center; }
.cp-tabs a:hover { background:#19273d; color:#fff; }
.cp-tabs a[aria-selected="true"] { color:#071526; background:#b7e2ff; }
.cp-tour-panel { margin-top:30px; scroll-margin-top:95px; }
.cp-tour-panel[hidden] { display:none; }
.cp-tour-story { display:flex; justify-content:space-between; align-items:flex-start; gap:45px; padding:8px 0 27px; min-height:136px; }
.page-cleanplay .cp-tour-story h3 { font-size:24px; font-weight:520; letter-spacing:-.035em; line-height:1.25; margin-bottom:11px; }
.cp-tour-story p { max-width:650px; font-size:14px; line-height:1.75; margin:0; }
.cp-tour-story ul { list-style:none; padding:4px 0 0; margin:0; flex-shrink:0; }
.cp-tour-story li { font-size:11px; color:#abc4dd; margin-bottom:13px; }
.cp-tour-story li::before { content:"✓"; color:#85d0ff; margin-right:9px; }
.cp-app-frame { border-radius:13px; overflow:hidden; border:1px solid #aecfff29; background:#0a1424; box-shadow:0 30px 95px #0005,0 0 70px #328edc08; }
.cp-window-chrome { height:37px; display:flex; align-items:center; gap:5px; padding-inline:14px; border-bottom:1px solid #9ac6ed16; background:linear-gradient(#1e2b40,#172338); }
.cp-window-chrome>span { width:7px; height:7px; border-radius:100%; background:#c07675; }
.cp-window-chrome>span:nth-child(2) { background:#c3aa75; }
.cp-window-chrome>span:nth-child(3) { background:#79ad99; }
.cp-window-chrome p { flex:1; text-align:center; font-size:10px; font-weight:500; margin:0; color:#b1c1d8; }
.cp-window-chrome i { font-style:normal; margin-inline:5px; color:#5d718c; }
.cp-window-chrome em { font-size:7px; letter-spacing:.12em; font-style:normal; color:#8497b1; }
.cp-screenshot-button { position:relative; display:block; width:100%; border:0; padding:0; background:#07101d; cursor:zoom-in; }
.cp-screenshot-button img { width:100%; height:auto; display:block; }
.cp-expand-mark { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #bcddff40; border-radius:7px; background:#071222cc; color:#cfe7ff; font-size:21px; box-shadow:0 2px 10px #0004; }
.cp-preview-note { text-align:center; font-size:10px; color:#8395ad!important; margin:18px 0 0; line-height:1.7; }
.cp-preparation { padding:105px 0 110px; background:radial-gradient(ellipse at 20% 80%,#112a4355,transparent 64%),linear-gradient(#0b1525,#0a1422); border-block:1px solid var(--cp-line); scroll-margin-top:65px; }
.cp-preparation .cp-section-heading>p { max-width:300px; }
.cp-preparation-grid { display:grid; grid-template-columns:1fr; gap:38px; align-items:center; margin-top:52px; }
.cp-preparation-image { width:100%; max-width:1020px; margin-inline:auto; padding:20px; background:linear-gradient(130deg,#223c58,#101d31); border:1px solid #94cfff22; border-radius:16px; box-shadow:0 25px 60px #0003; }
.cp-preparation-image .cp-screenshot-button { border-radius:8px; overflow:hidden; }
.cp-image-label { display:block; font-size:8px; color:#8ea8c7; letter-spacing:.16em; padding:17px 0 0; text-align:center; }
.cp-steps article { display:flex; gap:22px; border-bottom:1px solid var(--cp-line); padding-block:24px; }
.cp-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.cp-steps article>span { font:400 12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; color:#6cbdf5; padding-top:1px; }
.page-cleanplay .cp-steps h3 { font-size:20px; font-weight:500; letter-spacing:-.03em; margin-bottom:12px; }
.cp-steps p { font-size:13px; line-height:1.8; margin:0; }
.cp-honest-note { margin-top:22px!important; font-size:11px!important; color:#93a7c0!important; }
.cp-steps>.cp-honest-note { grid-column:1/-1; margin-top:0!important; text-align:center; }
.cp-flight { margin-top:75px; }
.cp-airplay { margin-top:70px; }
.cp-airplay .cp-lifestyle-copy { bottom:7%; }
.cp-airplay .cp-glass-blurb { bottom:auto; top:6%; left:4%; right:auto; min-width:190px; padding:18px 22px; }
.cp-faq { padding-block:120px 115px; display:grid; grid-template-columns:1fr 1.35fr; gap:80px; }
.cp-faq-list { border-top:1px solid var(--cp-line); }
.cp-faq details { border-bottom:1px solid var(--cp-line); }
.cp-faq summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:23px 0; cursor:pointer; color:#d4deee; font-size:15px; line-height:1.6; letter-spacing:-.02em; }
.cp-faq summary::-webkit-details-marker { display:none; }
.cp-faq summary>span { color:#84b8dc; font-size:23px; font-weight:300; transition:transform .15s; }
.cp-faq details[open] summary>span { transform:rotate(45deg); }
.cp-faq details p { font-size:13px; line-height:1.9; margin:0 40px 24px 0; }
.cp-release { position:relative; isolation:isolate; overflow:hidden; text-align:center; border:1px solid #92c9ff2a; border-radius:20px; background:linear-gradient(140deg,#11213a,#0a1425 58%,#14263b); padding:72px 45px 65px; scroll-margin-top:90px; }
.cp-release-orb { position:absolute; z-index:-1; width:580px; height:440px; top:-240px; left:50%; transform:translateX(-50%); background:#69bfff33; filter:blur(90px); border-radius:50%; }
.cp-release-icon { border-radius:22px; margin:0 auto 30px; box-shadow:0 0 70px #299bf534; }
.cp-release .cp-kicker { margin-bottom:19px; }
.cp-release h2 { font-size:clamp(42px,5vw,68px); }
.cp-release-description { margin:24px 0 31px; font-size:15px; line-height:1.7; }
.cp-release-form { max-width:530px; margin:auto; text-align:left; }
.cp-release-form>label:first-child { display:block; color:#b9c8dc; font-size:11px; margin-bottom:9px; }
.cp-input-row { display:flex; gap:9px; }
.cp-input-row input { appearance:none; width:100%; min-width:0; border:1px solid #96bbec33; border-radius:7px; background:#080f1e; padding:15px; color:#f1f7ff; font-size:14px; box-shadow:none; }
.cp-input-row input::placeholder { color:#6f8099; }
.cp-input-row input[aria-invalid="true"] { border-color:#ffa5a5; }
.cp-consent { display:flex; align-items:flex-start; gap:10px; margin-top:18px; font-size:11px; line-height:1.6; color:#b6c4d8; cursor:pointer; }
.cp-consent input { appearance:auto; accent-color:#91d2ff; width:15px; height:15px; margin:1px 0 0; flex-shrink:0; }
.cp-consent span { font-size:11px; }
.cp-form-note { text-align:center; font-size:10px; margin:19px 0 0; line-height:1.7; }
.cp-form-note a { text-underline-offset:3px; color:#a8ccec; margin-left:5px; }
.cp-form-result { margin:14px 0 0; font-size:12px; line-height:1.7; }
.cp-form-result:empty { display:none; }
.cp-form-result[data-state="success"] { color:#aee3d0; }
.cp-form-result[data-state="error"] { color:#ffb7b7; }
.cp-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.cp-footer { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; padding-block:66px 35px; }
.cp-footer-brand { display:flex; flex-direction:column; gap:8px; font-size:18px; font-weight:600; text-decoration:none; letter-spacing:-.025em; }
.cp-footer-brand span { font-size:11px; font-weight:400; color:#8fa1ba; letter-spacing:0; }
.cp-footer p { font-size:9px; margin:23px 0 0; color:#7e90aa; }
.cp-footer-right { text-align:right; }
.cp-footer-right nav { display:flex; gap:24px; justify-content:flex-end; }
.cp-footer-right nav a { text-decoration:none; font-size:12px; color:#b2c0d4; }
.cp-footer-right p { max-width:340px; line-height:1.7; }
.cp-lightbox { width:min(1400px,96vw); max-height:94dvh; padding:0; border:1px solid #80b7df4d; border-radius:12px; background:#091324; color:#e7f3ff; box-shadow:0 30px 120px #0009; }
.cp-lightbox::backdrop { background:#000c; backdrop-filter:blur(10px); }
.cp-lightbox-head { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center; padding:15px 22px; background:#0d1b2f; border-bottom:1px solid var(--cp-line); }
.page-cleanplay .cp-lightbox-head h2 { font-size:17px; letter-spacing:-.02em; }
.cp-lightbox-head button { width:36px; height:36px; border:1px solid var(--cp-line); border-radius:7px; background:#1a2c44; color:#edf6ff; font-size:26px; cursor:pointer; }
.cp-lightbox-image { overflow:auto; }
.cp-lightbox-image img { width:100%; height:auto; }
.cp-lightbox>p { font-size:10px; text-align:center; margin:14px; }
.cp-no-scroll { overflow:hidden; }
@media(min-width:1600px) { .cp-hero-scene { width:1440px; } }
@media(max-width:1050px) {
 .cp-shell { width:calc(100% - 64px); } .cp-product-nav nav { gap:18px; }
 .cp-tabs a { padding-inline:13px; } .cp-tour-story { gap:25px; } .cp-tour-story ul { max-width:225px; flex-shrink:1; }
 .cp-preparation-grid { gap:35px; } .cp-section-heading>p { max-width:230px; }
 .cp-faq { gap:45px; } .cp-lifestyle-copy>p:last-child { font-size:12px; }
 .cp-glass-blurb { min-width:205px; padding:18px; } .cp-glass-blurb strong { font-size:15px; }
}
@media(max-width:760px) {
 .cp-shell { width:calc(100% - 40px); } .cp-wide { width:calc(100% - 24px); }
 .page-cleanplay .site-header .shell { width:calc(100% - 32px); } .page-cleanplay .nav { gap:17px; }
 .page-cleanplay .brand-tag { display:none; } .page-cleanplay .brand-name { font-size:15px; }
 .page-cleanplay .header-inner { min-height:65px; gap:14px; } .page-cleanplay .nav a { font-size:10px; }
 .page-cleanplay .brand-mark { display:none; }
 .cp-product-nav-inner { min-height:61px; } .cp-product-name { font-size:17px; } .cp-product-name img { width:28px; height:28px; }
 .cp-product-nav nav>a:not(.cp-button) { display:none; } .cp-product-name span { display:none; }
 .cp-hero { padding-top:52px; } .cp-hero-copy { padding-bottom:38px; }
 .cp-release-status { font-size:8px; gap:7px; } .page-cleanplay .cp-hero h1 { font-size:clamp(57px,11vw,80px); margin-top:26px; }
 .cp-lede { font-size:15px; } .cp-actions { gap:20px; } .cp-button { padding:13px 16px; font-size:11px; gap:16px; }
 .cp-text-link { font-size:11px; } .cp-hero-scene { border-radius:10px; }
 .cp-scene-note { position:relative; padding:20px; max-width:none; border:0; border-radius:0; left:auto; bottom:auto; background:#0d182a; box-shadow:none; }
 .cp-scene-note strong { font-size:19px; } .cp-scene-credit { display:none; }
 .cp-intro { padding-block:77px 60px; } .cp-kicker { font-size:8px; margin-bottom:20px; }
 .page-cleanplay h2 { font-size:40px; } .cp-section-lede { font-size:15px; line-height:1.8; }
 .cp-principles { grid-template-columns:1fr; gap:24px; margin-top:35px; padding-top:27px; }
 .cp-principles>div { padding-left:48px; } .cp-line-icon { position:absolute; left:0; top:1px; }
 .page-cleanplay .cp-principles h3 { font-size:17px; } .cp-principles p { max-width:none; margin:0; font-size:13px; }
 .cp-lifestyle { border-radius:12px; background:#0e1a2b; border:1px solid var(--cp-line); }
 .cp-lifestyle::after { display:none; } .cp-lifestyle-copy { position:relative; left:auto; bottom:auto; padding:28px 23px 22px; }
 .page-cleanplay .cp-lifestyle h2 { font-size:32px; } .cp-lifestyle-copy>p:last-child { font-size:13px; margin-top:16px; }
 .cp-glass-blurb { position:relative; right:auto; bottom:auto; margin:0 23px 25px; min-width:0; padding:16px 19px; background:#17283d; border-radius:8px; gap:7px; }
 .cp-glass-blurb strong { font-size:16px; } .cp-glass-blurb>span:last-child { font-size:11px; }
 .cp-tour { padding-block:76px; } .cp-section-heading { display:block; } .cp-section-heading>p { max-width:none; margin:23px 0 0; font-size:14px; }
 .cp-tabs { margin-top:29px; border-radius:7px; } .cp-tabs a { padding:11px 15px; font-size:11px; }
 .cp-tour-story { display:block; padding-bottom:22px; min-height:0; } .page-cleanplay .cp-tour-story h3 { font-size:24px; }
 .cp-tour-story p { font-size:13px; } .cp-tour-story ul { max-width:none; display:flex; gap:16px; margin-top:16px; flex-wrap:wrap; }
 .cp-tour-story li { font-size:10px; margin:0; } .cp-window-chrome { height:28px; padding-inline:9px; } .cp-window-chrome em { display:none; }
 .cp-app-frame { border-radius:7px; } .cp-preview-note { font-size:9px; margin-inline:8px; }
 .cp-preparation { padding-block:65px; } .cp-preparation .cp-section-heading>p { max-width:none; }
 .cp-preparation-grid { grid-template-columns:1fr; gap:35px; margin-top:30px; } .cp-preparation-image { padding:12px; border-radius:10px; }
 .cp-steps { padding:0 8px; grid-template-columns:1fr; gap:0; } .cp-steps article { gap:17px; } .page-cleanplay .cp-steps h3 { font-size:21px; }
 .cp-steps>.cp-honest-note { margin-top:22px!important; text-align:left; }
 .cp-flight,.cp-airplay { margin-top:45px; } .cp-airplay .cp-lifestyle-copy { bottom:auto; }
 .cp-airplay .cp-glass-blurb { top:auto; left:auto; right:auto; bottom:auto; }
 .cp-faq { padding-block:75px; grid-template-columns:1fr; gap:35px; } .cp-faq summary { font-size:14px; padding-block:20px; }
 .cp-release { padding:43px 23px; border-radius:13px; } .cp-release-icon { width:67px; height:67px; border-radius:17px; }
 .cp-release h2 { font-size:43px; } .cp-input-row { flex-direction:column; } .cp-input-row input { padding:15px; font-size:16px; }
 .cp-input-row .cp-button { font-size:13px; padding:15px; } .cp-consent { margin-top:18px; }
 .cp-form-note { text-align:left; } .cp-form-note a { display:block; margin:6px 0 0; }
 .cp-footer { padding-block:45px 30px; display:block; } .cp-footer-right { text-align:left; margin-top:29px; }
 .cp-footer-right nav { justify-content:flex-start; } .cp-footer p { margin-top:16px; } .cp-footer-right p { max-width:none; }
 .cp-lightbox { width:98vw; max-width:98vw; max-height:95dvh; } .cp-lightbox-image img { min-width:850px; } .cp-lightbox-head { padding:11px 14px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .page-cleanplay * { transition:none!important; animation:none!important; } }

.cp-device-scene .cp-screen { filter:brightness(.83) saturate(.9); }
.cp-device-scene[data-scene="flight"] .cp-screen { filter:brightness(.9) saturate(.86); }
.cp-device-scene .cp-tv-screen { filter:brightness(.88) saturate(.95); }
.cp-app-frame .cp-screenshot-button { height:clamp(320px,55vw,700px); display:flex; justify-content:center; align-items:center; }
.cp-app-frame .cp-screenshot-button img { width:100%; height:100%; object-fit:contain; }
@media(max-width:760px) { .cp-app-frame .cp-screenshot-button { height:62vw; min-height:240px; } }
/* Keep native app pixels intact while clipping the macOS recording/title strip. */
.cp-app-frame .cp-native-window,.cp-lightbox-canvas.cp-native-window { position:relative; height:auto; min-height:0; aspect-ratio:1231/744; overflow:hidden; }
.cp-native-window img,.cp-app-frame .cp-native-window img { position:absolute; top:0; left:0; width:100%; height:auto; transform:translateY(-3.125%); }
@media(max-width:760px) { .cp-lightbox-canvas { min-width:850px; } .cp-lightbox-image img { min-width:0; } }

.cp-ai-promise { max-width:765px; margin:0 auto 29px; font-size:15px; line-height:1.8; color:#9baec7; }
.cp-button.cp-button-outline { color:#d7eaff!important; background:#101e31; border-color:#83b9e04d; box-shadow:none; }
.cp-product-nav nav>a[aria-current="page"] { color:#e7f4ff; }
.cp-tech-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:75px; align-items:center; padding-block:85px 80px; }
.cp-tech-hero h1 { font-size:clamp(46px,5.3vw,72px); font-weight:520; line-height:1.055; letter-spacing:-.056em; margin:0 0 27px; }
.cp-tech-lede { font-size:18px; line-height:1.8; max-width:500px; }
.cp-tech-status { font-size:10px; letter-spacing:.03em; margin:25px 0 0; color:#90bce1!important; }
.cp-processing-map { border:1px solid #9dcaff29; border-radius:18px; padding:28px; background:radial-gradient(ellipse at 50% 0,#1b3a60aa,transparent 70%),#0d1829; box-shadow:0 20px 75px #0003; }
.cp-map-heading { display:flex; align-items:center; gap:12px; padding-bottom:25px; font-size:9px; color:#a8c6e4; letter-spacing:.1em; }
.cp-map-heading img { border-radius:8px; }
.cp-map-heading i { margin-left:auto; width:5px; height:5px; background:#9ed8ff; box-shadow:0 0 12px #8cccff; border-radius:50%; }
.cp-map-source { border:1px solid #bfdfff1f; padding:17px; text-align:center; font-size:15px; border-radius:8px; background:#0713247a; }
.cp-map-arrow { display:block; color:#5282a8; font-size:18px; line-height:1.7; text-align:center; }
.cp-map-lanes { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cp-map-lanes>div { text-align:center; border:1px solid #90c8ef22; border-radius:8px; background:#172b44; padding:19px 10px 8px; }
.cp-map-lanes span { font-size:8px; letter-spacing:.16em; color:#8bc6f0; }
.cp-map-lanes strong { display:block; font-size:12px; font-weight:550; margin-top:11px; }
.cp-map-lanes small { display:block; font-size:9px; line-height:1.6; color:#8da4c0; margin-top:7px; }
.cp-map-lanes b { display:block; font-weight:400; color:#5a8eb6; padding-top:12px; }
.cp-map-lanes p { color:#c5dbed; font-size:10px; margin:7px 0; }
.cp-map-review { padding:15px 10px; background:#20334c; border:1px solid #9dd1ff30; border-radius:8px; color:#c6ddf2; font-size:12px; text-align:center; }
.cp-map-play { text-align:center; color:#071426; font-size:14px; font-weight:550; background:linear-gradient(100deg,#d0ecff,#93cff9); border-radius:8px; padding:17px 10px; }
.cp-map-play span { margin-right:8px; font-size:10px; }
.cp-process-index { display:grid; grid-template-columns:repeat(6,1fr); border-block:1px solid var(--cp-line); }
.cp-process-index a { text-decoration:none; padding:21px 8px; font-size:12px; text-align:center; color:#afc4dc; transition:color .15s,background .15s; }
.cp-process-index a:hover { color:#fff; background:#15233a; }
.cp-process-index span { font:10px ui-monospace,SFMono-Regular,Menlo,monospace; margin-right:10px; color:#689fc8; }
.cp-deep-section { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; padding-block:105px; align-items:center; border-bottom:1px solid var(--cp-line); scroll-margin-top:60px; }
.cp-technical h2 { font-size:clamp(35px,4.05vw,54px); }
.cp-deep-copy { min-width:0; }
.cp-deep-copy>p:not(.cp-kicker) { font-size:14px; line-height:1.85; margin:25px 0 0; }
.cp-detail-note { margin-top:27px; padding:17px 20px; border-left:2px solid #639ccd; background:#101e31; }
.cp-detail-note strong { font-size:12px; font-weight:500; color:#c6d9ee; }
.cp-detail-note p { font-size:11px; line-height:1.8; margin:8px 0 0; }
.cp-deep-figure { margin:0; min-width:0; }
.cp-technical figcaption { color:#869bb5; font-size:9px; line-height:1.8; margin:15px 8px 0; text-align:center; }
.cp-deep-figure .cp-app-frame .cp-screenshot-button:not(.cp-native-window),.cp-audio-figure .cp-app-frame .cp-screenshot-button { height:auto; min-height:0; }
.cp-deep-figure .cp-app-frame .cp-screenshot-button:not(.cp-native-window) img,.cp-audio-figure .cp-screenshot-button img { height:auto; }
.cp-identity-stack { padding:12px 26px; border:1px solid #91c5f52a; border-radius:14px; background:linear-gradient(140deg,#172c47,#101a2b); }
.cp-identity-stack article { display:flex; gap:21px; padding:29px 0; border-bottom:1px solid var(--cp-line); }
.cp-identity-stack article:last-child { border:0; }
.cp-identity-stack article>span { font:10px ui-monospace,SFMono-Regular,Menlo,monospace; color:#74b8eb; padding-top:4px; }
.page-cleanplay .cp-identity-stack h3 { font-size:18px; font-weight:500; letter-spacing:-.025em; }
.cp-identity-stack p { margin:9px 0 0; font-size:12px; line-height:1.8; }
.cp-deep-band { padding-block:100px; background:linear-gradient(135deg,#0e1c30,#091321); border-bottom:1px solid var(--cp-line); scroll-margin-top:65px; }
.cp-deep-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:70px; }
.cp-deep-heading>p { flex:0 0 320px; font-size:15px; line-height:1.85; margin:0 0 4px; }
.cp-explainer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; margin-top:50px; }
.cp-step-number { display:block; color:#6aa9da; font:11px ui-monospace,SFMono-Regular,Menlo,monospace; margin-bottom:18px; }
.page-cleanplay .cp-explainer-grid h3,.page-cleanplay .cp-review-copy h3 { font-size:19px; font-weight:500; letter-spacing:-.035em; margin-bottom:12px; }
.cp-explainer-grid p { font-size:13px; line-height:1.85; margin:0; }
.cp-audio-figure { max-width:980px; margin:48px auto 0; }
.cp-technical-aside { max-width:980px; margin:28px auto 0; font-size:12px; line-height:1.85; padding:20px 25px; border:1px solid var(--cp-line); border-radius:8px; }
.cp-technical-aside strong { color:#c2d4e9; font-weight:500; }
.cp-method-list { padding-left:18px; margin:25px 0; }
.cp-method-list li { font-size:13px; line-height:1.85; color:#a1b0c6; margin-bottom:15px; padding-left:7px; }
.cp-method-list strong { color:#c5d8ed; font-weight:500; }
.cp-method-list li::marker { color:#699ec9; font-size:10px; }
.cp-review-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:46px; align-items:center; margin-top:45px; }
.cp-review-copy p { font-size:13px; line-height:1.85; margin:0 0 25px; }
.cp-category-details { border-block:1px solid var(--cp-line); padding-block:16px; }
.cp-category-details summary { display:flex; justify-content:space-between; list-style:none; cursor:pointer; font-size:12px; color:#b7d8f2; }
.cp-category-details summary::-webkit-details-marker { display:none; }
.cp-category-details summary span { color:#80bdeb; font-size:18px; line-height:1; }
.cp-category-details[open] summary span { transform:rotate(45deg); }
.cp-category-details ul { margin:17px 0 0; padding-left:18px; color:#a1b0c6; font-size:12px; line-height:2; }
.cp-local-ai { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-block:95px; }
.cp-local-ai>div:last-child>p { font-size:14px; line-height:1.9; margin:0 0 18px; }
.cp-tech-cta { text-align:center; background:radial-gradient(ellipse at top,#213f61aa,transparent 90%),#0e1b2d; border:1px solid #8ec5f62a; border-radius:18px; padding:65px 35px; }
.cp-tech-cta>p:not(.cp-kicker) { margin:24px 0; font-size:14px; }
@media(max-width:1050px) {
 .cp-tech-hero { gap:40px; } .cp-processing-map { padding:20px; }
 .cp-deep-section { gap:40px; } .cp-deep-heading { gap:35px; } .cp-deep-heading>p { flex-basis:260px; }
 .cp-review-layout { grid-template-columns:1fr; } .cp-explainer-grid { gap:28px; } .cp-local-ai { gap:40px; }
}
@media(max-width:760px) {
 .cp-ai-promise { font-size:13px; line-height:1.8; margin:0 auto 25px; }
 .cp-hero .cp-lede { margin-bottom:19px; } .cp-actions { flex-wrap:wrap; gap:15px; }
 .cp-tech-hero { grid-template-columns:1fr; gap:36px; padding-block:50px; } .cp-tech-hero h1 { font-size:49px; }
 .cp-tech-lede { font-size:15px; line-height:1.85; } .cp-tech-status { font-size:9px; margin-top:18px; }
 .cp-processing-map { padding:21px; border-radius:12px; } .cp-map-heading { font-size:8px; }
 .cp-process-index { grid-template-columns:repeat(2,1fr); } .cp-process-index a { text-align:left; padding:16px 14px; font-size:11px; }
 .cp-deep-section { grid-template-columns:1fr; padding-block:65px; gap:30px; } .cp-technical h2 { font-size:37px; }
 .cp-deep-copy>p:not(.cp-kicker) { font-size:14px; margin-top:22px; } .cp-deep-figure .cp-window-chrome { height:27px; }
 .cp-identity-stack { padding:5px 22px; } .cp-deep-band { padding-block:62px; }
 .cp-deep-heading { display:block; } .cp-deep-heading>p { font-size:14px; margin:24px 0 0; }
 .cp-explainer-grid { grid-template-columns:1fr; gap:26px; margin-top:33px; }
 .cp-explainer-grid article { padding-left:34px; position:relative; } .cp-step-number { position:absolute; left:3px; top:5px; }
 .cp-audio-figure { margin-top:32px; } .cp-technical-aside { padding:17px; font-size:11px; margin-top:23px; }
 .cp-review-layout { gap:32px; margin-top:29px; } .cp-review-copy p { font-size:13px; }
 .cp-local-ai { grid-template-columns:1fr; padding-block:60px; gap:27px; } .cp-local-ai>div:last-child>p { font-size:13px; }
 .cp-tech-cta { padding:42px 23px; border-radius:12px; } .cp-tech-cta>p:not(.cp-kicker) { font-size:13px; line-height:1.8; }
}