/* PHONE · Pricing page (2026-10-02). Reference: cuberto.com/services mobile (Tophead, card, Summary entries, dark Summary). */
@media (max-width:940px){
  /* tiers: two cards in the How-We-Build card shape; the lead tier is the dark one */
  .wtiers{display:grid!important;grid-template-columns:1fr!important;gap:2.6667vw!important;margin:16vw 0 0!important}
  .wtier{background:#EEEEEE!important;border:0!important;border-radius:20.8px!important;padding:8vw 6.4vw!important;box-shadow:none!important;text-align:left!important;color:#000!important}
  .wtier.-lead{background:#000!important;color:#fff!important}
  .wtier .kick{display:block;font-size:3.7333vw!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;font-weight:400!important;opacity:.55;color:inherit!important;margin:0!important}
  .wtier .fig{display:block;font-size:19.2vw!important;line-height:1!important;font-weight:500!important;letter-spacing:-.04em!important;margin:6.4vw 0 0!important;color:inherit!important;white-space:nowrap}
  .wtier .fig *{font:inherit!important;letter-spacing:inherit!important;color:inherit!important}
  .wtier .claim{font-size:4.2667vw!important;line-height:1.45!important;margin:5.3333vw 0 0!important;color:inherit!important;opacity:.72;max-width:none!important}
  .wtier .incl{list-style:none!important;margin:6.4vw 0 0!important;padding:0!important}
  .wtier .incl li{font-size:4.2667vw!important;line-height:1.35!important;padding:3.4667vw 0!important;margin:0!important;border-top:1px solid rgba(0,0,0,.13)!important;color:inherit!important}
  .wtier.-lead .incl li{border-top-color:rgba(255,255,255,.2)!important}
  .wtier .incl li::before{display:none!important}
  .wtier .pill-liquid{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:6.4vw 0 0!important;padding:5.0667vw 5.3333vw!important;border-radius:99999px!important;font-size:5.3333vw!important;line-height:1!important;font-weight:400!important;background:#000!important;color:#fff!important;border:0!important;box-shadow:none!important}
  .wtier.-lead .pill-liquid{background:#fff!important;color:#000!important}
  .wtier .pill-liquid .pl-fill{display:none!important}
  .wtier .pr-eg{display:block!important;width:fit-content;margin:4.8vw auto 0!important;font-size:3.7333vw!important;color:inherit!important;opacity:.6;border-bottom-color:currentColor!important}
  #websites .vat-note{font-size:3.2vw!important;line-height:1.4!important;margin:5.3333vw 0 0!important;opacity:.55;text-align:left!important;max-width:none!important}
  #websites .pr-wa{margin:8vw 0 0!important;font-size:4.2667vw!important;justify-content:flex-start!important}
  /* "no subscription": a Summary entry */
  .own-note{margin:21.3333vw 0 0!important;padding:8vw 0 0!important;border:0!important;border-top:1px solid rgba(0,0,0,.14)!important;background:none!important;border-radius:0!important;max-width:none!important;text-align:left!important}
  .own-note h3{font-size:6.4vw!important;line-height:1.15!important;letter-spacing:-.02em!important;font-weight:400!important;margin:0!important}
  .own-note p{font-size:4.2667vw!important;line-height:1.45!important;margin:4.2667vw 0 0!important;color:var(--muted)!important;max-width:none!important}
  #websites{padding-bottom:26.6667vw!important}
  /* monthly care: dark Summary */
  #betreuung{padding-top:26.6667vw!important;padding-bottom:26.6667vw!important}
  #betreuung .sec-lead{color:rgba(255,255,255,.7)!important}
  #betreuung .ed-grid{display:block!important;margin:13.3333vw 0 0!important}
  #betreuung .mo-flag{display:block;font-size:3.7333vw!important;letter-spacing:0!important;text-transform:none!important;opacity:.55;color:#fff!important;background:none!important;padding:0!important;border:0!important}
  #betreuung .ed-statement{font-size:5.3333vw!important;line-height:1.3!important;font-weight:400!important;letter-spacing:.01em!important;margin:4.2667vw 0 0!important;color:#fff!important}
  #betreuung .mo-price{display:flex;align-items:baseline;gap:2.6667vw;margin:8vw 0 0!important}
  #betreuung .mo-price .n{font-size:19.2vw!important;line-height:1!important;font-weight:500!important;letter-spacing:-.04em!important;color:#fff!important;white-space:nowrap}
  #betreuung .mo-price .p{font-size:4.2667vw!important;opacity:.6;color:#fff!important}
  #betreuung .vat-note{font-size:3.2vw!important;margin:4.2667vw 0 0!important;opacity:.5;color:#fff!important;text-align:left!important}
  #betreuung .mo-incl{list-style:none!important;margin:10.6667vw 0 0!important;padding:0!important}
  #betreuung .mo-incl li{font-size:4.2667vw!important;line-height:1.35!important;padding:3.4667vw 0!important;margin:0!important;border-top:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
  #betreuung .mo-incl li::before{display:none!important}
  #betreuung .mo-chatnote{font-size:3.7333vw!important;line-height:1.45!important;margin:5.3333vw 0 0!important;color:rgba(255,255,255,.6)!important}
  #betreuung .mo-assure{display:block!important;margin:16vw 0 0!important;padding:8vw 6.4vw!important;border:0!important;border-radius:20.8px!important;background:#151517!important;text-align:left!important}
  #betreuung .mo-assure-ico{display:block;width:12.8vw;height:12.8vw;color:#fff}
  #betreuung .mo-assure-ico svg{width:100%;height:100%}
  #betreuung .mo-assure-sep{display:none!important}
  #betreuung .mo-assure h3{font-size:6.4vw!important;line-height:1.15!important;font-weight:400!important;margin:5.3333vw 0 0!important;color:#fff!important}
  #betreuung .mo-assure p{font-size:4.2667vw!important;line-height:1.45!important;margin:2.6667vw 0 0!important;color:rgba(255,255,255,.7)!important}
  #betreuung .mo-cols{display:block!important;margin:10.6667vw 0 0!important}
  #betreuung .mo-cols > div{padding:8vw 0!important;border-top:1px solid rgba(255,255,255,.2)!important}
  #betreuung .mo-cols h3{font-size:6.4vw!important;line-height:1.15!important;letter-spacing:-.02em!important;font-weight:400!important;margin:0!important;color:#fff!important}
  #betreuung .mo-cols p{font-size:4.2667vw!important;line-height:1.45!important;margin:4.2667vw 0 0!important;color:rgba(255,255,255,.7)!important}
  /* extras + traffic: Summary entries */
  #erweiterungen,#traffic{padding-top:26.6667vw!important}
  #traffic{padding-bottom:26.6667vw!important}
  .pg-head{margin:0!important;text-align:left!important;max-width:none!important}
  .add-grid{display:block!important;margin:10.6667vw 0 0!important}
  .add-item{padding:8vw 0!important;border:0!important;border-top:1px solid rgba(0,0,0,.14)!important;background:none!important;border-radius:0!important;text-align:left!important}
  .add-icon{display:block!important;width:12.8vw!important;height:12.8vw!important;margin:0!important;color:#000!important;background:none!important;border:0!important}
  .add-icon svg{width:100%!important;height:100%!important}
  .add-item h3,.traf-row h3{font-size:6.4vw!important;line-height:1.15!important;letter-spacing:-.02em!important;font-weight:400!important;margin:5.3333vw 0 0!important}
  .add-item p,.traf-row p{font-size:4.2667vw!important;line-height:1.45!important;margin:4.2667vw 0 0!important;color:var(--muted)!important;max-width:none!important}
  .traf{list-style:none!important;margin:10.6667vw 0 0!important;padding:0!important;display:block!important}
  .traf-row{display:block!important;padding:8vw 0!important;border:0!important;border-top:1px solid rgba(0,0,0,.14)!important}
  .traf-row .th{display:block!important}
  .traf-row h3{margin-top:0!important}
  /* the traffic lead holds a very long compound: a step smaller + full width so it never sits alone on a line */
  #traffic .sec-lead{font-size:4.2667vw!important;line-height:1.45!important;max-width:none!important}
}

/* 2026-10-03: own closing artwork (three price cards, the raised middle card holds the pill), tools/phone/card-art/outro_pages.py price */
@media (max-width:940px){
  .phs-outro.-price .phs-oart-b{background-image:url("../outro-price-art.webp?v=1"),var(--oart-edge);
    background-image:image-set(url("../outro-price-art-2x.webp?v=1") 2x,url("../outro-price-art.webp?v=1") 3x),var(--oart-edge)}
  .phs-outro.-price .phs-oart-g{background-image:url("../outro-price-glow.webp?v=1")}
}