/* LumoHosting shared finishing. Loaded after existing page styles.
   Targets known components; preserves menu toggles, billing controls and layout. */
:root{--lumo-action-fill:linear-gradient(135deg,#d4ff78 0%,#b7f52a 58%,#a3dc32 100%);--lumo-action-shadow:inset 0 1px 0 #ffffffa6,0 6px 16px #658c2029;--lumo-icon-fill:linear-gradient(145deg,#dcff91,#b7f52a 55%,#97ce34)}
:is(.btn,.web-plan-button,.hosting-choice-button,.lumo-human-hero__button){min-height:46px;border-radius:13px;font-weight:750;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(.btn-gradient,.web-plan-button--featured,.lumo-human-hero__button--primary){background:var(--lumo-action-fill);color:#15220a;border:1px solid #a3d341;box-shadow:var(--lumo-action-shadow)}
:is(.btn-secondary,.lumo-human-hero__button--secondary){background:#ffffff;color:#0b1220;border:1px solid #cbd7c2;box-shadow:inset 0 1px 0 #ffffffcc,0 3px 9px #0b122008}
:is(.web-plan-button:not(.web-plan-button--featured),.hosting-choice-button){border:1px solid #cbd7c2;box-shadow:0 3px 9px #0b122008}
:is(.nav-get-started,.btn-sm){min-height:42px;border-radius:11px}
.mobile-login-btn{border:1px solid #cbd7c2;background:#ffffff;color:#0b1220}
:is(.btn,.web-plan-button,.hosting-choice-button,.lumo-human-hero__button):focus-visible{outline:3px solid #558325;outline-offset:4px}
:is(.btn,.web-plan-button,.hosting-choice-button,.lumo-human-hero__button):disabled{opacity:.55;cursor:not-allowed;transform:none}
:is(.nav-dropdown-icon,.why-feature-icon,.ld-choice-icon,.comparison-summary-icon,.faq-topic-icon,.guarantee-icon,.guides-art-icon,.human-support-float-icon,.infra-floating-icon,.location-guidance-icon,.location-region-icon,.lumo-human-hero__help-icon,.lumo-human-hero__price-icon,.migration-stage-icon,.migration-success-icon,.performance-point-icon,.trust-stage-icon,.vps-floating-icon,.vps-resource-icon,.wc-journey-icon,.web-audience-icon,.web-faq-help-icon,.web-hero-help-icon,.web-product-feature-icon,.web-product-snapshot-icon,.web-reliability-item-icon,.web-showcase-icon,.web-tech-trigger-icon,.lv-icon){display:inline-flex;align-items:center;justify-content:center;background:var(--lumo-icon-fill);color:#17250b;border:1px solid #a8d946;border-radius:13px;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 1px #57721e26,0 6px 14px #698b2021;flex-shrink:0}
:is(.nav-dropdown-icon,.why-feature-icon,.ld-choice-icon,.comparison-summary-icon,.faq-topic-icon,.guarantee-icon,.guides-art-icon,.human-support-float-icon,.infra-floating-icon,.location-guidance-icon,.location-region-icon,.lumo-human-hero__help-icon,.lumo-human-hero__price-icon,.migration-stage-icon,.migration-success-icon,.performance-point-icon,.trust-stage-icon,.vps-floating-icon,.vps-resource-icon,.wc-journey-icon,.web-audience-icon,.web-faq-help-icon,.web-hero-help-icon,.web-product-feature-icon,.web-product-snapshot-icon,.web-reliability-item-icon,.web-showcase-icon,.web-tech-trigger-icon,.lv-icon) svg{max-width:70%;max-height:70%;filter:drop-shadow(0 1px 0 #ffffff66)}
.nav-dropdown-icon{width:40px;height:40px;font-weight:850;font-size:16px}
:is(.why-feature-icon,.web-showcase-icon,.web-audience-icon,.performance-point-icon){width:48px;height:48px}
:is(.pricing-popular-badge,.locations-plan-badge,.web-product-panel-badge){border:1px solid #a6d841;box-shadow:inset 0 1px 0 #ffffff80,0 3px 8px #658c2014}
:is(.site-footer .footer-column a,.footer-legal-links a){text-underline-offset:5px;transition:color .18s ease}
:is(.site-footer .footer-column a,.footer-legal-links a):hover{color:#caff3f;text-decoration:underline}
:is(.site-footer a,.login-link,.nav-dropdown-item):focus-visible{outline:2px solid #91c83f;outline-offset:4px;border-radius:4px}
@media(hover:hover) and (pointer:fine){
:is(.btn-gradient,.web-plan-button--featured,.lumo-human-hero__button--primary):hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffffa6,0 10px 22px #658c2038}
:is(.btn-secondary,.lumo-human-hero__button--secondary):hover{background:#f3f8eb;border-color:#8dbb48}
.nav-dropdown-item:hover .nav-dropdown-icon{box-shadow:inset 0 1px 0 #ffffffb3,0 8px 18px #698b2033}
}
:is(.btn-gradient,.web-plan-button--featured,.lumo-human-hero__button--primary):active{transform:translateY(0);box-shadow:inset 0 1px 3px #57721e26}
@media(max-width:760px){:is(.btn,.web-plan-button,.hosting-choice-button,.lumo-human-hero__button){min-height:46px}:is(.why-feature-icon,.web-showcase-icon,.web-audience-icon,.performance-point-icon){width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){:is(.btn,.web-plan-button,.hosting-choice-button,.lumo-human-hero__button,.site-footer a){transition:none}:is(.btn-gradient,.web-plan-button--featured,.lumo-human-hero__button--primary):hover{transform:none}}

/* COMPACT PRICING: shared card finishing for homepage and web hosting */
:is(.pricing-grid,.web-pricing-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
:is(.pricing-card,.web-plan-card){position:relative;display:flex;flex-direction:column;padding:40px 24px 24px;background:#fbfef8;color:#0b1220;border:1px solid #d7e6cf;border-radius:20px;box-shadow:0 8px 24px #0b122005;overflow:visible;transform:none}
:is(.pricing-card--popular,.web-plan-card--featured){background:#f5fce9;border:2px solid #84b73b;box-shadow:0 16px 36px #64872512;transform:none}
:is(.pricing-popular-badge,.web-plan-featured-label){position:absolute;top:12px;right:12px;left:auto;width:auto;max-width:calc(100% - 24px);padding:5px 10px;border-radius:20px;background:#b7f52a;color:#24330e;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.4px}
:is(.pricing-card-head,.web-plan-header){text-align:center;min-height:185px;margin:0}
.lp-plan-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin:4px auto 12px;border-radius:14px;background:linear-gradient(145deg,#ddff96,#b7f52a);color:#173009;border:1px solid #b4df68;box-shadow:inset 0 1px 0 #ffffffaa,0 5px 12px #688b2014}
.lp-plan-icon svg{width:25px;height:25px}
.pricing-plan-label,.web-plan-category{display:none}
:is(.pricing-card-head h3,.web-plan-header h3){font-size:23px;line-height:1.2;margin:0 0 8px}
:is(.pricing-card-head p,.web-plan-header p){font-size:13px;line-height:1.6;color:#5c6a5d;margin:0 auto;max-width:260px}
:is(.pricing-price,.web-plan-pricing){background:#eaf7dd;border:1px solid #d6e8c5;border-radius:12px;padding:14px 12px;text-align:center;margin:12px 0 0;color:#0b1220}
.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:3px;flex-wrap:wrap}
:is(.pricing-price .js-price,.web-plan-price){font-size:36px;line-height:1.15;letter-spacing:-1px;color:#0b1220}
:is(.pricing-currency,.web-plan-currency){font-size:20px;color:#0b1220}
:is(.pricing-period,.web-plan-per){font-size:13px;color:#4d6043}
.pricing-billing-note{font-size:12px;text-align:center;margin:9px 0 14px;color:#55664b;min-height:20px}
.web-plan-price-line{justify-content:center}.web-plan-billing{font-size:12px;color:#55664b;margin:8px 0 0;min-height:20px}
:is(.pricing-btn,.web-plan-button){order:5;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:auto;min-height:48px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:800;background:#fff;border:1px solid #adc78c;color:#173009}
:is(.pricing-card--popular .pricing-btn,.web-plan-button--featured){background:var(--lumo-action-fill);border-color:#a3d341;box-shadow:var(--lumo-action-shadow);color:#15220a}
.pricing-divider{display:none}.pricing-feature-title,.web-plan-features-title{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#5c6a5d;margin:18px 0 8px}
:is(.pricing-features,.web-plan-features ul){list-style:none;padding:0;margin:0 0 24px;display:block}
:is(.pricing-features li,.web-plan-features li){display:flex;align-items:flex-start;gap:9px;padding:10px 0;margin:0;border-bottom:1px dashed #d7e6cf;font-size:13px;line-height:1.5;color:#253523}
:is(.pricing-features li,.web-plan-features li):last-child{border-bottom:0}
:is(.pricing-features li>span:first-child,.web-plan-check){display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:5px;background:#e4f3d2;color:#3f7021;font-size:12px;margin-top:1px}
.web-plan-features{margin:0}.pricing-save[hidden]{display:none}
.web-product-feature-icon svg,.web-product-snapshot-icon svg,.ld-choice-icon svg{width:24px;height:24px;max-width:none;max-height:none;color:#0b1220;stroke:currentColor;stroke-width:1.8;opacity:1;filter:none}
@media(max-width:850px){:is(.pricing-grid,.web-pricing-grid){gap:14px}:is(.pricing-card,.web-plan-card){padding:40px 18px 20px}}
@media(max-width:700px){:is(.pricing-grid,.web-pricing-grid){grid-template-columns:1fr;gap:20px}:is(.pricing-card-head,.web-plan-header){min-height:0}:is(.pricing-card,.web-plan-card){max-width:480px;width:100%;margin-inline:auto}.lp-plan-icon{margin-top:6px}:is(.pricing-popular-badge,.web-plan-featured-label){font-size:9px}}

/* PRICING V2: tighter card rhythm, readable features, clear plan emphasis */
:is(.pricing-grid,.web-pricing-grid){gap:24px;max-width:1100px;margin-inline:auto}
:is(.pricing-card,.web-plan-card){padding:30px 24px 24px;background:#fff;border-radius:18px;box-shadow:0 8px 24px #0b122006}
:is(.pricing-card--popular,.web-plan-card--featured){background:#f8fdf0;border:2px solid #8bbd43;box-shadow:0 12px 30px #64872516}
:is(.pricing-card-head,.web-plan-header){min-height:0;padding-bottom:16px}
.lp-plan-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:15px}
.lp-plan-icon svg{width:28px;height:28px}
:is(.pricing-card-head h3,.web-plan-header h3){font-size:25px;margin-bottom:8px}
:is(.pricing-card-head p,.web-plan-header p){font-size:14px;line-height:1.6;min-height:45px;max-width:255px}
:is(.pricing-popular-badge,.web-plan-featured-label){top:-13px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;width:max-content;max-width:calc(100% - 24px);font-size:11px;letter-spacing:.3px;padding:6px 13px;border:1px solid #a8d946;box-shadow:0 4px 10px #64872518}
:is(.pricing-price,.web-plan-pricing){padding:15px 12px;margin-top:0;background:#eef8e3;border-color:#d5e8c2}
:is(.pricing-price .js-price,.web-plan-price){font-size:38px;font-weight:850}
:is(.pricing-period,.web-plan-per){font-size:14px}.pricing-billing-note,.web-plan-billing{font-size:13px;line-height:1.6}
.pricing-feature-title,.web-plan-features-title{font-size:12px;margin:20px 0 8px}
:is(.pricing-features li,.web-plan-features li){font-size:14px;line-height:1.55;padding:11px 0;gap:10px}
:is(.pricing-features li>span:first-child,.web-plan-check){width:20px;height:20px;flex-basis:20px;font-size:13px}
:is(.pricing-btn,.web-plan-button){font-size:15px;min-height:50px;border-radius:12px}
@media(max-width:900px) and (min-width:701px){:is(.pricing-grid,.web-pricing-grid){gap:16px}:is(.pricing-card,.web-plan-card){padding-inline:18px}:is(.pricing-popular-badge,.web-plan-featured-label){font-size:10px;padding-inline:9px}}
@media(max-width:700px){:is(.pricing-grid,.web-pricing-grid){gap:30px}:is(.pricing-card-head p,.web-plan-header p){min-height:0}:is(.pricing-popular-badge,.web-plan-featured-label){font-size:11px}}
/* BRAND FINISHING: LEMON → LIME */

:root {
    --lumo-action-fill:
        linear-gradient(135deg, #dfff70, #b7f52a 60%, #9ed52c);

    --lumo-icon-fill:
        linear-gradient(145deg, #e8ff9a, #caff3f 55%, #b7f52a);
}

/* Primary pricing buttons */
.pricing-card--popular .pricing-btn,
.web-plan-button--featured {
    background: var(--lumo-action-fill);
    color: #0b1220;
    border-color: #a3d341;
    box-shadow:
        inset 0 1px 0 #ffffff99,
        0 6px 16px #85ad2426;
}

/* Plan icons */
.lp-plan-icon {
    background: var(--lumo-icon-fill);
    color: #0b1220;
    border-color: #b1dc48;
}

/* Soft lemon price strips */
.pricing-price,
.web-plan-pricing {
    background: linear-gradient(135deg, #f5ffdb, #edf8df);
    border-color: #d5e8b5;
}

/* Business highlight */
.pricing-popular-badge,
.web-plan-featured-label {
    background: var(--lumo-action-fill);
    color: #0b1220;
}

.pricing-card--popular,
.web-plan-card--featured {
    border-color: #9ed52c;
}

/* Secondary pricing buttons */
.pricing-card:not(.pricing-card--popular) .pricing-btn,
.web-plan-button:not(.web-plan-button--featured) {
    background: #ffffff;
    color: #0b1220;
    border-color: #a3cf51;
}

/* Comparison: crisp inclusion icons */
#web-comparison .wc-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border: 1px solid #b1dc48;
    border-radius: 7px;
    background: linear-gradient(145deg, #e8ff9a, #b7f52a);
    font-size: 0;
}

#web-comparison .wc-check::before {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid #0b1220;
    border-bottom: 2px solid #0b1220;
    transform: translateY(-1px) rotate(-45deg);
}

/* Existing SVG icons in comparison cards */
#web-comparison .wc-journey-icon svg,
#web-comparison .web-shared-feature svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #0b1220;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 1;
    filter: none;
}