/* Optional managed websites add-on: homepage strip and /websites/ examples. */
.managed-addon{background:var(--navy);color:#fff;border-top:1px solid var(--line)}
.managed-addon-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;max-width:1600px;margin:0 auto}
.managed-addon .pill{color:#d4dce5;border-color:var(--line)}
.managed-addon h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.04em;font-weight:500;line-height:1.05;margin:0 0 18px}
.managed-addon p.managed-addon-price{font-size:34px;line-height:1.15;letter-spacing:-.04em;color:var(--cyan);margin:0;font-weight:500}
.managed-addon p.managed-addon-price span{display:inline-block;font-size:14px;letter-spacing:0;font-weight:400;color:#d4dce5;margin-left:8px}
.managed-addon-inner>div>p{font-size:16px;line-height:1.7;color:#a8b6c6;max-width:460px;margin:0 0 28px}
.managed-addon .button{margin-top:0}

.managed-websites{background:var(--navy);color:#fff}
.managed-websites .section-label{color:#8b9aab}
.managed-websites-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:start;margin-bottom:56px}
.managed-websites-intro h2{font-size:clamp(36px,4.2vw,62px);letter-spacing:-.04em;font-weight:500;line-height:1.08}
.managed-websites p.managed-websites-price{font-size:42px;line-height:1.1;letter-spacing:-.045em;color:var(--cyan);margin:0 0 18px;font-weight:500}
.managed-websites p.managed-websites-price span{display:inline-block;font-size:15px;letter-spacing:0;font-weight:400;color:#d4dce5;margin-left:8px}
.managed-websites-intro p{font-size:16px;line-height:1.7;color:#a8b6c6;margin:0 0 22px;max-width:460px}
.managed-websites-includes{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.managed-websites-includes li{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:#d4dce5}
.managed-websites-includes li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--cyan)}

.managed-site-examples{display:grid;gap:28px}
@media (min-width:900px){.managed-site-examples{grid-template-columns:1fr 1fr;gap:32px}}
.managed-site-card{display:flex;flex-direction:column;background:#0b1b30;border:1px solid var(--line);border-radius:4px;overflow:hidden;color:#fff;transition:transform .4s,border-color .4s}
.managed-site-card:hover{transform:translateY(-6px);border-color:#00ebd366}
.managed-site-chrome{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#081322;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.02em;color:#8b9aab;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.managed-site-chrome i{width:8px;height:8px;border-radius:50%;background:#d0d7e2;flex:none}
.managed-site-chrome i:nth-child(1){background:#ff5f57}
.managed-site-chrome i:nth-child(2){background:#febc2e}
.managed-site-chrome i:nth-child(3){background:#28c840}
.managed-site-chrome span{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.managed-site-frame{aspect-ratio:16/10;overflow:hidden;background:#061428;display:flex;align-items:stretch;justify-content:center}
.managed-site-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.managed-site-meta{padding:22px 22px 26px}
.managed-site-meta h3{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:0 0 10px}
.managed-site-meta p{font-size:14px;line-height:1.7;color:#a8b6c6;margin:0 0 16px}
.managed-site-link{font-size:13px;font-weight:600;color:var(--cyan);display:inline-flex;align-items:center;gap:10px}
.managed-site-card:hover .managed-site-link{color:#8affee}

@media (max-width:800px){
  .managed-addon-inner,.managed-websites-intro{grid-template-columns:1fr;gap:28px}
  .managed-addon h2,.managed-websites-intro h2{font-size:40px}
  .managed-addon-price{font-size:28px}
  .managed-websites-price{font-size:34px}
  .managed-websites-intro{margin-bottom:36px}
}
@media (prefers-reduced-motion:reduce){
  .managed-addon .button,.managed-site-card{transition:none}
  .managed-site-card:hover{transform:none}
}