/* Abexi clean sales landing page — scoped to the website packages page */
.wo-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.site-header{position:relative;z-index:20;background:#fff}
.site-header .header-inner{min-height:72px}
.site-header .primary-nav a[href*="services.php"],.site-header .primary-nav a[href*="about.php"],.site-header .primary-nav a[href*="blog.php"]{display:none}
.site-header .primary-nav a[href*="business-websites.php"]{display:none}
.site-header .nav-cta{border-radius:30px;padding:12px 20px}
.wo-hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#071b68 0%,#092b91 57%,#1264e9 100%);color:#fff;padding:54px 0 48px;isolation:isolate}
.wo-hero:before{content:"";position:absolute;z-index:-1;width:650px;height:650px;right:-110px;top:-300px;border-radius:50%;background:linear-gradient(135deg,rgba(48,139,255,.9),rgba(32,75,202,.05));box-shadow:0 0 0 80px rgba(64,134,255,.08),0 0 0 160px rgba(64,134,255,.05)}
.wo-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:32px;align-items:center;min-height:340px}
.wo-eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#315be4}
.wo-hero .wo-eyebrow{color:#dce8ff;border:1px solid rgba(255,255,255,.42);border-radius:30px;padding:8px 13px;letter-spacing:.02em;font-size:11px}
.wo-hero h1{font:800 clamp(38px,5vw,62px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.05em;color:#fff;margin:18px 0 13px;max-width:610px}
.wo-hero h1 em{font-style:normal;color:#9ec5ff}
.wo-hero-copy>p{font-size:15px;line-height:1.65;color:#e0eaff;max-width:510px;margin:0}
.wo-hero-actions{display:flex;align-items:center;gap:22px;margin-top:23px;flex-wrap:wrap}
.wo-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:30px;padding:13px 21px;font:800 12px Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.wo-btn:hover{transform:translateY(-2px)}
.wo-btn-primary{background:linear-gradient(100deg,#075cff,#1238c5);color:#fff;box-shadow:0 10px 24px rgba(0,65,220,.18)}
.wo-btn-primary:hover{color:#fff;box-shadow:0 14px 30px rgba(0,65,220,.25)}
.wo-btn-outline{border:1px solid #1558e8;background:#fff;color:#0847d5}
.wo-btn-outline:hover{background:#f2f6ff;color:#0739b0}
.wo-btn-light{background:#fff;color:#092d9a}
.wo-hero-link{font-size:12px;font-weight:800;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);padding:5px 0}
.wo-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:29px;color:#e1eaff;font-size:10px;font-weight:700}
.wo-hero-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center}
.wo-art-orbit{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(120,184,255,.48),rgba(83,150,255,.12) 60%,transparent 70%)}
.wo-device{position:absolute;background:#101727;border:5px solid #111827;box-shadow:0 24px 50px rgba(0,0,0,.32)}
.wo-laptop{width:min(90%,470px);height:270px;border-radius:13px 13px 7px 7px;padding:8px;transform:perspective(900px) rotateY(-8deg) rotateX(3deg);z-index:1}
.wo-device-screen{height:100%;background:#fff;border-radius:5px;overflow:hidden;color:#101a3b;padding:17px 20px;position:relative}
.wo-screen-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#65708b;border-bottom:1px solid #edf0f6;padding-bottom:10px}
.wo-screen-nav b{font-size:11px;color:#1243bd}
.wo-screen-copy{padding:36px 8px 0;max-width:250px}
.wo-screen-copy small{font-size:7px;color:#2157d5;font-weight:800;letter-spacing:.1em}
.wo-screen-copy strong{display:block;font:800 27px/1.08 Manrope,Arial;color:#101a3b;margin:9px 0}
.wo-screen-copy p{font-size:9px;color:#778198}
.wo-screen-copy i{display:inline-block;background:#1454e8;color:#fff;border-radius:20px;padding:8px 13px;font-size:8px;font-style:normal;font-weight:800}
.wo-screen-blocks{position:absolute;right:17px;bottom:18px;width:36%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.wo-screen-blocks i{height:52px;border-radius:7px;background:linear-gradient(135deg,#e8f0ff,#f6f8fc)}
.wo-screen-blocks i:first-child{grid-row:span 2;height:111px;background:linear-gradient(145deg,#d9e7ff,#f5f8ff)}
.wo-laptop-base{position:absolute;height:12px;left:-7%;right:-7%;bottom:-16px;background:linear-gradient(#cbd5e1,#64748b 60%,#dce5f1);border-radius:2px 2px 15px 15px;box-shadow:0 10px 18px rgba(0,0,0,.2)}
.wo-phone{z-index:2;width:108px;height:205px;right:1%;bottom:7px;border-radius:19px;padding:5px;transform:rotate(5deg)}
.wo-phone-camera{position:absolute;z-index:2;top:5px;left:40%;width:22px;height:5px;border-radius:5px;background:#111827}
.wo-phone-screen{height:100%;background:#fff;border-radius:13px;padding:25px 8px 8px;color:#142047;display:flex;flex-direction:column;gap:8px}
.wo-phone-screen b{font-size:7px;color:#1751cf}.wo-phone-screen strong{font:800 13px/1.1 Manrope}.wo-phone-screen span{font-size:7px;color:#7b8499}.wo-phone-screen i{font-size:7px;font-style:normal;color:#fff;background:#1454e8;border-radius:12px;padding:6px;text-align:center}.wo-phone-screen div{height:55px;border-radius:6px;background:linear-gradient(135deg,#e5edff,#f7f9ff)}
.wo-packages{padding:58px 0 48px;background:#fff}
.wo-section-heading{text-align:center;max-width:760px;margin:0 auto 30px}
.wo-section-heading h2{font:800 clamp(25px,3vw,36px)/1.15 Manrope,Arial,sans-serif;color:#101a3b;letter-spacing:-.045em;margin:10px 0 0}
.wo-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.wo-package{position:relative;background:#fff;border:1px solid #dfe5ef;border-radius:14px;padding:23px 22px 20px;display:flex;flex-direction:column;box-shadow:0 9px 24px rgba(13,34,79,.055);min-width:0}
.wo-package-featured{border:1.5px solid #1760f0;box-shadow:0 14px 32px rgba(21,83,220,.12);padding-top:34px}
.wo-popular{position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#1044c7,#1268ff);color:#fff;text-align:center;border-radius:12px 12px 0 0;padding:7px;font-size:10px;font-weight:800}
.wo-package-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e8f1ff;color:#0758e9;font:700 25px Manrope;margin-bottom:9px}
.wo-package h3{font:800 19px/1.2 Manrope,Arial;color:#101a3b;letter-spacing:-.035em;margin:0 0 7px}
.wo-package-summary{font-size:12px;line-height:1.55;color:#5e6880;margin:0;min-height:56px}
.wo-price{font:800 clamp(22px,2.1vw,28px)/1.2 Manrope,Arial;color:#0b1b50;letter-spacing:-.04em;margin:13px 0 15px;white-space:nowrap}
.wo-price small{display:block;font:600 9px Arial;color:#7d879c;letter-spacing:0;margin-top:3px}
.wo-feature-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}
.wo-feature-list li{display:flex;gap:9px;font-size:11px;line-height:1.4;color:#28334e}
.wo-feature-list li:before{content:"✓";color:#0759ed;font-weight:900;flex:0 0 auto}
.wo-package .wo-btn{width:100%;margin-top:auto;font-size:11px;padding:12px 14px}
.wo-price-note{margin:18px auto 0;text-align:center;font-size:10px;line-height:1.6;color:#7b8498}
.wo-trust{padding:17px 0;background:#f4f6fa}
.wo-trust-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wo-trust-inner strong{font:800 17px/1.2 Manrope;color:#111a39;max-width:180px}
.wo-trust-inner span{display:flex;align-items:center;gap:8px;color:#27324d;font-size:11px;font-weight:700}
.wo-trust-inner span b{font-size:23px;color:#0759ed}
.wo-work{padding:54px 0 58px;background:#fff}
.wo-work .wo-section-heading{margin-bottom:24px}
.wo-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wo-work-card{display:block;text-decoration:none;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5e9f1;box-shadow:0 7px 20px rgba(14,34,78,.06);transition:transform .2s,box-shadow .2s}
.wo-work-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(14,34,78,.1)}
.wo-work-image{height:170px;background:#edf2fb;overflow:hidden}.wo-work-image img{width:100%;height:100%;object-fit:cover;display:block}.wo-work-placeholder{height:100%;display:grid;place-items:center;color:#1455d9;font:800 12px Manrope;background:linear-gradient(135deg,#e5edff,#f7f9fc)}
.wo-work-meta{padding:12px 15px 15px}.wo-work-meta small{font-size:8px;color:#1556d7;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.wo-work-meta h3{font:800 14px Manrope;color:#182342;margin:5px 0 8px}.wo-work-meta>span{font-size:10px;font-weight:800;color:#1256df}
.wo-final{padding:36px 0;background:linear-gradient(105deg,#082b91,#063dbe 58%,#0755d8);color:#fff;border-radius:15px;margin:0 auto 34px;width:calc(100% - 32px);max-width:1400px}
.wo-final .wo-container{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.wo-final h2{font:800 clamp(25px,3.2vw,36px)/1.12 Manrope;color:#fff;max-width:650px;margin:0;letter-spacing:-.04em}
.wo-final p{font-size:12px;color:#e0eaff;margin:8px 0 0}.wo-final .wo-btn{flex:0 0 auto}
.wo-order{padding:54px 0 65px;background:#f7f9fc;scroll-margin-top:25px}
.wo-order-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}
.wo-order-intro h2{font:800 34px/1.12 Manrope;color:#101a3b;margin:12px 0}.wo-order-intro>p{font-size:12px;line-height:1.7;color:#68738a}.wo-order-assurance{display:grid;gap:10px;margin-top:20px}.wo-order-assurance span{font-size:10px;color:#4d5871;font-weight:700}
.wo-form{padding:25px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 12px 32px rgba(14,34,78,.06)}
.wo-form-heading{padding-bottom:15px;border-bottom:1px solid #edf0f5;margin-bottom:17px}.wo-form-heading>span{font-size:8px;letter-spacing:.13em;font-weight:900;color:#6f7b91}.wo-form-heading h3{font:800 19px Manrope;color:#142044;margin:7px 0 3px}.wo-selected-price{font:800 18px Manrope;color:#0b4bd1}.wo-form-heading p{font-size:10px;color:#7e8799;margin:5px 0 0}
.wo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wo-field{display:grid;gap:6px;margin-bottom:13px}.wo-field label{font-size:10px;font-weight:800;color:#35415c}.wo-field input,.wo-field textarea,.wo-field select{width:100%;border:1px solid #dce3ed;border-radius:7px;padding:11px 12px;background:#fff;color:#202b47;font:11px Arial,sans-serif;outline:none}.wo-field input:focus,.wo-field textarea:focus,.wo-field select:focus{border-color:#1760eb;box-shadow:0 0 0 3px rgba(23,96,235,.08)}.wo-field textarea{resize:vertical;line-height:1.5}.wo-field small{font-size:9px;line-height:1.5;color:#8791a4}.wo-consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 15px;font-size:9px;line-height:1.6;color:#68738a}.wo-consent input{margin-top:2px;accent-color:#145be7}.wo-submit{width:100%;font-size:11px}.wo-form-foot{font-size:9px;line-height:1.5;color:#8791a4;text-align:center;margin:10px 0 0}.wo-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.wo-selected{outline:3px solid rgba(23,96,235,.14)}
@media(max-width:900px){.wo-hero-grid{grid-template-columns:1fr 1fr;gap:12px}.wo-hero h1{font-size:44px}.wo-hero-art{transform:scale(.9);transform-origin:center}.wo-package-grid{gap:12px}.wo-package{padding:20px 15px}.wo-price{font-size:22px}.wo-order-grid{gap:25px}}
@media(max-width:680px){.wo-container{width:min(100% - 30px,520px)}.site-header .header-inner{min-height:66px}.wo-hero{padding:42px 0 27px}.wo-hero-grid{grid-template-columns:1fr;gap:0}.wo-hero h1{font-size:40px;max-width:520px}.wo-hero-copy>p{font-size:13px}.wo-proof{gap:9px;font-size:9px;margin-top:20px}.wo-hero-art{height:250px;transform:none;margin-top:6px}.wo-laptop{width:88%;height:200px}.wo-device-screen{padding:12px}.wo-screen-copy{padding:23px 4px 0}.wo-screen-copy strong{font-size:19px}.wo-screen-blocks{right:10px;bottom:12px}.wo-screen-blocks i{height:35px}.wo-screen-blocks i:first-child{height:77px}.wo-phone{height:155px;width:82px;right:0;bottom:0}.wo-phone-screen{padding:20px 6px 6px}.wo-phone-screen strong{font-size:10px}.wo-phone-screen div{height:35px}.wo-packages{padding:43px 0 34px}.wo-section-heading{margin-bottom:22px}.wo-section-heading h2{font-size:27px}.wo-package-grid{grid-template-columns:1fr;gap:13px}.wo-package,.wo-package-featured{padding:20px}.wo-package-featured{padding-top:36px}.wo-package-summary{min-height:0}.wo-price{font-size:26px;margin:10px 0 12px}.wo-feature-list{grid-template-columns:1fr 1fr;gap:8px 12px}.wo-feature-list li{font-size:10px}.wo-package .wo-btn{margin-top:10px}.wo-trust-inner{justify-content:flex-start;gap:14px 22px}.wo-trust-inner strong{width:100%;max-width:none;font-size:16px}.wo-trust-inner span{font-size:10px}.wo-work{padding:42px 0}.wo-work-grid{grid-template-columns:1fr 1fr;gap:10px}.wo-work-image{height:115px}.wo-work-meta{padding:10px}.wo-work-meta h3{font-size:12px}.wo-final{padding:27px 0;margin-bottom:20px}.wo-final .wo-container{display:block}.wo-final h2{font-size:27px}.wo-final p{line-height:1.6}.wo-final .wo-btn{margin-top:17px}.wo-order{padding:42px 0}.wo-order-grid{grid-template-columns:1fr;gap:20px}.wo-order-intro h2{font-size:29px}.wo-form{padding:19px}.wo-form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:390px){.wo-hero h1{font-size:35px}.wo-proof{display:grid;gap:7px}.wo-work-grid{grid-template-columns:1fr}.wo-work-image{height:160px}.wo-feature-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wo-btn,.wo-work-card{transition:none}.wo-btn:hover,.wo-work-card:hover{transform:none}}
/* =====================================
   ABEXI ORDER CONFIRMATION PAGE
===================================== */

.wo-confirm-wrap {
    min-height: 75vh;
    padding: 55px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}

.wo-confirm-card {
    width: 100%;
    max-width: 560px;
    padding: 35px 38px;
    margin: 0 auto;
    background: #ffffff;
    text-align: center;
}

/* SUCCESS ICON */

.wo-confirm-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #24945b;
    color: #ffffff;
    border-radius: 50%;
    font-size: 27px;
    font-weight: 800;
}

/* HEADING AND INTRODUCTION */

.wo-confirm-card h1 {
    margin: 0 0 16px;
    color: #172b4d;
    font-size: 29px;
    font-weight: 750;
    line-height: 1.3;
}

.wo-confirm-intro {
    max-width: 440px;
    margin: 0 auto 38px;
    color: #778196;
    font-size: 16px;
    line-height: 1.7;
}

/* ORDER REFERENCE */

.wo-confirm-reference {
    margin-bottom: 32px;
    text-align: center;
}

.wo-confirm-reference small {
    display: block;
    margin-bottom: 13px;
    color: #68758a;
    font-size: 13px;
    font-weight: 600;
}

.wo-confirm-reference strong {
    display: block;
    color: #3977c9;
    font-size: 29px;
    font-weight: 700;
    letter-spacing: 1px;
    overflow-wrap: anywhere;
}

/* PACKAGE DETAILS */

.wo-confirm-details {
    width: 100%;
    max-width: 460px;
    margin: 0 auto 18px;
}

.wo-confirm-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 12px 5px;
    text-align: left;
}

.wo-confirm-detail-row span {
    color: #7a8495;
    font-size: 15px;
}

.wo-confirm-detail-row strong {
    color: #27374f;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

/* REQUEST RECORDED */

.wo-confirm-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 5px auto 24px;
    padding: 8px 15px;
    background: #e7f5eb;
    color: #25834a;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

/* WHATSAPP BUTTON */

.wo-confirm-wa {
    width: 100%;
    max-width: 460px;
    min-height: 59px;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #16864b;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(22, 134, 75, 0.14);
    transition: background .2s ease;
}

.wo-confirm-wa:hover {
    background: #116e3d;
}

.wo-wa-icon {
    font-size: 20px;
}

/* FOLLOW-UP MESSAGE */

.wo-confirm-followup {
    max-width: 440px;
    margin: 17px auto 0;
    color: #8992a1;
    font-size: 13px;
    line-height: 1.6;
}

/* MOBILE RESPONSIVENESS */

@media (max-width: 600px) {

    .wo-confirm-wrap {
        min-height: 70vh;
        padding: 30px 15px;
    }

    .wo-confirm-card {
        padding: 25px 8px;
    }

    .wo-confirm-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 20px;
        font-size: 25px;
    }

    .wo-confirm-card h1 {
        font-size: 25px;
    }

    .wo-confirm-intro {
        font-size: 14px;
        margin-bottom: 32px;
    }

    .wo-confirm-reference strong {
        font-size: 25px;
    }

    .wo-confirm-detail-row {
        padding: 12px 2px;
        gap: 10px;
    }

    .wo-confirm-detail-row span {
        font-size: 13px;
    }

    .wo-confirm-detail-row strong {
        font-size: 14px;
    }

    .wo-confirm-wa {
        min-height: 55px;
        font-size: 15px;
    }

    .wo-confirm-followup {
        font-size: 12px;
    }
}