/* Back on Track landing page: a bright pixel-block look that matches the app. Only loaded by /back-on-track/.
   Screens in /assets/img/back-on-track are made by NDM Back on Track/graphics/build_web_images.js. */
@font-face{font-family:'FrauncesBlack';src:url('/assets/fonts/Fraunces-Black.ttf') format('truetype');font-weight:900;font-display:swap;}
.bot{--grass:#6AAA3A;--grass2:#5A9630;--dirt:#8A5A3B;--dirt2:#6E452C;--dark:#12301A;--gold:#F9C22E;--gold2:#E0A30F;--blue:#2D7FF0;--blue2:#1652B5;--navy:#0D2B5E;--cream:#FFF6DC;--mint:#E4F4DD;--sky1:#7CC6F0;--sky2:#D3EEFB;--coral:#F2665A;--txt:#22301f;}
.bot main{overflow:hidden;}
.bot section{border:0;position:relative;}
.bot h2{font-family:inherit;font-weight:800;color:var(--dark);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.1;margin:0 0 14px;letter-spacing:-.01em;}
.bot h3{color:var(--dark);}
.bt-px{font-family:'FrauncesBlack',Georgia,serif;font-weight:900;}
.bt-kicker{display:inline-block;background:var(--gold);color:var(--dark);border:3px solid var(--dark);border-radius:4px;padding:4px 12px;font-weight:800;font-size:.92rem;box-shadow:3px 3px 0 var(--dark);margin-bottom:16px;}
.bt-head{text-align:center;max-width:760px;margin:0 auto 40px;}
.bt-head p{font-size:1.1rem;line-height:1.65;color:var(--txt);margin:0;}

/* buttons */
.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:1.08rem;line-height:1.2;padding:16px 26px;border:3px solid var(--dark);border-radius:6px;text-decoration:none;color:var(--dark);background:var(--gold);box-shadow:inset 3px 3px 0 rgba(255,255,255,.45),inset -4px -4px 0 rgba(0,0,0,.18),5px 5px 0 var(--dark);transition:transform .08s,box-shadow .08s;}
.bt-btn:hover{background:var(--gold2);transform:translate(2px,2px);box-shadow:inset 3px 3px 0 rgba(255,255,255,.45),inset -4px -4px 0 rgba(0,0,0,.18),3px 3px 0 var(--dark);}
.bt-btn:focus-visible{outline:4px solid var(--blue);outline-offset:3px;}
.bt-btn.big{font-size:1.25rem;padding:20px 32px;}
.bt-btn.white{background:#fff;}
.bt-btn.white:hover{background:#FFF3C4;}
.bt-btn.green{background:var(--grass);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.35);}
.bt-btn.green:hover{background:var(--grass2);}
.bt-gem{display:inline-block;width:.8em;height:.8em;transform:rotate(45deg);background:linear-gradient(135deg,#9CF7BF 0 24%,#17C45A 24% 62%,#0B7F3A 62%);border:2px solid var(--dark);flex:none;}

/* HERO: sky, clouds, the big blue title, the tablet and the grass */
.bt-hero{background:linear-gradient(var(--sky1) 0,var(--sky2) 78%);padding:46px 0 0;text-align:center;}
.bt-cloud{position:absolute;background:#fff;width:var(--w,120px);height:calc(var(--w,120px)*.3);opacity:.95;box-shadow:calc(var(--w,120px)*.3) calc(var(--w,120px)*-.15) 0 #fff,calc(var(--w,120px)*.58) 0 0 #fff;}
.bt-cloud.c1{left:4%;top:34px;--w:110px;} .bt-cloud.c2{right:9%;top:70px;--w:90px;} .bt-cloud.c3{left:16%;top:300px;--w:70px;opacity:.8;} .bt-cloud.c4{right:4%;top:330px;--w:120px;opacity:.85;}
.bt-sun{position:absolute;right:3%;top:22px;width:58px;height:58px;background:#FFD84A;box-shadow:inset -6px -6px 0 #F5B800,0 0 0 6px rgba(255,216,74,.35);}
.bt-hero .wrap{position:relative;z-index:2;}
.bt-pill{display:inline-block;background:#fff;color:var(--dark);border:3px solid var(--dark);border-radius:4px;padding:6px 14px;font-weight:800;font-size:.98rem;box-shadow:3px 3px 0 var(--dark);}
.bt-title{font-family:'FrauncesBlack',Georgia,serif;font-weight:900;font-size:clamp(3.3rem,13vw,8.2rem);line-height:1;margin:18px 0 14px;color:var(--blue);letter-spacing:-.01em;-webkit-text-stroke:.035em var(--navy);paint-order:stroke fill;text-shadow:.03em .05em 0 var(--navy),.05em .085em 0 rgba(13,43,94,.2);}
.bt-title span{display:inline-block;}
.bt-tag{font-size:clamp(1.35rem,3.2vw,2.1rem);font-weight:800;color:var(--dark);line-height:1.2;margin:18px auto 12px;max-width:820px;}
.bt-tag mark{background:none;color:var(--blue2);}
.bt-lead{font-size:clamp(1.02rem,1.8vw,1.18rem);line-height:1.6;color:#13281a;max-width:700px;margin:0 auto 26px;font-weight:500;}
.bt-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.bt-price{margin:18px 0 0;font-weight:700;color:var(--dark);font-size:1rem;}
.bt-price span{white-space:nowrap;}

.bt-stage{position:relative;max-width:980px;margin:26px auto 0;padding:0 8px;}
.bt-tablet{position:relative;z-index:2;background:#1C1F26;border-radius:36px;padding:22px;box-shadow:0 0 0 3px #3a3f4b inset,0 30px 60px rgba(13,43,94,.35),0 10px 0 rgba(0,0,0,.12);}
.bt-tablet::before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#3b414e;}
.bt-tablet img{display:block;width:100%;height:auto;aspect-ratio:1400/973;border-radius:14px;background:#EEF1EA;}
.bt-sticker{position:absolute;z-index:3;background:#fff;color:var(--dark);border:3px solid var(--dark);border-radius:8px;padding:10px 16px;font-weight:800;box-shadow:5px 5px 0 var(--dark);font-size:1rem;line-height:1.25;text-align:left;}
.bt-sticker small{display:block;font-weight:600;font-size:.82rem;color:#3d4a39;}
.bt-sticker.s1{left:-34px;top:16%;transform:rotate(-4deg);}
.bt-sticker.s2{right:-30px;top:44%;transform:rotate(3deg);background:var(--gold);}
.bt-sticker.s3{left:-14px;bottom:20%;transform:rotate(2deg);background:#FDE7F0;}
.bt-sticker .bt-nugs{display:flex;gap:4px;margin-top:6px;}
.bt-nugs i{width:20px;height:20px;background:#8B8B8B;box-shadow:inset 2px 2px 0 #373737,inset -2px -2px 0 #ddd;}
.bt-nugs i.on{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 2px 2px 0 rgba(255,255,255,.3),inset -2px -2px 0 rgba(0,0,0,.3);}
.bt-nugs i.wait{background:#F2C94C;box-shadow:inset 2px 2px 0 #FFF2B0,inset -2px -2px 0 #B88A12;}
.bt-skins{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:40px 0 0;}
.bt-skins p{margin:0 6px 0 0;font-weight:800;color:var(--dark);}
.bt-skin{font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:3px solid var(--dark);border-radius:999px;background:#fff;color:var(--dark);box-shadow:3px 3px 0 var(--dark);}
.bt-skin i{width:16px;height:16px;border-radius:50%;border:2px solid var(--dark);background:var(--c);}
.bt-skin[aria-pressed="true"]{background:var(--dark);color:#fff;}
.bt-skin:focus-visible{outline:4px solid var(--blue);outline-offset:2px;}
.bt-ground{height:120px;margin-top:-60px;position:relative;z-index:1;background:conic-gradient(var(--grass2) 25%,transparent 0 50%,var(--grass2) 0 75%,transparent 0) 0 0/24px 24px,var(--grass);border-bottom:34px solid var(--dirt);box-shadow:0 -8px 0 var(--grass);}
.bt-ground::after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:34px;background:conic-gradient(var(--dirt2) 25%,transparent 0 50%,var(--dirt2) 0 75%,transparent 0) 0 0/17px 17px;}

/* trust strip */
.bt-strip{background:var(--dark);color:#fff;padding:20px 0;}
.bt-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 34px;justify-content:center;font-weight:700;font-size:1.02rem;}
.bt-strip li{display:flex;align-items:center;gap:10px;}
.bt-strip li::before{content:"";width:16px;height:16px;flex:none;background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);border:2px solid #fff;}

/* sound familiar */
.bt-familiar{background:var(--cream);padding:72px 0;}
.bt-bubbles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto;}
.bt-bubbles li{list-style:none;background:#fff;border:3px solid var(--dark);border-radius:10px;padding:18px 20px;font-weight:600;font-size:1.04rem;line-height:1.5;color:var(--txt);box-shadow:5px 5px 0 var(--dark);}
.bt-bubbles li:nth-child(4n+2),.bt-bubbles li:nth-child(4n+3){background:#E9F5FE;}
.bt-bubbles{padding:0;}
.bt-answer{max-width:760px;margin:34px auto 0;text-align:center;font-size:1.15rem;line-height:1.6;color:var(--txt);}
.bt-answer strong{color:var(--blue2);}

/* how it works: alternating picture and words */
.bt-how{background:#fff;padding:80px 0;}
.bt-step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1040px;margin:0 auto 70px;}
.bt-step:last-child{margin-bottom:0;}
.bt-step:nth-child(even) .bt-shot{order:2;}
.bt-shot{background:#1C1F26;border-radius:22px;padding:12px;box-shadow:10px 10px 0 var(--c,var(--grass)),0 20px 40px rgba(0,0,0,.15);}
.bt-shot img{display:block;width:100%;height:auto;border-radius:12px;}
.bt-num{display:inline-grid;place-items:center;width:52px;height:52px;font-family:'FrauncesBlack',Georgia,serif;font-weight:900;font-size:1.6rem;color:#fff;background:var(--c,var(--grass));border:3px solid var(--dark);box-shadow:3px 3px 0 var(--dark);margin-bottom:14px;text-shadow:2px 2px 0 rgba(0,0,0,.3);}
.bt-step h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin:0 0 12px;font-weight:800;}
.bt-step p{font-size:1.08rem;line-height:1.65;color:var(--txt);margin:0 0 10px;}

/* five pieces make a token: a small animation */
.bt-maths{background:linear-gradient(var(--sky2),#EAF6FE);padding:64px 0;text-align:center;}
.bt-eq{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:6px 0 18px;}
.bt-eq .row{display:flex;gap:8px;background:#8B8B8B;padding:8px;border:4px solid var(--dark);}
.bt-eq .row i{width:clamp(38px,8vw,64px);aspect-ratio:1;background:#8B8B8B;box-shadow:inset 5px 5px 0 #373737,inset -5px -5px 0 #ddd;animation:bt-light 6s infinite steps(1);}
.bt-eq .row i:nth-child(1){animation-name:bt-l1;} .bt-eq .row i:nth-child(2){animation-name:bt-l2;} .bt-eq .row i:nth-child(3){animation-name:bt-l3;} .bt-eq .row i:nth-child(4){animation-name:bt-l4;} .bt-eq .row i:nth-child(5){animation-name:bt-l5;}
.bt-eq b{font-family:'FrauncesBlack',Georgia,serif;font-weight:900;font-size:clamp(2rem,6vw,3.4rem);color:var(--dark);}
.bt-eq .gem{width:clamp(48px,9vw,74px);aspect-ratio:1;transform:rotate(45deg) scale(.82);background:linear-gradient(135deg,#9CF7BF 0 24%,#17C45A 24% 62%,#0B7F3A 62%);border:4px solid var(--dark);animation:bt-pop 6s infinite;}
@keyframes bt-l1{0%,8%{background:#8B8B8B;box-shadow:inset 5px 5px 0 #373737,inset -5px -5px 0 #ddd}10%,100%{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 4px 4px 0 rgba(255,255,255,.3),inset -4px -4px 0 rgba(0,0,0,.3)}}
@keyframes bt-l2{0%,20%{background:#8B8B8B;box-shadow:inset 5px 5px 0 #373737,inset -5px -5px 0 #ddd}22%,100%{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 4px 4px 0 rgba(255,255,255,.3),inset -4px -4px 0 rgba(0,0,0,.3)}}
@keyframes bt-l3{0%,32%{background:#8B8B8B;box-shadow:inset 5px 5px 0 #373737,inset -5px -5px 0 #ddd}34%,100%{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 4px 4px 0 rgba(255,255,255,.3),inset -4px -4px 0 rgba(0,0,0,.3)}}
@keyframes bt-l4{0%,44%{background:#8B8B8B;box-shadow:inset 5px 5px 0 #373737,inset -5px -5px 0 #ddd}46%,100%{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 4px 4px 0 rgba(255,255,255,.3),inset -4px -4px 0 rgba(0,0,0,.3)}}
@keyframes bt-l5{0%,56%{background:#8B8B8B;box-shadow:inset 5px 5px 0 #373737,inset -5px -5px 0 #ddd}58%,100%{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 4px 4px 0 rgba(255,255,255,.3),inset -4px -4px 0 rgba(0,0,0,.3)}}
@keyframes bt-pop{0%,62%{opacity:.18;transform:rotate(45deg) scale(.6)}68%{opacity:1;transform:rotate(45deg) scale(1)}74%,100%{opacity:1;transform:rotate(45deg) scale(.82)}}
@media (prefers-reduced-motion:reduce){.bt-eq .row i,.bt-eq .gem{animation:none;}.bt-eq .row i{background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);box-shadow:inset 4px 4px 0 rgba(255,255,255,.3),inset -4px -4px 0 rgba(0,0,0,.3);}}
.bt-maths p{max-width:680px;margin:0 auto;font-size:1.1rem;line-height:1.6;color:var(--txt);}

/* build up slowly: a staircase */
.bt-build{background:var(--mint);padding:80px 0;}
.bt-build-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;max-width:1040px;margin:0 auto;}
.bt-stairs{display:flex;align-items:flex-end;gap:8px;height:260px;}
.bt-stairs div{flex:1;background:linear-gradient(var(--grass) 0 26px,var(--dirt) 26px);border:3px solid var(--dark);box-shadow:inset 4px 0 0 rgba(255,255,255,.18),4px 4px 0 var(--dark);position:relative;}
.bt-stairs div span{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;font-weight:800;font-size:.85rem;color:var(--dark);background:#fff;border:2px solid var(--dark);border-radius:4px;padding:2px 6px;}
.bt-stairs div:nth-child(1){height:22%;} .bt-stairs div:nth-child(2){height:36%;} .bt-stairs div:nth-child(3){height:50%;} .bt-stairs div:nth-child(4){height:64%;} .bt-stairs div:nth-child(5){height:80%;}
.bt-ticks{list-style:none;padding:0;margin:0;display:grid;gap:14px;}
.bt-ticks li{padding-left:34px;position:relative;font-size:1.05rem;line-height:1.6;color:var(--txt);}
.bt-ticks li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border:2px solid var(--dark);background:linear-gradient(var(--grass) 0 38%,var(--dirt) 38%);}

/* themes */
.bt-themes{background:var(--cream);padding:80px 0;}
.bt-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;}
.bt-theme{background:#fff;border:3px solid var(--dark);border-radius:10px;overflow:hidden;box-shadow:5px 5px 0 var(--dark);}
.bt-theme img{display:block;width:100%;height:auto;border-bottom:3px solid var(--dark);}
.bt-theme div{padding:12px 14px 14px;}
.bt-theme h3{margin:0 0 4px;font-size:1.1rem;font-weight:800;}
.bt-theme p{margin:0;font-size:.92rem;color:#3d4a39;line-height:1.45;}

/* push back */
.bt-push{background:var(--dark);color:#fff;padding:80px 0;}
.bt-push h2{color:#fff;}
.bt-push .bt-head p{color:#D9EBD3;}
.bt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.bt-card{background:#fff;color:var(--txt);border:3px solid #000;border-radius:10px;padding:22px;box-shadow:6px 6px 0 var(--grass);}
.bt-card h3{margin:0 0 8px;font-size:1.12rem;font-weight:800;}
.bt-card p{margin:0;font-size:1rem;line-height:1.6;}
.bt-card:nth-child(3n+2){box-shadow:6px 6px 0 var(--gold);} .bt-card:nth-child(3n+3){box-shadow:6px 6px 0 #6FB8F2;}

/* everything included */
.bt-included{background:#fff;padding:80px 0;}
.bt-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.bt-feat div{border:3px solid var(--dark);border-radius:10px;padding:20px;background:var(--bg-c,#F2FAEE);}
.bt-feat div:nth-child(4n+2){--bg-c:#EAF5FE;} .bt-feat div:nth-child(4n+3){--bg-c:#FFF6DC;} .bt-feat div:nth-child(4n+4){--bg-c:#FDEEF5;}
.bt-feat b{display:block;font-size:1.05rem;color:var(--dark);margin-bottom:6px;}
.bt-feat span{font-size:.95rem;line-height:1.5;color:#33402f;}

/* pricing */
.bt-pricing{background:linear-gradient(var(--sky1),var(--sky2));padding:80px 0 150px;}
.bt-pricing::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:conic-gradient(var(--grass2) 25%,transparent 0 50%,var(--grass2) 0 75%,transparent 0) 0 0/24px 24px,var(--grass);border-bottom:24px solid var(--dirt);}
.bt-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:780px;margin:0 auto;}
.bt-plan{position:relative;background:#fff;border:4px solid var(--dark);border-radius:12px;padding:30px 26px 26px;text-align:center;box-shadow:8px 8px 0 var(--dark);}
.bt-plan.best{background:#FFFBEA;}
.bt-plan .flag{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:var(--coral);color:#fff;border:3px solid var(--dark);border-radius:4px;padding:3px 12px;font-weight:800;font-size:.9rem;white-space:nowrap;}
.bt-plan h3{margin:0;font-size:1.2rem;font-weight:800;}
.bt-plan .amt{letter-spacing:-.01em;font-family:'FrauncesBlack',Georgia,serif;font-weight:900;font-size:3.6rem;line-height:1;color:var(--blue2);margin:14px 0 4px;}
.bt-plan .per{font-weight:700;color:#3d4a39;margin:0 0 18px;}
.bt-plan .bt-btn{width:100%;}
.bt-terms{max-width:780px;margin:30px auto 0;background:#fff;border:3px solid var(--dark);border-radius:10px;padding:18px 22px;font-size:1rem;line-height:1.6;color:var(--txt);box-shadow:5px 5px 0 var(--dark);position:relative;z-index:1;}

/* story, faq, final call */
.bt-story{background:var(--cream);padding:64px 0;}
.bt-note{max-width:820px;margin:0 auto;background:#fff;border:3px solid var(--dark);border-radius:10px;padding:24px 26px;font-size:1.06rem;line-height:1.65;color:var(--txt);box-shadow:6px 6px 0 var(--gold);}
.bt-faq{background:var(--mint);padding:80px 0;}
.bt-faq details{background:#fff;border:3px solid var(--dark);border-radius:8px;padding:16px 20px;box-shadow:4px 4px 0 var(--dark);}
.bt-faq details+details{margin-top:12px;}
.bt-faq summary{font-weight:800;font-size:1.06rem;color:var(--dark);cursor:pointer;}
.bt-faq details p{margin:10px 0 0;color:var(--txt);line-height:1.65;}
.bt-final{background:linear-gradient(var(--sky1),var(--sky2));text-align:center;padding:76px 0 150px;}
.bt-final::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:conic-gradient(var(--grass2) 25%,transparent 0 50%,var(--grass2) 0 75%,transparent 0) 0 0/24px 24px,var(--grass);border-bottom:24px solid var(--dirt);}
.bt-final .bt-title{font-size:clamp(2.6rem,8vw,5.6rem);margin:0 0 10px;}
.bt-final p{font-size:1.15rem;color:var(--dark);font-weight:600;margin:0 auto 24px;max-width:640px;}
.bt-more{background:#fff;padding:64px 0;}
.bt-more .bt-cards .bt-card{box-shadow:5px 5px 0 var(--dark);border-color:var(--dark);}
.bt-more .bt-card a{display:inline-block;margin-top:12px;font-weight:800;color:var(--blue2);}
.bot footer.site-footer{border-top:10px solid var(--dirt);}

/* phone bar with the trial button */
.bt-bar{display:none;}
@media(max-width:700px){
  .bt-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(18,48,26,.96);gap:10px;align-items:center;justify-content:space-between;transform:translateY(110%);transition:transform .2s;}
  .bt-bar.show{transform:none;}
  .bt-bar span{color:#fff;font-weight:700;font-size:.9rem;line-height:1.25;}
  .bt-bar .bt-btn{padding:11px 16px;font-size:.98rem;box-shadow:3px 3px 0 #000;}
  .bot footer.site-footer{padding-bottom:90px;}
}

@media(max-width:980px){
  .bt-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bt-feat{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bt-sticker.s1{left:-6px;} .bt-sticker.s2{right:-6px;} .bt-sticker.s3{left:4px;}
}
@media(max-width:820px){
  .bt-step,.bt-build-grid{grid-template-columns:1fr;gap:26px;margin-bottom:56px;}
  .bt-step:nth-child(even) .bt-shot{order:0;}
  .bt-cards{grid-template-columns:1fr;}
  .bt-plans{grid-template-columns:1fr;gap:34px;}
  .bt-bubbles{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .bt-hero{padding-top:30px;}
  .bt-tablet{border-radius:22px;padding:11px;}
  .bt-tablet img{border-radius:9px;}
  .bt-sticker{font-size:.82rem;padding:7px 10px;box-shadow:3px 3px 0 var(--dark);}
  .bt-sticker small{font-size:.72rem;}
  .bt-sticker.s1{top:-26px;left:4px;} .bt-sticker.s2{top:auto;bottom:-24px;right:4px;} .bt-sticker.s3{display:none;}
  .bt-nugs i{width:14px;height:14px;}
  .bt-stage{margin-top:44px;}
  .bt-skins{margin-top:28px;}
  .bt-skins p{width:100%;margin:0;}
  .bt-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .bt-feat{grid-template-columns:1fr;}
  .bt-actions .bt-btn{width:100%;}
  .bt-stairs{height:200px;gap:5px;}
  .bt-stairs div span{font-size:.72rem;padding:1px 4px;}
  .bt-how,.bt-build,.bt-themes,.bt-push,.bt-included,.bt-faq{padding:56px 0;}
}

/* "At a glance" facts: short, plain statements near the top (useful for readers, search and AI answers) */
.bt-glance{background:#fff;padding:44px 0 40px}
.bt-glance .visually-tight{font-size:clamp(1.4rem,3vw,1.8rem);text-align:center;margin:0 0 22px}
.bt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.bt-facts div{border:3px solid var(--dark);border-radius:10px;padding:14px 16px;background:#F7FBF4}
.bt-facts div:nth-child(3n+2){background:#EEF7FE} .bt-facts div:nth-child(3n+3){background:#FFF9E6}
.bt-facts dt{font-weight:800;color:var(--dark);margin-bottom:4px}
.bt-facts dd{margin:0;font-size:.98rem;line-height:1.55;color:var(--txt)}
@media(max-width:820px){.bt-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bt-facts{grid-template-columns:1fr}}

/* PDA strategies list inside the dark "PDA support" section */
.bt-push .bt-head p + p{margin-top:12px}
.bt-pdatips{max-width:900px;margin:34px auto 0;background:#FFF6DC;color:var(--txt);border:3px solid #000;border-radius:10px;padding:24px 26px;box-shadow:6px 6px 0 var(--gold)}
.bt-pdatips h3{margin:0 0 12px;font-size:1.25rem;font-weight:800;color:var(--dark)}
.bt-pdatips ul{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.55}
.bt-note-small{margin:14px 0 0;font-size:.92rem;color:#3d4a39}
.bt-note-small a{color:var(--blue2);font-weight:700}

/* Install it like an app */
.bt-install{background:#F4F9FF;padding:80px 0;border-top:3px solid var(--dark);}
.bt-inst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.bt-inst>div{border:3px solid var(--dark);border-radius:10px;padding:22px;background:var(--bg-c,#fff);box-shadow:4px 4px 0 var(--dark);}
.bt-inst-ic{display:block;width:48px;height:48px;margin-bottom:10px;}
.bt-inst-ic svg{width:48px;height:48px;}
.bt-inst h3{font-size:1.2rem;margin:0 0 10px;color:var(--dark);font-weight:800;}
.bt-inst ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:1rem;line-height:1.5;color:#33402f;}
.bt-inst-note{text-align:center;margin:26px auto 0;max-width:640px;font-size:1rem;color:var(--txt);}
@media (max-width:900px){.bt-inst{grid-template-columns:1fr;}.bt-install{padding:56px 0;}}
/* Sign in row for families who already have an account (24 Oct 2026) */
.bt-btn.small{font-size:1rem;padding:10px 16px;box-shadow:inset 2px 2px 0 rgba(255,255,255,.45),inset -3px -3px 0 rgba(0,0,0,.15),3px 3px 0 var(--dark);}
.bt-btn.small:hover{transform:translate(1px,1px);box-shadow:inset 2px 2px 0 rgba(255,255,255,.45),inset -3px -3px 0 rgba(0,0,0,.15),2px 2px 0 var(--dark);}
.bt-signin{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;margin:22px auto 0;font-weight:700;color:var(--dark);}
.bt-signin>span{width:100%;text-align:center;font-size:1.02rem;}
.bt-final .bt-signin{margin-top:26px;}
@media (max-width:480px){.bt-price span{white-space:normal;}}