/* Offer lines, checkout and cancellation. No grain. */
.founder-badge{display:block;width:fit-content;max-width:100%;margin:0 auto 16px;padding:8px 14px;border:1px solid #8ceeff88;border-radius:16px;background:#05d8ff14;color:#e7fbff;font:600 12px/1.45 'DM Sans',sans-serif;text-align:center}
.price-stage.cols-4,.price-stage.cols-2{grid-template-columns:1fr}
.plan .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.plan .price .price-main{font:600 22px 'Space Grotesk',sans-serif;color:#e6faff}
.plan .price .price-term{flex-basis:100%;display:block;margin-top:2px}
.plan .plan-ask,.plan .plan-buy,.extra .plan-ask,.extra .plan-buy{width:100%;max-width:100%;margin-top:auto;min-height:48px}
.social-page .plan,.creator-page .plan,#show-paket .plan,#management .plan,#agentur-plan .plan{display:flex;flex-direction:column}
.checkout-pack{display:none;flex-direction:column}
html:not([data-paket]) .checkout-pack{display:flex}
.social-page .plan ul,.creator-page .plan ul,#show-paket .plan ul,#management .plan ul,#agentur-plan .plan ul,.checkout-pack ul{margin-bottom:18px}
.extra-row{display:grid;grid-template-columns:1fr;gap:12px;max-width:1000px;margin:auto}
.extra{display:flex;flex-direction:column;border:1px solid #a6d3ff3a;border-radius:18px;padding:16px 16px 18px;background:linear-gradient(145deg,#182a5299,#1b183c88);box-shadow:inset 0 1px #fff2}
.extra h3{font:700 18px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:8px 0}
.extra .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:600 18px 'Space Grotesk',sans-serif;color:#e6faff;margin:0 0 8px}
.extra .price .price-main{font-size:18px}
.extra .price small{font:500 12px 'DM Sans',sans-serif;color:#aebfdb}
.extra .price .price-term{flex-basis:100%;display:block;margin-top:2px}
.extra-row + .founder-badge{margin-top:18px}
.extra ul{list-style:none;margin:0 0 8px;padding:0}
.extra li{font-size:12px;color:#c8d5e7;padding:6px 0;border-bottom:1px solid #97bad833}
.extra-note{color:#c5d6ea;font-size:12px;line-height:1.45;margin:0 0 10px}
.extra-note a{color:#9eeaff}
.offer-points{display:grid;grid-template-columns:1fr;gap:12px}
.offer-points article{border:1px solid #a6d3ff3a;border-radius:18px;padding:18px 18px 16px;background:linear-gradient(145deg,#182a5299,#1b183c88)}
.offer-points h3{font:700 18px 'Space Grotesk',sans-serif;margin:0 0 6px}
.offer-points p{margin:0;color:#c5d6ea;font-size:14px;line-height:1.5}
.offer-hero-visual{min-height:280px;margin:28px auto 0;max-width:420px;display:grid;gap:10px;align-content:center}
.offer-hero-card{border:1px solid #a6d3ff55;border-radius:18px;padding:16px;background:linear-gradient(145deg,#182a52cc,#1b183ccc);color:#e7f4ff}
.offer-hero-card b{display:block;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#8ceeff;margin-bottom:6px}
.offer-hero-card strong{font:600 22px/1.15 'Space Grotesk',sans-serif}
.social-page{--accent:#2ee6ff;--accent2:#7c6bff}
.creator-page{--accent:#ff9f6b;--accent2:#ff5fa2}
.checkout-page .checkout-layout,.cancel-page .contact-layout{max-width:760px}
.checkout-pack h2{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:8px 0}
.checkout-actions{margin-top:16px}
.checkout-consent{margin:16px 0 0;display:grid;gap:12px}
.checkout-consent .check,.cancel-page .check{display:flex;gap:10px;align-items:flex-start;color:#d5e4f5;font-size:14px;line-height:1.45}
.checkout-consent a{color:#9eeaff}
.pay-continue:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
#checkout-missing{text-align:center;color:#d5e4f5}
.footer-cancel{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start}
.footer a.cancel-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;background:#ebf8ff;color:#081331;font:700 14px/1 'DM Sans',sans-serif;text-decoration:none;box-shadow:0 10px 30px #05d8ff29}
.footer a.cancel-btn:hover{color:#081331;transform:translateY(-2px)}
.footer a.cancel-btn:focus-visible{outline:2px solid #05d8ff;outline-offset:3px}
.cancel-summary{display:grid;gap:8px;margin:12px 0 0}
.cancel-summary div{border-top:1px solid #97bad858;padding-top:10px}
.cancel-summary dt{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8ceeff}
.cancel-summary dd{margin:4px 0 0;color:#e7f2ff}
.offer-board{width:250px;display:grid;gap:10px;--finalrotate:-6deg}
.social-board{left:10%;top:78px}
.creator-board{left:12%;top:86px;grid-template-columns:1fr 1fr;width:280px;--finalrotate:5deg}
.offer-post,.offer-clip{border:1px solid #ffffff55;border-radius:14px;background:linear-gradient(160deg,#173055dd,#241845cc);padding:12px 14px;color:#f3fbff;box-shadow:0 16px 40px #03081488}
.offer-post b,.offer-clip b{display:block;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.08em}
.offer-post span{color:#b7cbe4;font-size:12px}
.offer-clip{min-height:72px}
.social-ticket,.creator-ticket{--finalrotate:7deg}
@media(min-width:760px){
  .price-stage.cols-4{grid-template-columns:1fr 1fr}
  .price-stage.cols-2{grid-template-columns:1fr 1fr;max-width:820px}
  .extra-row{grid-template-columns:1fr 1fr}
  .offer-points{grid-template-columns:repeat(3,minmax(0,1fr))}
  .offer-hero-visual{margin:0;min-height:420px}
}
@media(min-width:1180px){
  .price-stage.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:761px){
  #line-slider .stage:nth-child(5){z-index:5;margin-bottom:145px}
  #line-slider .stage:nth-child(6){z-index:6;margin-bottom:145px}
  #line-slider .stage:nth-child(7){z-index:7;margin-bottom:0}
}
#line-slider .stage{background-color:#0d1735}
#line-slider .stage[data-kind="talents"]{background:radial-gradient(ellipse at 80% 42%,#5a2d5c,#121b3c 57%),linear-gradient(115deg,#21143b,#121b3c 77%)}
#line-slider .stage[data-kind="only"]{background:radial-gradient(ellipse at 79% 40%,#6b1a4a,#151331 57%),linear-gradient(115deg,#102543,#151331 75%)}
#line-slider .stage[data-kind="social"]{background:radial-gradient(ellipse at 79% 40%,#1a4f66,#121b3c 57%),linear-gradient(115deg,#10284a,#121b3c 75%)}
#line-slider .stage[data-kind="creator"]{background:radial-gradient(ellipse at 79% 40%,#6b3d2a,#151c37 57%),linear-gradient(115deg,#2a1a2e,#151c37 75%)}
#line-slider .stage[data-kind="coach"]{background:radial-gradient(ellipse at 79% 40%,#5c3a1a,#151c37 57%),linear-gradient(115deg,#292041,#151c37 75%)}
#line-slider .stage[data-kind="studio"]{background:radial-gradient(ellipse at 79% 40%,#4a2d8a,#101934 57%),linear-gradient(115deg,#1d1643,#101934 75%)}
#line-slider .stage[data-kind="projects"]{background:radial-gradient(ellipse at 79% 40%,#1a6b62,#111934 57%),linear-gradient(115deg,#122f3c,#111934 75%)}
#line-slider .feature-ticket{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(140deg,#17274a,#283054)}
#line-slider .only-ticket{background:linear-gradient(130deg,#301745,#132e55)}
#line-slider .social-ticket{background:linear-gradient(130deg,#123a52,#1a2f55)}
#line-slider .creator-ticket{background:linear-gradient(130deg,#4a2a1f,#2a2548)}
#line-slider .coach-ticket{background:linear-gradient(130deg,#674273,#443658)}
#line-slider .studio-ticket{background:linear-gradient(130deg,#603d64,#322e57)}
@media(max-width:760px){
  .stage[data-kind="social"],.stage[data-kind="creator"]{height:485px}
  .social-phone,.creator-phone{left:50%;top:176px;translate:-50% 0;scale:.58;transform-origin:center top}
  .social-ticket,.creator-ticket{right:2px;bottom:8px;scale:.54;transform-origin:right bottom}
  .footer-cancel{justify-content:center;flex-wrap:nowrap;gap:8px}
  .footer a.cancel-btn{padding:10px 12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .footer a.cancel-btn{transition:none}
}

/* Editorial visuals and compact package rails. No grain. Faces stay fully visible. */
.hero-visual{margin:18px auto 0;max-width:440px}
.hero-visual picture{display:block;position:relative;isolation:isolate}
.hero-visual picture:before{content:"";position:absolute;inset:10% 4% 6%;z-index:-1;border-radius:46%;background:radial-gradient(circle,#05d8ff2e,transparent 68%);filter:blur(16px);pointer-events:none}
.hero-visual img,.feed-masonry img,.cover-grid img,.report-layout img,.look-block img{width:100%;height:auto;display:block;object-fit:contain}
.social-page .hero-visual img{aspect-ratio:4/5;object-position:center 30%}
.creator-page .hero-visual img{aspect-ratio:4/5;object-position:center 35%}
.sample-cap{margin:7px 0 0;color:#8ea3c2;font:500 11px/1.3 'DM Sans',sans-serif;letter-spacing:.01em}
.feed-masonry{columns:2;column-gap:12px}
.feed-masonry figure{break-inside:avoid;margin:0 0 14px}
.feed-masonry img,.cover-grid img{border-radius:16px;box-shadow:0 16px 36px #02081455;object-position:center 30%}
.creator-page .cover-grid img,.creator-page .look-block img{object-position:center 35%}
.cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.cover-grid figure{margin:0;min-width:0}
.cover-grid img{width:100%;height:auto;object-fit:contain}
.report-layout{display:grid;gap:18px;align-items:center}
.report-layout .look-copy{text-align:left}
.report-layout h2,.look-copy h2{font:600 clamp(30px,7.4vw,48px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:12px 0}
.report-layout p,.look-copy p{color:#c5d6ea;font-size:14px;line-height:1.5;margin:0 0 14px;max-width:460px}
.look-block{display:grid;gap:16px;margin:8px auto 28px;max-width:1000px}
.look-block figure .micro{display:block;margin:0 0 8px}
.look-block .text-link{display:inline-flex}
.twitch-stage{display:grid;gap:14px}
.twitch-side{display:grid;gap:14px}
.layer-frame{border-radius:18px;background:radial-gradient(circle at 28% 42%,#16325f,#10182f 62%,#1a1230);padding:8px}
.layer-frame img{border-radius:12px}
.panel-set{margin:0}
.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.panel-row img{width:100%;height:auto;display:block;object-fit:contain;border-radius:12px;background:#12182e}
.rail-hint{display:block;margin:0 auto 12px;text-align:center;color:#8fa8c6;font:600 11px/1.3 'DM Sans',sans-serif}
@media(max-width:759px){
  .extra-row.plan-rail{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;max-width:none;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#3d5d88 transparent}
  .plan-rail > .extra{flex:0 0 82%;scroll-snap-align:start;min-width:0}
  .plan-rail > .extra:hover{transform:none}
  .plan-rail:focus-visible{outline:2px solid #05d8ff;outline-offset:3px}
}
@media(max-width:767px){
  .social-page #pakete .plan-rail-wrap,
  .creator-page #pakete .plan-rail-wrap{min-width:0;max-width:100%}
  .social-page #pakete .price-stage.cols-3.plan-rail,
  .creator-page #pakete .price-stage.cols-3.plan-rail{
    display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;
    grid-template-columns:unset;max-width:none;width:100%;margin:0;
    overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:8%;
    padding:2px 8% 10px;scrollbar-width:none;
  }
  .social-page #pakete .price-stage.cols-3.plan-rail::-webkit-scrollbar,
  .creator-page #pakete .price-stage.cols-3.plan-rail::-webkit-scrollbar{display:none}
  .social-page #pakete .price-stage.plan-rail > .plan,
  .creator-page #pakete .price-stage.plan-rail > .plan{
    flex:0 0 84%;scroll-snap-align:center;min-width:0;
  }
  .social-page #pakete .plan.featured,
  .creator-page #pakete .plan.featured{transform:none}
  .social-page #pakete .plan.featured:hover,
  .creator-page #pakete .plan.featured:hover{transform:none}
  .plan-rail-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin:14px 0 2px}
  .plan-rail-dot{
    width:9px;height:9px;border:0;border-radius:50%;padding:0;cursor:pointer;
    background:#3d5d88;transition:background .2s,transform .2s;
  }
  .plan-rail-dot.is-active{background:#05d8ff;transform:scale(1.2)}
  .plan-rail-dot:focus-visible{outline:2px solid #05d8ff;outline-offset:3px}
}
@media(min-width:768px){
  .plan-rail-dots{display:none!important}
}
@media(min-width:760px){
  .hero-visual{margin:0;max-width:none}
  .social-page .hero-visual img{aspect-ratio:3/2}
  .creator-page .hero-visual img{aspect-ratio:16/9}
  .feed-masonry{columns:3;column-gap:16px}
  .cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .report-layout{grid-template-columns:.9fr 1.1fr;gap:32px}
  .youtube-look{grid-template-columns:1.05fr .95fr;align-items:center;gap:28px}
  .twitch-stage{grid-template-columns:1.15fr .85fr;align-items:start;gap:16px}
  .panel-set{grid-column:1/-1}
  .panel-row{gap:12px}
  .rail-hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .plan-rail{scroll-behavior:auto}
}

/* Package hierarchy: three main plans, compact extras, small entry and show blocks. */
.price-stage.cols-3{grid-template-columns:1fr;max-width:1080px}
.social-page #pakete .plan.featured,
.creator-page #pakete .plan.featured{
  padding-top:48px;
  border-color:#e9fbff;
  background:linear-gradient(165deg,#1b4c7ccc,#1a2458ee);
  box-shadow:0 0 0 1px #9ae8ff99,0 24px 54px #05d8ff33,inset 0 1px #fff6;
}
.social-page #pakete .plan.featured .popular,
.creator-page #pakete .plan.featured .popular{
  top:14px;right:14px;
  background:#ebf8ff;color:#081331;border-color:transparent;
  letter-spacing:.04em;font-size:11px;padding:7px 11px;
}
.extra-stack,.show-stack{display:grid;gap:8px;max-width:920px;margin:0 auto;min-width:0}
.extra-stack + .founder-badge{margin-top:14px}
.extra-chip{
  display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;
  min-width:0;border:1px solid #a6d3ff2e;border-radius:14px;padding:10px 12px;
  background:#121a33cc;
}
.extra-chip h3{font:700 16px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:2px 0 0}
.extra-chip-copy p{margin:4px 0 0;color:#c5d6ea;font-size:12px;line-height:1.35}
.extra-chip .extra-note{margin:6px 0 0}
.extra-chip .price{margin:0}
.extra-chip .price .price-main{font:600 18px 'Space Grotesk',sans-serif;color:#e6faff}
.extra-chip-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0}
.extra-chip .primary,.entry-hint .primary,.mgmt-hint .primary{
  width:auto;max-width:100%;min-height:40px;margin-top:0;
  padding:8px 12px 8px 14px;gap:8px;white-space:normal;text-align:center;
}
.entry-hint,.mgmt-hint{
  display:grid;gap:10px;max-width:920px;margin:0 auto;min-width:0;
  padding:14px 16px;border-radius:16px;background:#071426cc;
}
.entry-hint{border:1px dashed #8ceeff66}
.mgmt-hint{border:1px solid #a6d3ff33;align-items:center}
.entry-hint h3,.mgmt-hint h3{font:700 20px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:4px 0 0}
.entry-kicker,.mgmt-hint p{margin:6px 0 0;color:#d5e6f8;font-size:14px;line-height:1.4}
.entry-feats{margin:4px 0 0;color:#9eb4d0;font-size:12px;line-height:1.4}
.entry-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;min-width:0}
.entry-hint .price{margin:0}
@media(min-width:760px){
  .extra-chip{grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;padding:12px 14px}
  .extra-chip-side{flex-wrap:nowrap;justify-content:flex-end;gap:16px}
  .entry-hint,.mgmt-hint{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px}
  .show-stack{grid-template-columns:1fr 1fr}
  .show-stack .extra-chip{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .show-stack .extra-chip-side{justify-content:space-between}
}
@media(min-width:1024px){
  .price-stage.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .social-page #pakete .plan.featured,
  .creator-page #pakete .plan.featured{transform:translateY(-10px)}
  .social-page #pakete .plan.featured:hover,
  .creator-page #pakete .plan.featured:hover{transform:translateY(-14px)}
}
