/* HostCupid motion edition. Content remains visible without JavaScript. */
body{--hc-ink:#142033;--hc-red:#c90937;--hc-cream:#fff8ef}
body .hc5-hero,body .hc10-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 25%,#fbdde4 0,transparent 48%),linear-gradient(120deg,#fffaf4,#fff 65%);padding:70px 0 85px}
body .hc5-hero-grid,body .hc10-hero-grid{gap:54px;align-items:center}
body .hc5-intro h1,body .hc10-intro h1{font-size:clamp(40px,5.4vw,78px);letter-spacing:-.055em;line-height:1.06;max-width:760px}
body .hc5-intro h1 em,body .hc10-intro h1 span{color:var(--hc-red)}
body .hc5-intro>p,body .hc10-intro .lead{font-size:clamp(17px,1.5vw,20px);line-height:1.7;color:#42516a;max-width:560px}
body .hc5-hero-image,body .hc11-hero-art{position:relative;isolation:isolate;overflow:visible;transform:translate3d(0,var(--hc-depth,0px),0);will-change:auto}
body .hc5-hero-image:before,body .hc11-hero-art:before{content:'';position:absolute;inset:5% -3% -5% 8%;border:1px solid #c9093730;border-radius:46% 54% 40% 60%;transform:rotate(-12deg);z-index:-1;background:#f9e5e5}
body .hc5-hero-image>img,body .hc11-hero-art img{border-radius:38px 90px 38px 38px;box-shadow:0 28px 65px #14203318;border:6px solid #fff;object-fit:contain;width:100%;height:auto}
.hc-motion-badge{position:absolute;left:-18px;bottom:14%;display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fff;color:#142033;border:1px solid #e3e6ec;border-radius:18px;box-shadow:0 16px 40px #14203316;font-size:14px;font-weight:650;transform:translate3d(0,var(--hc-float,0px),0);z-index:2}
.hc-motion-badge i{font-style:normal;background:#eef8f2;color:#16623b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}
.hc-motion-badge.hc-badge-top{left:auto;right:-10px;top:5%;bottom:auto;background:#142033;color:white}
.hc-motion-badge.hc-badge-top i{background:#ffe7ec;color:#a50d30}
body .hc5-paths,body .hc10-shortcuts{position:relative;z-index:3}
body .hc5-paths a,body .hc10-shortcuts a{transition:background .2s ease}
body .hc5-paths a:hover,body .hc10-shortcuts a:hover{background:#ffffff0d}
body #plans{padding-top:90px;padding-bottom:80px}
body #plans .plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;overflow:visible}
body #plans .plan{min-width:0;width:auto;display:flex;flex-direction:column;border:1px solid #dce2eb;border-radius:22px;padding:28px 22px;box-shadow:0 12px 32px #14203306;transition:box-shadow .25s ease,border-color .25s ease}
body #plans .plan:hover{box-shadow:0 18px 46px #14203313;border-color:#c90937}
body #plans .plan.featured{border:2px solid #c90937;background:#fff5f7}
body #plans .plan .fit{min-height:44px;margin-bottom:16px}
body #plans .plan .price{font-size:clamp(28px,3vw,42px);white-space:normal;line-height:1.2}
body #plans .plan .bill{min-height:48px;margin:12px 0;font-size:13px}
body #plans .plan ul{flex:1}
body #plans .plan .detail-link{margin-top:20px;color:#a50d30}
body #plans .plan .ribbon{color:#fff;background:#c90937}
body .button{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}
body .button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #c9093726}
body .button:focus-visible,body a:focus-visible,body button:focus-visible{outline:3px solid #b54a00;outline-offset:4px}
body .hc5-foundation{background:#f4f6fa;padding:90px 0}
body .hc5-foundation-grid>article,body .feature-grid>.feature{border-radius:24px;overflow:hidden}
body .hc5-foundation-grid>article:not(.hc5-speed){background:#fff;color:#142033}
body .hc5-foundation-grid>article:not(.hc5-speed) :is(h3,p,small){color:#34435b}
body .hc5-migration,body .hc10-inner .migration-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#293952,#142033 65%);padding-top:90px;padding-bottom:90px}
body .hc5-migration ol{position:relative;display:grid;gap:18px}
body .hc5-migration ol li{background:#ffffff09;border:1px solid #ffffff22;border-radius:20px;padding:24px}
body .hc5-migration ol li>span{background:#ffe4eb;color:#991433}
body .hc5-migration .hc5-kicker,body .hc5-speed .hc5-card-label{color:#ffb1c3}
body .hc5-services>a{border-radius:24px;overflow:hidden;border:1px solid #e0e5ec;background:#fff;transition:box-shadow .25s ease}
body .hc5-services>a:hover{box-shadow:0 20px 55px #14203316}
body .hc5-service-art img{transition:transform .6s ease}
body .hc5-services>a:hover .hc5-service-art img{transform:scale(1.035)}
body .hc5-support{background:#fff6f0;padding:85px 0}
body .hc5-end{padding-top:95px;padding-bottom:95px}
body .hc5-end h2{font-size:clamp(38px,6vw,76px);line-height:1.08;letter-spacing:-.045em}
body .hc10-inner .feature,body .hc10-inner .content-card,body .hc10-inner .hc6-topic{background:#fff;border:1px solid #e0e5ec;box-shadow:0 8px 28px #14203305}
body .hc10-inner .contact-banner{border-radius:28px;padding:40px}
body .hc10-inner .hc11-section-heading{gap:30px 50px}
body .hc10-inner .hc11-section-visual img{border-radius:24px}
.hc-motion-reveal{animation:hc-arrive .65s cubic-bezier(.2,.65,.3,1) both}
@keyframes hc-arrive{from{transform:translateY(24px)}to{transform:translateY(0)}}
@media(min-width:1000px){body .hc5-migration-grid>div:first-child,body .migration-section .split-heading{position:sticky;top:105px;align-self:start}body .hc5-migration,body .hc10-inner .migration-section{overflow:clip}}
@media(max-width:1050px){body #plans .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-motion-badge{left:0;font-size:12px;padding:10px}.hc-motion-badge.hc-badge-top{right:0}}
@media(max-width:700px){body .hc5-hero,body .hc10-hero{padding:38px 0 50px}body .hc5-hero-grid,body .hc10-hero-grid{gap:34px}body .hc5-hero-image,body .hc11-hero-art{transform:none}.hc-motion-badge{position:relative;display:inline-flex;left:auto;bottom:auto;margin:8px 4px 0;transform:none}.hc-motion-badge.hc-badge-top{position:relative;top:auto;right:auto}body #plans{padding-top:55px}body #plans .plans{grid-template-columns:1fr}body #plans .plan .fit,body #plans .plan .bill{min-height:0}body .hc10-inner .contact-banner{padding:25px}body .hc5-intro h1,body .hc10-intro h1{font-size:44px}body .hc5-hero-image>img,body .hc11-hero-art img{border-radius:24px 55px 24px 24px}}
@media(prefers-reduced-motion:reduce){.hc-motion-reveal{animation:none}body .hc5-hero-image,body .hc11-hero-art,.hc-motion-badge{transform:none!important}body .button,body .hc5-service-art img{transition:none}body .button:hover,body .hc5-services>a:hover .hc5-service-art img{transform:none}}