/* Websites & hosting: a local marketing mockup within the existing brand. */
.websites-page{background:#fff}
.wh-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding-block:30px 36px}.wh-breadcrumb a{text-decoration:none}
.wh-eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:550;color:var(--muted);margin-bottom:22px}
.wh-link{font-size:13px;font-weight:550;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:6px;line-height:1.8}.wh-link span{margin-left:10px}
.wh-hero{background:var(--paper);padding-bottom:49px}.wh-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.wh-intro h1{font-size:clamp(54px,5.4vw,76px);font-weight:550;line-height:1.02;letter-spacing:-.055em}.wh-intro h1>span{display:block;font-size:24px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin-bottom:20px}.wh-intro h1 em{font-style:normal;color:#516649}.wh-opening{padding-top:4px;font-size:15px;line-height:1.85}.wh-opening p+p{margin-top:19px}.wh-opening .wh-secondary{font-size:13px;color:var(--muted)}.wh-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.wh-actions .button{font-size:13px;padding:13px 19px}.wh-actions .wh-link{font-size:12px}
.wh-showcase{background:var(--paper);padding-bottom:50px}.wh-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;border-bottom:1px solid var(--line)}.wh-showcase-heading h2{font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.5;padding:16px 0}.wh-tabs{display:flex;gap:32px;align-self:stretch}.wh-tabs button{color:var(--muted);border:0;border-bottom:3px solid transparent;background:transparent;font-size:13px;font-weight:550;padding:16px 1px;min-height:52px}.wh-tabs button[aria-selected=true]{border-bottom-color:var(--lime);color:var(--ink)}
.wh-panels{display:grid}.wh-example{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);align-items:center;gap:47px}.wh-enhanced .wh-example[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.wh-site-preview{min-width:0;overflow:hidden;background:#fff;box-shadow:0 10px 30px #183b2809}.wh-browser{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;padding:13px 18px;background:#fff;color:#536052}.wh-browser>span:first-child{color:#c4ccc0;font-size:8px;letter-spacing:2px}.wh-site-scene{height:383px;position:relative;overflow:hidden;isolation:isolate;color:white;background:#1d322b}.wh-site-scene picture,.wh-site-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wh-site-scene::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#061c168c 0%,#061c1610 35%,#061c1610 50%,#061c16c9 100%)}.wh-site-brand{position:absolute;left:28px;top:25px;z-index:1;font-size:13px;font-weight:650;letter-spacing:.12em}.wh-site-brand>span{display:block;font-size:10px;font-weight:400;letter-spacing:.02em;margin-top:3px;color:#edf3e9}.wh-site-headline{position:absolute;bottom:28px;left:28px;z-index:1;font-size:clamp(30px,3.2vw,45px);font-weight:500;letter-spacing:-.045em;line-height:1.07}.wh-site-preview figcaption{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;color:var(--muted);font-size:10px;line-height:1.6}.wh-site-preview figcaption>span:first-child{font-weight:550;color:var(--ink)}.wh-example-copy h3{font-size:32px;font-weight:550;line-height:1.1;letter-spacing:-.04em}.wh-example-copy>p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:21px;max-width:360px}.wh-example-copy ul{list-style:none;padding:0;margin:23px 0 26px;font-size:12px}.wh-example-copy li{padding:9px 0;border-bottom:1px solid var(--line)}.wh-example-copy .wh-eyebrow{font-size:10px;margin-bottom:19px}.wh-promise-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.wh-promise-band>.wrap{display:flex;justify-content:space-between;gap:25px;padding-block:22px;font-size:12px}.wh-promise-band span{display:flex;gap:20px;align-items:baseline}.wh-promise-band i{font-size:10px;color:var(--muted);font-style:normal}
.wh-section{padding:86px 0}.wh-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:end;margin-bottom:43px}.wh-section h2,.wh-managed h2{font-size:clamp(38px,4vw,55px);font-weight:550;line-height:1.08}.wh-section-heading>p{color:var(--muted);font-size:15px;line-height:1.85;max-width:420px}.wh-growth-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.wh-growth-columns article{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column}.wh-number{font-size:11px;color:var(--muted);margin-bottom:23px}.wh-growth-columns h3{font-size:30px;font-weight:550;line-height:1.12}.wh-growth-columns p{font-size:14px;color:var(--muted);line-height:1.85;margin:20px 0 23px}.wh-benefit{font-size:12px;font-weight:550;margin-top:auto;text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:6px;text-decoration-thickness:2px;line-height:1.9}
.wh-managed{background:var(--paper);padding:80px 0}.wh-managed>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.wh-managed h2{font-size:clamp(43px,4.7vw,65px)}.wh-managed h2 em{font-style:normal;color:#52684b}.wh-managed-intro>p{font-size:15px;color:var(--muted);line-height:1.85;max-width:390px;margin:25px 0}.wh-delivery{list-style:none;margin:0;padding:0}.wh-delivery li{display:grid;grid-template-columns:78px 1fr;gap:30px;border-top:1px solid var(--line);padding:26px 0}.wh-delivery li:first-child{padding-top:24px}.wh-delivery li:last-child{padding-bottom:0}.wh-delivery li>span{font-size:12px;color:var(--muted);padding-top:4px}.wh-delivery h3{font-size:28px;font-weight:550;line-height:1.15}.wh-delivery p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:15px}.wh-existing .wh-eyebrow{margin-bottom:24px}.wh-existing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.wh-existing-grid>div>p{color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:19px}.wh-existing-grid .wh-link{display:inline-block;margin-top:7px}.wh-faq{padding-top:0}.wh-faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.wh-faq h2{font-size:39px}.wh-faq details{border-top:1px solid var(--line)}.wh-faq details:last-child{border-bottom:1px solid var(--line)}.wh-faq summary{cursor:pointer;font-size:14px;font-weight:550;padding:21px 29px 21px 0;list-style:none;position:relative}.wh-faq summary::-webkit-details-marker{display:none}.wh-faq summary:after{content:"+";position:absolute;right:0;top:17px;font-size:22px;font-weight:400}.wh-faq details[open] summary:after{content:"−"}.wh-faq details p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 20px 23px 0}
@media(max-width:1100px){.wh-intro{gap:40px}.wh-example{gap:30px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.wh-site-scene{height:340px}.wh-example-copy h3{font-size:28px}.wh-example-copy>p{font-size:13px}.wh-section-heading,.wh-existing-grid{gap:50px}.wh-managed>.wrap,.wh-faq-grid{gap:60px}.wh-growth-columns{gap:28px}.wh-growth-columns h3{font-size:27px}.wh-delivery li{grid-template-columns:58px 1fr;gap:22px}}
@media(max-width:900px){.wh-intro h1{font-size:58px}.wh-intro h1>span{font-size:21px}.wh-opening{font-size:14px}.wh-site-preview figcaption>span:last-child{display:none}.wh-site-scene{height:340px}.wh-site-headline{font-size:34px}.wh-example-copy h3{font-size:27px}.wh-example-copy .wh-eyebrow{font-size:9px}.wh-example-copy li{font-size:11px}.wh-section{padding-block:66px}.wh-section h2{font-size:39px}.wh-managed{padding-block:66px}.wh-managed h2{font-size:46px}.wh-growth-columns h3{font-size:25px}.wh-growth-columns p{font-size:13px}.wh-managed>.wrap,.wh-faq-grid{gap:42px}.wh-faq{padding-top:0}.wh-delivery li{grid-template-columns:1fr;gap:13px}.wh-delivery h3{font-size:26px}}
@media(max-width:760px){.wh-intro{grid-template-columns:1fr;gap:28px}.wh-intro h1{font-size:clamp(47px,8vw,63px)}.wh-intro h1>span{font-size:22px}.wh-intro h1 br{display:none}.wh-intro h1 em{white-space:nowrap}.wh-opening{max-width:620px}.wh-breadcrumb{padding-block:23px 29px}.wh-hero{padding-bottom:30px}.wh-showcase{padding-bottom:33px}.wh-showcase-heading{display:block;margin-bottom:22px}.wh-showcase-heading h2{padding:6px 0 10px;font-size:18px}.wh-tabs{gap:27px}.wh-tabs button{padding:14px 0}.wh-example{grid-template-columns:1fr;gap:27px;align-content:start}.wh-site-scene{height:360px}.wh-site-preview figcaption>span:last-child{display:block}.wh-example-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:0 30px}.wh-example-copy .wh-eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:16px}.wh-example-copy h3{font-size:29px;grid-column:1}.wh-example-copy>p{grid-column:1;margin-top:17px;max-width:none}.wh-example-copy ul{grid-column:2;grid-row:2/4;margin:0}.wh-example-copy .wh-link{grid-column:1/-1;margin-top:20px}.wh-promise-band>.wrap{font-size:11px;gap:15px}.wh-promise-band span{gap:8px}.wh-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.wh-section-heading>p{max-width:620px;font-size:14px}.wh-growth-columns{grid-template-columns:1fr;gap:29px}.wh-growth-columns article{display:grid;grid-template-columns:1fr 1.3fr;column-gap:30px;padding-top:21px}.wh-number{grid-column:1/-1;margin-bottom:19px}.wh-growth-columns h3{grid-column:1;font-size:28px}.wh-growth-columns p{grid-column:2;grid-row:2/4;margin:0;font-size:14px}.wh-benefit{grid-column:1;margin-top:17px;font-size:11px}.wh-managed>.wrap{grid-template-columns:1fr;gap:35px}.wh-managed-intro>p{max-width:620px;font-size:14px}.wh-delivery li{grid-template-columns:70px 1fr;gap:25px}.wh-existing-grid,.wh-faq-grid{grid-template-columns:1fr;gap:29px}.wh-existing-grid>div>p{font-size:14px}.wh-faq h2{font-size:35px}}
@media(max-width:450px){.wh-intro h1{font-size:49px}.wh-intro h1>span{font-size:20px;margin-bottom:17px;max-width:280px}.wh-actions{gap:19px;margin-top:24px}.wh-actions .button{font-size:12px}.wh-hero{padding-bottom:26px}.wh-showcase-heading h2{font-size:17px}.wh-site-scene{height:300px}.wh-site-brand{left:19px;top:18px;font-size:11px}.wh-site-brand>span{font-size:9px}.wh-site-headline{font-size:32px;left:19px;bottom:23px}.wh-site-scene img{object-position:57% center}.wh-browser{padding:11px 12px;font-size:9px;gap:8px}.wh-browser>span:first-child{font-size:6px;letter-spacing:1px}.wh-site-preview figcaption{padding:14px;font-size:10px}.wh-site-preview figcaption>span:last-child{display:none}.wh-example-copy{display:block}.wh-example-copy h3{font-size:31px}.wh-example-copy>p{font-size:14px;margin:18px 0}.wh-example-copy ul{margin:0 0 20px}.wh-example-copy li{font-size:12px;padding:9px 0}.wh-example-copy .wh-link{font-size:12px}.wh-promise-band>.wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-block:18px;font-size:10px}.wh-promise-band span{display:block;line-height:1.6}.wh-promise-band i{display:block;margin-bottom:5px}.wh-section{padding-block:53px}.wh-section h2{font-size:36px}.wh-eyebrow{font-size:10px;margin-bottom:19px}.wh-growth-columns article{display:flex}.wh-growth-columns h3{font-size:29px}.wh-growth-columns h3 br{display:none}.wh-growth-columns p{margin:16px 0}.wh-benefit{margin:0;font-size:12px}.wh-managed{padding-block:53px}.wh-managed h2{font-size:46px}.wh-delivery li{grid-template-columns:1fr;gap:12px}.wh-delivery h3{font-size:28px}.wh-existing-grid{gap:24px}.wh-faq{padding-top:0}.wh-faq h2{font-size:34px}.wh-faq summary{font-size:13px}}
@media(max-width:360px){.wh-intro h1{font-size:43px}.wh-intro h1>span{font-size:19px}.wh-site-scene{height:270px}.wh-site-headline{font-size:29px}.wh-showcase-heading h2{font-size:16px}.wh-example-copy h3{font-size:28px}.wh-section h2{font-size:32px}.wh-managed h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.websites-page .button{transition:none;transform:none}}

/* Readable static examples; preserve the original overlapping layout after setup. */
.wh-enhanced .wh-example{grid-area:1/1}
body:not(.wh-enhanced) .wh-panels{row-gap:36px}
body:not(.wh-enhanced) .wh-tabs{display:none}