/* WebHive shared components. Tokens come from STYLEGUIDE.md; every rule stays under a plugin class. */
.wh-page,.wh-service,.wh-ai-start{--wh-grad:linear-gradient(90deg,#E548FF 0%,#00C6C6 100%);--wh-card:#1C1C1C;--wh-muted:#CECECE;font-family:"TT Norms Pro",sans-serif;color:#fff;font-size:20px;font-weight:500}
.wh-page,.wh-service{background:#000}
.wh-page *,.wh-service *,.wh-ai-start *{box-sizing:border-box}
.wh-block{padding:80px 0}
.wh-wrap{max-width:1400px;margin:0 auto;padding:0 3%}
.wh-h1,.wh-h2{font-size:60px;font-weight:600;line-height:1.2;letter-spacing:normal;margin:0 0 24px;overflow-wrap:break-word}
.wh-h2{font-size:42px}
.wh-page h3,.wh-service h3{font-size:24px;font-weight:600;line-height:1.2;margin:0 0 12px;color:#fff}
.wh-h1.t-g,.wh-h2.t-g{background:var(--wh-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wh-kicker{font-size:14px;font-weight:400;line-height:1.5;color:var(--wh-muted);padding-bottom:16px}
.wh-lead{font-size:20px;font-weight:500;line-height:normal;max-width:900px;color:#fff;padding-bottom:24px}
.wh-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:350px;max-width:100%;min-height:50px;padding:14px 24px;border-radius:200px;background:var(--wh-grad);color:#1B1B1B!important;font-size:16px;font-weight:600;line-height:22px;text-decoration:none}
.wh-btn:focus-visible,.wh-page a:focus-visible,.wh-service a:focus-visible,.wh-page summary:focus-visible,.wh-service summary:focus-visible,.wh-ai-start a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wh-btn-note{padding-top:24px;font-size:14px;font-weight:400;line-height:1.5;color:var(--wh-muted)}
.wh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 48px}
.wh-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wh-card{background:var(--wh-card);border-radius:20px;padding:30px 24px}
.wh-card p{font-size:16px;font-weight:400;line-height:1.5;color:var(--wh-muted);margin:0}
.wh-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-bottom:48px}
.wh-list{list-style:none;margin:0;padding:0}
.wh-list li{position:relative;padding:0 0 12px 22px;font-size:16px;font-weight:400;line-height:1.5}
.wh-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--wh-grad)}
.wh-steps{list-style:none;margin:0;padding:0}
.wh-steps li{display:flex;gap:16px;align-items:flex-start;padding:0 0 16px;font-size:16px;font-weight:400;line-height:1.5}
.wh-step-n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--wh-grad);color:#1B1B1B;display:flex;align-items:center;justify-content:center;font-weight:600}
.wh-faq{margin-bottom:48px}
.wh-faq__item{border-top:1px solid #333;padding:16px 0}
.wh-faq__item:last-child{border-bottom:1px solid #333}
.wh-faq__item summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.3}
.wh-faq__item p{padding-top:12px;font-size:16px;font-weight:400;line-height:1.5;color:var(--wh-muted)}
.wh-cta-row{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.wh-case-link a,.wh-contacts a,.wh-service-link a{color:#fff;text-decoration:underline}
.wh-case-link{font-size:16px;padding-top:14px}
.wh-contacts{font-size:16px;padding-top:24px;color:var(--wh-muted)}
.wh-logo img{display:block;width:240px;max-width:100%;height:auto;margin-bottom:32px}
.wh-service-link{padding-top:32px;font-size:18px;font-weight:600}
/* AI Start: one wide card below the main packages, so senior packages keep their priority. */
.e-con.wh-managed-ai-start{width:100%;margin-top:-96px!important;margin-bottom:120px!important}
.wh-ai-start.card-ysl{flex:none;min-width:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:16px 40px;border:2px solid #fff;border-radius:20px;padding:30px 24px;background:#000;width:100%;max-width:100%}
.wh-ai-start__head{grid-row:span 2}
.wh-ai-start .title-ysl{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 12px;background:var(--wh-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wh-ai-start .opis-ysl{font-size:14px;font-weight:400;line-height:22px;color:#a3a3a3;margin:0}
.wh-ai-start .price-ysl{font-size:28px;font-weight:700;line-height:1;padding-top:20px;color:#fff}
.wh-ai-start__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.wh-ai-start ul{list-style:none;margin:0;padding:0}
.wh-ai-start li{position:relative;padding:0 0 4px 22px;font-size:16px;font-weight:400;line-height:22px}
/* The site's package CSS removes ::before and ::marker on every list here, so the dash is a background, like its checkmark. */
.wh-ai-start__no li{color:var(--wh-muted);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2'%3E%3Crect width='10' height='2' fill='%23a3a3a3'/%3E%3C/svg%3E") no-repeat 2px .68em}
.wh-ai-start__label{padding-bottom:8px;font-size:16px;line-height:22px}
.wh-ai-start__note{padding-top:12px;font-size:14px;font-weight:400;line-height:1.5;color:#a3a3a3}
.wh-ai-start__foot{grid-column:2}
.wh-ai-start .wh-btn{background:#fff;color:#000!important}
@media (max-width:1024px){.wh-h1{font-size:42px}.wh-h2{font-size:36px}.wh-block{padding:60px 0}.wh-grid,.wh-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-ai-start.card-ysl{grid-template-columns:1fr}.wh-ai-start__foot{grid-column:auto}}
@media (max-width:767px){.wh-h1{font-size:36px}.wh-h2{font-size:32px}.wh-block{padding:50px 0}.wh-lead,.wh-page,.wh-service{font-size:18px}.wh-grid,.wh-grid--4,.wh-cols,.wh-ai-start__body{grid-template-columns:1fr}.wh-btn{width:100%}.wh-logo img{width:190px}.e-con.wh-managed-ai-start{margin-top:-34px!important;margin-bottom:60px!important}.wh-cta-row{display:block}}
@media (prefers-reduced-motion:reduce){.wh-page *,.wh-service *{transition:none!important;animation:none!important}}