:root{--ink:#10233f;--muted:#64748b;--blue:#1267f3;--blue2:#49b3ff;--mint:#a8f0d3;--pale:#f4f8ff;--line:#dfe7f1;--navy:#091c35;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.site-header{height:78px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope;color:var(--ink);letter-spacing:-1px}.brand>span:last-child>span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:white;background:linear-gradient(145deg,var(--blue),#58c4ff);font-size:17px;box-shadow:0 7px 18px #1267f333}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a,.text-link{font-size:14px;font-weight:600;color:#42526a}.nav-actions{display:flex;gap:22px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--blue);color:#fff;border-radius:9px;padding:15px 23px;font-weight:700;font-size:14px;box-shadow:0 10px 24px #1267f326;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1267f33d}.button-small{padding:11px 18px}.button-ghost,.button-outline{color:var(--ink);background:white;border:1px solid var(--line);box-shadow:none}.menu{display:none;border:0;background:none}.hero{min-height:650px;display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center;padding-top:50px;padding-bottom:80px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:1.7px;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#19bc7d;box-shadow:0 0 0 5px #19bc7d1b}h1,h2,h3{font-family:Manrope;margin:0;letter-spacing:-2.8px}h1{font-size:62px;line-height:1.06;margin:22px 0 24px}h1 em,h2 em{font-style:normal;color:var(--blue)}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:580px}.hero-actions{display:flex;gap:12px;margin-top:32px}.micro{font-size:12px;color:#75839a;display:flex;gap:9px;margin:14px 0 32px}.micro span{color:#11a970;font-weight:800}.proof{border-top:1px solid var(--line);padding-top:25px;display:flex;gap:15px;align-items:center}.avatars{display:flex}.avatars i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dce9fc;color:#31517b;border:2px solid #fff;margin-left:-7px;font-style:normal;font-size:10px;font-weight:800}.avatars i:first-child{margin:0;background:#f6d6c5}.avatars i:nth-child(2){background:#d7e3c2}.avatars i:nth-child(3){background:#d8d2f4}.avatars i:last-child{background:var(--ink);color:white}.proof div:last-child{display:flex;flex-direction:column;gap:3px}.proof strong{font-size:13px}.proof span{font-size:11px;color:#8895a8}.hero-visual{position:relative;height:510px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:430px;height:430px;background:linear-gradient(145deg,#d8f5ff,#b6d2ff);right:20px}.orb-two{width:240px;height:240px;background:#8ddcff;right:-20px;top:30px;opacity:.45}.dashboard{width:495px;height:350px;background:white;border:1px solid #dae5f2;border-radius:16px;box-shadow:0 35px 75px #274c7a2e;position:relative;z-index:2;overflow:hidden;transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}.dash-top{height:48px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.mini-brand{font:bold 10px Manrope}.mini-brand span{display:inline-grid;place-items:center;width:19px;height:19px;background:var(--blue);color:white;border-radius:5px}.dash-user{width:24px;height:24px;border-radius:50%;background:#d4e1f2}.dash-body{display:grid;grid-template-columns:55px 1fr;height:302px}.dash-body aside{border-right:1px solid #edf1f6;padding:22px 18px;display:flex;align-items:center;flex-direction:column;gap:23px}.dash-body aside b,.dash-body aside i{width:15px;height:15px;border-radius:4px;background:#dfe6f1}.dash-body aside b{background:var(--blue)}.dash-content{padding:24px}.dash-heading{display:flex;justify-content:space-between;align-items:flex-start}.dash-heading small,.site-card small{display:block;color:#9aa7b9;font-size:7px;letter-spacing:.7px}.dash-heading strong{font:700 17px Manrope;display:block;margin-top:5px}.dash-heading button{font-size:8px;background:var(--blue);color:#fff;border:0;border-radius:5px;padding:8px 11px}.site-card{height:63px;margin-top:21px;border:1px solid #e9eef5;border-radius:8px;display:flex;align-items:center;padding:10px;gap:10px;box-shadow:0 8px 20px #23486b0a}.site-icon{width:34px;height:34px;border-radius:6px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font:bold 13px Georgia}.site-card strong{font-size:10px}.site-card small{margin-top:3px}.status{margin-left:auto;color:#13af76;font-size:8px}.metrics{display:grid;grid-template-columns:1.3fr .9fr;gap:10px;margin-top:13px}.metrics>div{height:99px;border:1px solid #e9eef5;border-radius:8px;padding:13px}.metrics span{font-size:8px;color:#8c99ac;display:block}.metrics strong{font:700 20px Manrope;display:block;margin:4px 0}.metrics small{font-size:7px;color:#13af76}.bars{display:flex;align-items:end;gap:4px;height:25px}.bars i{display:block;width:8px;border-radius:2px;background:#8bc5ff;height:13px}.bars i:nth-child(2){height:19px}.bars i:nth-child(3){height:15px}.bars i:nth-child(4){height:24px;background:var(--blue)}.bars i:nth-child(5){height:20px}.bars i:nth-child(6){height:23px}.bars i:nth-child(7){height:18px}.bars i:nth-child(8){height:24px;background:var(--blue)}.float-card{position:absolute;z-index:3;background:#fff;border:1px solid #e1e9f2;box-shadow:0 16px 35px #1e416026;border-radius:11px;padding:12px 15px;display:flex;align-items:center;gap:10px}.float-card>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#fff1c3}.float-card strong,.float-card small{display:block;font-size:10px}.float-card small{font-size:8px;color:#8d9aad;margin-top:3px}.speed{top:25px;right:3px}.secure{bottom:38px;left:5px}.secure>span{background:#dff8ed;color:#0ca06b}.trust-strip{min-height:95px;background:var(--navy);color:#a5b4c7;display:flex;align-items:center;justify-content:center;gap:55px;padding:22px}.trust-strip>span{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#6f829a}.trust-strip div{font-size:12px}.trust-strip strong{color:white;font:700 17px Manrope;margin-right:5px}.section{padding-top:110px;padding-bottom:110px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-intro h2,.split h2,.locations h2,.cta h2{font-size:45px;line-height:1.15;margin-top:13px}.section-intro>p{max-width:420px;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.feature{border:1px solid var(--line);border-radius:16px;padding:30px;min-height:400px;overflow:hidden}.feature-large{background:#f3f8ff}.feature-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#dbeaff;color:var(--blue);font-size:21px}.feature-icon.purple{background:#ede9ff;color:#7252d9}.feature-icon.green{background:#def7ec;color:#10a16d}.tag{display:inline-block;background:#dceaff;color:var(--blue);font-size:9px;font-weight:800;padding:5px 7px;border-radius:5px;margin:29px 0 14px}.feature h3{font-size:23px;letter-spacing:-1px;margin:27px 0 12px}.feature-large h3{margin-top:0}.feature p{font-size:14px;color:var(--muted);line-height:1.65}.migration-visual{display:flex;align-items:center;justify-content:space-between;margin-top:30px;background:white;border-radius:11px;padding:18px;box-shadow:0 13px 30px #335d8711}.migration-visual>div:not(.travel){display:grid;grid-template-columns:35px 1fr;gap:2px 10px;align-items:center}.migration-visual span{grid-row:1/3;width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:#e9eef6;font:bold 13px Georgia}.migration-visual b{font-size:10px}.migration-visual small{font-size:8px;color:#19a873}.migration-visual .hb span{color:white;background:var(--blue)}.travel{flex:1;text-align:center;position:relative;color:var(--blue)}.travel i{position:absolute;height:1px;background:#9fc7f5;left:15px;right:15px;top:50%}.travel span{position:relative;margin:auto;background:#edf5ff;width:23px;height:23px;border-radius:50%;font:12px sans-serif}.gauge{height:140px;width:140px;border:16px solid #e8eff8;border-right-color:#72b4ff;border-top-color:var(--blue);border-radius:50%;margin:35px auto 0;display:grid;place-items:center;transform:rotate(-35deg)}.gauge span{font:700 23px Manrope;transform:rotate(35deg)}.checks{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line)}.checks li{font-size:12px;padding:9px 0}.checks li:before,.plan li:before{content:"✓";color:#0dad73;font-weight:bold;margin-right:9px}.plans-section{background:#f5f8fc;padding:110px 0}.centered{display:block;text-align:center}.centered p{margin:18px auto}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:center}.plan{background:white;border:1px solid var(--line);border-radius:16px;padding:32px;min-height:485px}.featured-plan{border:2px solid var(--blue);padding:38px 32px;position:relative;box-shadow:0 18px 45px #1a5caf17}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:white;border-radius:20px;padding:6px 14px;font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap}.plan-name{font:700 18px Manrope}.plan>p{color:var(--muted);font-size:13px}.price{display:flex;align-items:flex-start;margin:25px 0}.price sup{font:bold 16px Manrope;margin-top:10px}.price strong{font:800 45px Manrope;letter-spacing:-3px}.price span{align-self:end;font-size:12px;color:var(--muted);margin-bottom:9px}.plan .button{width:100%}.plan ul{list-style:none;padding:24px 0 0;border-top:1px solid var(--line);margin-top:25px}.plan li{font-size:13px;padding:7px 0}.plan-note{text-align:center;color:var(--muted);font-size:12px;margin-top:28px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.lead.small{font-size:16px}.benefits{list-style:none;margin:35px 0 0;padding:0}.benefits li{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.benefits li>span{font:700 11px Manrope;color:var(--blue)}.benefits strong{font-size:14px}.benefits p{font-size:12px;color:var(--muted);line-height:1.5;margin:5px 0}.panel-art{background:linear-gradient(145deg,#ddecff,#b8dafd);border-radius:30px;padding:55px 35px}.panel-window{background:#fff;border-radius:12px;box-shadow:0 30px 50px #1744772b;overflow:hidden}.window-bar{height:32px;border-bottom:1px solid #e7edf4;padding:12px}.window-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffc8c3;margin-right:4px}.window-bar i:nth-child(2){background:#ffe4a9}.window-bar i:nth-child(3){background:#b9ebcc}.panel-content{height:335px;display:grid;grid-template-columns:50px 1fr}.panel-content aside{background:#f7f9fc;border-right:1px solid #edf0f5}.panel-content main{padding:28px}.panel-content main>span{font-size:8px;color:#8c9aae}.panel-content main>strong{display:block;font:700 15px Manrope;margin-top:6px}.health{font:800 45px Manrope;color:var(--blue);margin:18px 0 5px}.health small{font-size:12px;color:#98a6b8}.health-bars{display:flex;gap:5px;margin-bottom:20px}.health-bars i{height:5px;border-radius:5px;background:#2a82f3;flex:1}.health-bars i:last-child{background:#dce5ef}.task-row{display:flex;align-items:center;border-top:1px solid #edf1f5;padding:12px 0;gap:9px;font-size:9px}.task-row b{color:#0ca66f}.task-row small{margin-left:auto;color:#11a671}.locations{background:var(--navy);color:white;padding:100px 0;overflow:hidden}.location-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px}.kicker.light{color:#66bdff}.locations p{color:#9cafc5;line-height:1.7;max-width:490px}.city-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.city-list span{border:1px solid #31445c;border-radius:20px;padding:8px 13px;font-size:11px}.map{position:relative}.map svg{width:100%;fill:#1b3552;stroke:#37506b;stroke-width:1}.dot{position:absolute;width:10px;height:10px;background:#5cc6ff;border:2px solid white;border-radius:50%;box-shadow:0 0 0 7px #50baff22}.la{left:15%;top:44%}.lv{left:19%;top:43%}.den{left:26%;top:41%}.chi{left:34%;top:36%}.ams{left:55%;top:27%}.testimonial{padding-top:110px;padding-bottom:110px;text-align:center}.quote-mark{font:800 70px Georgia;color:#c6ddfb;height:60px}.testimonial blockquote{font:600 28px/1.5 Manrope;letter-spacing:-1px;max-width:850px;margin:20px auto 35px}.quote-person{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.quote-person>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e0e9f7;font-size:11px;font-weight:bold}.quote-person strong,.quote-person small{display:block;font-size:11px}.quote-person small{color:var(--muted);margin-top:2px}.quote-person b{color:#f4b83e;font-size:11px;margin-left:7px}.cta{background:linear-gradient(135deg,#1267f3,#0487ea);color:white;border-radius:24px;padding-top:65px;padding-bottom:65px;margin-bottom:100px;display:flex;align-items:center;justify-content:space-between}.cta p{color:#cfe6ff}.cta h2 em{color:#a9ebd1}.button-white{background:white;color:var(--blue);min-width:210px}footer{background:#07182d;color:#90a1b7;padding-top:70px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;padding-bottom:55px}.brand.inverse{color:white}.footer-main>div{display:flex;flex-direction:column;gap:12px}.footer-main p{max-width:270px;font-size:13px;line-height:1.7}.footer-main strong{color:white;font-size:12px;margin-bottom:8px}.footer-main a:not(.brand){font-size:12px}.footer-bottom{border-top:1px solid #213249;padding-top:22px;padding-bottom:22px;font-size:10px;display:flex;justify-content:space-between}.footer-bottom div{display:flex;gap:20px}
@media(max-width:900px){.site-header{position:relative}.site-header nav,.nav-actions{display:none}.site-header nav.open{display:flex;position:absolute;z-index:20;top:68px;left:24px;right:24px;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 40px #10233f24}.site-header nav.open a{padding:13px 15px;border-radius:8px}.site-header nav.open a:hover{background:var(--pale);color:var(--blue)}.menu{display:block}.menu span{display:block;width:22px;height:2px;background:var(--ink);margin:5px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.micro,.proof{justify-content:center}.lead{margin-left:auto;margin-right:auto}.hero-visual{height:470px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1}.plans{grid-template-columns:1fr;max-width:550px;margin:auto}.split,.location-inner{grid-template-columns:1fr}.map{max-width:620px}.cta{margin-left:18px;margin-right:18px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{grid-column:2}.trust-strip{flex-wrap:wrap;gap:25px 45px}.trust-strip>span{width:100%;text-align:center}}
@media(max-width:600px){h1{font-size:43px}.hero{padding-top:35px}.hero-actions{flex-direction:column}.hero-visual{height:350px;margin-top:10px}.dashboard{width:100%;height:270px}.dash-content{padding:15px}.dash-body{grid-template-columns:40px 1fr}.dash-body aside{padding:15px 10px}.metrics>div{height:80px}.float-card{display:none}.section{padding-top:75px;padding-bottom:75px}.section-intro{display:block}.section-intro h2,.split h2,.locations h2,.cta h2{font-size:34px}.section-intro>p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.plans-section{padding:75px 0}.plan{min-height:0}.split{gap:45px}.panel-art{padding:30px 15px}.location-inner{gap:20px}.testimonial blockquote{font-size:21px}.cta{display:block;padding:45px 28px}.cta .button{margin-top:20px;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:auto}.footer-bottom{gap:15px;flex-direction:column}.trust-strip div{width:40%;text-align:center}.migration-visual{padding:12px}.migration-visual b{font-size:8px}}

/* Creative brand direction — HostBuddy green, playful geometry, tactile UI */
:root{--green:#2fc586;--green-dark:#159963;--lime:#c9ff65;--cream:#f7f5ec;--ink:#14231d;--navy:#10271f;--blue:#2fc586;--blue2:#88e6bd;--pale:#eefaf4;--line:#cddcd4}
body{background:var(--cream);color:var(--ink)}
h1,h2,h3,.brand,.price strong{font-family:Manrope,sans-serif}
.site-header{height:88px}.site-header:after{content:"";position:absolute;left:24px;right:24px;top:87px;height:1px;background:var(--ink);opacity:.16}.brand-mark{background:var(--green);color:var(--ink);border:2px solid var(--ink);border-radius:50% 50% 50% 14%;box-shadow:3px 3px 0 var(--ink)}.brand>span:last-child>span{color:var(--green-dark)}
.button{background:var(--green);color:var(--ink);border:2px solid var(--ink);border-radius:100px;box-shadow:4px 4px 0 var(--ink);padding:14px 24px}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.button-ghost,.button-outline{background:transparent;color:var(--ink)}
.hero{min-height:720px;position:relative;grid-template-columns:1fr 1fr;gap:35px;padding-top:70px}.hero:before{content:"";position:absolute;inset:20px 24px 45px;border:1px solid #b9cbc1;border-radius:34px;pointer-events:none}.hero-copy{position:relative;padding-left:30px}.hero-doodle{position:absolute;top:-45px;right:20px;font-size:38px;color:var(--green);transform:rotate(12deg)}.eyebrow{display:inline-flex;border:1px solid var(--ink);border-radius:50px;background:var(--lime);padding:8px 13px;color:var(--ink);letter-spacing:1.2px;transform:rotate(-1deg)}.eyebrow span{background:var(--ink);box-shadow:none}
h1{font-size:67px;line-height:1.03;letter-spacing:-3.15px;margin:28px 0}.hero h1 em{color:var(--green-dark);position:relative;display:inline-block}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:10px;border-top:4px solid var(--green);border-radius:50%;transform:rotate(-2deg)}.lead{color:#50645b}.micro span{color:var(--green-dark)}.proof{border-color:#b9cbc1}.avatars i{border-color:var(--cream)}
.hero-visual{height:550px}.orb-one{width:455px;height:455px;background:var(--green);border:2px solid var(--ink);border-radius:42% 58% 67% 33%/46% 42% 58% 54%;box-shadow:13px 13px 0 var(--ink);animation:morph 8s ease-in-out infinite}.orb-two{display:none}@keyframes morph{0%,100%{border-radius:42% 58% 67% 33%/46% 42% 58% 54%}50%{border-radius:60% 40% 37% 63%/55% 62% 38% 45%}}
.dashboard{width:500px;background:#fbfff9;border:2px solid var(--ink);border-radius:18px;box-shadow:9px 9px 0 var(--ink);transform:rotate(2deg)}.dash-top{border-color:#a6bcb0}.dash-body aside{background:var(--navy);border:0}.dash-body aside i{background:#5d7569}.dash-body aside b{background:var(--lime)}.mini-brand span{background:var(--green);color:var(--ink)}.dash-heading button{background:var(--ink);color:var(--lime);border-radius:50px}.site-card,.metrics>div{border:1px solid #aac0b5;background:white}.site-icon{background:var(--lime);color:var(--ink)}.bars i{background:#9fe2bf}.bars i:nth-child(4),.bars i:nth-child(8){background:var(--green-dark)}.float-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:13px}.speed{right:-5px;transform:rotate(-4deg)}.secure{left:0;transform:rotate(4deg)}.float-card>span{background:var(--lime)}.secure>span{background:var(--green);color:var(--ink)}.orbit-label{position:absolute;z-index:4;background:var(--ink);color:white;font:700 8px Manrope;letter-spacing:1.5px;padding:7px 10px;border-radius:4px}.orbit-top{top:40px;left:20px;transform:rotate(-8deg)}.orbit-bottom{right:-8px;bottom:25px;transform:rotate(5deg);background:var(--lime);color:var(--ink);border:1px solid var(--ink)}
.stack-label{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px}.stack-label span{font-size:7px;font-weight:800;letter-spacing:1px;color:#7a8d83}.stack-label b{font-size:7px;color:var(--green-dark)}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tech{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #a9bdb3;border-radius:8px;color:var(--ink);transition:.18s}.tech:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.tech i{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;background:#edf4f0;font-style:normal;font:800 8px Manrope}.tech span{font-size:7px;font-weight:700}.tech.asp i{background:#7155d9;color:#fff}.tech.php i{background:#777bb3;color:#fff;font-style:italic}.tech.mssql i{background:#e53b35;color:#fff}.tech.mysql i{background:#f29d38;color:#fff}.tech.postgres i{background:#336791;color:#fff}.tech.react i{background:#dff8ff;color:#087e9b;font-size:14px}.tech.next i{background:#111;color:#fff}.tech.express i{background:#e9ebe9;color:#222}.tech.angular i{background:#dd1638;color:#fff}.tech.vue i{background:#42b883;color:#fff}.tech.vite i{background:#7658e8;color:#ffe55f}.tech.more{background:var(--lime);border-color:var(--ink)}.tech.more i{width:29px;background:var(--ink);color:var(--lime)}
.trust-strip{background:var(--lime);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-.4deg);margin:-15px -5px 0;min-height:84px}.trust-strip>span{color:var(--green-dark)}.trust-strip strong{color:var(--ink)}
.section-intro h2,.split h2,.locations h2,.cta h2{font-size:50px;line-height:1.2;letter-spacing:-2.25px}.kicker{color:var(--green-dark)}.section-intro h2 em,.split h2 em{color:var(--green-dark)}
.feature-grid{gap:22px}.feature{border:2px solid var(--ink);border-radius:25px;box-shadow:7px 7px 0 var(--ink);background:#fff}.feature-large{background:#dff7eb;transform:rotate(-1deg)}.feature:nth-child(2){background:#f3eaff;transform:translateY(28px) rotate(1.5deg)}.feature:nth-child(3){background:#fff6c8;transform:rotate(-1deg)}.feature-icon{border:1px solid var(--ink);background:var(--lime);color:var(--ink);border-radius:50% 50% 50% 10%}.feature-icon.purple{background:#d7c5ff;color:var(--ink)}.feature-icon.green{background:var(--green);color:var(--ink)}.tag{background:var(--ink);color:white;border-radius:50px}.migration-visual{border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.migration-visual .hb span{background:var(--green);color:var(--ink)}.gauge{border-color:#e2d6f9;border-right-color:#9d7be6;border-top-color:#683dc5}.checks li:before,.plan li:before{color:var(--green-dark)}
.plans-section{background:var(--navy);color:white;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative}.plans-section:before{content:"✦ PICK A BUDDY ✦ PICK A BUDDY ✦";position:absolute;top:24px;left:-30px;color:#2e4d40;font:800 40px Manrope;white-space:nowrap;transform:rotate(-3deg)}.plans-section .section-intro>p,.plans-section .plan-note{color:#9eb6aa}.plans-section .kicker{color:var(--lime)}.plans-section h2 em{color:var(--green)}.plan{color:var(--ink);border:2px solid #fff;border-radius:28px;background:#f7f5ec}.plan:first-child{transform:rotate(-1.5deg)}.plan:last-child{transform:rotate(1.5deg)}.featured-plan{background:var(--green);border-color:var(--lime);box-shadow:8px 8px 0 var(--lime);transform:translateY(-8px)}.featured-plan .button{background:var(--ink);color:white;box-shadow:4px 4px 0 var(--lime)}.popular{background:var(--lime);color:var(--ink);border:2px solid var(--ink)}
.panel-art{background:var(--lime);border:2px solid var(--ink);border-radius:40px 40px 40px 8px;box-shadow:10px 10px 0 var(--green);transform:rotate(2deg)}.panel-window{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.panel-content aside{background:var(--green)}.health{color:var(--green-dark)}.health-bars i{background:var(--green)}
.locations{background:var(--green);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.locations .kicker.light{color:var(--ink)}.locations h2 em{color:white;text-shadow:2px 2px 0 var(--ink)}.locations p{color:#164c38}.city-list span{border:2px solid var(--ink);background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.map svg{fill:#36ad79;stroke:#0d704c;stroke-width:2}.dot{background:var(--lime);border-color:var(--ink);box-shadow:0 0 0 7px #c9ff6544}
.quote-mark{color:var(--green)}.quote-person>span{background:var(--green);border:1px solid var(--ink)}.cta{background:var(--lime);color:var(--ink);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:35px 35px 35px 8px}.cta p{color:#46594f}.cta .kicker.light{color:var(--green-dark)}.cta h2 em{color:var(--green-dark)}.button-white{background:var(--ink);color:white;box-shadow:4px 4px 0 var(--green)}footer{background:var(--navy)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:0 25px}.hero:before{inset:12px 18px 35px}.site-header:after{left:18px;right:18px}.feature:nth-child(2){transform:rotate(1deg)}.plans-section:before{font-size:26px}.plan:first-child,.plan:last-child{transform:none}.featured-plan{transform:none}.site-header nav.open{background:var(--cream);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}}
@media(max-width:600px){h1{font-size:45px;line-height:1.05;letter-spacing:-2px}.hero{padding-top:55px}.hero-copy{padding:0 14px}.hero:before{inset:10px 8px 28px}.hero-doodle{display:none}.hero-visual{height:390px}.orb-one{width:315px;height:315px;right:12px;box-shadow:8px 8px 0 var(--ink)}.dashboard{width:91%;height:280px}.dash-content{padding:12px}.stack-label{margin:10px 0 6px}.tech-grid{gap:4px}.tech{height:39px}.tech i{width:19px;height:17px;font-size:6px}.tech span{font-size:5px}.orbit-label{display:none}.section-intro h2,.split h2,.locations h2,.cta h2{font-size:36px;line-height:1.2}.feature{box-shadow:5px 5px 0 var(--ink)}.feature:nth-child(2),.feature-large,.feature:nth-child(3){transform:none}.trust-strip{transform:none}.plans-section:before{display:none}.panel-art{box-shadow:6px 6px 0 var(--green)}}
body{overflow-x:hidden}

/* Professional refinement below the hero */
.trust-strip{transform:none;margin:0;background:var(--navy);color:#a9bbb2;border:0;min-height:90px}.trust-strip>span{color:var(--green)}.trust-strip strong{color:#fff}
.section{padding-top:120px;padding-bottom:120px}.section-intro{margin-bottom:62px}.section-intro h2,.split h2,.locations h2,.cta h2{letter-spacing:-1.8px}.section-intro>p{font-size:15px}
.feature-grid{gap:20px}.feature,.feature-large,.feature:nth-child(2),.feature:nth-child(3){transform:none;border:1px solid #cbd9d1;border-radius:14px;box-shadow:0 12px 35px rgba(20,35,29,.07);background:#fff}.feature-large{background:#eff9f4}.feature:nth-child(2){background:#fff}.feature:nth-child(3){background:#fff}.feature-icon,.feature-icon.purple,.feature-icon.green{border:0;border-radius:10px;box-shadow:none}.feature-icon{background:#dff5e9}.feature-icon.purple{background:#eeeafd}.feature-icon.green{background:#dcf5e9}.tag{border-radius:4px;background:var(--navy);letter-spacing:1px}.migration-visual{border:1px solid #d8e3dd;border-radius:9px;box-shadow:none}
.plans-section{border:0;background:#10271f}.plans-section:before{display:none}.plans{gap:20px}.plan,.plan:first-child,.plan:last-child,.featured-plan{transform:none;border:1px solid #d8e1dc;border-radius:14px;box-shadow:none}.plan{background:#fff}.featured-plan{background:#f0fbf5;border:2px solid var(--green);padding:38px 32px}.featured-plan .button{background:var(--green);color:var(--ink);box-shadow:none}.popular{border:0;border-radius:4px;background:var(--green);color:var(--ink);letter-spacing:1.2px}.plan .button{border-radius:7px;box-shadow:none}.plan .button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,35,29,.12)}
.panel-art{transform:none;background:#e6f7ee;border:1px solid #c4d9ce;border-radius:16px;box-shadow:none}.panel-window{border:1px solid #b8c9c0;border-radius:10px;box-shadow:0 20px 45px rgba(20,35,29,.14)}
.locations{background:var(--navy);color:#fff;border:0}.locations .kicker.light{color:var(--green)}.locations h2 em{color:var(--green);text-shadow:none}.locations p{color:#a9bbb2}.city-list span{border:1px solid #3f5b4e;background:#19382b;color:#d8e6df;border-radius:6px;box-shadow:none}.map svg{fill:#1e4434;stroke:#3e6654}.dot{background:var(--green);border-color:#fff;box-shadow:0 0 0 6px rgba(47,197,134,.15)}
.testimonial{padding-top:120px;padding-bottom:120px}.quote-mark{color:var(--green);opacity:.55}.quote-person>span{border:0;background:#dff4e9}
.cta{background:var(--green);border:0;border-radius:16px;box-shadow:none}.cta h2 em{color:#fff}.cta .kicker.light{color:#173f2f}.button-white{border:0;border-radius:7px;background:var(--navy);color:#fff;box-shadow:none}.button-white:hover{box-shadow:0 10px 24px rgba(20,35,29,.2)}
footer{background:#0b2118}
@media(max-width:900px){.feature,.feature-large,.feature:nth-child(2),.feature:nth-child(3),.plan,.featured-plan,.panel-art{transform:none}.cta{border-radius:14px}}

/* Full-bleed professional hero */
.hero{display:block;min-height:0;padding:0;background:linear-gradient(110deg,#f2f8f4 0%,#f2f8f4 48%,#e5f5ec 100%);border-top:1px solid #d6e1db;border-bottom:1px solid #c8d8d0;position:relative;overflow:hidden}.hero:before{display:none}.hero:after{content:"";position:absolute;right:-160px;top:-210px;width:520px;height:520px;border:1px solid rgba(47,197,134,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(47,197,134,.035),0 0 0 140px rgba(47,197,134,.025)}.hero-inner{min-height:690px;display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center;padding-top:72px;padding-bottom:78px;position:relative;z-index:1}.hero-copy{padding-left:0}.hero-doodle{display:none}.hero .eyebrow{background:transparent;border:0;border-radius:0;padding:0;color:var(--green-dark);transform:none}.hero .eyebrow span{background:var(--green);width:8px;height:8px}.hero h1{font-size:66px}.hero h1 em:after{height:7px;border-top-width:3px}.hero .button{border-radius:7px;box-shadow:none}.hero .button:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(20,35,29,.13)}.hero .button-ghost{background:#fff}.hero .proof{border-color:#c4d3cb}.hero-visual{height:520px}.hero .orb-one{box-shadow:none;border:0;background:linear-gradient(145deg,#50ce96,#25ad72);opacity:.9}.hero .dashboard{box-shadow:0 28px 65px rgba(15,46,33,.22);border:1px solid #738a7f;transform:rotate(1deg)}.hero .float-card{box-shadow:0 12px 28px rgba(15,46,33,.16);border:1px solid #8fa197}.hero .orbit-label{border-radius:3px;box-shadow:none}.trust-strip{margin:0}
.site-header{background:#f2f8f4;box-shadow:0 0 0 100vmax #f2f8f4;clip-path:inset(0 -100vmax)}
.trust-strip{display:block;padding:58px 0 62px;background:var(--navy);color:#fff;min-height:0}.trust-inner{display:grid;grid-template-columns:250px 1fr;gap:55px;align-items:center}.trust-heading{display:flex;flex-direction:column;gap:10px;padding-right:38px;border-right:1px solid #345044}.trust-heading>span{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.8px}.trust-heading>strong{font:700 20px/1.35 Manrope;color:#fff}.trust-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.trust-metrics>div{padding:12px 25px;border-right:1px solid #345044}.trust-metrics>div:last-child{border-right:0}.trust-metrics strong{display:block;color:#fff;font:800 28px/1.1 Manrope;letter-spacing:-1.5px;white-space:nowrap}.trust-metrics span{display:block;margin-top:9px;color:#8fa89c;font-size:9px;font-weight:800;letter-spacing:1.3px}.trust-strip>span{width:auto}
@media(max-width:1000px){.trust-inner{grid-template-columns:1fr;gap:28px}.trust-heading{padding:0 0 24px;border-right:0;border-bottom:1px solid #345044}.trust-metrics>div{padding-left:12px;padding-right:12px}.trust-metrics strong{font-size:23px}}
@media(max-width:650px){.trust-strip{padding:45px 0}.trust-metrics{grid-template-columns:repeat(2,1fr);gap:24px 0}.trust-metrics>div,.trust-metrics>div:last-child{width:auto;text-align:left;border-right:0;border-bottom:1px solid #345044;padding:0 0 20px}.trust-metrics>div:nth-child(odd){border-right:1px solid #345044}.trust-metrics>div:nth-child(even){padding-left:22px}.trust-metrics>div:last-child{border-bottom:0}.trust-metrics strong{font-size:26px}}

/* MyASP.NET-inspired system, translated into HostBuddy green */
:root{--night:#061422;--night-2:#081a2a;--night-3:#0d2234;--night-line:#1b3a4d;--hb-green:#62d59e;--hb-green-2:#2fc586;--hb-text:#f3f7f5;--hb-muted:#99abb6}
body{background:var(--night);color:var(--hb-text)}.utility-bar{height:34px;background:#071321;border-bottom:1px solid #142b3a;color:#a7bac4;font-size:11px}.utility-bar .shell{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:22px}.utility-bar span:first-child{color:#7eddb0}.utility-bar a{border:1px solid #29465a;border-radius:14px;padding:4px 9px;color:#d8e3e8}
.site-header{height:76px;background:#081827;box-shadow:0 0 0 100vmax #081827;clip-path:inset(0 -100vmax);color:#fff;border-bottom:1px solid #254054}.site-header:after{display:none}.brand{color:#fff}.brand-mark{background:var(--hb-green-2);color:#071c15;border:0;border-radius:9px;box-shadow:none}.brand>span:last-child>span{color:var(--hb-green)}.site-header nav a,.text-link{color:#d5dfe4}.site-header nav a:hover{color:var(--hb-green)}.nav-actions{gap:18px}.theme-icon{width:36px;height:36px;border:1px solid #2d576d;border-radius:50%;display:grid;place-items:center;color:#9fc6d8}.site-header .button-small{background:var(--hb-green);border:0;border-radius:6px;box-shadow:none;color:#082018;padding:12px 20px}
.hero{background-color:#061726;background-image:linear-gradient(rgba(57,101,122,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(57,101,122,.11) 1px,transparent 1px),radial-gradient(circle at 75% 35%,rgba(47,197,134,.12),transparent 35%);background-size:38px 38px,38px 38px,auto;border:0}.hero:after{display:none}.hero-inner{min-height:650px;padding-top:72px;padding-bottom:75px}.hero .eyebrow{display:inline-flex;border:1px solid #2c5368;border-radius:30px;padding:9px 16px;color:var(--hb-green);letter-spacing:1.8px}.hero .eyebrow span{display:none}.hero h1{color:#fff;font-size:65px;line-height:1.02;letter-spacing:-3.4px}.hero h1 em{color:var(--hb-green);display:block}.hero h1 em:after{display:none}.hero .lead{color:#9fb0ba;max-width:590px}.hero .button{background:var(--hb-green);border:0;color:#082018;box-shadow:none;border-radius:7px}.hero .button-ghost{background:transparent;color:#fff;border:1px solid #36566a}.hero .micro{color:#899da8}.hero .micro span{color:var(--hb-green)}.hero .proof{border-color:#213b4c}.hero .proof strong{color:#fff}.hero .proof span{color:#8fa1ac}.hero .avatars i{border-color:#061726}.hero .dashboard{background:#071725;border:1px solid #2e6079;box-shadow:0 30px 70px rgba(0,0,0,.45);color:#eaf1ee;transform:none}.hero .dash-top{border-color:#203b4d}.hero .mini-brand{color:#fff}.hero .dash-user{background:#294455}.hero .dash-body aside{background:#081521;border-right:1px solid #183344}.hero .dash-content{background:#091a29}.hero .dash-heading strong{color:#fff}.hero .stack-label span{color:#78919d}.hero .tech{background:#0d2232;border-color:#284859;color:#dce8e4}.hero .tech:hover{border-color:var(--hb-green);box-shadow:none}.hero .tech i{background:#173346}.hero .tech.more{background:#163c2c;border-color:var(--hb-green)}.hero .float-card{background:#0b2030;border:1px solid #2a4d60;box-shadow:0 15px 35px rgba(0,0,0,.35);color:#fff}.hero .float-card small{color:#8fa4ae}.hero .orb-one{background:radial-gradient(circle at 35% 30%,#5ee0aa,#178d5c);opacity:.55;filter:blur(1px)}.hero .orbit-label{background:#0b2232;border:1px solid #2d5367;color:#b9d0da}.hero .orbit-bottom{color:#092016;background:var(--hb-green);border:0}
.trust-strip{background:#081a28;border-top:1px solid #17374a;border-bottom:1px solid #17374a}.trust-heading{border-color:#244355}.trust-heading>span{color:var(--hb-green)}.trust-heading>strong{color:#fff}.trust-metrics>div{border-color:#244355}.trust-metrics span{color:#79919c}.trust-metrics strong{color:#fff}
#features{max-width:none;background:#f4f7f5;color:#10251c;padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))}#features .section-intro h2{color:#10251c}#features .section-intro>p{color:#617268}#features .feature{background:#fff;border:1px solid #d6e0da;box-shadow:0 8px 30px rgba(17,47,35,.06)}#features .feature-large{background:#eaf6f0}#features .feature p{color:#66776e}#features .migration-visual{background:#fff}.kicker{color:#188a5b}
.plans-section{background:#071725;border-top:1px solid #17374a;border-bottom:1px solid #17374a}.plans-section .kicker{color:var(--hb-green)}.plans-section .section-intro h2{color:#fff}.plans-section .section-intro h2 em{color:var(--hb-green)}.plans-section .section-intro>p,.plans-section .plan-note{color:#8fa4ae}.plan{background:#0d2232;color:#fff;border:1px solid #29495b}.plan>p,.price span{color:#8fa4ae}.plan ul{border-color:#29495b}.plan li{color:#cbd8d2}.featured-plan{background:#102c23;border:1px solid var(--hb-green);box-shadow:0 0 0 1px rgba(98,213,158,.15)}.popular{background:var(--hb-green);color:#092016}.plan .button-outline{background:transparent;color:#fff;border:1px solid #3a5a6b}.featured-plan .button{background:var(--hb-green);color:#082018}
#why{background:#f4f7f5;color:#10251c;max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))}#why h2{color:#10251c}#why .lead,#why .benefits p{color:#66776e}#why .benefits li{border-color:#d3ded8}.panel-art{background:#dff3e9;border:1px solid #c0d9cc}.panel-window{background:#fff;color:#10251c}
.locations{background:#081a28}.locations .kicker.light{color:var(--hb-green)}.locations h2{color:#fff}.locations h2 em{color:var(--hb-green)}.locations p{color:#91a6af}.city-list span{background:#0d2738;border-color:#2c4d60;color:#cbd9df}.testimonial{background:#f4f7f5;color:#10251c;max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))}.testimonial blockquote{color:#10251c}.quote-person small{color:#697b71}.quote-person>span{background:#d9eee4}
.cta{background:linear-gradient(120deg,#239b67,#62d59e);color:#071d15;border-radius:12px;margin-top:100px}.cta .kicker.light{color:#0b5337}.cta h2{color:#071d15}.cta h2 em{color:#fff}.cta p{color:#062a1d;font-size:19px;font-weight:600;line-height:1.55}.button-white{background:#071d15;color:#fff;border-radius:7px;font-size:28px;padding:20px 28px;min-width:330px}footer{background:#06131f;border-top:1px solid #173244}
@media(max-width:900px){.utility-bar{display:none}.site-header{height:72px}.site-header:after{top:71px}.site-header nav.open{background:#0b2030;border:1px solid #2d4b5d;box-shadow:0 18px 40px rgba(0,0,0,.35)}.site-header nav.open a{color:#fff}.theme-icon{display:none}.hero-copy{padding:0 24px}.hero h1{font-size:54px}.trust-metrics>div{border-color:#244355}}
@media(max-width:600px){.hero h1{font-size:43px}.hero .eyebrow{font-size:9px}.plans-section{padding-top:80px;padding-bottom:80px}.plan{background:#0d2232}.cta{margin-top:70px;margin-left:18px;margin-right:18px}.cta p{font-size:17px}.cta .button-white{font-size:22px;min-width:0;padding:18px 20px}.trust-metrics>div:nth-child(odd){border-color:#244355}}

/* Pricing emphasis */
.plans .plan:nth-child(1),.plans .plan:nth-child(2){background:#fff;color:#10251c;border:0;box-shadow:0 18px 45px rgba(0,0,0,.16)}.plans .plan:nth-child(1)>p,.plans .plan:nth-child(2)>p,.plans .plan:nth-child(1) .price span,.plans .plan:nth-child(2) .price span{color:#687970}.plans .plan:nth-child(1) ul,.plans .plan:nth-child(2) ul{border-color:#dce4df}.plans .plan:nth-child(1) li,.plans .plan:nth-child(2) li{color:#405249}.plans .plan:nth-child(1) .button,.plans .plan:nth-child(2) .button{background:#fff;color:#10251c;border:1px solid #b8c8c0}
.plans .featured-plan{background:linear-gradient(145deg,#69dda8 0%,#2fc586 55%,#20aa70 100%);color:#071d15;border:0;box-shadow:0 22px 55px rgba(47,197,134,.24)}.plans .featured-plan>p,.plans .featured-plan .price span{color:#185039}.plans .featured-plan ul{border-color:rgba(7,29,21,.2)}.plans .featured-plan li{color:#0b3424}.plans .featured-plan li:before{color:#075233}.plans .featured-plan .button{background:#071d15;color:#fff;border:0}.plans .featured-plan .popular{background:#fff;color:#0a5a3a;border:0;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.plans .plan{position:relative;transition:transform .28s ease,box-shadow .28s ease;transform-origin:center}.plans .plan:hover{z-index:3;transform:translateY(-10px) scale(1.035);box-shadow:0 28px 65px rgba(0,0,0,.28)}.plans .featured-plan:hover{box-shadow:0 30px 70px rgba(47,197,134,.32)}
@media(max-width:900px){.plans .plan:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.plans .plan{transition:none}.plans .plan:hover{transform:none}}

/* Rotating customer stories */
.testimonial{min-height:610px;display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr auto;gap:0 80px;align-items:center}.testimonial-heading{align-self:center}.testimonial-heading h2{font:700 38px/1.18 Manrope;letter-spacing:-1.8px;margin:14px 0 0;color:#10251c}.testimonial-heading h2 em{display:block;color:#249765;font-style:normal}.testimonial-stage{position:relative;min-height:330px;display:flex;align-items:center}.testimonial-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.testimonial-slide.active{opacity:1;visibility:visible;transform:translateX(0)}.testimonial-slide .quote-mark{text-align:left;height:52px}.testimonial-slide blockquote{text-align:left;margin:5px 0 32px;font-size:27px;max-width:760px}.testimonial-slide .quote-person{justify-content:flex-start}.testimonial-controls{grid-column:2;display:flex;align-items:center;gap:16px;padding-bottom:20px}.testimonial-controls button{width:42px;height:42px;border:1px solid #b8c9c0;border-radius:50%;background:#fff;color:#10251c;font-size:18px;cursor:pointer;transition:.2s}.testimonial-controls button:hover{background:#10251c;color:#fff;border-color:#10251c}.testimonial-dots{display:flex;gap:7px}.testimonial-dots button{width:7px;height:7px;padding:0;border:0;background:#b8c8bf}.testimonial-dots button.active{width:24px;border-radius:10px;background:#2fc586}
@media(max-width:800px){.testimonial{min-height:650px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:25px}.testimonial-stage{min-height:350px}.testimonial-controls{grid-column:1}.testimonial-heading h2{font-size:32px}}
@media(max-width:500px){.testimonial{min-height:690px}.testimonial-slide blockquote{font-size:21px}.testimonial-stage{min-height:390px}}
@media(prefers-reduced-motion:reduce){.testimonial-slide{transition:none}}

/* Single-card testimonial carousel */
.testimonial-stage{overflow:hidden;background:#fff;border:1px solid #d8e3dd;border-radius:20px;box-shadow:0 18px 50px rgba(17,47,35,.08);padding:34px 46px}
.testimonial-slide{inset:34px 46px;pointer-events:none}
.testimonial-slide.active{pointer-events:auto}
.testimonial-slide:not(.active){opacity:0;visibility:hidden}
@media(max-width:600px){.testimonial-stage{padding:24px}.testimonial-slide{inset:24px}}

/* Payment term selector */
.term-selector{display:flex;align-items:center;justify-content:center;gap:18px;margin:-25px auto 48px;color:#9bafb9}.term-selector>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.term-dropdown{position:relative;width:250px}.term-trigger{width:100%;height:45px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #345267;border-radius:8px;background:#0d2232;color:#fff;font:700 13px DM Sans;cursor:pointer}.term-trigger small{padding:3px 6px;border-radius:4px;background:#173e2e;color:#69dca8;font-size:8px;text-transform:uppercase}.term-trigger b{margin-left:auto;color:#7e99a6;font-size:15px;transition:transform .2s}.term-dropdown.open .term-trigger{border-color:#62d59e}.term-dropdown.open .term-trigger b{transform:rotate(180deg)}.term-menu{position:absolute;z-index:20;top:52px;left:0;right:0;padding:6px;background:#102738;border:1px solid #365568;border-radius:9px;box-shadow:0 18px 45px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s}.term-dropdown.open .term-menu{opacity:1;visibility:visible;transform:translateY(0)}.term-menu button{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;gap:3px;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#dce7eb;cursor:pointer}.term-menu button:hover,.term-menu button.active{background:#183447}.term-menu button>span{font:700 12px DM Sans}.term-menu button small{grid-row:2;color:#8198a3;font-size:9px}.term-menu button i{grid-column:2;grid-row:1/3;align-self:center;color:#62d59e;font-style:normal}.dynamic-price{transition:opacity .16s ease,transform .16s ease}.dynamic-price.changing{opacity:.2;transform:translateY(5px)}
@media(max-width:600px){.term-selector{flex-direction:column;gap:10px;margin-top:-15px}.term-dropdown{width:100%;max-width:320px}}
.site-header{position:relative;z-index:100}.site-header .nav-group{position:relative}.site-header .nav-menu-button{border:0;background:none;padding:12px 0;color:#d5dfe4;font:600 14px DM Sans;cursor:pointer}.site-header .nav-menu-button:after{content:"";display:inline-block;width:7px;height:7px;margin:0 0 3px 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.site-header .hosting-mega{position:absolute;top:48px;left:50%;width:650px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;color:#10251c;border:1px solid #d9e4de;border-radius:14px;box-shadow:0 24px 65px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.18s}.site-header .nav-group:hover .hosting-mega,.site-header .nav-group:focus-within .hosting-mega,.site-header .nav-group.open .hosting-mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.site-header .hosting-mega a{display:block;padding:13px;border-radius:9px;color:#10251c}.site-header .hosting-mega a:hover{background:#edf7f2;color:#10251c}.site-header .hosting-mega b,.site-header .hosting-mega small{display:block}.site-header .hosting-mega b{font-size:13px}.site-header .hosting-mega small{margin-top:4px;color:#687b71;font-size:10px}.site-header .hosting-mega-title{grid-column:1/-1;padding:7px 13px;color:#249765;font-size:10px;letter-spacing:1.3px}
.plan-term{margin:-8px 0 18px}.plan-term>label{display:block;margin-bottom:7px;color:#687970;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.plan-term .term-dropdown{width:100%}.plan-term .term-trigger{background:#f4f7f5;border-color:#cad7d0;color:#10251c}.plan-term .term-menu{top:50px;background:#fff;border-color:#c8d6cf}.plan-term .term-menu button{color:#243c31}.plan-term .term-menu button:hover,.plan-term .term-menu button.active{background:#edf7f2}.plan-term .term-menu button small{color:#6b7e74}.featured-plan .plan-term>label{color:#155139}.featured-plan .plan-term .term-trigger{background:rgba(255,255,255,.82);border-color:rgba(7,29,21,.22)}.featured-plan .plan-term .term-menu{background:#effbf5;border-color:#159762}.featured-plan .plan-term .term-menu button:hover,.featured-plan .plan-term .term-menu button.active{background:#d8f2e5}
.plan:has(.term-dropdown.open){z-index:30}.plan-term .term-dropdown{z-index:40}.plan-term .term-trigger{height:52px;padding:0 16px;border:1px solid #b8c9c0;border-radius:10px;box-shadow:0 3px 10px rgba(15,45,30,.05);transition:border-color .18s,box-shadow .18s,background .18s}.plan-term .term-trigger:hover{border-color:#249765;background:#fff}.plan-term .term-dropdown.open .term-trigger{border-color:#249765;box-shadow:0 0 0 3px rgba(47,197,134,.16);background:#fff}.plan-term .term-trigger b{font-size:0;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transform-origin:center}.plan-term .term-dropdown.open .term-trigger b{transform:rotate(225deg) translate(-2px,-1px)}.plan-term .term-menu{display:none;top:59px;padding:8px;border-radius:12px;box-shadow:0 22px 55px rgba(8,35,24,.24)}.plan-term .term-dropdown.open .term-menu{display:block;opacity:1;visibility:visible;transform:none}.plan-term .term-menu button{min-height:55px;padding:10px 12px;border-radius:8px}.plan-term .term-menu button:focus-visible{outline:2px solid #249765;outline-offset:-2px}.plan-term .term-menu button.active{background:#e5f6ed}.plan-term .term-menu button i{font-size:16px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:70px;padding-bottom:70px}.hero-copy{padding:0 24px;text-align:center}.hero .eyebrow,.hero-actions,.micro,.proof{justify-content:center}.hero-visual{height:500px}}
@media(max-width:600px){.hero-inner{padding-top:52px;padding-bottom:55px}.hero-copy{padding:0 12px}.hero h1{font-size:45px}.hero-visual{height:390px}.hero:after{width:340px;height:340px;right:-210px;top:-100px}}
#olark-wrapper .olark-launch-button,#olark-wrapper button{padding-top:10px!important}
.site-header{max-width:none;width:100%;padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));padding-right:max(24px,calc((100vw - 1180px)/2 + 24px));clip-path:none;box-shadow:none;overflow:visible;position:relative;z-index:10000;isolation:isolate}.site-header nav{position:relative;z-index:10001}.site-header .nav-group{z-index:10002}.site-header .hosting-mega{z-index:10003}.site-header .hosting-mega:before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;background:#fff;border-left:1px solid #d9e4de;border-top:1px solid #d9e4de;transform:translateX(-50%) rotate(45deg)}.hero{position:relative;z-index:1}.hero-inner,.hero-copy,.hero-visual{position:relative;z-index:1}
@media(max-width:900px){.site-header{padding-left:24px;padding-right:24px}.site-header nav.open{overflow:visible}.site-header nav.open .nav-group{width:100%}.site-header nav.open .nav-menu-button{width:100%;text-align:left}.site-header nav.open .hosting-mega{position:static;inset:auto;width:100%;display:none;grid-template-columns:1fr;margin:5px 0 8px;padding:8px;opacity:1;visibility:visible;transform:none;box-shadow:none}.site-header nav.open .nav-group.open .hosting-mega{display:grid;transform:none}.site-header nav.open .hosting-mega:before{display:none}.site-header nav.open .hosting-mega-title{grid-column:1}}

/* Keep the desktop navigation centered independently of the logo and actions. */
@media(min-width:901px){.site-header{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px}.site-header .brand{justify-self:start}.site-header nav{justify-self:center;margin-left:0;align-items:center}.site-header .nav-actions{justify-self:end;white-space:nowrap}.site-header .menu{display:none}}

/* The utility bar and primary navigation travel together across every page. */
.sticky-header{position:sticky;top:0;z-index:10000;background:#081827;box-shadow:0 1px 0 #254054}
.sticky-header .site-header{z-index:auto;isolation:auto}
.sticky-header .site-header nav{z-index:2}
.sticky-header .site-header .nav-group{z-index:3}
.sticky-header .site-header .hosting-mega{z-index:4}

/* Product detail pages */
.specialty-hero{text-align:center;padding:54px 20px 72px}.specialty-hero .page-title em{color:#249765;font-style:normal}.specialty-hero .lead{max-width:820px;margin:0 auto 28px}.specialty-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 30px}.specialty-badges span,.framework-cloud span{border:1px solid #c9d9d0;border-radius:999px;background:#fff;padding:10px 15px;font-size:12px;font-weight:700;color:#244b38}.specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:70px}.specialty-grid article{background:#fff;border:1px solid #d8e4dd;border-radius:18px;padding:30px;box-shadow:0 12px 35px rgba(17,47,35,.06)}.specialty-grid article>b{color:#249765;font-size:12px;letter-spacing:1.5px}.specialty-grid h2{font-size:22px;letter-spacing:-.5px;margin:18px 0 12px}.specialty-grid p{line-height:1.7}.framework-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:950px;margin:-30px auto 62px}.framework-cloud span{font-size:14px;padding:13px 18px}.ai-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-30px 0 64px}.ai-platforms article{min-height:145px;padding:24px;border-radius:16px;background:#0d2c20;color:#fff}.ai-platforms strong{color:#62d59e;font-size:17px}.ai-platforms p{color:#bed2c7;line-height:1.55;font-size:13px}.specialty-cta{text-align:center;margin:10px 0 20px;padding:55px 24px;border-radius:20px;background:linear-gradient(135deg,#0d3a29,#15945f);color:#fff}.specialty-cta h2{color:#fff;font-size:38px;margin:0}.specialty-cta p{color:#cce2d6!important}.specialty-cta .button{margin-top:12px}
@media(max-width:850px){.specialty-grid{grid-template-columns:1fr}.ai-platforms{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.ai-platforms{grid-template-columns:1fr}.specialty-hero{padding-top:35px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}}
.page-main .ai-platforms strong{color:#62d59e}.page-main .ai-platforms p{color:#bed2c7}.page-main .specialty-cta h2{color:#fff!important}.page-main .specialty-cta p{color:#e2f3ea!important}

/* Mobile readability shared by the homepage and every Razor subpage. */
.sticky-header .menu span{background:#fff}
@media(max-width:900px){.page-main{padding:52px 18px}.page-card{padding:28px 22px}.page-main h1,.page-main h2,.page-main h3{letter-spacing:-.7px}.page-main .page-title{line-height:1.08}.page-main .lead{font-size:17px}.comparison-scroll{-webkit-overflow-scrolling:touch;scrollbar-color:#62d59e #e5eee9}.plan-comparison:after{content:"Swipe to compare plans →";display:block;padding:12px 16px;background:#edf7f2;color:#176d49;font-size:11px;font-weight:800;text-align:center}.status-list div{gap:16px}.status-list span{min-width:0;overflow-wrap:anywhere}}
@media(max-width:520px){.site-header{gap:12px}.site-header .brand{font-size:20px}.site-header .brand-mark{width:32px;height:32px}.page-main{padding:42px 14px}.page-card{padding:24px 18px;border-radius:15px}.page-main .page-title{font-size:clamp(34px,11vw,46px)}.specialty-grid article{padding:24px}.domain-form input{min-width:0}.domain-form .button{width:100%}.signup-step{align-items:flex-start}.signup-step h2{line-height:1.18}.footer-bottom div{flex-wrap:wrap}}
.brand img.brand-mark{display:block;width:38px;height:38px;flex:0 0 38px;background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:520px){.brand img.brand-mark{width:34px;height:34px;flex-basis:34px}}
.page-main h1,.page-main h2,.page-main h3{letter-spacing:-1px}.page-main .signup-guarantee h2,.page-main .signup-guarantee strong{color:#fff}.page-main .signup-guarantee p,.page-main .signup-guarantee small{color:#bbd5c8}
.page-main .signup-guarantee{background:linear-gradient(145deg,#092f22,#0d6340);box-shadow:0 20px 50px rgba(7,43,29,.24)}.page-main .signup-guarantee>span{color:#78edb4}.page-main .signup-guarantee h2{color:#fff}.page-main .signup-guarantee p{color:#e2f3ea}.page-main .signup-guarantee strong{color:#fff}.page-main .signup-guarantee small{color:#cbe7d9}
.signup-payment-terms{margin:22px 0}.signup-payment-label{display:block;margin-bottom:9px;color:#52675c;font-size:13px;font-weight:700}.signup-term-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signup-term-card{position:relative;display:flex;min-height:82px;align-items:center;gap:10px;padding:14px;border:1px solid #ccd9d0;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.signup-term-card:hover{border-color:#249765;transform:translateY(-1px)}.signup-term-card:has(input:checked){border-color:#249765;background:#edf8f2;box-shadow:0 0 0 2px rgba(36,151,101,.14)}.signup-term-card input{accent-color:#249765}.signup-term-card strong,.signup-term-card small{display:block}.signup-term-card strong{color:#10251c;font-size:13px}.signup-term-card small{margin-top:4px;color:#687970;font-size:10px}.signup-term-card em{position:absolute;top:-8px;right:8px;padding:4px 7px;border-radius:999px;background:#188a5b;color:#fff;font-size:8px;font-style:normal;font-weight:800}.signup-pricing-status{grid-column:1/-1;padding:18px;border-radius:11px;background:#edf7f2;color:#52675c;text-align:center}.signup-pricing-status.is-error{background:#fff1f2;color:#a51d2d}@media(max-width:700px){.signup-term-cards{grid-template-columns:1fr}}
.signup-term-card>span{min-width:0}.signup-monthly-price{display:flex;align-items:baseline;gap:3px;margin:7px 0 5px;color:#0d7b4d;font:800 22px Manrope;letter-spacing:-1px}.signup-monthly-price small{display:inline;margin:0;color:#3f6754;font:700 9px DM Sans;letter-spacing:0;text-transform:uppercase}
.signup-assurances{position:sticky;top:30px;display:grid;gap:18px}.signup-assurances .signup-guarantee{position:static}.signup-renewal{padding:30px;border:1px solid #b9dcc9;border-radius:20px;background:linear-gradient(145deg,#fff,#eaf8f1);box-shadow:0 16px 42px rgba(18,98,63,.12)}.signup-renewal>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#d8f4e5;color:#137c50;font-size:28px;font-weight:800}.signup-renewal h2{margin:20px 0 12px;color:#10251c;font-size:25px;line-height:1.08}.signup-renewal p{color:#52675c;line-height:1.65}.signup-renewal strong,.signup-renewal small{display:block}.signup-renewal strong{margin-top:22px;color:#12613e}.signup-renewal small{margin-top:5px;color:#687970;line-height:1.5}@media(max-width:800px){.signup-assurances{position:static}}
.domain-extensions-title{margin-top:72px;margin-bottom:24px}.domain-result+.domain-extensions-title{margin-top:112px}.domain-search-button.is-loading{pointer-events:none;opacity:.86}.domain-search-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:domain-spin .7s linear infinite}@keyframes domain-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.domain-extensions-title{margin-top:48px}.domain-result+.domain-extensions-title{margin-top:76px}}
.domain-more-card{display:grid;place-content:center;min-height:130px;border-color:#36b97b;background:linear-gradient(145deg,#0d6040,#15945e);text-align:center}.page-main .domain-more-card strong{color:#fff;font-size:32px}.page-main .domain-more-card p{margin:6px 0 0;color:#d8f4e5;font-weight:700}
.plans{align-items:stretch}.plans .plan{height:100%}
.plans .featured-plan{overflow:visible;padding-bottom:120px}.unlimited-ssl-corner{position:absolute;right:0;bottom:0;width:180px;height:125px;background:#08291d;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.unlimited-ssl-corner span{position:absolute;right:18px;bottom:17px;color:#fff;font:800 14px/1.15 Manrope,sans-serif;letter-spacing:.2px;text-align:right;text-transform:uppercase}.plans .featured-plan:has(.term-dropdown.open) .unlimited-ssl-corner{display:none}
.plans .featured-plan .popular{top:-13px;left:50%;right:auto;transform:translateX(-50%);z-index:2}
.plans .plan:not(.featured-plan){padding-top:38px}
.google-consent-banner[hidden]{display:none}.google-consent-banner{position:fixed;z-index:10000;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:920px;margin:auto;padding:20px 22px;border:1px solid #3c6855;border-radius:16px;background:#071d18;color:#fff;box-shadow:0 22px 70px rgba(0,0,0,.38)}.google-consent-banner strong{font:700 16px Manrope,sans-serif}.google-consent-banner p{max-width:650px;margin:6px 0 0;color:#c5d8cf;font-size:12px;line-height:1.55}.google-consent-actions{display:flex;flex:0 0 auto;gap:9px}.google-consent-actions .button{min-width:90px;padding:11px 15px;border:0}.google-consent-actions .button-ghost{border:1px solid #6d8b7e;background:transparent;color:#fff}@media(max-width:700px){.google-consent-banner{left:12px;right:12px;bottom:12px;align-items:stretch;flex-direction:column;gap:14px;padding:18px}.google-consent-actions .button{flex:1}}
.language-picker{position:relative;height:100%;display:flex;align-items:center}.language-picker summary{height:100%;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:#d7e8df;font-size:12px;font-weight:700}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary i{width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-top:-4px}.language-menu{position:absolute;z-index:300;top:calc(100% + 8px);right:0;width:min(430px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px;background:#071d18;border:1px solid #285442;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.5)}.language-menu a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:8px;color:#cde0d7;font-size:12px}.language-menu a:hover,.language-menu a.active{background:#123c2e;color:#62d59e}.language-menu b{font-weight:600}[dir=rtl] .language-menu{right:auto;left:0}@media(max-width:600px){.language-picker summary span:nth-child(2){display:none}.language-menu{grid-template-columns:1fr;width:min(280px,calc(100vw - 24px))}}
@media(min-width:801px){.plans .plan:first-child>.button{margin-top:80px}}
.plan-comparison .section-row th,.plan-comparison .section-row td{background:#e9f6ef;border-bottom:1px solid #bcdcca}.plan-comparison .section-row td{padding:8px 12px}.comparison-order-button{width:100%;min-width:105px;padding:9px 12px;border:0;border-radius:7px;background:#168b57;color:#fff;font-size:10px;box-shadow:none;outline-color:#168b57}.comparison-order-button:hover{background:#0f7448;box-shadow:0 8px 18px rgba(15,116,72,.2)}
.json-plan-cards.shared-plan-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.json-plan-cards.shared-plan-cards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.json-plan-cards.shared-plan-cards{grid-template-columns:1fr}}
.wordpress-install{margin:28px 0 72px;padding:clamp(28px,5vw,56px);border:1px solid #cfe2d7;border-radius:22px;background:linear-gradient(145deg,#fff,#eef9f3);box-shadow:0 20px 55px rgba(15,80,50,.08)}.wordpress-install>h2{max-width:760px;margin:14px 0 16px;font-size:clamp(32px,5vw,50px);line-height:1.08}.wordpress-install>.lead{max-width:830px}.wordpress-install ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:36px 0 0;padding:0;list-style:none}.wordpress-install li{display:flex;gap:16px;padding:22px;border:1px solid #d8e7df;border-radius:15px;background:#fff}.wordpress-install li>b{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#1ca066;color:#fff}.wordpress-install li strong{font-size:15px}.wordpress-install li p{margin:7px 0 0;color:#60736a;line-height:1.6;font-size:13px}@media(max-width:700px){.wordpress-install ol{grid-template-columns:1fr}}