/* WordPress hosting page: container story, feature groups, coming soon, panel previews. */

/* Why containers: two illustrated panels */
.wp-duel{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin-inline:auto}
.wp-duel-card{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid #dfe4f4;border-radius:24px;box-shadow:0 28px 65px -48px rgba(47,63,150,.42)}
.wp-duel-card.new{background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 40px 80px -48px rgba(80,90,230,.5)}
.wp-duel-tag{align-self:flex-start;padding:5px 12px;border-radius:99px;background:#f1f3fb;font:700 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#68718d}
.wp-duel-card.new .wp-duel-tag{background:var(--grad);color:#fff}
.wp-duel-art{margin:20px 0 22px;padding:20px;background:#f7f8fd;border:1px solid #e9ecf8;border-radius:18px}
.wp-duel-art small{display:block;margin-top:14px;font-size:.76rem;color:var(--mut)}
.wp-pool{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.wp-pool i{aspect-ratio:1;border-radius:7px;background:#e3e7f5}
.wp-pool i.busy{background:#b8c0e0}
.wp-pool i.you{background:#fff;border:2px solid #8a92ac}
.wp-poolbar{display:flex;gap:3px;height:9px;margin-top:16px;border-radius:99px;overflow:hidden;background:#e3e7f5}
.wp-poolbar i{flex:0 0 var(--w);background:#b8c0e0}
.wp-poolbar i.you{background:#8a92ac}
.wp-box2{position:relative;padding:16px 18px 18px;background:#fff;border:1.5px solid transparent;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box}
.wp-box2>b{font-size:.8rem}
.wp-box2 .d-rings{margin-top:12px}
.wp-box2>em{display:inline-block;margin-top:14px;padding:4px 10px;border-radius:99px;background:#eef1fd;color:#4658dd;font:700 .6rem var(--font);letter-spacing:.06em;text-transform:uppercase;font-style:normal}
.wp-duel-card h3{font-size:1.2rem;letter-spacing:-.02em}
.wp-duel-card ul{list-style:none;display:grid;gap:11px;margin-top:16px}
.wp-duel-card li{display:flex;align-items:flex-start;gap:11px;font-size:.92rem;color:var(--mut)}
.wp-duel-card.new li{color:#2b3558}
.wp-duel-card li::before{content:"\2013";flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#eceef6;color:#8a92ac;font-size:.7rem;font-weight:800}
.wp-duel-card.new li::before{content:"\2713";background:#e1e7ff;color:#4658dd}

/* Pinned left half on split sections: the right half scrolls past it */
.protection-layout{align-items:start}
.protection-copy{position:sticky;top:110px}
.faq-layout>div:first-child{position:sticky;top:110px}

/* Plans */
.wp-included{margin-top:22px;padding:24px 28px}
.wp-included h3{margin-bottom:16px}
.wp-included ul{grid-template-columns:repeat(3,1fr)}

/* Feature groups */
.wp-features{background:#fff}
.wp-group{display:grid;grid-template-columns:.62fr 1.38fr;gap:64px;padding:54px 0;border-top:1px solid #dce2f3}
.wp-features .sec-head+.wp-group{border-top:0;padding-top:12px}
.wp-group-intro{position:sticky;top:110px;align-self:start}
.wp-group-intro h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}
.wp-group-intro>p{margin-top:14px;color:var(--mut);font-size:.92rem}
.wp-group-intro .eyebrow{margin-bottom:14px}
.wp-group-intro .wp-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line2);font-size:.78rem;color:#8089a6}
.wp-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wp-cap{padding:24px 22px}
.wp-cap .cap-ico{width:44px;height:44px;border-radius:13px;margin-bottom:16px}
.wp-cap .cap-ico svg{width:20px;height:20px}
.wp-cap h4{font-size:1rem;margin-bottom:6px}
.wp-cap p{font-size:.85rem}
.wp-fgrid-compact{gap:12px}
.wp-cap-sm{padding:20px 20px}
.wp-cap-sm .cap-ico{width:38px;height:38px;border-radius:11px;margin-bottom:12px}
.wp-cap-sm p{font-size:.82rem}

/* Coming soon */
.wp-soon-badge{display:inline-block;margin-bottom:16px;padding:6px 13px;border-radius:999px;background:var(--grad);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wp-soon-list{list-style:none;display:grid;gap:12px;margin-top:24px}
.wp-soon-list li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#46506e}
.wp-soon-list .check{margin-top:3px}

/* Panel preview */

/* Final CTA */
.wp-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

@media(max-width:1100px){
  .wp-group{grid-template-columns:1fr;gap:30px;padding:44px 0}
  .wp-group-intro{position:static}
  .wp-included ul{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
}
@media(max-width:560px){
  .wp-fgrid,.wp-included ul{grid-template-columns:1fr}
  .wp-cta-actions{width:100%}
  .wp-cta-actions .btn{flex:1;justify-content:center}
}

@media(max-width:1100px){
  .protection-copy,.faq-layout>div:first-child{position:static}
}
@media(max-width:800px){
  .wp-duel{grid-template-columns:1fr}
}