/* Mobile pricing compass v4 — fully isolated from the retired timeline. */
.wxn-pricing-compass-v4 { display:none; }

@media (max-width:680px) {
  body.home section.pricing#preise { height:auto !important; min-height:0 !important; max-height:none !important; padding:0 !important; overflow:visible !important; background:#f8f5f0 !important; }
  body.home section.pricing#preise > .container { width:100% !important; height:auto !important; max-width:none !important; padding:0 !important; overflow:visible !important; }
  body.home section.pricing#preise > .container > .section__head,
  body.home section.pricing#preise .wxn-pricing-mobile,
  body.home section.pricing#preise .pricing__grid,
  body.home section.pricing#preise .pricing__note,
  body.home section.pricing#preise .pricing__cta { display:none !important; }

  .wxn-pricing-compass-v4 { position:relative; display:block; overflow:hidden; padding:0 14px 22px; color:#171719; background:radial-gradient(circle at 76% 8%,#fff 0,rgba(255,255,255,.45) 18%,transparent 42%),linear-gradient(145deg,#f7f3ed,#fcfaf7 57%,#f0e8de); font-family:"General Sans",var(--font-body),sans-serif; }
  .wxn-pricing-compass-v4 * { box-sizing:border-box; }
  .wxn-pricing-compass-v4__hero { position:relative; min-height:272px; padding:47px 18px 0; }
  .wxn-pricing-compass-v4__hero > p { display:flex; align-items:center; gap:9px; margin:0 0 13px; color:#a5742d; font-family:"JetBrains Mono",monospace; font-size:10px; font-weight:700; letter-spacing:.25em; line-height:1; text-transform:uppercase; }
  .wxn-pricing-compass-v4__hero > p i { width:9px; height:9px; border-radius:50%; background:#b88942; }
  .wxn-pricing-compass-v4__hero h2 { position:relative; z-index:2; max-width:160px; margin:0; font-size:clamp(1.42rem,6.7vw,1.78rem); font-weight:600; letter-spacing:-.06em; line-height:1.02; }
  .wxn-pricing-compass-v4__hero > span { display:none; }
  .wxn-pricing-compass-v4__compass { position:absolute; right:-35px; top:-12px; width:270px; height:270px; pointer-events:none; }
  .wxn-pricing-compass-v4__body { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 13px 10px rgba(83,57,29,.13)); }
  .wxn-pricing-compass-v4__needle-wrap { position:absolute; left:51%; top:44.5%; width:30%; height:30%; transform:translate(-50%,-50%) rotate(-38deg); transform-origin:50% 50%; }
  .wxn-pricing-compass-v4__needle-wrap img { width:100%; height:100%; object-fit:contain; }
  .wxn-pricing-compass-v4__cards { position:relative; z-index:3; display:grid; gap:10px; }
  .wxn-pricing-compass-v4__card { position:relative; display:grid; grid-template-columns:52px minmax(118px,1fr) 92px 70px; align-items:center; min-height:96px; overflow:hidden; border:1px solid rgba(108,78,44,.13); border-radius:18px; background:rgba(255,253,250,.78); box-shadow:0 7px 16px rgba(79,55,29,.045),inset 0 1px rgba(255,255,255,.9); }
  .wxn-pricing-compass-v4__card.is-featured { border-color:rgba(173,119,43,.57); background:rgba(255,253,249,.92); }
  .wxn-pricing-compass-v4__icon { display:grid; height:58px; place-items:center; border-right:1px solid rgba(119,88,52,.08); color:#9e6a20; }
  .wxn-pricing-compass-v4__icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .wxn-pricing-compass-v4__card > div { position:relative; z-index:2; padding:0 8px; }
  .wxn-pricing-compass-v4__card h3 { margin:0 0 5px; font-size:14px; font-weight:600; letter-spacing:-.04em; line-height:1.06; }
  .wxn-pricing-compass-v4__card h3 em { display:inline-block; margin-left:3px; padding:2px 5px; border:1px solid rgba(174,120,41,.25); border-radius:999px; color:#a7762f; background:rgba(205,163,91,.08); font-family:"JetBrains Mono",monospace; font-size:5.5px; font-style:normal; font-weight:700; letter-spacing:.06em; text-transform:uppercase; vertical-align:middle; }
  .wxn-pricing-compass-v4__card p { margin:0; color:#9b661c; font-size:13px; font-weight:500; }
  .wxn-pricing-compass-v4__card figure { position:relative; align-self:stretch; margin:0; overflow:hidden; border-left:0; }
  .wxn-pricing-compass-v4__card figure img { position:absolute; width:100% !important; height:100% !important; left:0 !important; top:0 !important; max-width:none; object-fit:contain; filter:drop-shadow(0 6px 7px rgba(58,40,20,.09)); }
  .wxn-pricing-compass-v4__card--landing figure img { width:100%; height:100%; left:0; top:0; object-fit:contain; }
  .wxn-pricing-compass-v4__card--company figure img { width:163px; left:-43px; top:-17px; }
  .wxn-pricing-compass-v4__card--pwa figure img { width:159px; left:-33px; top:-20px; }
  .wxn-pricing-compass-v4__card--software figure img { width:140px; left:-26px; top:-12px; }
  .wxn-pricing-compass-v4__card--maintenance figure img { width:145px; left:-27px; top:-20px; }
  .wxn-pricing-compass-v4__card > a { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:7px; min-height:100%; border-left:1px solid rgba(112,85,49,.09); background:linear-gradient(90deg,rgba(255,253,250,.08),rgba(255,255,255,.44)); color:#5b5147; font-size:9px; font-weight:600; letter-spacing:-.015em; text-decoration:none; transition:background .22s ease,color .22s ease; }
  .wxn-pricing-compass-v4__card > a b { display:grid; width:25px; height:25px; place-items:center; border:1px solid rgba(30,27,23,.08); border-radius:50%; color:#fffdf9; background:linear-gradient(145deg,#34302b,#1c1a18); box-shadow:0 4px 9px rgba(48,35,22,.16),inset 0 1px rgba(255,255,255,.14); font-size:16px; font-weight:400; line-height:1; transition:transform .22s ease,background .22s ease; }
  .wxn-pricing-compass-v4__card > a:active { background:rgba(255,255,255,.72); color:#211e1a; }
  .wxn-pricing-compass-v4__card > a:active b { transform:translateX(2px); background:#a8752e; }
  .wxn-pricing-compass-v4__note { display:none; }
  .wxn-pricing-compass-v4__note b { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border:2px solid #a97730; border-radius:50%; color:#a97730; font-family:Georgia,serif; font-size:19px; }
  .wxn-pricing-compass-v4__note p { margin:0; color:#514b45; font-size:10px; line-height:1.4; }
  .wxn-pricing-compass-v4__cta { display:flex; min-height:58px; margin-top:12px; padding:0 10px 0 17px; align-items:center; gap:13px; border:1px solid rgba(10,10,11,.65); border-radius:20px; background:#171719; color:#fff; box-shadow:0 10px 20px rgba(18,16,13,.16),inset 0 1px rgba(255,255,255,.08); font-size:15px; font-weight:600; text-decoration:none; }
  .wxn-pricing-compass-v4__cta span { color:#c6964b; font-size:22px; }.wxn-pricing-compass-v4__cta b { display:grid; width:36px; height:36px; margin-left:auto; place-items:center; border:1px solid rgba(198,150,75,.55); border-radius:50%; color:#c6964b; background:transparent; box-shadow:none; font-size:24px; font-weight:400; }
  .wxn-pricing-compass-v4:not(.is-ready) .wxn-pricing-compass-v4__hero > p,.wxn-pricing-compass-v4:not(.is-ready) .wxn-pricing-compass-v4__hero h2,.wxn-pricing-compass-v4:not(.is-ready) .wxn-pricing-compass-v4__compass { opacity:0; }
  .wxn-pricing-compass-v4.is-ready .wxn-pricing-compass-v4__hero > p { animation:wxnPriceV4Rise .45s both; }.wxn-pricing-compass-v4.is-ready .wxn-pricing-compass-v4__hero h2 { animation:wxnPriceV4Rise .62s .08s both; }.wxn-pricing-compass-v4.is-ready .wxn-pricing-compass-v4__compass { animation:wxnPriceV4Compass .8s .15s cubic-bezier(.22,1,.36,1) both; }.wxn-pricing-compass-v4.is-ready .wxn-pricing-compass-v4__needle-wrap { animation:wxnPriceV4Needle .9s .2s cubic-bezier(.22,1,.36,1) both; }
  .wxn-pricing-compass-v4__card { opacity:0; transform:translateY(16px); transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1); }.wxn-pricing-compass-v4__card.is-visible { opacity:1; transform:none; }
}
@keyframes wxnPriceV4Rise { from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none} }
@keyframes wxnPriceV4Compass { from{opacity:0;transform:translate3d(20px,13px,0) scale(.92);filter:blur(1px)}to{opacity:1;transform:none;filter:none} }
@keyframes wxnPriceV4Needle { 0%{opacity:0;transform:translate(-50%,-50%) rotate(-110deg) scale(.94)}70%{opacity:1;transform:translate(-50%,-50%) rotate(-28deg)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-38deg)} }
@media (max-width:370px) { .wxn-pricing-compass-v4{padding-right:10px;padding-left:10px}.wxn-pricing-compass-v4__hero{padding-right:13px;padding-left:13px}.wxn-pricing-compass-v4__card{grid-template-columns:45px minmax(108px,1fr) 85px 62px}.wxn-pricing-compass-v4__card h3{font-size:12px}.wxn-pricing-compass-v4__card p{font-size:12px}.wxn-pricing-compass-v4__card>a{font-size:8px}.wxn-pricing-compass-v4__compass{right:-26px;top:-7px;width:246px;height:246px} }
@media (max-width:680px) and (prefers-reduced-motion:reduce) { .wxn-pricing-compass-v4 *{animation:none!important;transition:none!important}.wxn-pricing-compass-v4__hero>p,.wxn-pricing-compass-v4__hero h2,.wxn-pricing-compass-v4__compass,.wxn-pricing-compass-v4__card{opacity:1!important;transform:none!important}.wxn-pricing-compass-v4__card{display:grid!important} }