html{scrollbar-gutter:stable}
/* Shared frame dimensions keep Home and Shows aligned at every breakpoint. */
:root{--mello-page-background:#AAAEC2;--mello-frame-width:1440px;--mello-page-gutter:36px}
@media(max-width:1250px){:root{--mello-page-gutter:24px}}
@media(max-width:700px){:root{--mello-page-gutter:12px}}
/* Approved homepage: proportions follow the final reference. */
.page-home{--navy:#070c2b;--blue-line:#668eff;--cream:#fff8ef;--soft-blue:#e5ecff;--ink:var(--navy);background:var(--mello-page-background);color:var(--navy);font:16px/1.4 MelloBody,Nunito,sans-serif;position:relative;isolation:isolate}
.page-home::before{content:'';position:absolute;inset:100px 0 auto;height:410px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 420' preserveAspectRatio='none'%3E%3Cpath d='M0 30Q35 35 55 80Q120 50 160 120Q210 65 255 130L255 380H0Z M1500 60Q1460 65 1445 104Q1385 84 1350 142L1260 400H1500Z' fill='%23e6dff6' opacity='.4'/%3E%3Cpath d='M0 330Q165 265 270 330Q530 250 730 310Q930 255 1090 330Q1370 240 1500 320V420H0Z' fill='%23998bc5' opacity='.35'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
:is(.page-home,.catalog-page) header{background:none;position:relative;z-index:3}
:is(.page-home,.catalog-page) header::after,:is(.page-home,.catalog-page) .brand::after{display:none}
:is(.page-home,.catalog-page) .top{line-height:1.4;width:min(1450px,100%);max-width:1450px;height:93px;min-height:0;padding:15px 40px;margin:auto;display:flex;align-items:center;gap:32px;background:transparent;border-radius:0}
:is(.page-home,.catalog-page) .brand{padding:0;position:static;flex-shrink:0}
.approved-logo{display:flex;align-items:center;width:235px;gap:8px}
.approved-logo>span{font:600 48px/1 MelloDisplay,Fredoka,sans-serif;letter-spacing:-3px;color:#fffdf6;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;filter:drop-shadow(0 2px 0 #070c2b)}
.approved-logo>svg{width:80px;height:64px}
:is(.page-home,.catalog-page) nav.main{display:flex;align-items:center;gap:17px;margin:auto;padding:0;background:none;border:0;box-shadow:none}
:is(.page-home,.catalog-page) nav.main a{padding:13px 19px;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none;border-radius:999px}
:is(.page-home,.catalog-page) nav.main a.on{background:var(--cream);box-shadow:4px 5px 0 #6e92d6;font-weight:700}

.search-glyph{display:block;width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}
.chrome-symbol{width:29px;height:29px;flex-shrink:0}
.chrome-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 23px;border:2px solid var(--navy);border-radius:999px;box-shadow:3px 4px 0 #070c2b;background:linear-gradient(110deg,#ffe59b,#ffd268);text-decoration:none;font-size:18px;font-weight:800;line-height:1.2;min-height:55px;position:relative;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.chrome-cta>span:last-child{font-size:25px;font-weight:400}
.chrome-cta small{position:absolute;bottom:-18px;font-size:9px;letter-spacing:.05em;color:#263b6c}
.page-home button,.page-home a{touch-action:manipulation}
.chrome-cta:hover,.episode-link:hover,.demo-analysis:hover,.search-submit:hover{transform:translateY(-2px);box-shadow:3px 6px 0 #070c2b26}
.approved-hero{width:min(1370px,100%);margin:0 auto;display:grid;grid-template-columns:35% 65%;align-items:center;padding:14px 34px 25px;gap:0;min-height:340px}
.approved-copy{padding:0 0 0 18px;position:relative;z-index:1}
.approved-copy h1{font:600 clamp(42px,4.1vw,64px)/1.06 MelloDisplay,Fredoka,sans-serif;letter-spacing:-.045em;margin:0 0 20px;max-width:440px;color:#030824}
.approved-copy h1 span{position:relative;z-index:0;white-space:nowrap}
.approved-copy h1 span::after{content:'';height:14px;position:absolute;left:0;right:-6px;bottom:3px;background:#ffe17a;z-index:-1;border-radius:999px;transform:rotate(-2deg)}
.approved-copy>p{font-size:20px;line-height:1.35;color:#405786;max-width:350px;margin:0 0 21px}
.hero-action{display:flex;align-items:center;gap:15px}.hero-action .chrome-cta{font-size:19px;padding:13px 25px;min-height:57px}
.free-note{font-size:15px;font-weight:700;transform:rotate(-10deg);max-width:90px;line-height:1.2;white-space:nowrap;color:#14266d;margin-top:-10px}.free-note svg{display:block;width:52px;height:26px;margin-top:6px;stroke:currentColor;fill:none;stroke-width:2}
.product-demo{position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;min-width:0;padding:9px 0 0 20px;isolation:isolate}
.video-preview{position:relative;border:2px solid var(--navy);border-radius:25px;padding:14px;background:#fffaf0;transform:rotate(-5deg);margin:0 -23px 0 0;box-shadow:11px 9px 0 #f7cf6d,13px 11px 0 var(--navy);z-index:0}
.video-preview img{display:block;width:100%;height:258px;object-fit:cover;border-radius:14px;background:#b9d9ef}
.preview-controls{position:absolute;bottom:23px;left:26px;right:23px;display:flex;align-items:center;gap:13px;color:white;font-size:10px;text-shadow:0 1px 4px #000;pointer-events:none}
.preview-play{font-size:21px}.preview-progress{height:3px;border-radius:999px;background:#ffffff80;flex:1}.preview-progress i{display:block;width:13%;height:100%;background:white;border-radius:999px}
.hero-facts{position:relative;z-index:1;background:linear-gradient(110deg,#fffbf5,#fff8f1);border:2px solid var(--navy);border-radius:25px;padding:16px 23px 13px;box-shadow:12px 13px 0 #6b8bc875;transform:rotate(1deg);min-width:0}
.hero-facts-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.hero-facts h2{font:600 22px/1.2 MelloDisplay,Fredoka,sans-serif;letter-spacing:-.045em;margin:0;white-space:nowrap}
.demo-pill{font-size:13px;padding:5px 18px;background:#ffd46c;border-radius:999px;flex-shrink:0}
.demo-row{display:grid;grid-template-columns:122px minmax(0,1fr) 30px;gap:9px;align-items:center;margin:12px 0;font-size:13px;line-height:1.2}
.demo-row b{font-weight:800;text-align:right}
.demo-track{height:18px;background:#eee7df;border-radius:999px;overflow:hidden}.demo-track i{display:block;height:100%;border-radius:999px;background:var(--demo-fill,#92bf96)}
.demo-analysis{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;border:1px solid var(--blue-line);background:#dce5ff;border-radius:999px;padding:10px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:42px}
.demo-caption{display:block;text-align:center;font-size:9px;letter-spacing:.025em;color:#68728c;margin-top:6px}
.discovery{width:calc(100% - var(--mello-page-gutter) - var(--mello-page-gutter));max-width:var(--mello-frame-width);margin:8px auto 34px;padding:27px 29px 25px;background:radial-gradient(ellipse at 50% 0,#fffcf6,#fcf4e8);border-radius:48px 45px 52px 40px;box-shadow:inset 0 0 24px #fff9f4;position:relative}
.discovery-search{display:flex;align-items:center;gap:20px;padding:8px 9px 8px 25px;min-height:66px;border:1.5px solid #7098ff;border-radius:28px;background:#fffdfb;box-shadow:0 2px 7px #8097ca12}
.discovery-search>.search-glyph{width:37px;height:37px;flex-shrink:0}
.discovery-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:700 19px MelloBody,Nunito,sans-serif;color:#122550;padding:8px 0}
.discovery-search input::placeholder{color:#5f76a7;opacity:1}.discovery-search:focus-within{outline:3px solid #6b8dfd66;outline-offset:3px}
.search-submit{display:flex;gap:15px;align-items:center;background:linear-gradient(110deg,#ffdc82,#ffd46b);border:0;border-radius:999px;padding:13px 27px;font-weight:800;font-size:18px;min-height:49px;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.clear-search{background:none;border:0;min-width:44px;min-height:44px;cursor:pointer;font-size:23px;color:#3e527c}.clear-search[hidden]{display:none}
.popular-searches{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 4px 14px;font-size:12px;color:#344e81}
.popular-searches button{background:#e8e6ff;border:0;border-radius:999px;padding:8px 17px;font-size:11px;color:#101850;cursor:pointer;min-height:32px}
.explorer{display:grid;grid-template-columns:40% minmax(0,1fr);gap:20px}
.show-browser,.show-detail{background:#fffcf6a8;border-radius:22px;box-shadow:0 5px 20px #674e2920;min-width:0}
.show-browser{padding:13px 12px 10px}
.browser-heading{display:flex;align-items:center;gap:16px;margin:0 8px 10px}
.browser-heading h2{font:600 25px/1.15 MelloDisplay,Fredoka,sans-serif;letter-spacing:-.045em;margin:0;white-space:nowrap}
.band-selector{display:flex;align-items:center;gap:7px;position:relative;isolation:isolate;min-width:0;max-width:100%;overflow:auto;padding:2px;scrollbar-width:none;margin-left:auto}
.band-selector button{position:relative;z-index:1;border:0;border-radius:999px;background:#e9e6ff;font-size:12px;padding:8px 16px;cursor:pointer;white-space:nowrap;min-height:34px;flex-shrink:0;transition:color .15s}
.band-selector button[aria-pressed=true]{background:transparent;color:white}
.band-indicator{position:absolute;z-index:0;left:0;top:0;background:#3c4367;border-radius:999px;pointer-events:none;transition:transform 350ms cubic-bezier(.34,1.56,.64,1),width 350ms cubic-bezier(.34,1.56,.64,1),height 350ms ease}
.show-list{height:281px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6c9d8 transparent;padding-right:3px}
.show-option{display:grid;grid-template-columns:74px minmax(0,1fr) 83px 18px;align-items:center;gap:14px;background:#fffaf2;border:1px solid transparent;border-radius:15px;width:100%;min-height:53px;padding:4px 15px;margin:0 0 5px;box-shadow:0 4px 8px #71532d0a;text-align:left;color:var(--navy);cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.show-option img{display:block;width:74px;height:43px;object-fit:cover;border-radius:11px;background:#e1e2e4}
.show-option b{font-size:14px;line-height:1.2;overflow-wrap:anywhere}
.show-option.selected{border-color:#688fff;background:#edf4ff;box-shadow:0 0 0 1px #fff inset}
.show-option:hover{background:#f0f4ff}.show-chevron{font-size:29px;line-height:1;justify-self:end}
.browser-band{display:inline-block;background:color-mix(in srgb,var(--band) 40%,#fff8e9);color:#141b2d;font-size:13px;border-radius:999px;padding:6px 15px;font-weight:700;text-align:center;white-space:nowrap}
.browser-band.mixed{background:#e8e5f3;color:#4f4f6b}
.discovery-status{font-size:10px;color:#65738a;margin:6px 8px 0}
.show-detail{padding:24px;display:grid;grid-template-columns:35% minmax(0,1fr);gap:21px;min-height:334px;align-items:stretch}
.detail-thumb{display:block;width:100%;height:100%;min-height:280px;max-height:340px;object-fit:cover;border-radius:14px;background:#dce6ed}
.detail-copy{min-width:0}.detail-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 0 8px}
.detail-heading h2{font:600 34px/1.2 MelloDisplay,Fredoka,sans-serif;letter-spacing:-.045em;margin:0}
.detail-heading .browser-band{padding:7px 20px}
.detail-copy>p{font-size:14px;line-height:1.4;color:#466098;margin:0 0 12px}
.episode-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1.5px solid var(--navy);border-radius:999px;padding:8px 20px;min-height:40px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}
.detail-facts{border-top:1px solid #e5ddd2;padding-top:11px}
.detail-facts h3{font:800 16px/1.3 MelloBody,Nunito,sans-serif;margin:0 0 11px;letter-spacing:-.035em}.detail-facts h3>span{font-weight:400;font-size:11px;color:#466098;letter-spacing:0}
.mini-measurements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.mini-measure{padding:0 9px;border-left:1px solid #e4ded4;display:flex;flex-direction:column;align-items:stretch;min-width:0}.mini-measure:first-child{border:0;padding-left:0}.mini-measure:last-child{padding-right:0}
.mini-measure>span{font-size:9px;min-height:23px;text-align:center;line-height:1.2}
.mini-track{height:17px;background:#eee7de;border-radius:999px;overflow:hidden}.mini-track i{display:block;height:100%;border-radius:999px;background:color-mix(in srgb,var(--band) 60%,#d8debd);transform-origin:left}
.mini-measure b{font-size:11px;font-weight:700;text-align:center;margin-top:7px;white-space:nowrap}
.full-facts{display:block;font-size:11px;font-weight:800;margin-top:10px;text-decoration:none;color:#405da3}.full-facts:hover{text-decoration:underline}
.empty-results{padding:24px 15px;color:#405480;font-size:14px}.empty-results p{margin:12px 0}.empty-results button{padding:9px 14px;border:1px solid #7e94c5;background:#eef2ff;border-radius:999px;cursor:pointer;min-height:44px}
.empty-detail{grid-column:1/-1;align-self:center;justify-self:center;padding:30px;text-align:center;max-width:400px}.empty-detail h2{font-size:26px}.empty-detail p{font-size:15px;color:#52638b}
[data-reveal-bar]{transform-origin:left;will-change:transform}
.demo-dialog{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:2px solid var(--navy);border-radius:24px;background:var(--cream);padding:30px;color:var(--navy)}
.demo-dialog::backdrop{background:#070c2b66}.demo-dialog h2{font:600 25px MelloDisplay,Fredoka,sans-serif}.demo-dialog p{font-size:14px;color:#435982}.demo-dialog>button{float:right;border:0;background:none;min-width:44px;min-height:44px;font-size:25px;cursor:pointer}.demo-dialog .demo-row{font-size:15px;grid-template-columns:145px 1fr 35px}
.page-home footer{background:transparent;border-color:#ffffff55;font-size:11px;padding:12px 0 25px;color:#405980}
:is(.page-home,.catalog-page) .mobile-nav{display:none}
@media(max-width:1250px){:is(.page-home,.catalog-page) .top{padding:14px 28px;gap:15px}.approved-logo{width:185px;gap:5px}.approved-logo>span{font-size:40px}.approved-logo>svg{width:65px}:is(.page-home,.catalog-page) nav.main{gap:6px}:is(.page-home,.catalog-page) nav.main a{font-size:13px;padding:12px 15px}:is(.page-home,.catalog-page) .top>.chrome-cta{font-size:15px;padding:11px 17px}.approved-hero{grid-template-columns:34% 66%;padding:15px 30px 24px;min-height:320px}.approved-copy{padding:0}.approved-copy h1{font-size:49px}.approved-copy>p{font-size:17px}.hero-action .chrome-cta{font-size:16px;padding:12px 20px}.free-note{font-size:12px}.hero-facts{padding:16px}.hero-facts h2{font-size:19px}.demo-pill{font-size:11px;padding:5px 12px}.demo-row{grid-template-columns:108px minmax(0,1fr) 26px;font-size:12px}.video-preview img{height:239px}.discovery{padding:23px}.explorer{grid-template-columns:41% minmax(0,1fr);gap:15px}.browser-heading{gap:10px;margin-left:4px;margin-right:4px}.browser-heading h2{font-size:21px}.band-selector{gap:4px}.band-selector button{font-size:11px;padding:8px 12px}.show-option{grid-template-columns:58px minmax(0,1fr) 69px 14px;gap:10px;padding:5px 10px}.show-option img{width:58px}.show-option b{font-size:12px}.browser-band{font-size:11px;padding:6px 12px}.show-detail{padding:20px;gap:17px;grid-template-columns:32% minmax(0,1fr)}.detail-heading h2{font-size:27px}.detail-heading .browser-band{padding:6px 13px}.detail-copy>p{font-size:12px}.mini-measure{padding:0 5px}.mini-measure b{font-size:10px}.mini-measure>span{font-size:8px}.detail-facts h3{font-size:14px}.detail-facts h3>span{font-size:10px}}
@media(max-width:1000px){:is(.page-home,.catalog-page) .top>.chrome-cta{display:none}:is(.page-home,.catalog-page) .top{height:82px}.approved-hero{grid-template-columns:36% 64%;min-height:300px;padding:15px 24px 25px}.approved-copy h1{font-size:42px}.approved-copy>p{font-size:16px}.free-note{display:none}.hero-action .chrome-cta{font-size:15px;padding:11px 16px;min-height:50px}.hero-facts{padding:14px 12px}.hero-facts h2{font-size:16px}.demo-row{grid-template-columns:93px minmax(0,1fr) 24px;gap:5px;font-size:10px;margin:13px 0}.demo-pill{padding:4px 9px;font-size:10px}.demo-analysis{font-size:12px;gap:12px}.video-preview{padding:10px;border-radius:18px}.video-preview img{height:220px}.explorer{grid-template-columns:1fr}.show-list{height:245px}.browser-heading h2{font-size:25px}.band-selector button{font-size:13px;padding:9px 18px}.show-option{grid-template-columns:76px minmax(0,1fr) 90px 20px}.show-option img{width:76px}.show-option b{font-size:14px}.show-detail{grid-template-columns:32% minmax(0,1fr);min-height:310px}.detail-thumb{min-height:280px}.detail-heading h2{font-size:32px}.detail-copy>p{font-size:15px}.mini-measure b{font-size:12px}.mini-measure>span{font-size:10px}.detail-facts h3{font-size:17px}.detail-facts h3>span{font-size:12px}}
@media(max-width:700px){:is(.page-home,.catalog-page) .top{padding:12px 22px;height:78px;justify-content:space-between}.approved-logo{width:176px}:is(.page-home,.catalog-page) nav.main{display:none}:is(.page-home,.catalog-page) .mobile-nav{display:block;margin-left:auto}:is(.page-home,.catalog-page) .mobile-nav summary{font-weight:800;cursor:pointer;padding:10px}:is(.page-home,.catalog-page) .mobile-nav nav{background:var(--cream);top:100%;left:20px;right:20px}.approved-hero{grid-template-columns:1fr;padding:20px 24px 25px;gap:30px}.approved-copy h1{font-size:48px;max-width:390px;margin-bottom:19px}.approved-copy>p{font-size:18px;max-width:340px}.free-note{display:block;font-size:13px}.hero-action{gap:20px}.hero-action .chrome-cta{font-size:18px;padding:12px 25px}.product-demo{padding:10px 0 0 0;grid-template-columns:47% 53%}.video-preview img{height:226px}.hero-facts{padding:15px 13px}.hero-facts h2{font-size:17px}.demo-row{font-size:10px;grid-template-columns:91px minmax(0,1fr) 23px}.demo-analysis{font-size:11px}.discovery{border-radius:30px;padding:19px 15px 20px;margin-top:0}.discovery-search{padding:7px 7px 7px 13px;gap:10px;min-height:58px;border-radius:22px}.discovery-search>.search-glyph{width:26px;height:26px}.discovery-search input{font-size:14px}.search-submit{padding:11px 15px;font-size:14px;min-height:44px;gap:8px}.popular-searches{font-size:11px;gap:7px}.popular-searches button{padding:7px 12px;font-size:10px}.browser-heading{flex-wrap:wrap;gap:12px}.band-selector{margin-left:0}.show-detail{padding:17px;gap:17px}.detail-heading h2{font-size:27px}.detail-copy>p{font-size:13px}.mini-measure>span{font-size:8px}.mini-measure b{font-size:10px}.detail-facts h3{font-size:14px}.detail-facts h3>span{font-size:10px}}
@media(max-width:450px){.approved-copy h1{font-size:44px}.product-demo{display:block;padding:0 0 0 4px}.video-preview{width:76%;margin:0;transform:rotate(-4deg);padding:10px}.video-preview img{height:195px}.hero-facts{width:87%;margin:-20px 0 0 auto;transform:rotate(1deg);padding:16px 18px}.hero-facts h2{font-size:19px}.demo-row{font-size:12px;grid-template-columns:112px 1fr 26px;margin:10px 0}.demo-analysis{font-size:13px}.demo-pill{font-size:11px}.discovery-search{gap:8px;flex-wrap:wrap}.discovery-search input{width:calc(100% - 90px);flex-basis:calc(100% - 90px)}.search-submit{width:100%;justify-content:center;min-height:44px}.clear-search{min-width:32px}.show-option{grid-template-columns:58px minmax(0,1fr) 64px 12px;gap:9px;padding:5px 8px}.show-option img{width:58px}.show-option b{font-size:12px}.browser-band{font-size:11px;padding:6px 10px}.band-selector button{padding:8px 15px;font-size:12px}.show-detail{grid-template-columns:1fr}.detail-thumb{height:180px;min-height:0;max-height:none;object-fit:cover;aspect-ratio:16/9}.detail-heading h2{font-size:30px}.detail-copy>p{font-size:14px}.mini-measure>span{font-size:9px}.mini-measure b{font-size:11px}.detail-facts h3{font-size:16px}.detail-facts h3>span{font-size:11px}.full-facts{min-height:32px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.page-home *,#modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal-bar]{will-change:auto}}
@media(max-width:380px){:is(.page-home,.catalog-page) .top{padding:12px 15px;gap:8px}.approved-logo{width:145px}.approved-logo>span{font-size:34px}.approved-logo>svg{width:50px}.approved-copy h1{font-size:40px}.hero-action .chrome-cta{font-size:16px;padding:12px 18px}.free-note{font-size:11px}.demo-row{grid-template-columns:100px minmax(0,1fr) 25px;font-size:11px}.hero-facts h2{font-size:17px}.demo-pill{padding:4px 8px}.band-selector button{padding:8px 12px}}
/* Desktop explorer layout; the product introduction follows on scroll. */
@media(min-width:1001px) and (min-height:740px){
  :is(.page-home,.catalog-page) .top{height:76px;min-height:76px;padding-top:10px;padding-bottom:10px}
  .approved-logo>span{font-size:41px}.approved-logo>svg{height:53px}
  :is(.page-home,.catalog-page) .top>.chrome-cta{min-height:47px;font-size:16px;padding:10px 21px}
  .page-home main{height:auto;min-height:0;display:block;padding-bottom:8px}
  .approved-hero{height:100%;min-height:0;width:min(1370px,100%);padding-top:8px;padding-bottom:8px}
  .approved-copy h1{font-size:clamp(43px,3.8vw,56px);margin-bottom:15px}
  .approved-copy>p{font-size:17px;line-height:1.35;max-width:335px;margin-bottom:16px}
  .hero-action .chrome-cta{min-height:48px;font-size:16px;padding:11px 22px}
  .free-note{font-size:13px}
  .product-demo{padding-top:0}
  .video-preview{padding:11px;border-radius:22px}
  .video-preview img{height:205px;border-radius:12px}
  .hero-facts{padding:12px 20px 10px;border-radius:22px}
  .hero-facts-heading{margin-bottom:8px}.hero-facts h2{font-size:20px}
  .demo-row{margin:7px 0;font-size:12px;grid-template-columns:114px minmax(0,1fr) 27px}
  .demo-track{height:14px}.demo-analysis{min-height:36px;padding:8px;font-size:13px}
  .demo-caption{font-size:8px;margin-top:5px}
  .discovery{height:100%;min-height:0;margin:0 auto;padding:18px 23px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);border-radius:35px}
  .discovery-search{min-height:54px;padding:6px 7px 6px 20px;border-radius:24px}
  .discovery-search input{font-size:17px}.discovery-search>.search-glyph{width:29px;height:29px}
  .search-submit{min-height:40px;font-size:16px;padding:10px 24px}
  .popular-searches{padding:9px 4px 11px;gap:9px}.popular-searches button{padding:6px 15px;min-height:29px}
  .explorer{min-height:0;align-items:stretch}
  .show-browser{min-height:0;display:flex;flex-direction:column;padding:11px 12px 8px}
  .browser-heading{margin-bottom:8px}.browser-heading h2{font-size:23px}
  .band-selector button{min-height:32px;padding:7px 14px}
  .show-list{height:auto;min-height:0;flex:1}
  .show-option{min-height:45px;padding-top:3px;padding-bottom:3px;margin-bottom:4px}
  .show-option img{height:37px}.show-option b{font-size:13px}
  .discovery-status{flex-shrink:0;margin-top:4px}
  .show-detail{min-height:0;padding:17px 20px;gap:18px}
  .detail-thumb{height:100%;min-height:0;max-height:none}
  .detail-copy{min-height:0;overflow:auto;scrollbar-width:thin}
  .detail-heading{margin-bottom:6px}.detail-heading h2{font-size:29px}
  .detail-copy>p{font-size:13px;margin-bottom:8px;line-height:1.35}
  .episode-link{min-height:34px;padding:6px 17px;font-size:13px}
  .detail-facts{padding-top:8px}.detail-facts h3{font-size:15px;margin-bottom:8px}
  .mini-measure>span{min-height:21px}.mini-track{height:15px}.mini-measure b{margin-top:5px}
  .full-facts{margin-top:7px;font-size:10px}
}
/* A smaller, quieter product demo beneath the catalog. */
@media(min-width:1001px){
  .approved-hero{width:min(1200px,100%);grid-template-columns:38% 62%;padding-left:38px;padding-right:38px}
  .approved-copy h1{font-size:44px;line-height:1.08;margin-bottom:13px}
  .approved-copy>p{font-size:15px;line-height:1.4;max-width:300px;margin-bottom:15px}
  .hero-action{gap:13px}.hero-action .chrome-cta{font-size:15px;padding:10px 19px;min-height:44px;gap:10px}
  .hero-action .chrome-symbol{width:25px;height:25px}.free-note{font-size:12px}
  .product-demo{width:100%;max-width:690px;justify-self:end;padding-left:12px}
  .video-preview{padding:9px;border-radius:19px;transform:rotate(-3deg);box-shadow:7px 6px 0 #f7cf6d,9px 8px 0 var(--navy)}
  .video-preview img{height:172px;border-radius:11px}
  .preview-controls{bottom:17px;left:20px;right:18px;gap:9px;font-size:8px}
  .hero-facts{padding:12px 16px 10px;border-radius:19px;box-shadow:7px 8px 0 #6b8bc855;transform:rotate(.5deg)}
  .hero-facts-heading{margin-bottom:8px}.hero-facts h2{font-size:18px}
  .demo-pill{font-size:11px;padding:4px 12px}
  .hero-facts .demo-row{grid-template-columns:102px minmax(0,1fr) 24px;gap:7px;font-size:11px;margin:7px 0}
  .hero-facts .demo-track{height:12px}
  .hero-facts .demo-analysis{min-height:34px;padding:7px;font-size:12px;gap:16px}
  .hero-facts .demo-caption{font-size:8px;line-height:1.3;margin-top:5px}
}

/* Show portraits are independent of episode thumbnails: preserve character silhouettes. */
.show-option .show-row-art{background:#edf1e7;padding:3px;object-position:center}
.detail-thumb{background:#edf1e7;padding:14px;object-position:center;object-fit:contain}
.show-art-placeholder{display:grid;place-items:center;background:#edf1e7;color:#53648a;font:600 26px MelloDisplay,sans-serif;border-radius:12px}
.show-option .show-art-placeholder{width:74px;height:43px;font-size:19px}
.detail-facts{margin-top:14px}
.example-episode{font-size:11px;color:#53648a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 12px}
@media(max-width:1250px){.show-option .show-art-placeholder{width:58px}}
@media(min-width:451px) and (max-width:1000px){.show-option .show-art-placeholder{width:76px}}
/* Keep the explicit, labelled clear button as the only search clear action. */
.discovery-search input[type="search"]::-webkit-search-cancel-button,
.discovery-search input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.discovery-search input[type="search"]::-ms-clear{display:none}

/* A little breathing room between navigation and the shows frame. */
@media(min-width:1001px){.page-home main{padding-top:12px}}
@media(max-width:1000px){.discovery{margin-top:20px}}

/* Leave room for the Playlists tab without changing shared header geometry. */
@media(min-width:1001px) and (max-width:1100px){:is(.page-home,.catalog-page) .top>.chrome-cta{display:none}}

/* Discovery fills the opening screen; the product story starts below the fold. */
@media(min-width:1001px){
  .page-home main{height:auto;min-height:0;display:block;padding:12px 0 0}
  .discovery{height:calc(100svh - 129px);min-height:440px;margin:0 auto;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}
  .explorer{min-height:0;align-items:stretch}
  .show-browser{min-height:0;display:flex;flex-direction:column}
  .show-list{height:auto;min-height:0;flex:1}
  .discovery-status{flex-shrink:0}
  .show-option{min-height:54px}
  .show-detail{min-height:0}
  .detail-thumb{height:100%;min-height:0;max-height:540px;align-self:center}
  .detail-copy{min-height:0;max-height:100%;align-self:center;overflow:auto}
  .approved-hero{height:auto;min-height:340px;margin-top:40px;margin-bottom:30px;padding-top:24px;padding-bottom:24px}
}
@media(min-width:1001px) and (min-height:740px){.discovery{height:calc(100svh - 112px)}}

.discovery-intro{margin:0 4px 14px}.discovery-intro p{margin:0;font-size:16px;line-height:1.4;color:var(--muted)}.discovery-intro .intro-lead{font-family:Fredoka,Arial,sans-serif;font-size:22px;font-weight:600;color:var(--ink);margin-bottom:2px}
@media(max-width:700px){.discovery-intro .intro-lead{font-size:19px}.discovery-intro p{font-size:14px}}
.detail-back{display:none}.explorer{scroll-margin-top:96px}
@media(max-width:1000px){.explorer:not(.detail-open) .show-detail{display:none}.explorer.detail-open .show-browser{display:none}.detail-back{display:inline-flex;grid-column:1/-1;justify-self:start;align-items:center;border:1.5px solid var(--ink);background:#fffdf7;color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-weight:800;font-size:14px;cursor:pointer}}
@media(max-width:450px){.discovery-search{flex-wrap:nowrap;gap:8px;padding:6px 6px 6px 12px}.discovery-search input{width:auto;flex:1 1 0;min-width:0;font-size:16px;text-overflow:ellipsis}.search-submit{width:auto;flex-shrink:0;padding:10px 16px;min-height:42px}.search-submit>span{display:none}}