/* ===================== Professional v3: niche norm =====================
   Matches what Plixi / Path Social / BuzzHike actually do: friendly geometric sans
   (Cera-like), headings 700 not 900, ~48px h1 / ~40px h2, 10-16px corners.
   Keeps the rose accent, colourful tiles, photos and the living dots. */
:root{--r1:10px;--r2:14px;--r3:16px}
body,button,input,select,textarea{font-family:'Plus Jakarta Sans','Schibsted Grotesk',system-ui,sans-serif!important}
body{-webkit-font-smoothing:antialiased}
/* headings: calmer, consumer weight */
h1{font-weight:800!important;letter-spacing:-.04em!important;line-height:1!important}
h2{font-weight:800!important;letter-spacing:-.035em!important;line-height:1.04!important}
.hero h1{font-size:clamp(46px,5.1vw,78px)!important}
h2,.blk h2,.people h2,.trustblk h2,.steps h2,.fthead h2,.b2head h2,.t2head h2,.faq h2,.bax h2{font-size:clamp(36px,3.9vw,58px)!important}
h3{font-weight:700!important;letter-spacing:-.015em!important}
.tl h3{font-size:21px!important}
.hero .sub,.blk p.lead,.b2head p,.fthead p,.people .head p,.baxtxt>p{font-size:17px!important;line-height:1.6!important}
b,strong{font-weight:700}
.b2stats b,.t2big b,.f4today b,.big{font-weight:800!important;letter-spacing:-.03em!important}
/* labels: small rose caps, no fat pills */
.b2k,.baxk,.kick,.tk{letter-spacing:.08em!important;font-size:12px!important;font-weight:700!important}
/* corners: one 10-16px scale */
.photo,.shot>img,.trust2 img,.tshot img,.pc,.b2stats>div,.b2chart,.t2ch button,.card,.appwin,.dash,.sheet,.flui,.ui,.sg .ui,.audchip,.toast,.pbreak,.f4panel,.mrow{border-radius:var(--r3)!important}
.tl,.b2stage,.trustblk,.t2frame{border-radius:20px!important}
.btn,.nav .btn,.claim .btn,.b2play{border-radius:10px!important;font-weight:700!important}
.claim .in{border-radius:12px!important}
.nav .bar{border-radius:14px!important}
.chips span,.nc,.tv-plat span,.t2seg span,.flt span,.tags3 span{border-radius:8px!important}
.pill,.pc .pill{border-radius:8px!important}
/* softer, flatter shadows (less puffy) */
.card,.appwin,.dash,.b2stats>div,.b2chart,.t2frame,.pc,.flui{box-shadow:0 1px 2px rgba(20,17,26,.05),0 10px 28px -18px rgba(20,17,26,.28)!important}
.photo,.shot>img{box-shadow:0 14px 34px -22px rgba(20,17,26,.4)!important}
:root{--sec:100px}
@media(max-width:900px){:root{--sec:72px}.hero h1{font-size:46px!important}h2{font-size:36px!important}}
/* inner pages: same toned-down scale */
.phero h1{font-size:clamp(44px,5.4vw,76px)!important}
.final h2{font-size:clamp(40px,4.6vw,66px)!important}
/* ===================== phone pass (≤600px) ===================== */
@media(max-width:600px){
  :root{--sec:60px!important}
  h2{font-size:32px!important;line-height:1.08!important}
  .hero h1{font-size:44px!important}
  /* photo + card blocks: short photo strip, card overlaps it */
  .shot>img{height:210px!important}
  .shot .card{margin-top:-96px!important}
  .tshot img{height:210px!important}
  .sheet{margin-top:-96px!important}
  /* niche chips: one swipeable row */
  .nrow{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -28px!important;padding:0 28px 6px!important;scroll-snap-type:x proximity}
  .nrow::-webkit-scrollbar{display:none}
  .nrow .nc{flex:none}
  /* steps: compact rows, number beside the title */
  .sg>div{display:grid!important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:22px 0!important}
  .sg .n{font-size:40px!important;grid-row:span 2}
  .sg h3{margin:4px 0 4px!important;font-size:19px!important}
  .sg p{grid-column:2}
  .sg .ui{grid-column:1/-1;margin-top:14px}
  /* plans: swipe between cards */
  .hp-g{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -28px;padding:4px 28px 14px;scrollbar-width:none;gap:12px}
  .hp-g::-webkit-scrollbar{display:none}
  .hp-c{scroll-snap-align:center;padding:24px}
  .hp-head p{font-size:15.5px}
  .hp-f{flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px}
  /* product tour chapters: tighter */
  .t2ch small{display:none}
}
