:root{--paper: #f4efe6;--paper-soft: #fffaf1;--ink: #151412;--ink-soft: rgba(21, 20, 18, .64);--line: rgba(21, 20, 18, .11);--black: #050505;--panel: #171716;--mint: #9fd4ab;--blue: #95aaff;--amber: #f4ab4f;--shadow: 0 32px 80px rgba(21, 20, 18, .16);background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 76% 18%,rgba(149,170,255,.18),transparent 22rem),radial-gradient(circle at 18% 30%,rgba(159,212,171,.2),transparent 20rem),linear-gradient(180deg,#fffaf1 0%,var(--paper) 56%,#eee5d7 100%);margin:0;min-width:320px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{min-height:100svh;overflow:hidden}.footer-brand,.footer-links{align-items:center;display:flex}.footer-brand{gap:11px;font-size:21px;font-weight:870}.brand-icon{align-items:center;background:#fffaf1eb;border:1px solid var(--line);border-radius:13px;display:flex;height:40px;justify-content:center;overflow:hidden;padding:5px;width:40px}.brand-icon img{border-radius:9px;height:100%;object-fit:contain;width:100%}.footer-links{gap:20px}.footer-links a{font-size:14px;font-weight:780;opacity:.62;transition:opacity .18s ease}.footer-links a:hover{opacity:1}.hero{align-items:center;display:grid;gap:56px;grid-template-columns:minmax(380px,.82fr) minmax(620px,1.08fr);min-height:100svh;padding:72px 5vw 64px}.hero-copy{max-width:650px}.kicker{color:#1514127a;font-size:12px;font-weight:900;letter-spacing:.14em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:5.45rem;font-weight:930;letter-spacing:0;line-height:.9}h2{font-size:4.1rem;font-weight:920;letter-spacing:0;line-height:.98}h3{font-size:1.35rem;font-weight:880;letter-spacing:0;line-height:1.08}mark{-webkit-box-decoration-break:clone;background:linear-gradient(90deg,#9fd4abb8,#95aaffad) 0 90% / 100% .22em no-repeat;box-decoration-break:clone;color:var(--ink);padding:0 .02em}.hero-lede{color:var(--ink-soft);font-size:1.16rem;font-weight:600;line-height:1.52;margin-top:24px;max-width:570px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{align-items:center;border-radius:16px;display:inline-flex;font-size:1rem;font-weight:860;justify-content:center;min-height:54px;padding:0 22px;transition:box-shadow .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--black);box-shadow:0 18px 36px #0505053d;color:var(--paper-soft)}.button-ghost{background:#fffaf1b8;border:1px solid var(--line);color:var(--ink)}.demo-wrap{justify-self:end;max-width:860px;width:100%}.notch-demo-player{background:transparent;border-radius:28px;box-shadow:var(--shadow);line-height:0;overflow:hidden;width:100%}.notch-demo-video{display:block;height:auto;width:100%}.notch-demo-legacy[hidden]{display:none!important}.notch-demo{background:radial-gradient(ellipse at 48% 42%,rgba(242,130,205,.58),transparent 27%),linear-gradient(108deg,rgba(37,16,84,.94) 0 24%,rgba(109,41,126,.72) 24% 34%,transparent 34%),linear-gradient(126deg,transparent 0 52%,rgba(122,67,178,.5) 52% 63%,rgba(41,17,106,.65) 63%),linear-gradient(145deg,#4c35d0,#5426a7 38%,#2d1674 64%,#190a4a);border:1px solid rgba(21,20,18,.16);border-radius:28px;box-shadow:var(--shadow);display:flex;justify-content:center;min-height:390px;overflow:hidden;position:relative}.notch-demo:before{background:linear-gradient(128deg,rgba(17,9,50,.46) 0 26%,transparent 26%),linear-gradient(114deg,transparent 0 58%,rgba(255,255,255,.08) 58% 66%,transparent 66%),radial-gradient(circle at 58% 82%,rgba(246,128,199,.34),transparent 19rem);content:"";top:0;right:0;bottom:0;left:0;opacity:.9;position:absolute;z-index:0}.notch-demo:after{background:linear-gradient(180deg,#0c042a0d,#0802233d);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.menu-bar-preview{align-items:center;background:#07070894;border-bottom:1px solid rgba(255,255,255,.11);color:#f7f5eec2;display:flex;font-size:.78rem;font-weight:760;gap:18px;height:30px;inset:0 0 auto;padding:0 18px;position:absolute;z-index:2}.menu-spacer{flex:1}.notch-panel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,#ffffff14,#fff0),var(--black);border:0;border-radius:0 0 20px 20px;box-shadow:var(--shadow),inset 0 0 0 1px #ffffff1a;color:#f7f5ee;cursor:pointer;display:block;max-width:100%;overflow:hidden;padding:0;position:absolute;text-align:left;top:0;z-index:3}.notch-panel:focus-visible{outline:3px solid rgba(149,170,255,.7);outline-offset:4px}.closed-strip{align-items:center;display:flex;gap:6px;justify-content:center;left:50%;opacity:1;position:absolute;top:11px;transform:translate(-50%);transition:opacity .16s ease;width:84px}.notch-panel[aria-expanded=true] .closed-strip{opacity:0}.closed-strip i{background:#ffffff57;border-radius:999px;display:block;height:4px;width:12px}.closed-strip i:first-child{background:#ffffffd6;width:32px}.panel-content{display:block;padding:36px 18px 16px;pointer-events:none}.preview-header,.preview-title,.preview-status,.transport{align-items:center;display:flex}.preview-header{justify-content:space-between;margin-bottom:12px}.preview-title{display:grid;gap:2px}.preview-title strong{font-size:1.08rem;font-weight:920}.preview-title small{color:#f7f5ee8a;font-size:.7rem;font-weight:780}.preview-status{color:#f7f5eeb8;gap:10px}.preview-status strong{font-size:1rem}.preview-status img{filter:invert(1);height:17px;opacity:.58;width:17px}.preview-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.primary-control,.quick-tile{background:linear-gradient(180deg,#ffffff0a,#ffffff04),var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:16px}.primary-control{align-items:center;display:grid;gap:10px;grid-template-columns:28px 44px minmax(0,1fr);min-height:126px;overflow:hidden;padding:14px;position:relative}.quick-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.equalizer{align-items:end;display:flex;gap:4px;height:22px}.equalizer i{background:#96643f;border-radius:99px;display:block;width:4px}.equalizer i:nth-child(1){height:9px}.equalizer i:nth-child(2){height:14px}.equalizer i:nth-child(3){height:18px}.equalizer i:nth-child(4){height:12px}.album-art{background:radial-gradient(circle at 35% 28%,#f3d79f 0 11%,transparent 12%),radial-gradient(circle at 68% 26%,#d99172 0 13%,transparent 14%),radial-gradient(circle at 63% 72%,#be4b24 0 18%,transparent 19%),radial-gradient(circle at 26% 70%,#eadcc9 0 14%,transparent 15%),linear-gradient(135deg,#171913,#3b311e);border-radius:4px;display:block;height:44px;width:44px}.control-copy{min-width:0}.transport{gap:18px;grid-column:1 / -1;justify-content:center}.transport i{color:#fff;display:block;font-size:0;height:22px;position:relative;width:22px}.transport i:before{border-bottom:9px solid transparent;border-left:15px solid currentColor;border-top:9px solid transparent;content:"";left:5px;position:absolute;top:2px}.transport i:first-child:before,.transport i:last-child:before{border-left-width:12px;filter:drop-shadow(11px 0 0 currentColor)}.transport i:first-child{transform:scaleX(-1)}.control-copy strong{display:block;font-size:.95rem;font-weight:900;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-copy span{color:#f7f5ee94;display:block;font-size:.74rem;font-weight:820;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-tile{align-items:center;display:grid;gap:8px;grid-template-columns:24px minmax(0,1fr);min-height:59px;padding:10px}.quick-tile img{filter:invert(1);height:20px;opacity:.82;width:20px}.quick-tile span{min-width:0}.quick-tile strong,.quick-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-tile strong{font-size:.75rem;font-weight:880}.quick-tile small{color:#f7f5ee8a;font-size:.66rem;font-weight:760}.demo-note{color:#1514127a;font-size:.84rem;font-weight:780;margin-top:12px;text-align:center}.features{margin:0 auto;max-width:1180px;padding:64px 5vw 58px}.feature-heading{margin-bottom:34px;max-width:760px}.feature-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature{background:#fffaf18f;border:1px solid var(--line);border-radius:18px;min-height:184px;padding:18px}.feature p{color:var(--ink-soft);font-size:.9rem;font-weight:610;line-height:1.4;margin-top:10px}.feature-icon{align-items:center;background:#1514120d;border:1px solid rgba(21,20,18,.08);border-radius:15px;display:flex;height:50px;justify-content:center;margin-bottom:18px;width:50px}.feature-icon img{height:26px;opacity:.9;width:26px}.theme-strip{align-items:center;display:flex;gap:28px;justify-content:space-between;margin-top:18px;padding:24px 0}.theme-copy{max-width:500px}.theme-copy .kicker{margin-bottom:10px}.theme-copy h3{font-size:1.55rem}.theme-copy p:not(.kicker){color:var(--ink-soft);font-size:.96rem;font-weight:610;line-height:1.42;margin-top:8px}.theme-options{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:min(560px,48%)}.theme-option{align-items:center;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr);min-width:0}.theme-swatch{border-radius:999px;display:block;height:38px;width:38px}.theme-swatch-black{background:#050505;box-shadow:inset 0 0 0 1px #fffaf129}.theme-swatch-glass{background:linear-gradient(135deg,#ffffffdb,#ffffff47),radial-gradient(circle at 24% 22%,rgba(149,170,255,.42),transparent 52%),#ffffff70;box-shadow:inset 0 0 0 1px #1514121a}.theme-swatch-colour{background:linear-gradient(135deg,#95aaff 0,#95aaff 34%,#9fd4ab 34%,#9fd4ab 66%,#f4ab4f 66%,#f4ab4f)}.theme-option strong,.theme-option small{display:block}.theme-option strong{font-size:.92rem;font-weight:860}.theme-option small{color:var(--ink-soft);font-size:.78rem;font-weight:620;line-height:1.25;margin-top:3px}.theme-flipbook{display:grid;gap:16px;margin-top:24px}.theme-flipbook-copy{align-items:end;display:flex;gap:18px;justify-content:space-between}.theme-flipbook-copy .kicker{margin-bottom:0}.theme-flipbook-copy h3{font-size:1.55rem;text-align:right}.theme-frame{aspect-ratio:1140 / 480;background:#15141214;border-radius:0 0 24px 24px;box-shadow:var(--shadow);overflow:hidden;position:relative}.theme-frame img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:0;position:absolute;transform:scale(1.012);transition:opacity .36s ease,transform 1.2s ease;width:100%}.theme-frame img.is-active{opacity:1;transform:scale(1)}.theme-frame-dots{display:flex;gap:7px;justify-content:center}.theme-frame-dots button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#15141233;border:0;border-radius:999px;cursor:pointer;height:7px;padding:0;transition:background .18s ease,transform .18s ease,width .18s ease;width:7px}.theme-frame-dots button.is-active{background:var(--ink);width:24px}.theme-frame-dots button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.purchase{align-items:center;display:grid;gap:28px;grid-template-columns:1fr auto;margin:18px auto 0;max-width:1180px;padding:62px 5vw 70px}.purchase h2{max-width:780px}.purchase p{color:var(--ink-soft);font-size:1.05rem;font-weight:610;line-height:1.5;margin-top:16px;max-width:620px}.purchase-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}footer{align-items:center;display:flex;justify-content:space-between;margin:0 5vw;padding:24px 0 32px}@media(max-width:1180px){.hero{gap:42px;grid-template-columns:minmax(340px,.9fr) minmax(520px,1fr)}h1{font-size:4.45rem}h2{font-size:3.35rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.demo-wrap{justify-self:stretch;max-width:840px}.purchase{align-items:start;grid-template-columns:1fr}.theme-strip{align-items:flex-start;flex-direction:column}.theme-options{min-width:0;width:100%}.theme-flipbook-copy{align-items:flex-start;flex-direction:column;gap:8px}.theme-flipbook-copy h3{text-align:left}}@media(max-width:680px){.hero{gap:36px;padding:44px 16px 48px}h1{font-size:3.45rem}h2{font-size:2.55rem}.hero-lede{font-size:1.03rem}.hero-actions,.button{width:100%}.notch-demo{border-radius:28px;min-height:390px}.notch-panel{max-width:calc(100vw - 32px)}.notch-demo-player{border-radius:18px;width:calc(100vw - 32px)}.preview-grid{grid-template-columns:1fr}.notch-panel[aria-expanded=true]{height:360px!important;width:calc(100vw - 32px)!important}.panel-content{padding-inline:14px}.primary-control{min-height:112px}.quick-grid{grid-template-columns:1fr 1fr}.quick-tile{min-height:52px}.menu-bar-preview{font-size:.68rem;gap:10px;padding-inline:12px}.feature-grid{grid-template-columns:1fr}.features{padding:48px 16px 44px}.theme-options{grid-template-columns:1fr}.theme-frame{border-radius:0 0 16px 16px}.purchase{padding:52px 16px 58px}footer{align-items:flex-start;flex-direction:column;gap:16px;margin-inline:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}