/* Selzenn's bright product surface; the black notch remains the app preview. */
.notch-product{--nc-bg:#faf7fd;--nc-card:#ffffffad;--nc-ink:#4b355a;--nc-muted:#796487;--nc-line:#dbcce5;background:#faf7fd;color:var(--nc-ink)}
.notch-subnav{background:#f0e7f5;gap:32px;border-bottom-color:#e3d4eb;padding:16px 24px}.notch-subnav a{color:#70557f}.notch-subnav a:hover{color:#422e51}.notch-hero{grid-template-columns:.8fr 1.4fr;gap:65px;padding:65px 48px 85px;min-height:640px;background:linear-gradient(140deg,#f5edf8,#fcfafe 65%)}.notch-product .notch-hero h1{color:#4d365c;font-weight:600;font-size:clamp(62px,6.3vw,90px);letter-spacing:-.065em;margin:20px 0 24px}.notch-hero h1>span{color:#9371ae}.notch-hero h2{font-size:clamp(21px,2.3vw,28px);color:#5b416b;font-weight:500;margin-top:24px}.notch-hero p{color:#796487;font-size:15px}.notch-tag{color:#846695}.notch-product .btn{background:#805a98;color:#fff;border-color:#805a98!important;font-weight:500;box-shadow:0 7px 20px -12px #7d5a9e80}.notch-release-note{color:#796487}.notch-scene{aspect-ratio:1.38;border:2px solid #e6d9ed;border-radius:23px;background:radial-gradient(ellipse at 8% 100%,#ead6eb,transparent 65%),radial-gradient(ellipse at 95% 8%,#c3b9df,transparent 65%),linear-gradient(130deg,#c7b3d6,#e7dcf0);box-shadow:0 30px 60px -30px #80608f65,0 1px 0 #fff inset;color:#5c426e}.notch-scene:after{background:#f7f0fc55}.notch-desktop-copy{top:48%;left:32px}.notch-desktop-copy>span{color:#71587f;font-size:11px}.notch-desktop-copy strong{font-size:clamp(28px,3.4vw,43px);font-weight:500}.notch-live{width:min(320px,85%);background:#24202d;border-radius:0 0 23px 23px;box-shadow:0 8px 23px #4c355b2b}.notch-peek{min-height:44px;gap:22px}.notch-peek>svg{width:20px;height:20px;color:#c0a6dc}.notch-dock{bottom:20px;padding:10px 14px;background:#fff5;border-color:#fff9;box-shadow:0 5px 18px -10px #7f5f9766;gap:12px}.notch-dock button svg{color:#6f4e89;width:30px;height:30px}.notch-preview-controls{color:#8b7397}.notch-preview-controls button{color:#725581;background:#f0e7f6;border-color:#d8c4e5}.notch-preview-caption{color:#8a7397!important}.notch-scene-light{background:radial-gradient(ellipse at 0 100%,#f6e5ed,transparent 70%),linear-gradient(125deg,#ebe3f6,#dfd3ed);color:#634675}
.notch-chapter{border-color:#e5d8ed}.notch-heading h2{color:#533d64}.notch-features{gap:22px}.notch-features article{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.notch-feature-preview{height:210px;display:grid;place-items:center;overflow:hidden;border:1px solid #e4d7eb;border-radius:22px;background:linear-gradient(140deg,#ece0f2,#f6edf8);margin-bottom:22px;padding:22px}.notch-features article:nth-child(2) .notch-feature-preview{background:linear-gradient(140deg,#e6deef,#f0eaf7)}.notch-features article:nth-child(3) .notch-feature-preview{background:linear-gradient(140deg,#f0dfed,#f8f0f6)}.notch-features article:nth-child(4) .notch-feature-preview{background:linear-gradient(140deg,#e9e1f4,#f7f3fb)}.notch-mini-panel{width:100%;max-width:240px;background:#27202f;color:#eee6f6;border:1px solid #57415f;border-radius:18px;padding:24px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:0 18px 24px -20px #4d325f99;font-size:13px}.notch-features .notch-mini-panel svg{color:#c9b3df;margin:0;width:25px;height:25px}.notch-mini-panel i{display:block;width:75%;height:3px;border-radius:4px;background:linear-gradient(90deg,#ba9dd9 50%,#51415d 50%)}.notch-features h3{font-size:22px;font-weight:500;color:#553d65;margin-bottom:12px}.notch-features p{color:#796487;font-size:14px}.notch-mode-card{background:#eee4f4;border-color:#ddcce7;box-shadow:inset 0 1px #fff9}.notch-mode-card h3{color:#5b4070}.notch-mode-card>div>svg{color:#9976af}.notch-modes button{background:#ffffffa8;border-color:#d7c3e3;color:#70527f}.notch-modes button[aria-pressed=true]{background:#85609c;color:#fff;border-color:#85609c}.notch-muted{color:#82698f!important}.notch-new{background:#f1e8f6}.notch-updates article{border-color:#dbc9e5}.notch-updates article>span,.notch-steps article>span{color:#9a7fa9}.notch-updates h3,.notch-steps h3{color:#5b406b}.notch-updates p,.notch-steps p{color:#796487}.notch-download{background:#eee3f4}.notch-release{background:#fff9;border-color:#fff;box-shadow:0 12px 30px -24px #69457b55}.notch-release h3{color:#5b406b}.notch-release small{color:#897295}.notch-release details{border-color:#d9c9e3;color:#70527f}.notch-release code{color:#70527f;overflow-wrap:anywhere}.notch-product .quiet-link{color:#735384}
@media(min-width:1200px){.notch-features{grid-template-columns:repeat(2,minmax(0,1fr))}.notch-feature-preview{height:245px}.notch-mini-panel{max-width:280px}.notch-features article:nth-child(2) .notch-mini-panel span{font-size:35px;font-variant-numeric:tabular-nums}}
@media(max-width:1050px){.notch-hero{grid-template-columns:.85fr 1.15fr;gap:28px;padding:55px 30px 65px}.notch-product .notch-hero h1{font-size:66px}.notch-scene{aspect-ratio:1.12}.notch-feature-preview{height:195px}.notch-dock{gap:7px;padding:9px 10px}.notch-desktop-copy{top:48%;left:25px}.notch-desktop-copy strong{font-size:33px}}
@media(max-width:760px){.notch-subnav{gap:22px;padding:10px 22px}.notch-hero{display:block;padding:35px 22px 45px;min-height:0}.notch-product .notch-hero h1{font-size:65px;margin:18px 0 22px}.notch-hero h2{font-size:25px}.notch-hero-visual{margin-top:35px}.notch-scene{aspect-ratio:1.02;border-radius:18px}.notch-desktop-copy{top:47%;left:20px}.notch-desktop-copy strong{font-size:30px}.notch-dock{bottom:15px;gap:4px;padding:8px}.notch-dock a,.notch-dock button{width:34px;min-width:34px;height:36px}.notch-dock img{width:29px;height:29px}.notch-dock button svg{width:26px;height:26px}.notch-live{width:min(310px,89%)}.notch-feature-preview{height:200px;margin-bottom:20px}.notch-features{gap:34px}.notch-features article{padding:0}.notch-features h3{font-size:23px}.notch-steps article{border-color:#d8c7e3}.notch-preview-controls{margin-top:17px;font-size:11px}.notch-preview-controls button{font-size:11px}.notch-mode-card{padding:23px}}