/* BingoBox product page: the RadioBox visual language, focused on the product. */
.bingo-page .site-header{background:rgba(255,250,244,.83);border-color:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.bingo-page .bingo-hero{display:block;min-height:0;padding:160px clamp(20px,7vw,110px) 0;text-align:center;background:radial-gradient(ellipse at 50% 18%,#fbe4d0 0,transparent 53%),linear-gradient(180deg,#fff8ef,#f7eee3);overflow:hidden}
.bingo-hero-inner{max-width:1000px;margin:auto}.bingo-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;font-size:.85rem;font-weight:800;color:#173746}.bingo-kicker img{border-radius:12px}.bingo-kicker small{font-size:.6rem;letter-spacing:.08em;color:#a44e24;background:#fbe5d4;border-radius:99px;padding:5px 8px}
.bingo-page .bingo-hero h1{font-size:clamp(3.6rem,7.3vw,7.5rem);line-height:.95}.bingo-page .bingo-hero h1 em{color:#e16d27}.bingo-hero-inner>p{max-width:690px;margin:26px auto 0;color:#455e68;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.bingo-page .bingo-hero .hero-actions{justify-content:center;margin:32px 0 0}
.bingo-showcase-image{max-width:1120px;margin:80px auto -1px;padding:10px 10px 0;border:1px solid #c5bfb7;border-bottom:0;border-radius:22px 22px 0 0;background:#e6ded4;box-shadow:0 30px 90px #613d2426;text-align:left}.bingo-window-bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#596a70;font-size:.66rem}.bingo-window-bar span{width:7px;height:7px;border-radius:50%;background:#adaba5}.bingo-window-bar strong{margin-left:8px}.bingo-showcase-image img{display:block;width:100%;height:auto;border-radius:8px 8px 0 0}
.bingo-overview{padding:clamp(80px,10vw,140px) clamp(24px,7vw,110px);background:#fff8ef}.bingo-overview-heading{max-width:830px}.bingo-overview-heading .eyebrow{color:#ad5e32}.bingo-overview h2{margin:16px 0 0;font-size:clamp(3rem,5.4vw,5.8rem);line-height:1}.bingo-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:65px}.bingo-overview-grid article{border-top:1px solid #cfc7bc;padding-top:22px}.bingo-overview-grid article>span{font-size:.72rem;color:#a65b35;font-weight:800}.bingo-overview-grid h3{font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1.25rem;line-height:1.25;margin:22px 0 12px}.bingo-overview-grid p{max-width:330px;color:#455e68;line-height:1.65;margin:0;font-size:.95rem}
.bingo-page .experience{background:linear-gradient(135deg,#f7eee4,#edf4f2)}.bingo-page .pricing-intro h2{max-width:900px}.bingo-page .bingo-pricing{padding-top:clamp(90px,10vw,140px)}
@media(max-width:680px){.bingo-page .site-header{grid-template-columns:1fr auto}.bingo-page .product-brand{display:none}.bingo-page .back-link{font-size:.78rem;gap:5px}.bingo-page .back-link img{width:36px;height:36px}.bingo-page .bingo-hero{padding:125px 18px 0}.bingo-kicker{margin-bottom:24px}.bingo-page .bingo-hero h1{font-size:clamp(3rem,9.5vw,4.8rem)}.bingo-hero-inner>p{font-size:1rem}.bingo-page .bingo-hero .hero-actions{gap:18px}.bingo-showcase-image{margin-top:52px;padding:7px 7px 0;border-radius:15px 15px 0 0}.bingo-window-bar{height:24px}.bingo-overview{padding:75px 22px}.bingo-overview h2{font-size:3.15rem}.bingo-overview-grid{grid-template-columns:1fr;gap:26px;margin-top:45px}.bingo-overview-grid h3{margin-top:14px}.bingo-overview-grid p{max-width:none}}
/* Real app views arranged as a layered, gently moving product scene. */
.bingo-scene{position:relative;max-width:1250px;height:clamp(350px,45vw,590px);margin:65px auto 0;perspective:1400px;isolation:isolate}
.bingo-scene:before{content:"";position:absolute;inset:9% 7% 0;border-radius:50%;background:radial-gradient(ellipse,#e9b98b70,transparent 68%);filter:blur(35px)}
.bingo-float{position:absolute;overflow:hidden;border:1px solid #ffffff80;border-radius:13px;background:#131b27;box-shadow:0 24px 55px #38251e35,0 4px 12px #38251e1a;animation:bingo-drift 7s ease-in-out infinite alternate;transform-style:preserve-3d}
.bingo-float img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.bingo-float-main{width:70%;height:75%;left:15%;top:7%;z-index:2;--base:rotateY(-4deg) rotateX(3deg);transform:var(--base)}
.bingo-float-dashboard{width:38%;height:43%;right:-4%;top:38%;z-index:3;--base:rotateY(-10deg) rotateZ(3deg);transform:var(--base);animation-delay:-2.5s}.bingo-float-dashboard img{object-position:center 65%}
.bingo-float-detail{width:29%;height:29%;left:-2%;top:49%;z-index:3;--base:rotateY(11deg) rotateZ(-4deg);transform:var(--base);animation-delay:-4s}.bingo-float-detail img{object-position:72% 80%}
@keyframes bingo-drift{from{transform:var(--base) translateY(-5px)}to{transform:var(--base) translateY(8px)}}
@media(max-width:680px){.bingo-scene{height:250px;margin-top:48px}.bingo-float{border-radius:8px}.bingo-float-main{width:87%;left:6%;height:72%;top:4%}.bingo-float-dashboard{width:49%;height:38%;right:-5%;top:48%}.bingo-float-detail{width:34%;height:27%;left:-4%;top:53%}}
@media(prefers-reduced-motion:reduce){.bingo-float{animation:none}}
.bingo-features{padding:clamp(80px,10vw,140px) clamp(20px,7vw,110px);background:#f0eae2}.bingo-features-intro{max-width:840px;margin-bottom:48px}.bingo-features-intro .eyebrow{color:#a7552e}.bingo-features-intro h2{font-size:clamp(3.2rem,5.8vw,6rem);line-height:.98;margin:16px 0 20px}.bingo-features-intro p{max-width:600px;color:#455e68;font-size:1.1rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-width:0;min-height:480px;display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:#f8f2e9;border:1px solid #15313a20}.feature-card.feature-draw,.feature-card.feature-layout{grid-column:span 1}.feature-card.feature-draw{grid-column:span 2;background:#e9d5c3}.feature-card.feature-layout{background:#dce7e6}.feature-card.feature-series{background:#f9eadb}.feature-card.feature-control{background:#182b38;color:#fff}.feature-card.feature-obs{background:#cfe0e6}.feature-card.feature-history{background:#f7efe4;grid-column:span 3}.feature-copy{padding:clamp(24px,3vw,38px);position:relative;z-index:1}.feature-index{font-size:.7rem;letter-spacing:.1em;font-weight:800;color:#a3532d}.feature-control .feature-index{color:#f4aa77}.feature-card h3{font-size:clamp(2rem,2.7vw,3rem);line-height:1.03;margin:18px 0 12px}.feature-card p{font-size:.95rem;line-height:1.6;color:#45606a;max-width:480px;margin:0}.feature-control p{color:#d2dee0}.feature-visual{position:relative;flex:1;min-height:220px;margin:12px 0 0 7%;overflow:hidden;border-radius:14px 0 0 0;background:#131d29;box-shadow:-8px -8px 25px #48332616}.feature-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 35%}.feature-draw .feature-visual img{object-position:65% 28%}.feature-layout .feature-visual img{object-position:40% 25%}.feature-series .feature-visual img,.feature-history .feature-visual img{object-position:45% 28%}.feature-control .feature-visual img{object-position:28% 15%}.feature-obs .feature-visual img{object-position:80% 60%}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card.feature-draw,.feature-card.feature-history{grid-column:span 2}.feature-card{min-height:430px}}
@media(max-width:600px){.bingo-features{padding:75px 18px}.bingo-features-intro h2{font-size:3.2rem}.bingo-features-intro p{font-size:1rem}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card.feature-draw,.feature-card.feature-history{grid-column:auto}.feature-card{min-height:400px;border-radius:20px}.feature-card h3{font-size:2.25rem}.feature-visual{min-height:190px}}
/* Refinement: screenshots are background scenery; copy owns the foreground. */
.bingo-page .bingo-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:850px;padding:170px 24px 160px}
.bingo-hero-inner{position:relative;z-index:2;width:100%;max-width:1000px}
.bingo-page .bingo-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#fff8effa 0%,#fff8eff0 28%,#fff8ef8c 52%,#fff8ef00 77%),linear-gradient(0deg,#fff8ef,transparent 20%)}
.bingo-scene{position:absolute;inset:0;max-width:none;width:100%;height:100%;margin:0;z-index:0;pointer-events:none}
.bingo-float-main{width:43%;height:auto;aspect-ratio:1.6;left:-10%;top:21%;opacity:.57;--base:rotateY(16deg) rotateZ(-12deg)}
.bingo-float-dashboard{width:42%;height:auto;aspect-ratio:1.6;right:-8%;top:12%;opacity:.5;--base:rotateY(-18deg) rotateZ(11deg)}
.bingo-float-detail{width:34%;height:auto;aspect-ratio:1.6;left:65%;top:66%;opacity:.38;--base:rotateY(-12deg) rotateZ(-8deg)}
.bingo-float img{object-fit:contain;object-position:center}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.feature-card.feature-draw,.feature-card.feature-layout,.feature-card.feature-history{grid-column:auto}
.feature-card{min-height:0;border-radius:24px}
.feature-copy{padding:30px 32px 24px;min-height:215px}
.feature-card h3{font-size:clamp(1.9rem,2.5vw,2.7rem)}
.feature-visual{flex:none;min-height:0;margin:0 20px 20px;border-radius:12px;aspect-ratio:1.6;background:#0c1018;box-shadow:0 12px 25px #132c3b16;border:1px solid #ffffff38}
.feature-visual img{position:static;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important}
@media(max-width:680px){.bingo-page .bingo-hero{min-height:760px;padding:140px 22px 150px}.bingo-float-main{width:73%;left:-24%;top:19%}.bingo-float-dashboard{width:70%;right:-24%;top:12%}.bingo-float-detail{width:68%;left:49%;top:73%}.bingo-hero-inner{max-width:560px}.bingo-page .bingo-hero:after{background:radial-gradient(ellipse at 50% 43%,#fff8efff 12%,#fff8eff0 35%,#fff8ef66 70%,transparent),linear-gradient(0deg,#fff8ef,transparent 16%)}.feature-grid{grid-template-columns:1fr}.feature-copy{min-height:0;padding:26px}.feature-visual{margin:0 14px 14px}.feature-card.feature-draw,.feature-card.feature-history{grid-column:auto}}
.bingo-page .bingo-hero{grid-template-columns:minmax(0,1fr)}
/* Editorial grid with deliberate detail views from the real application. */
.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch}
.feature-card{grid-column:span 4;min-height:490px}
.feature-card.feature-draw{grid-column:span 7}.feature-card.feature-layout{grid-column:span 5}
.feature-card.feature-history{grid-column:span 12;display:grid;grid-template-columns:1fr 1.8fr;min-height:330px;align-items:center}
.feature-copy{min-height:0;padding:30px 30px 26px}.feature-card h3{font-size:clamp(1.85rem,2.5vw,2.7rem)}
.feature-visual{flex:1;position:relative;aspect-ratio:auto;min-height:240px;margin:12px 18px 18px;border-radius:12px;overflow:hidden;background:#0b1018}
.feature-visual img{position:absolute;max-width:none;object-fit:fill!important;object-position:center!important;height:auto;width:var(--shot-width,100%);left:var(--shot-left,0);top:var(--shot-top,0);transform:none}
.feature-draw .feature-visual{min-height:300px;--shot-width:180%;--shot-left:-25%;--shot-top:-8%}
.feature-layout .feature-visual{min-height:300px;--shot-width:145%;--shot-left:-7%;--shot-top:-12%}
.feature-series .feature-visual{--shot-width:210%;--shot-left:-4%;--shot-top:-16%}
.feature-control .feature-visual{--shot-width:270%;--shot-left:-114%;--shot-top:-140%}
.feature-obs .feature-visual{--shot-width:180%;--shot-left:-5%;--shot-top:-65%}
.feature-history .feature-visual{min-height:285px;margin:22px;--shot-width:145%;--shot-left:-2%;--shot-top:-11%}
@media(max-width:900px){.feature-card{grid-column:span 6}.feature-card.feature-draw,.feature-card.feature-layout{grid-column:span 6}.feature-card.feature-history{grid-column:span 12}.feature-control .feature-visual{--shot-top:-110%}.feature-obs .feature-visual{--shot-top:-52%}}
@media(max-width:600px){.feature-grid{grid-template-columns:minmax(0,1fr);gap:18px}.feature-card,.feature-card.feature-draw,.feature-card.feature-layout,.feature-card.feature-history{grid-column:1;display:flex;min-height:420px}.feature-copy{padding:26px}.feature-visual{flex:none;min-height:0;height:250px;margin-top:auto}.feature-draw .feature-visual,.feature-layout .feature-visual{min-height:0;height:270px}.feature-history .feature-visual{min-height:0;height:240px;margin:12px 18px 18px}.feature-control .feature-visual{--shot-top:-122%}.feature-obs .feature-visual{--shot-top:-58%}}
.feature-visual img{top:0;transform:translateY(var(--shot-y,0))}
.feature-draw .feature-visual{--shot-y:-5%}.feature-layout .feature-visual{--shot-y:-10%}.feature-series .feature-visual{--shot-y:-10%}.feature-control .feature-visual{--shot-y:-49%}.feature-obs .feature-visual{--shot-y:-35%}.feature-history .feature-visual{--shot-y:-11%}
.feature-layout .feature-visual{--shot-left:0;--shot-y:-10%}
.feature-series .feature-visual{--shot-width:165%;--shot-left:0}

/* Keep the full result and all three format choices within their detail frames. */
.feature-control .feature-visual{flex:none;height:auto;min-height:0;aspect-ratio:1.1;margin-top:auto;--shot-width:405%;--shot-left:-175%;--shot-y:-50.2%}
.feature-obs .feature-visual{flex:none;height:auto;min-height:0;aspect-ratio:1.7;margin-top:auto;--shot-width:145%;--shot-left:-5%;--shot-y:-36.4%}
/* Independent drift and pointer depth keep the screenshots feeling weightless. */
.bingo-float{transform:var(--base) translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotateX(var(--pointer-rx,0deg)) rotateY(var(--pointer-ry,0deg));animation:bingo-orbit 13s ease-in-out infinite alternate;will-change:transform,translate;backface-visibility:hidden}
.bingo-float-dashboard{animation-duration:17s;animation-delay:-7s;--drift-x:-12px;--drift-y:19px;--drift-angle:-1.4deg}
.bingo-float-main{--drift-x:15px;--drift-y:-18px;--drift-angle:1.2deg}
.bingo-float-detail{animation-duration:11s;animation-delay:-4s;--drift-x:-18px;--drift-y:-13px;--drift-angle:1.8deg}
@keyframes bingo-orbit{from{translate:calc(var(--drift-x) * -1) calc(var(--drift-y) * -1);rotate:calc(var(--drift-angle) * -1)}to{translate:var(--drift-x) var(--drift-y);rotate:var(--drift-angle)}}
.motion-paused .bingo-float{animation-play-state:paused}
@media(max-width:680px){.bingo-float{animation-duration:18s;--drift-x:6px;--drift-y:9px;--drift-angle:.7deg}}
@media(prefers-reduced-motion:reduce){.bingo-float{animation:none;transform:var(--base);will-change:auto}}

/* Direct product storytelling: large actions, then the real app. */
.bingo-features-intro{max-width:1100px;margin-bottom:44px}
.bingo-features-intro h2{font-size:clamp(3.4rem,7vw,7rem);margin:0;line-height:1}
.feature-copy{padding:32px 30px 26px}
.feature-card h3{font-size:clamp(2.15rem,3.3vw,3.5rem);line-height:1.05;margin:0;max-width:14ch}
.feature-card{min-height:400px}
.feature-draw,.feature-layout{min-height:450px}
.bingo-overview h2{margin-top:0}
.bingo-overview-grid h3{font-size:clamp(1.6rem,2.5vw,2.5rem);margin:12px 0 0;line-height:1.15}
.bingo-page .hero-actions{gap:26px}
.bingo-page .hero-actions .button{font-size:1.05rem;min-height:58px;padding:18px 28px}
.bingo-page .hero-actions .text-link{font-size:1.05rem}
@media(max-width:600px){.bingo-features-intro{margin-bottom:32px}.bingo-features-intro h2{font-size:clamp(3.2rem,13vw,4.5rem)}.feature-card,.feature-card.feature-draw,.feature-card.feature-layout,.feature-card.feature-history{min-height:0}.feature-copy{padding:28px 24px}.feature-card h3{font-size:2.5rem}.feature-control .feature-visual,.feature-obs .feature-visual{margin-top:0}.bingo-overview-grid h3{font-size:1.8rem}}

/* Larger, bolder feature compositions and a clearer pricing hierarchy. */
.feature-card.feature-series .feature-copy{padding-bottom:20px}
.feature-card.feature-series h3{font-size:clamp(2.5rem,4vw,4.1rem);line-height:.96;max-width:none}
.feature-card.feature-series .feature-visual{flex:none;min-height:0;aspect-ratio:1.5;margin-top:auto;--shot-width:190%;--shot-left:-1%;--shot-y:-10%}
.feature-card.feature-history{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);min-height:330px;align-items:stretch}
.feature-card.feature-history .feature-copy{display:flex;align-items:center;padding:32px}
.feature-card.feature-history h3{font-size:clamp(3.3rem,5.5vw,6rem);line-height:.92;max-width:8ch}
.feature-card.feature-history .feature-visual{align-self:stretch}
.bingo-page .pricing-intro{grid-template-columns:minmax(0,1fr)}
.bingo-page .pricing-intro h2{max-width:none;width:100%;text-wrap:balance}
.bingo-page .price-card-soon{border-color:rgba(33,123,230,.35);background:linear-gradient(145deg,#f5f9ff,#e8f1fc);box-shadow:0 18px 55px rgba(39,126,232,.18),0 0 42px rgba(54,147,255,.14),inset 0 1px 0 rgba(255,255,255,.9)}
@media(max-width:600px){
 .feature-card.feature-series h3{font-size:clamp(2.8rem,11vw,4rem)}
 .feature-card.feature-series .feature-visual{height:auto;aspect-ratio:1.5;margin-top:0}
 .feature-card.feature-history{display:flex;min-height:0}
 .feature-card.feature-history .feature-copy{padding:28px 24px 18px}
 .feature-card.feature-history h3{font-size:clamp(3.2rem,12vw,5rem);max-width:none}
 .feature-card.feature-history .feature-visual{align-self:auto;min-height:0;height:220px;margin:12px 18px 18px}
}
.feature-card.feature-series .feature-visual{aspect-ratio:2.1;--shot-width:145%}
@media(max-width:600px){.feature-card.feature-series .feature-visual{aspect-ratio:2.1}}
.feature-card.feature-history h3{max-width:none}

/* Bold editorial compositions, grounded in real BingoBox screens. */
.bingo-float-fourth{width:32%;height:auto;aspect-ratio:1.6;left:-6%;top:67%;opacity:.4;--base:rotateY(14deg) rotateZ(8deg);--drift-x:14px;--drift-y:12px;--drift-angle:-1.3deg;animation-duration:15s;animation-delay:-8s}
.feature-grid{gap:clamp(12px,1.5vw,22px)}
.feature-card{border-radius:20px;min-height:0}
.feature-copy{padding:clamp(22px,2.6vw,36px);padding-bottom:18px}
.feature-card h3{max-width:none;font-size:clamp(2.4rem,3.8vw,4.3rem);line-height:.96;letter-spacing:-.055em}
.feature-draw .feature-copy,.feature-layout .feature-copy{min-height:130px;display:flex;align-items:flex-end}
.feature-draw h3,.feature-layout h3{font-size:clamp(3rem,4.5vw,5rem);max-width:13ch}
.feature-draw .feature-visual,.feature-layout .feature-visual{min-height:300px;margin-top:0}
.feature-series .feature-visual,.feature-control .feature-visual,.feature-obs .feature-visual{margin-top:auto}
.feature-series h3,.feature-control h3,.feature-obs h3{font-size:clamp(2.5rem,3.65vw,4rem)}
.feature-card.feature-series .feature-visual{aspect-ratio:2.8;--shot-width:145%;--shot-y:-10%}
.feature-card.feature-history{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:0;align-items:center}
.feature-card.feature-history .feature-copy{padding:clamp(24px,3vw,42px)}
.feature-card.feature-history h3{font-size:clamp(3.8rem,6.6vw,7.3rem);line-height:.88;letter-spacing:-.065em}
.feature-card.feature-history .feature-visual{align-self:center;min-height:0;aspect-ratio:2.3;margin:20px;--shot-width:145%;--shot-y:-11%}
@media(max-width:900px){.feature-draw .feature-copy,.feature-layout .feature-copy{min-height:0}.feature-card.feature-history h3{font-size:clamp(3.3rem,7vw,5.5rem)}}
@media(max-width:600px){
 .bingo-float-fourth{width:65%;left:-27%;top:70%;opacity:.35}
 .feature-card{border-radius:18px}
 .feature-copy{padding:25px 22px 18px}
 .feature-card h3,.feature-series h3,.feature-control h3,.feature-obs h3{font-size:clamp(2.6rem,11vw,4rem);line-height:.98}
 .feature-draw .feature-copy,.feature-layout .feature-copy{min-height:0}
 .feature-draw .feature-visual,.feature-layout .feature-visual{min-height:0;height:240px}
 .feature-card.feature-series .feature-visual{aspect-ratio:2.8;height:auto}
 .feature-card.feature-history .feature-copy{padding:28px 22px 10px}
 .feature-card.feature-history h3{font-size:clamp(3.4rem,13vw,5rem)}
 .feature-card.feature-history .feature-visual{align-self:auto;height:auto;aspect-ratio:2.1;margin:12px 18px 18px}
}
@media(max-width:600px){.feature-card.feature-history .feature-visual{flex:none;width:auto;aspect-ratio:2.1}}
@media(max-width:600px){.feature-card.feature-history .feature-visual{align-self:stretch}}
/* Broad, tightly framed panels: type and app views share the whole surface. */
.bingo-page .demo-caption,.bingo-page .studio-top>.editor-mode,.bingo-page .experience-foot>a{display:none!important}
.feature-card{border-radius:10px;border-color:#102d3a30}
.feature-card.feature-series{grid-column:span 7}
.feature-card.feature-control{grid-column:span 5}
.feature-card.feature-obs{grid-column:span 5}
.feature-card.feature-history{grid-column:span 7;display:flex;flex-direction:column;align-items:stretch}
.feature-copy,.feature-card.feature-history .feature-copy{padding:24px;display:block}
.feature-card h3,.feature-card.feature-series h3,.feature-card.feature-history h3{font-size:clamp(3rem,5.6vw,6rem);line-height:.92;max-width:none}
.feature-card.feature-series h3{font-size:clamp(3.5rem,6.6vw,7rem)}
.feature-card .feature-visual{border-radius:0 0 8px 8px;margin:0 8px 8px;box-shadow:none}
.feature-card.feature-series .feature-visual{margin-top:auto}
.feature-card.feature-history .feature-visual{flex:none;align-self:stretch;min-height:0;height:auto;aspect-ratio:2.3;margin:0 8px 8px;margin-top:auto}
.feature-control .feature-visual{aspect-ratio:1.2}
.feature-obs .feature-visual{margin-top:auto}
@media(max-width:900px){.feature-card h3,.feature-card.feature-series h3,.feature-card.feature-history h3{font-size:clamp(2.7rem,5.4vw,4.5rem)}}
@media(max-width:600px){
 .feature-card.feature-series,.feature-card.feature-control,.feature-card.feature-obs,.feature-card.feature-history{grid-column:1}
 .feature-copy,.feature-card.feature-history .feature-copy{padding:22px 18px}
 .feature-card h3,.feature-card.feature-series h3,.feature-card.feature-history h3{font-size:clamp(2.7rem,12vw,4.5rem)}
 .feature-card.feature-history .feature-visual{aspect-ratio:2.1;margin-top:0}
 .feature-control .feature-visual{aspect-ratio:1.1}
}
.bingo-page .editor-mode{display:none!important}
/* Stretch the lettering within its own panel, never over the app screenshot. */
.feature-card.feature-series .feature-copy{flex:1;display:flex;padding:20px 18px 24px;min-height:250px}
.feature-card.feature-series .series-poster{position:relative;width:100%;min-height:220px;flex:1;margin:0}
.series-poster svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.series-poster text{font-family:'DM Serif Display',serif;font-size:220px;font-weight:400;letter-spacing:-10px;fill:currentColor}
@media(max-width:600px){.feature-card.feature-series .feature-copy{min-height:210px;padding:18px 16px 22px}.feature-card.feature-series .series-poster{min-height:175px}}
/* Keep the product demo focused on its controls. */
.bingo-page .demo-tabs button>span,
.bingo-page .studio-top,
.bingo-page .editor-chrome,
.bingo-page .studio-bottom>[data-demo-text="note"],
.bingo-page .experience-foot,
.bingo-page .faq>h2{display:none!important}
.bingo-page .studio-bottom{justify-content:flex-end;padding-top:0;border:0}
.bingo-page .faq{grid-template-columns:minmax(0,1fr)}
.bingo-page .studio.minimal-mode>.studio-top{display:none!important}

/* Product cards use the app's sans-serif voice, with natural letter proportions. */
.bingo-page .feature-card{border-radius:20px}
.bingo-page .feature-card .feature-copy{flex:none;display:block;min-height:0;padding:28px 26px 24px}
.bingo-page .feature-card h3{font-family:'DM Sans',sans-serif;font-weight:800;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.05;letter-spacing:-.045em;max-width:16ch;min-height:0}
.bingo-page .feature-card .feature-visual{border-radius:12px;margin-left:12px;margin-right:12px;margin-bottom:12px}
.bingo-page .feature-card.feature-series .feature-copy{flex:1;display:flex;align-items:center}
.bingo-page .feature-card.feature-series h3{font-size:clamp(2.6rem,4.5vw,4.8rem);max-width:12ch}
@media(max-width:600px){.bingo-page .feature-card .feature-copy{padding:24px 22px}.bingo-page .feature-card h3,.bingo-page .feature-card.feature-series h3{font-size:clamp(2rem,8vw,3rem);max-width:none}}