.web-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:70px}.web-hero h1{font-size:clamp(42px,5vw,70px)}.web-price{background:#d9ff63;border:1px solid #bdde59;border-radius:6px;padding:32px}.starting{font-size:18px;margin:0}.web-amount{font-size:88px;font-weight:700;letter-spacing:-4px;line-height:1;margin:8px 0 24px}.fine{font-size:13px;color:#60635b;line-height:1.6}.web-included{background:#f3f4f0;padding-top:55px;padding-bottom:55px}.web-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.web-three article{border-top:1px solid #c7cbc0;padding-top:22px}.feature-number{font-size:13px;color:#647648;font-weight:700}.web-three h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:14px 0}.web-three p{font-size:15px;color:#60635b}.web-example{padding-top:65px;padding-bottom:55px}.example-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.example-heading p:not(.eyebrow){color:#60635b;margin:0;font-size:16px}.browser-frame{border:1px solid #c7cbc0;border-radius:9px;overflow:hidden;box-shadow:0 16px 36px #1819180c}.browser-bar{display:flex;gap:20px;align-items:center;padding:14px 20px;background:#f3f4f0;font-size:12px;flex-wrap:wrap}.browser-dots{letter-spacing:4px;color:#9ba28f}.browser-bar a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}.browser-frame iframe{width:100%;height:540px;border:0;display:block;background:white}.web-hosting{padding-top:65px;padding-bottom:60px;background:#f3f4f0}.section-intro{font-size:18px;color:#50564b;max-width:860px;margin:26px 0 32px}.web-hosting a,.web-domains a{ text-decoration:underline;text-underline-offset:3px}.hosting-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.hosting-grid h3{font-size:22px;margin:0 0 14px}.hosting-grid p{font-size:15px;color:#50564b}.hosting-grid h3:not(:first-child){margin-top:28px}.hosting-alert{background:#1d211a;color:white;border-radius:6px;padding:28px;align-self:start}.hosting-alert h3{color:#d9ff63}.hosting-alert p{color:#e0e4d9}.source{font-size:12px;white-space:normal}.examples-title{font-size:25px;letter-spacing:-.5px;margin:44px 0 12px}.usage-examples{margin-top:24px;gap:20px}.usage-examples article{background:white;border:1px solid #d4d7cd;border-radius:6px;padding:24px}.example-label{font-size:11px!important;font-weight:700;letter-spacing:1.6px}.usage-examples .usage-amount{color:#344a13;font-size:27px;font-weight:700;letter-spacing:-.7px;margin:18px 0}.web-domains{padding-top:65px;padding-bottom:60px}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.domain-card{border:1px solid #d4d7cd;border-radius:6px;padding:30px}.domain-card h3{font-size:25px;line-height:1.25;letter-spacing:-.6px}.domain-card p{font-size:15px}.domain-featured{background:#f3f4f0}.address-example{padding:16px;background:#d9ff63;border-radius:4px;font-size:clamp(16px,2vw,24px);font-weight:700;overflow-wrap:anywhere;letter-spacing:-.5px}.dashboard-note{font-size:14px;color:#60635b;max-width:860px;margin-top:26px}.web-faq{padding-top:55px;padding-bottom:55px;background:#f3f4f0}.web-faq h2{margin-bottom:30px}.web-faq details{padding:20px 0;border-top:1px solid #c7cbc0;max-width:960px}.web-faq summary{cursor:pointer;font-size:18px;font-weight:700}.web-faq details p{color:#50564b;font-size:15px;max-width:850px}.header nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}@media(max-width:800px){.web-hero,.example-heading,.hosting-grid,.domain-grid,.web-three{grid-template-columns:1fr;gap:24px}.web-hero{padding-top:40px;padding-bottom:45px}.web-amount{font-size:72px}.web-price{padding:26px}.web-included,.web-example,.web-hosting,.web-domains,.web-faq{padding-top:42px;padding-bottom:42px}.browser-frame iframe{height:450px}.browser-bar{padding:12px;gap:10px}.browser-dots{display:none}.domain-card{padding:24px}.web-three{gap:20px}.web-three article{padding-top:16px}.hosting-alert{padding:24px}}

.example-screenshot{display:block;width:100%;height:auto}.browser-frame>a{display:block}.browser-frame>a:hover{opacity:.95}summary:focus-visible{outline:3px solid #6a852c;outline-offset:4px}
.simple-hosting-note{margin-top:28px;max-width:900px}.simple-hosting-note p{color:#e0e4d9;margin-bottom:0}