.hp .cy-host-plans{--navy:#072448;--red:#e0144c;--blue:#10aabc;--ink:#11283f;--muted:#637283;--line:#dce4eb;--ease:cubic-bezier(.22,1,.36,1)}.hp .cy-host-plans *{box-sizing:border-box;border-radius:0!important}.hp .cy-host-plans{margin:0;background:#f4f7f9;color:var(--ink);font-family:'Readex Pro',Tahoma,sans-serif}.hp .cy-host-plans button,.hp .cy-host-plans a{font:inherit}.hp .cy-host-plans button{cursor:pointer}.hp .cy-host-plans button:focus-visible,.hp .cy-host-plans a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.hp .cy-host-plans button:disabled{cursor:default;opacity:.35}.hp .cy-host-plans .topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:white;border-bottom:1px solid var(--line)}.hp .cy-host-plans .topbar img{width:170px;height:auto}.hp .cy-host-plans .topbar span{font-size:12px;color:var(--muted)}.hp .cy-host-plans{max-width:1380px;padding:64px 42px 54px;margin:auto}.hp .cy-host-plans .intro{text-align:center;max-width:740px;margin:auto}.hp .cy-host-plans .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.02em;color:var(--blue);margin:0 0 18px}.hp .cy-host-plans .eyebrow:before{content:'';height:2px;width:26px;background:currentColor}.hp .cy-host-plans h2{font-size:clamp(30px,3.2vw,46px);line-height:1.5;letter-spacing:-1px;margin:0 0 14px;font-weight:600}.hp .cy-host-plans .intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.9;margin:0}.hp .cy-host-plans .controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:32px 0 42px;flex-wrap:wrap}.hp .cy-host-plans .billing{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#e4ebef;isolation:isolate;min-width:310px}.hp .cy-host-plans .billing:before{content:'';position:absolute;inset-block:5px;right:5px;width:calc(50% - 5px);background:white;box-shadow:0 3px 10px #07244812;transition:transform .45s var(--ease);z-index:-1}.hp .cy-host-plans .billing.annual:before{transform:translateX(-100%)}.hp .cy-host-plans .billing button{border:0;background:transparent;padding:13px 19px;color:var(--muted);font-size:13px}.hp .cy-host-plans .billing button[aria-pressed=true]{color:var(--navy);font-weight:600}.hp .cy-host-plans .save{color:var(--red);font-size:12px;display:flex;gap:7px;align-items:center}.hp .cy-host-plans .save strong{font-size:15px}.hp .cy-host-plans .viewport{overflow:visible}.hp .cy-host-plans .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.hp .cy-host-plans .card{--accent:var(--blue);background:white;border:1px solid var(--line);position:relative;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;min-width:0}.hp .cy-host-plans .card.featured{border-color:var(--blue)}.hp .cy-host-plans .ribbon{background:var(--blue);color:white;padding:10px;text-align:center;font-size:11px;font-weight:500;position:absolute;bottom:100%;inset-inline:-1px}.hp .cy-host-plans .card-head{padding:27px 28px 23px;border-bottom:1px solid var(--line);position:relative;background:#fff;transition:background .35s}.hp .cy-host-plans .plan-mark{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.hp .cy-host-plans .plan-mark h2{font-size:23px;font-weight:600;margin:0;direction:ltr;text-align:right}.hp .cy-host-plans .icon{width:39px;height:39px;display:inline-grid;place-items:center;background:#e5f6f8;color:var(--blue);flex-shrink:0}.hp .cy-host-plans .icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hp .cy-host-plans .card:nth-child(2){--accent:#e0144c}.hp .cy-host-plans .card:nth-child(2) .plan-mark .icon{background:#fce9ef;color:var(--red)}.hp .cy-host-plans .card:nth-child(3){--accent:#5874c7}.hp .cy-host-plans .card:nth-child(3) .plan-mark .icon{background:#edf0fb;color:#5874c7}.hp .cy-host-plans .tagline{margin:0;line-height:1.8;font-size:13px;color:var(--muted);min-height:47px}.hp .cy-host-plans .price-block{padding:22px 28px 24px}.hp .cy-host-plans .price-top{display:flex;align-items:center;gap:9px;min-height:24px;font-size:11px;margin-bottom:6px}.hp .cy-host-plans .old{color:#82909c}.hp .cy-host-plans .discount{background:#e8f7fa;color:#087f91;padding:4px 7px}.hp .cy-host-plans .price{display:flex;align-items:baseline;gap:8px}.hp .cy-host-plans .amount{font-size:48px;line-height:1.3;letter-spacing:-2px;color:var(--navy);font-weight:600;direction:ltr}.hp .cy-host-plans .price small{font-size:12px;color:var(--muted)}.hp .cy-host-plans .billing-note{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0 22px;min-height:20px}.hp .cy-host-plans .choose{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--navy);padding:15px 18px;background:white;color:var(--navy);text-decoration:none;transition:background .3s,color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.hp .cy-host-plans .choose span:last-child{font-size:22px;line-height:1;transition:transform .3s}.hp .cy-host-plans .featured .choose{background:var(--red);border-color:var(--red);color:white}.hp .cy-host-plans .choose:hover{background:var(--navy);color:white;transform:translateY(-3px);box-shadow:0 9px 18px #07244820}.hp .cy-host-plans .featured .choose:hover{background:var(--navy);border-color:var(--navy)}.hp .cy-host-plans .choose:hover span:last-child{transform:translateX(-4px)}.hp .cy-host-plans .features{padding:0 28px 26px}.hp .cy-host-plans .features h3{font-size:12px;font-weight:600;padding-top:21px;margin:0 0 17px;border-top:1px solid var(--line)}.hp .cy-host-plans .features ul{list-style:none;padding:0;margin:0;display:grid;gap:17px}.hp .cy-host-plans .features li{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.8}.hp .cy-host-plans .features li svg{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hp .cy-host-plans .features li:nth-child(3n+2) svg{stroke:#5874c7}.hp .cy-host-plans .features li:nth-child(3n) svg{stroke:#cb7b18}.hp .cy-host-plans .features b{font-weight:600}.hp .cy-host-plans .more{margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.hp .cy-host-plans .more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:12px;color:var(--navy);transition:color .3s}.hp .cy-host-plans .more summary::-webkit-details-marker{display:none}.hp .cy-host-plans .more summary:after{content:'+';font-size:21px;line-height:1}.hp .cy-host-plans .more[open] summary:after{content:'−'}.hp .cy-host-plans .more summary:hover{color:var(--red)}.hp .cy-host-plans .more ul{margin-top:19px}.hp .cy-host-plans .note{margin:20px 0 0;font-size:10px;color:var(--muted);line-height:1.8}.hp .cy-host-plans .slider-controls{display:none;align-items:center;justify-content:center;gap:22px;margin-top:24px}.hp .cy-host-plans .slider-controls button{width:44px;height:44px;background:white;border:1px solid var(--line);color:var(--navy);font-size:20px;transition:background .3s,color .3s}.hp .cy-host-plans .slider-controls button:hover:not(:disabled){background:var(--navy);color:white}.hp .cy-host-plans .counter{font-size:12px;color:var(--muted);min-width:60px;text-align:center}.hp .cy-host-plans .bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#eaf0f4;border-inline-start:3px solid var(--blue);padding:24px 28px;margin-top:32px}.hp .cy-host-plans .bottom strong{font-size:14px;font-weight:500}.hp .cy-host-plans .bottom p{font-size:12px;color:var(--muted);margin:9px 0 0;line-height:1.8}.hp .cy-host-plans .all-plans{font-size:12px;color:var(--navy);text-decoration:none;white-space:nowrap;transition:color .3s,translate .3s}.hp .cy-host-plans .all-plans:hover{color:var(--red);translate:0 -2px}.hp .cy-host-plans .disclaimer{font-size:10px;color:var(--muted);line-height:1.9;text-align:center;margin:21px auto 0;max-width:700px}.hp .cy-host-plans .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--delay,0ms)}.hp .cy-host-plans .reveal.visible{opacity:1;transform:none}.hp .cy-host-plans .price-block.switching{animation:price-slide .4s var(--ease)}@keyframes price-slide{from{opacity:.25;translate:0 13px}to{opacity:1;translate:0 0}}@media(hover:hover){.hp .cy-host-plans .card:hover{transform:translateY(-7px);box-shadow:0 22px 42px #07244817;border-color:var(--accent)}.hp .cy-host-plans .card:hover .card-head{background:#f0f7fa}}@media(max-width:1050px){.hp .cy-host-plans{padding-inline:24px}.hp .cy-host-plans .plans{gap:14px}.hp .cy-host-plans .card-head,.hp .cy-host-plans .price-block{padding-inline:20px}.hp .cy-host-plans .features{padding-inline:20px}.hp .cy-host-plans .plan-mark h2{font-size:20px}.hp .cy-host-plans .amount{font-size:42px}}@media(max-width:760px){.hp .cy-host-plans .topbar{padding:17px 20px}.hp .cy-host-plans .topbar img{width:135px}.hp .cy-host-plans .topbar span{font-size:10px}.hp .cy-host-plans{padding:35px 20px}.hp .cy-host-plans .intro{text-align:start}.hp .cy-host-plans h2{font-size:30px}.hp .cy-host-plans .intro>p:last-child{font-size:13px}.hp .cy-host-plans .controls{gap:12px;margin-block:25px 44px}.hp .cy-host-plans .billing{min-width:0;width:100%}.hp .cy-host-plans .save{font-size:11px}.hp .cy-host-plans .viewport{margin-inline:-20px;overflow:hidden;padding-block:32px 22px;margin-top:-32px}.hp .cy-host-plans .plans{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:0 20px 12px;scrollbar-width:none;align-items:start}.hp .cy-host-plans .plans::-webkit-scrollbar{display:none}.hp .cy-host-plans .card{flex:0 0 min(86vw,390px);scroll-snap-align:start}.hp .cy-host-plans .card-head{padding:25px}.hp .cy-host-plans .price-block{padding:22px 25px}.hp .cy-host-plans .features{padding-inline:25px}.hp .cy-host-plans .slider-controls{display:flex;margin-top:0}.hp .cy-host-plans .bottom{display:block;padding:22px;margin-top:25px}.hp .cy-host-plans .all-plans{display:inline-block;margin-top:18px}.hp .cy-host-plans .reveal{transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.hp .cy-host-plans *,.hp .cy-host-plans *:before,.hp .cy-host-plans *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hp .cy-host-plans .reveal{opacity:1;transform:none}}.hp .cy-host-plans .controls{gap:0;margin-top:32px}.hp .cy-host-plans .billing{min-width:400px}.hp .cy-host-plans .billing button{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding-inline:12px}.hp .cy-host-plans .save{position:static;display:inline-flex;align-items:center;gap:4px;background:var(--red);color:#fff;padding:4px 7px;font-size:10px;line-height:1.4;pointer-events:none;white-space:nowrap}.hp .cy-host-plans .save strong{font-size:11px}@media(max-width:760px){.hp .cy-host-plans .controls{margin-top:25px}.hp .cy-host-plans .billing{min-width:0}.hp .cy-host-plans .billing button{font-size:12px;gap:6px;padding-inline:7px}.hp .cy-host-plans .save{padding:4px 5px;font-size:9px}.hp .cy-host-plans .save strong{font-size:10px}}
.hp .cy-host-plans{width:calc(100% - 48px);max-width:1380px;padding:64px 24px;margin:0 auto;background:#f4f7f9;color:var(--ink)}
.hp .cy-host-plans .plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:32px 4px 24px;scrollbar-width:thin;gap:22px}
.hp .cy-host-plans .card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}
.hp .cy-host-plans .slider-controls{display:flex}
.hp .cy-host-plans .intro>h2{font-size:clamp(30px,3.2vw,46px);line-height:1.5;margin:0 0 14px}
.hp .cy-host-plans .choose{font-size:14px}
.hp .cy-host-plans .features li{font-size:13px}
.hp .cy-host-plans [hidden]{display:none!important}
html:not([dir=rtl]) .cy-host-plans .billing:before{left:5px;right:auto}
html:not([dir=rtl]) .cy-host-plans .billing.annual:before{transform:translateX(100%)}
html:not([dir=rtl]) .cy-host-plans .plan-mark h2{text-align:left}
@media(max-width:1000px){.hp .cy-host-plans .card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:760px){.hp .cy-host-plans{width:100%;padding:42px 20px}.hp .cy-host-plans .card{flex-basis:min(86vw,390px)}.hp .cy-host-plans .plans{padding-inline:20px;gap:16px}}
/* Fit complete cards to the available width without a visible scroll track. */
.hp .cy-host-plans .viewport{margin-inline:0;overflow:hidden;padding-block:0;margin-top:0}
.hp .cy-host-plans .plans{--visible-plans:3;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:4px;padding-inline:4px;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior-x:contain}
.hp .cy-host-plans .plans::-webkit-scrollbar{display:none;width:0;height:0}
.hp .cy-host-plans .plans.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.hp .cy-host-plans .plans.is-dragging *{user-select:none;pointer-events:none}
.hp .cy-host-plans .card{flex:0 0 calc((100% - 44px)/3)}
.hp .cy-host-plans .more{overflow:hidden}
.hp .cy-host-plans .more-panel{padding-top:19px}
.hp .cy-host-plans .more-panel ul{margin-top:0}
@media(max-width:1000px){.hp .cy-host-plans .plans{--visible-plans:2}.hp .cy-host-plans .card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:760px){.hp .cy-host-plans .plans{--visible-plans:1;gap:16px}.hp .cy-host-plans .card{flex-basis:100%;max-width:100%}}
/* Leave a paint gutter for the lifted cards' shadows inside the clipped slider. */
.hp .cy-host-plans{--plan-shadow-gutter:24px}
.hp .cy-host-plans .viewport{margin-inline:calc(-1 * var(--plan-shadow-gutter))}
.hp .cy-host-plans .plans{padding:48px var(--plan-shadow-gutter) 88px;scroll-padding-inline:var(--plan-shadow-gutter);gap:24px}
.hp .cy-host-plans .card{flex-basis:calc((100% - 48px)/3)}
@media(max-width:1000px){.hp .cy-host-plans .card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.hp .cy-host-plans{--plan-shadow-gutter:20px}.hp .cy-host-plans .card{flex-basis:100%}}
/* Mobile hint: expose a small part of the following plan. */
@media(max-width:760px){
 .hp .cy-host-plans .plans{gap:16px}
 .hp .cy-host-plans .card{flex-basis:88%;max-width:88%}
}
/* Align the first card with the content edge, with the next plan visible. */
.hp.public-surface .cy-host-plans{--plan-page-gutter:max(24px,calc((100vw - var(--page-content-width,1200px))/2));padding-inline:0}
.hp.public-surface .cy-host-plans .intro,.hp.public-surface .cy-host-plans .intro :is(h2,p){text-align:center!important}
.hp.public-surface .cy-host-plans .viewport{margin-inline:0;overflow:hidden}
.hp.public-surface .cy-host-plans .plans{gap:24px;padding:48px var(--plan-page-gutter) 72px;scroll-padding-inline:var(--plan-page-gutter)}
.hp.public-surface .cy-host-plans .card{flex-basis:calc((100vw - var(--plan-page-gutter) - 132px)/3);max-width:none}
.hp.public-surface .cy-host-plans .ribbon{text-align:center}
@media(max-width:1000px){.hp.public-surface .cy-host-plans .plans{gap:20px}.hp.public-surface .cy-host-plans .card{flex-basis:calc((100vw - 2 * var(--plan-page-gutter) - 70px)/2)}}
@media(max-width:760px){.hp.public-surface .cy-host-plans{--plan-page-gutter:20px}.hp.public-surface .cy-host-plans .plans{gap:16px}.hp.public-surface .cy-host-plans .card{flex-basis:calc(100vw - 2 * var(--plan-page-gutter) - 34px);max-width:390px}}
/* Owner follow-up: compact every plan placement and isolate its type scale. */
.hp.public-surface .cy-host-plans .card{flex-basis:calc((100vw - 2 * var(--plan-page-gutter) - 100px)/3.3);max-width:360px}
.hp.public-surface .cy-host-plans .plans{gap:20px;padding-block:40px 56px}
html[lang] body .hp.public-surface .cy-host-plans .intro>h2{font-size:clamp(27px,2.6vw,36px)!important;line-height:1.4!important}
html[lang] body .hp.public-surface .cy-host-plans .eyebrow{font-size:12px!important;line-height:1.6!important}
.hp.public-surface .cy-host-plans .card-head{padding:20px 20px 16px}
.hp.public-surface .cy-host-plans .plan-mark{gap:10px;margin-bottom:12px}
html[lang] body .hp.public-surface .cy-host-plans .plan-mark h2{font-size:24px!important;line-height:1.3!important;font-weight:500!important;letter-spacing:-.5px}
.hp.public-surface .cy-host-plans .icon{width:32px;height:32px}
.hp.public-surface .cy-host-plans .icon svg{width:19px;height:19px}
html[lang] body .hp.public-surface .cy-host-plans .tagline{font-size:13px!important;line-height:1.65!important;min-height:34px}
.hp.public-surface .cy-host-plans .price-block{padding:16px 20px 18px}
.hp.public-surface .cy-host-plans .price-top{font-size:10px;min-height:20px;margin-bottom:4px}
html[lang] body .hp.public-surface .cy-host-plans .amount{font-size:36px!important;line-height:1.25!important;letter-spacing:-1px}
.hp.public-surface .cy-host-plans .price small{font-size:11px}
html[lang] body .hp.public-surface .cy-host-plans .billing-note{font-size:12px!important;line-height:1.65!important;min-height:20px;margin:8px 0 16px}
html[lang] body .hp.public-surface .cy-host-plans .choose{font-size:12px!important;padding:12px 14px}
.hp.public-surface .cy-host-plans .choose span:last-child{font-size:20px}
.hp.public-surface .cy-host-plans .features{padding:0 20px 20px}
html[lang] body .hp.public-surface .cy-host-plans .features h3{font-size:15px!important;line-height:1.5!important;font-weight:500!important;padding-top:17px;margin:0 0 13px}
.hp.public-surface .cy-host-plans .features ul{gap:13px}
html[lang] body .hp.public-surface .cy-host-plans .features li{font-size:13px!important;line-height:1.65!important;gap:9px}
.hp.public-surface .cy-host-plans .features li svg{width:17px;height:17px}
.hp.public-surface .cy-host-plans .more{margin-top:18px;padding-top:16px}
.hp.public-surface .cy-host-plans .more summary{font-size:12px}
.hp.public-surface .cy-host-plans .more-panel{padding-top:14px}
.hp.public-surface .cy-host-plans .ribbon{font-size:11px;padding:8px}
.cy-plan-drag-cursor{position:fixed;left:0;top:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .15s;will-change:transform}
.cy-plan-drag-cursor>span{display:grid;place-items:center;width:78px;height:78px;transform:translate(-50%,-50%);border-radius:0;background:#111;color:#fff;font:400 12px/1.4 "Readex Pro",sans-serif;box-shadow:0 4px 18px #0002}
@media(hover:hover) and (pointer:fine){.hp.public-surface .cy-host-plans .plans.has-drag-cursor,.hp.public-surface .cy-host-plans .plans.has-drag-cursor *{cursor:none!important}}
@media(max-width:1000px){.hp.public-surface .cy-host-plans .card{flex-basis:calc((100vw - 2 * var(--plan-page-gutter) - 88px)/2.2)}}
@media(max-width:760px){.hp.public-surface .cy-host-plans .plans{gap:16px}.hp.public-surface .cy-host-plans .card{flex-basis:calc(100vw - 2 * var(--plan-page-gutter) - 48px);max-width:320px}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cy-plan-drag-cursor{display:none}}