/* Customer journey: uses the existing Scapix colors, typography and motion. */
.scapix-journey-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.scapix-journey-offer { display:flex; flex-direction:column; gap:.85rem; padding:clamp(1.4rem,3vw,2.4rem); border:1px solid var(--scapix-line); border-radius:var(--scapix-radius-lg); background:white; color:var(--scapix-ink); text-decoration:none; min-width:0; transition:transform .2s,border-color .2s; }
a.scapix-journey-offer:hover { transform:translateY(-5px); border-color:var(--scapix-cyan-dark); color:var(--scapix-ink); }
.scapix-journey-offer.is-primary { background:var(--scapix-ink); color:white; border-color:var(--scapix-ink); }
.scapix-journey-offer.is-primary:hover { color:white; }
.scapix-journey-offer > svg { width:2.1rem; height:2.1rem; }
.scapix-journey-eyebrow { font-size:.7rem; font-weight:800; letter-spacing:.1em; }
.scapix-journey-offer h3 { font-size:clamp(1.4rem,2.2vw,2rem); line-height:1.15; margin:.4rem 0; }
.scapix-journey-offer p { color:var(--scapix-muted); line-height:1.65; margin:0 0 1rem; }
.scapix-journey-offer.is-primary p,.scapix-journey-offer.is-primary small { color:#c8d2e2; }
.scapix-journey-offer > strong { margin-top:auto; font-size:1.25rem; }
.scapix-journey-offer > small { font-size:.8rem; line-height:1.5; }
.scapix-journey-offer > b { padding-top:1.1rem; border-top:1px solid var(--scapix-line); font-size:.9rem; }
.scapix-journey-offer.is-primary > b { color:var(--scapix-lime); border-color:var(--scapix-line-dark); }
.scapix-journey-offer > b svg { width:1rem; }
.scapix-journey-price-terms { font-size:.78rem!important; line-height:1.5; margin:.5rem 0 1rem!important; }
.scapix-journey-usecase { min-height:4.5em; }
.scapix-journey-specs { border-block:1px solid var(--scapix-line); padding:.8rem 0; margin-bottom:1rem; }
.scapix-journey-specs summary { font-size:.82rem; font-weight:700; cursor:pointer; }
.scapix-journey-process { background:var(--scapix-ink); color:white; }
.scapix-journey-process .scapix-kicker { color:var(--scapix-lime); }
.scapix-journey-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; padding:0; list-style:none; margin-top:2.5rem; }
.scapix-journey-process li { border-top:1px solid #455066; padding-top:1.2rem; }
.scapix-journey-process b { display:block; font-size:2rem; color:var(--scapix-lime); margin-bottom:1rem; }
.scapix-journey-process strong { display:block; font-size:1.1rem; margin-bottom:.7rem; }
.scapix-journey-process p { color:#c8d2e2; }
.scapix-journey-faq details { border-bottom:1px solid var(--scapix-line); padding:1.3rem 0; }
.scapix-journey-faq summary { font-size:1.1rem; font-weight:750; cursor:pointer; }
.scapix-journey-faq p { max-width:75ch; margin:1rem 0 0; line-height:1.7; }
.scapix-journey-activation { background:#effbf8; border:1px solid #b5dcd2; padding:clamp(1.2rem,3vw,2rem); border-radius:var(--scapix-radius); margin:1.7rem 0; }
.scapix-journey-activation small { display:block; margin-top:.9rem; line-height:1.5; }
.scapix-journey-activation h2 { font-size:clamp(1.4rem,2vw,1.9rem); }
.scapix-journey-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; align-items:start; }
.scapix-journey-task-grid details { background:var(--scapix-paper); border:1px solid var(--scapix-line); padding:1.2rem; border-radius:1rem; min-width:0; }
.scapix-journey-task-grid summary { display:flex; gap:1rem; align-items:center; cursor:pointer; font-weight:800; }
.scapix-journey-task-grid summary::after { content:'+'; margin-left:auto; font-size:1.5rem; }
.scapix-journey-task-grid details[open] summary::after { content:'−'; }
.scapix-journey-task-grid summary svg { width:1.5rem; flex-shrink:0; }
.scapix-journey-task-grid small { display:block; font-weight:400; color:var(--scapix-muted); margin-top:.4rem; }
.scapix-journey-task-grid ol,.scapix-journey-task-grid p { margin-top:1.2rem; line-height:1.7; }
.scapix-journey-task-grid li + li { margin-top:.7rem; }
.scapix-journey-access-list a { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; margin-top:.7rem; border:1px solid var(--scapix-line); border-left:4px solid var(--scapix-cyan-dark); border-radius:.7rem; color:var(--scapix-ink); text-decoration:none; overflow-wrap:anywhere; }
.scapix-journey-access-list small { display:block; color:var(--scapix-muted); margin-top:.3rem; }
.scapix-journey-access-list b { flex-shrink:0; font-size:.85rem; }
.scapix-journey-start { margin:1.5rem 0; }
.scapix-journey-domain { padding:clamp(1rem,3vw,2rem); background:var(--scapix-paper); border-radius:1rem; margin:1rem 0; }
.scapix-journey-domain h3,.scapix-journey-domain code { overflow-wrap:anywhere; }
.scapix-journey-instructions { padding-left:1.3rem; }
.scapix-journey-instructions > li { padding-left:.5rem; margin:1.4rem 0; line-height:1.7; }
.scapix-journey-instructions > li > strong { font-size:1.05rem; }
.scapix-journey-copy { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; background:white; padding:1rem; border:1px solid var(--scapix-line); border-radius:.7rem; }
.scapix-journey-copy code { font-size:1.1rem; color:var(--scapix-ink); }
.scapix-journey-technical > summary { padding:1rem; background:#f1f4f8; border:1px solid var(--scapix-line); border-radius:.7rem; cursor:pointer; font-weight:700; }
.scapix-journey-technical { margin:1rem 0; }
.scapix-journey-wizard-nav { display:flex; gap:.5rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.scapix-journey-wizard-nav button { flex:1; border:1px solid var(--scapix-line); border-radius:.75rem; background:white; padding:.85rem .7rem; font-weight:750; color:var(--scapix-muted); }
.scapix-journey-wizard-nav button[aria-current="step"] { background:var(--scapix-ink); border-color:var(--scapix-ink); color:white; }
.scapix-journey-wizard-nav button:disabled { opacity:.65; }
.scapix-journey-step-actions { display:flex; gap:.7rem; justify-content:space-between; margin-top:1.5rem; }
.scapix-journey-checkout-status { margin:1rem 0; padding:1rem; background:#fff2dc; border:1px solid #d09c48; border-radius:.7rem; color:#593600; }
.scapix-journey-checkout-note { margin-bottom:1.3rem; border-left:3px solid var(--scapix-cyan-dark); padding:.6rem 1rem; }
.scapix-checkout.is-guided .scapix-checkout-summary > [data-scapix-review-order] { display:none; }
.scapix-checkout.is-guided .scapix-checkout-main > section[hidden], [data-scapix-journey-hidden][hidden] { display:none!important; }
.scapix-journey-password-toggle { margin-top:.4rem; min-height:2.5rem; }
[id^="hosting-"],#loslegen,#domain-anleitung,#hosting-pakete,#domain-hilfe { scroll-margin-top:7rem; }
.scapix-journey-start a:focus-visible,.scapix-journey-offer:focus-visible,.scapix-journey-wizard-nav button:focus-visible,summary:focus-visible { outline:3px solid var(--scapix-cyan-dark); outline-offset:4px; }
@media(min-width:1200px) { .scapix-hosting-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; } }
@media(max-width:991px) { .scapix-journey-grid { grid-template-columns:1fr; } .scapix-journey-offer h3 br { display:none; } .scapix-journey-process ol { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .scapix-journey-task-grid,.scapix-journey-process ol { grid-template-columns:1fr; } .scapix-journey-access-list a { align-items:flex-start; flex-direction:column; } .scapix-journey-step-actions { flex-direction:column-reverse; } .scapix-journey-wizard-nav button { font-size:.76rem; padding:.75rem .4rem; } .scapix-journey-activation .btn { white-space:normal; } }
@media(prefers-reduced-motion:reduce) { .scapix-journey-offer { transition:none; } a.scapix-journey-offer:hover { transform:none; } }
html.scapix-reduce-motion .scapix-journey-offer { transition:none; transform:none; }

.scapix-hero-home .scapix-display { font-size:clamp(2.8rem,4.8vw,5rem); }
.scapix-checkout.is-guided .scapix-checkout-summary > small:last-child { display:none; }
.scapix-journey-country { width:100%; min-width:0; }

.scapix-journey-activation > summary { cursor:pointer; font-weight:800; }
.scapix-journey-activation[open] > summary { margin-bottom:1.25rem; }
@media(max-width:575px){ .scapix-journey-task-grid summary { gap:.6rem; font-size:.9rem; } .scapix-journey-task-grid details { padding:1rem; } }