/* LumoHosting Web Hosting launch workspace V8 — self-contained hero only. */
.wl-hero,.wl-hero *{box-sizing:border-box}
.wl-hero{background:radial-gradient(ellipse at 70% 26%,#edf6e9 0%,transparent 49%),#fcfdfb;color:#10233d;padding:46px 0 48px;overflow:hidden}
.wl-hero__layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(24px,3.6vw,60px);align-items:center;min-height:500px}
.wl-hero__copy{position:relative;z-index:2;min-width:0}
.wl-hero__eyebrow{display:flex;align-items:center;gap:10px;margin:0;font-size:.76rem;font-weight:850;color:#447b28;letter-spacing:.1em}
.wl-hero__eyebrow span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e4f7d1;font-size:1.15rem}
.wl-hero h1{font-size:clamp(3rem,4.45vw,4.95rem);line-height:1.08;letter-spacing:-.055em;font-weight:850;margin:22px 0 0;max-width:670px}
.wl-hero h1 span{display:block;color:#438b2c}
.wl-hero__lead{font-size:clamp(.98rem,1.25vw,1.13rem);line-height:1.65;color:#4d5e62;max-width:49ch;margin:23px 0 0}
.wl-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.wl-hero__actions a{min-height:52px;border-radius:11px;padding:13px 22px;font-size:.93rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none}
.wl-hero__primary{background:linear-gradient(112deg,#c8ff38,#93ee2b);color:#0d2432;box-shadow:0 9px 17px #97bd2a1a}
.wl-hero__secondary{background:#fff;color:#152b35;border:1px solid #d5e2cf}
.wl-hero__actions a:hover{transform:translateY(-1px)}
.wl-hero__help{margin:19px 0 0;color:#536562;font-size:.86rem}
.wl-hero__help a{display:inline-block;color:#367e27;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.wl-hero__visual{position:relative;min-width:0;width:100%;height:490px;isolation:isolate}
.wl-hero__portrait{position:absolute;z-index:1;inset:0 0 0 0;border-radius:24px;overflow:hidden;background:#ecf0e8}
.wl-hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:36% center;display:block}
.wl-hero__site{position:absolute;z-index:3;top:8%;right:14%;width:34%;background:#fff;border:1px solid #e7ece5;border-radius:13px;box-shadow:0 15px 35px #17392225;padding:5px;transform:rotate(1deg)}
.wl-hero__site-top{background:#eff4f2;border-radius:9px 9px 0 0;padding:8px;display:flex;align-items:center;gap:5px}
.wl-hero__site-top i{width:5px;height:5px;background:#a5b3bd;border-radius:50%}.wl-hero__site-top i:first-child{background:#a8e64b}
.wl-hero__site-top span{font-size:.54rem;margin-left:auto;color:#455568}
.wl-hero__site-body{background:#f7fbf4;border-radius:0 0 8px 8px;min-height:173px;padding:13px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.wl-hero__site-body small{font-size:.55rem;letter-spacing:.08em;color:#4c8531;font-weight:850}
.wl-hero__site-body strong{font-size:1rem;line-height:1.2;color:#132a39}
.wl-hero__site-art{align-self:flex-end;width:49%;height:49px;background:linear-gradient(140deg,#dcf7d1,#b7dfae,#a3cfe7);border-radius:6px;margin-top:-34px}
.wl-hero__site-line{height:4px;width:75%;background:#d3e4cc;border-radius:4px}
.wl-hero__site-line--short{width:57%}
.wl-hero__site-body b{font-size:.56rem;background:#c7fb43;padding:6px 9px;border-radius:5px;color:#102b29}
.wl-hero__features{position:absolute;z-index:5;top:11%;right:0;display:flex;flex-direction:column;gap:9px;background:#fff;border-radius:14px;padding:13px 13px;box-shadow:0 14px 35px #28382924;border:1px solid #e8eee2;transform:translateX(5%)}
.wl-hero__features span{white-space:nowrap;font-size:.65rem;color:#4e992a}.wl-hero__features b{color:#17302e;font-size:.65rem;margin-left:7px}
.wl-hero__price{position:absolute;z-index:6;right:0;bottom:9%;width:211px;background:#fff;border:1px solid #d8e9c9;box-shadow:0 14px 39px #1c3c202e;border-radius:17px;padding:17px}
.wl-hero__price-label{display:inline-block;background:#b9fa41;border-radius:7px;padding:5px 8px;color:#133121;font-size:.62rem;font-weight:850;letter-spacing:.02em}
.wl-hero__price-value{display:flex;align-items:baseline;gap:3px;margin:9px 0 4px}
.wl-hero__price-value strong{font-size:3rem;line-height:.95;letter-spacing:-.07em;font-weight:900;color:#10243e}
.wl-hero__price-value span{font-weight:750;font-size:.81rem}
.wl-hero__price small{color:#536463;display:block;font-size:.7rem}
.wl-hero__trust{margin:20px 0 0;padding:0 21px;list-style:none;background:#fff;border:1px solid #e7ede1;border-radius:22px;box-shadow:0 12px 42px #2d50290e;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.wl-hero__trust li{display:flex;align-items:center;gap:12px;min-width:0;padding:21px 12px}
.wl-hero__trust li+li{border-left:1px solid #e8ece4}
.wl-hero__trust-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:#c3fa44;font-weight:900;font-size:1.55rem;color:#173433}
.wl-hero__trust strong,.wl-hero__trust small{display:block}.wl-hero__trust strong{font-size:.78rem;color:#10243b}.wl-hero__trust small{font-size:.68rem;color:#65736c;margin-top:3px}
.wl-hero a:focus-visible{outline:3px solid #568b28;outline-offset:3px}
@media(max-width:1110px){.wl-hero__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.wl-hero__visual{height:415px}.wl-hero__site{right:10%;width:38%}.wl-hero__features{top:7%}.wl-hero__price{bottom:5%}.wl-hero h1{font-size:clamp(2.9rem,4.5vw,4.1rem)}}
@media(max-width:760px){
.wl-hero{padding:20px 0 28px}
.wl-hero__layout{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:0}
.wl-hero__eyebrow{font-size:.63rem;letter-spacing:.06em}
.wl-hero h1{font-size:clamp(2.15rem,8.7vw,3.3rem);line-height:1.08;margin-top:11px}
.wl-hero__copy{display:contents}
.wl-hero__eyebrow{order:1}.wl-hero h1{order:2}.wl-hero__lead{order:3;font-size:.88rem;line-height:1.5;margin:1px 0 0}
.wl-hero__visual{order:4;height:auto;aspect-ratio:1.35;max-height:370px;min-height:237px;margin-top:4px}
.wl-hero__portrait{border-radius:16px}
.wl-hero__portrait img{object-position:38% center}
.wl-hero__site{top:7%;right:4%;width:38%;padding:4px;border-radius:9px}
.wl-hero__site-top{padding:5px}.wl-hero__site-top span{font-size:.4rem}
.wl-hero__site-body{padding:8px;min-height:111px;gap:4px}.wl-hero__site-body small{font-size:.42rem}.wl-hero__site-body strong{font-size:.72rem}.wl-hero__site-art{height:33px;margin-top:-22px}.wl-hero__site-line{height:3px}.wl-hero__site-body b{font-size:.45rem;padding:5px 6px}
.wl-hero__features{display:none}
.wl-hero__price{bottom:5%;right:3%;width:44%;border-radius:12px;padding:11px}
.wl-hero__price-label{font-size:.49rem;padding:4px 5px}
.wl-hero__price-value{margin:7px 0 4px}.wl-hero__price-value strong{font-size:clamp(1.7rem,7vw,2.5rem)}
.wl-hero__price small{font-size:.53rem}
.wl-hero__actions{order:5;display:flex;gap:9px;margin-top:0}.wl-hero__actions a{flex:1;min-height:46px;font-size:.76rem;padding:11px 9px;gap:5px}
.wl-hero__help{order:6;margin:0;font-size:.76rem}
.wl-hero__trust{margin:19px 0 0;padding:8px;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wl-hero__trust li{gap:8px;padding:11px 6px}.wl-hero__trust li+li{border-left:0}.wl-hero__trust li:nth-child(even){border-left:1px solid #e8ece4}.wl-hero__trust li:nth-child(n+3){border-top:1px solid #e8ece4}
.wl-hero__trust-icon{flex-basis:29px;width:29px;height:29px;font-size:1.05rem}
.wl-hero__trust strong{font-size:.7rem}.wl-hero__trust small{font-size:.58rem}
}
@media(max-width:360px){.wl-hero__visual{min-height:205px}.wl-hero__site{width:41%}.wl-hero__price{width:47%}.wl-hero__actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.wl-hero__actions a:hover{transform:none}}
@media(max-width:700px){#web-pricing .lp-plan-overview{display:none!important}}


/* V9 — final polish for desktop and mobile */
.wl-hero{padding:42px 0 42px}
.wl-hero__layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,4vw,64px);min-height:470px}
.wl-hero__lead{max-width:46ch}
.wl-hero__visual{height:460px}
.wl-hero__portrait{border-radius:28px;box-shadow:0 14px 40px #2d493012;background:#eef2ea}
.wl-hero__portrait::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fcfdfb 0%,rgba(252,253,251,0) 12%,rgba(252,253,251,0) 86%,rgba(252,253,251,.34) 100%)}
.wl-hero__portrait img{object-position:39% center}
.wl-hero__site{top:12%;right:11%;width:31%;transform:none}
.wl-hero__site-body{min-height:156px}
.wl-hero__site-body strong{font-size:.94rem;line-height:1.18}
.wl-hero__features{top:15%;right:-1%;padding:12px 12px;gap:10px;border-radius:13px;transform:none}
.wl-hero__price{right:3%;bottom:8%;width:218px;padding:17px 16px}
.wl-hero__trust{margin-top:18px}

@media(max-width:1110px){
  .wl-hero__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .wl-hero__visual{height:410px}
  .wl-hero__site{top:11%;right:10%;width:34%}
  .wl-hero__features{top:10%;right:0}
  .wl-hero__price{right:2%;bottom:6%;width:208px}
}

@media(max-width:760px){
  .wl-hero{padding:18px 0 24px}
  .wl-hero__lead{font-size:.84rem;line-height:1.47;max-width:36ch;margin-top:10px}
  .wl-hero__visual{aspect-ratio:1.28;max-height:none;min-height:250px;margin-top:4px}
  .wl-hero__portrait{border-radius:17px;box-shadow:0 10px 28px #29412814}
  .wl-hero__portrait::after{background:linear-gradient(90deg,#fcfdfb 0%,rgba(252,253,251,0) 10%,rgba(252,253,251,0) 90%,rgba(252,253,251,.28) 100%)}
  .wl-hero__portrait img{object-position:40% center}
  .wl-hero__site{top:6%;right:4%;width:37%;padding:4px;border-radius:10px}
  .wl-hero__site-body{padding:7px;min-height:98px;gap:4px}
  .wl-hero__site-body strong{font-size:.69rem;line-height:1.18}
  .wl-hero__site-art{height:28px;width:47%;margin-top:-19px}
  .wl-hero__price{width:42%;right:3%;bottom:6%;padding:10px 10px 9px;border-radius:12px}
  .wl-hero__price-label{font-size:.48rem;padding:4px 5px}
  .wl-hero__price-value strong{font-size:clamp(1.65rem,6.9vw,2.15rem)}
  .wl-hero__price small{font-size:.52rem;line-height:1.35}
  .wl-hero__actions{gap:8px}
  .wl-hero__actions a{font-size:.75rem;padding:11px 9px;gap:6px}
  .wl-hero__help{font-size:.75rem}
}

@media(max-width:430px){
  .wl-hero__site{width:39%}
  .wl-hero__price{width:43%}
}

@media(max-width:360px){
  .wl-hero__visual{min-height:220px}
  .wl-hero__site{width:40%}
  .wl-hero__price{width:45%}
}

/* Content V10: unobstructed website preview; feature details already below hero. */
.wl-hero__site{right:3%;top:12%;width:32%;z-index:3}
.wl-hero__site-body strong{font-size:.91rem;overflow-wrap:normal}
.wl-hero__price{right:3%;z-index:5}
@media(max-width:760px){
 .wl-hero__site{right:3%;top:6%;width:37%}
 .wl-hero__site-body strong{font-size:.7rem}
 .wl-hero__price{right:3%}
}


/* V11: desktop image & mockup composition */
@media(min-width:761px){
 .wl-hero{padding:38px 0 43px;background:radial-gradient(ellipse at 76% 28%,#edf6e9,transparent 53%),#fcfdfb}
 .wl-hero__layout{min-height:450px;gap:clamp(32px,4.5vw,74px)}
 .wl-hero__visual{height:450px;overflow:visible}
 .wl-hero__portrait{border-radius:25px;overflow:hidden;box-shadow:0 14px 39px #345b3112}
 .wl-hero__portrait img{object-position:38% center}
 .wl-hero__portrait::after{background:linear-gradient(90deg,#fcfdfb 0%,rgba(252,253,251,0) 13%,rgba(252,253,251,0) 90%,rgba(252,253,251,.27))}
 .wl-hero__site{width:31%;right:3%;top:12%;transform:none}
 .wl-hero__site-body{min-height:148px;padding:12px 10px}
 .wl-hero__site-body strong{font-size:.84rem;line-height:1.22;max-width:100%}
 .wl-hero__site-art{display:none}
 .wl-hero__price{right:3%;bottom:8%;width:210px;box-shadow:0 10px 29px #132d1f2c}
 .wl-hero__features{display:none}
}
/* Mobile: purchase-intent-first layout, not a scaled down desktop hero */
@media(max-width:760px){
 .wl-hero{padding:16px 0 23px;background:linear-gradient(155deg,#fff 15%,#f1f9ea 100%)}
 .wl-hero__layout{gap:10px}
 .wl-hero__eyebrow{font-size:.65rem;letter-spacing:.07em}
 .wl-hero h1{font-size:clamp(2.05rem,8.3vw,3.0rem);line-height:1.06;letter-spacing:-.04em;margin:8px 0 0}
 .wl-hero__lead{font-size:.85rem;line-height:1.47;margin:0;max-width:48ch}
 .wl-hero__visual{aspect-ratio:1.61;height:auto;min-height:0;max-height:none;margin:5px 0 2px;isolation:isolate}
 .wl-hero__portrait{inset:0;border-radius:18px;overflow:hidden}
 .wl-hero__portrait img{object-position:38% 53%}
 .wl-hero__portrait::after{background:linear-gradient(90deg,transparent 65%,#fcfdfb11 100%)}
 .wl-hero__site{top:7%;right:3%;width:36%;border-radius:9px;padding:3px;box-shadow:0 6px 13px #14293822}
 .wl-hero__site-top{padding:4px 5px;gap:3px}
 .wl-hero__site-top span{font-size:.38rem;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .wl-hero__site-body{min-height:0;padding:6px;gap:4px}
 .wl-hero__site-body small{font-size:.4rem}
 .wl-hero__site-body strong{font-size:clamp(.55rem,2.3vw,.75rem);line-height:1.12}
 .wl-hero__site-art{display:none}
 .wl-hero__site-line{height:3px;width:72%}
 .wl-hero__site-line--short{width:49%}
 .wl-hero__site-body b{padding:4px 6px;font-size:.4rem}
 .wl-hero__price{right:3%;bottom:6%;width:41%;padding:9px 10px;border-radius:12px;box-shadow:0 7px 20px #18341f33}
 .wl-hero__price-label{padding:4px 5px;font-size:.44rem}
 .wl-hero__price-value{margin:6px 0 2px}
 .wl-hero__price-value strong{font-size:clamp(1.55rem,7vw,2.15rem)}
 .wl-hero__price-value span{font-size:.62rem}
 .wl-hero__price small{font-size:.49rem;line-height:1.3}
 .wl-hero__actions{gap:8px;margin-top:3px}
 .wl-hero__actions a{min-height:46px;border-radius:10px;font-size:.77rem;gap:6px}
 .wl-hero__help{font-size:.73rem;margin:0}
 .wl-hero__trust{margin-top:13px}
 .wl-hero__features{display:none}
}
@media(max-width:380px){
 .wl-hero h1{font-size:clamp(1.97rem,8.25vw,2.2rem)}
 .wl-hero__visual{aspect-ratio:1.48}
 .wl-hero__site{width:38%}
 .wl-hero__price{width:45%;bottom:5%}
 .wl-hero__actions{flex-direction:row}
 .wl-hero__actions a{font-size:.68rem;padding:9px 6px}
}
/* FAQ: left introduction stays in view while the right answers scroll with the document.
   Do not create a nested scrolling area: accessibility, touch, and expanded answers work naturally. */
@media(min-width:951px){
 #web-faq.web-faq{overflow:visible;transform:none;contain:none}
 #web-faq .container{overflow:visible;transform:none;contain:none}
 #web-faq .web-faq-layout{display:grid;align-items:start;overflow:visible;transform:none;contain:none}
 #web-faq .web-faq-intro{position:sticky!important;top:132px;align-self:start;height:max-content;max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain;z-index:1;transform:none;will-change:auto}
 #web-faq .web-faq-list{min-width:0;overflow:visible}
}
@media(max-width:950px){
 #web-faq .web-faq-intro{position:static!important;top:auto!important;max-height:none;overflow:visible}
 #web-faq .web-faq-layout{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.wl-hero__actions a{transition:none}}