/* Weby 2026 homepage refresh — intentionally layered over the legacy theme. */
:root {
    --weby-ink: #101828;
    --weby-navy: #071a2f;
    --weby-blue: #2457f5;
    --weby-cyan: #33c7e8;
    --weby-mint: #a9f4dc;
    --weby-cloud: #f5f7fb;
    --weby-muted: #667085;
    --weby-border: #e4e8ef;
    --weby-radius: 24px;
    --color-primary: var(--weby-blue);
    --color-dark: var(--weby-navy);
    --color-light: var(--weby-cloud);
    --color-text-dark: var(--weby-ink);
}

html { scroll-behavior: smooth; }

.weby-redesign {
    color: var(--weby-ink);
    background: #fff;
    font-family: "DM Sans", sans-serif;
}

.weby-redesign p { color: var(--weby-muted); }

.weby-redesign .container { max-width: 1240px; }

.weby-redesign .shape-group-21,
.weby-redesign .shape-group-10,
.weby-redesign .shape-group-7,
.weby-redesign .shape-group-3 { display: none; }

/* Header */
.weby-redesign .axil-mainmenu {
    padding: 20px 0;
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(228, 232, 239, .8);
    backdrop-filter: blur(18px);
}

.weby-redesign .axil-mainmenu.axil-sticky { box-shadow: 0 12px 40px rgba(16, 24, 40, .07); }

.weby-redesign .header-logo img { max-height: 45px; width: auto; }

.weby-redesign .mainmenu > li { margin: 0 18px; }

.weby-redesign .mainmenu > li > a {
    color: #344054;
    font-size: 15px;
    font-weight: 600;
}

.weby-redesign .mainmenu > li > a:hover,
.weby-redesign .mainmenu > li.current > a { color: var(--weby-blue); }

.weby-redesign .mainmenu .header-btn { margin-left: 20px; }

.weby-redesign .axil-btn {
    border-radius: 999px;
    box-shadow: none;
    font-weight: 700;
    letter-spacing: -.01em;
}

.weby-redesign .btn-fill-primary {
    background: var(--weby-blue);
    border-color: var(--weby-blue);
}

.weby-redesign .btn-fill-primary:hover {
    background: #153fc4;
    border-color: #153fc4;
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(36, 87, 245, .24);
}

/* Hero */
.weby-redesign .banner-style-1 {
    min-height: auto;
    padding: 150px 0 110px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 20%, rgba(51, 199, 232, .18), transparent 30%),
        radial-gradient(circle at 8% 78%, rgba(36, 87, 245, .1), transparent 27%),
        linear-gradient(135deg, #f9fbff 0%, #ffffff 55%, #f3fbff 100%);
}

.weby-redesign .banner-style-1::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .35;
    background-image: radial-gradient(#98a2b3 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to right, #000, transparent 48%);
}

.weby-redesign .banner-style-1 .row { align-items: center !important; }

.weby-redesign .banner-content { position: relative; z-index: 2; padding: 25px 30px 20px 0; }

.hero-eyebrow,
.section-kicker {
    color: var(--weby-blue) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.hero-eyebrow {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 22px;
    padding: 9px 14px;
    border: 1px solid #dbe4ff;
    border-radius: 999px;
    background: rgba(255,255,255,.85);
}

.weby-redesign .banner-style-1 .banner-content .title {
    max-width: 680px;
    margin-bottom: 22px;
    color: var(--weby-ink);
    font-size: clamp(48px, 6vw, 82px);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.weby-redesign .banner-style-1 .banner-content .subtitle {
    max-width: 570px;
    margin-bottom: 0;
    color: var(--weby-muted);
    font-size: 21px;
    line-height: 1.6;
}

.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }

.hero-actions .axil-btn { display: inline-flex; align-items: center; gap: 12px; }

.hero-text-link { color: var(--weby-ink); font-weight: 700; }
.hero-text-link:hover { color: var(--weby-blue); }
.hero-text-link i { margin-left: 7px; }

.hero-trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; }
.hero-trust span { color: #475467; font-size: 14px; font-weight: 600; }
.hero-trust i {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: #08775d;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: var(--weby-mint);
}

.hero-visual { position: relative; z-index: 2; padding: 18px; }
.hero-visual > div {
    position: relative;
    padding: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 32px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 35px 80px rgba(22, 55, 110, .18);
    transform: rotate(1.2deg);
}
.hero-visual img { width: 100%; border-radius: 23px; object-fit: cover; }
.visual-label {
    position: absolute;
    z-index: 2;
    top: 28px;
    left: 28px;
    padding: 10px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    background: rgba(7, 26, 47, .84);
    backdrop-filter: blur(10px);
}
.visual-label i { margin-right: 7px; color: #5bf0ba; font-size: 8px; }

/* Shared sections */
.weby-redesign .section-padding-2,
.weby-redesign .section-padding { padding: 110px 0; }

.weby-redesign .section-heading { max-width: 720px; margin-bottom: 58px; }
.weby-redesign .section-heading .title {
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -.045em;
}
.weby-redesign .section-heading p { font-size: 18px; line-height: 1.7; }

/* Features */
.weby-redesign #op-service {
    background: var(--weby-navy);
    background-image: radial-gradient(circle at 85% 20%, rgba(51,199,232,.13), transparent 34%);
}
.weby-redesign #op-service .section-heading p { color: #aab7c6 !important; opacity: 1 !important; }
.weby-redesign #op-service .section-kicker { color: #65d6ef !important; }
.weby-redesign #op-service .row { row-gap: 24px; }
.weby-redesign .services-grid {
    height: 100%;
    margin: 0;
    padding: 32px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--weby-radius);
    background: rgba(255,255,255,.055);
    transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.weby-redesign .services-grid:hover {
    transform: translateY(-7px);
    border-color: rgba(101,214,239,.45);
    background: rgba(255,255,255,.085);
}
.weby-redesign .services-grid .thumbnail { width: 64px; height: 64px; margin-bottom: 28px; }
.weby-redesign .services-grid .thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.weby-redesign .services-grid .content .title { color: #fff; font-size: 21px; letter-spacing: -.02em; }
.weby-redesign .services-grid .content p { color: #aab7c6; font-size: 15px; line-height: 1.7; }

/* Client work */
.weby-redesign #op-portfolio { background: #fff; }
.weby-redesign .isotope-project-btn { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; }
.weby-redesign .isotope-project-btn button {
    margin: 0;
    padding: 10px 18px;
    border: 1px solid var(--weby-border);
    border-radius: 999px;
    background: #fff;
}
.weby-redesign .isotope-project-btn button.is-checked { color: #fff; border-color: var(--weby-blue); background: var(--weby-blue); }
.weby-redesign .client-card {
    margin-bottom: 44px;
    padding: 12px;
    border: 1px solid var(--weby-border);
    border-radius: var(--weby-radius);
    background: #fff;
    transition: transform .3s ease, box-shadow .3s ease;
}
.weby-redesign .client-card:hover { transform: translateY(-6px); box-shadow: 0 24px 55px rgba(16,24,40,.1); }
.weby-redesign .client-card .thumbnail { overflow: hidden; border-radius: 16px; }
.weby-redesign .client-card .thumbnail img { width: 100%; }
.weby-redesign .client-card .content { padding: 22px 14px 14px; }

/* Pricing */
.weby-redesign #op-pricing { background: var(--weby-cloud); }
.weby-redesign #op-pricing .row { justify-content: center; row-gap: 24px; }
.weby-redesign .pricing-table {
    height: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--weby-border);
    border-radius: var(--weby-radius);
    background: #fff;
    box-shadow: 0 14px 35px rgba(16,24,40,.05);
}
.weby-redesign .pricing-table:hover { transform: translateY(-6px); box-shadow: 0 25px 55px rgba(16,24,40,.1); }
.weby-redesign .pricing-header { padding: 36px 32px 28px; border-bottom-color: var(--weby-border); }
.weby-redesign .pricing-header .title { color: var(--weby-ink); }
.weby-redesign .pricing-header .amount { color: var(--weby-blue); font-size: 48px; letter-spacing: -.04em; }
.weby-redesign .pricing-body { padding: 30px 32px 38px; }
.weby-redesign .pricing-body li { position: relative; padding-left: 27px; color: #475467; }
.weby-redesign .pricing-body li::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    color: #03966f;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.weby-redesign .pricing-btn .btn-borderd { border-color: #cdd5df; }
.weby-redesign .pricing-btn .btn-borderd:hover { color: #fff; border-color: var(--weby-blue); background: var(--weby-blue); }

/* Contact and footer */
.weby-redesign #op-contact {
    padding: 110px 0;
    background: var(--weby-navy);
    background-image: radial-gradient(circle at 85% 50%, rgba(36,87,245,.26), transparent 38%);
}
.weby-redesign #op-contact .section-heading { margin-bottom: 34px; }
.weby-redesign .address-list { display: grid; gap: 12px; }
.weby-redesign .contact-address .address {
    margin: 0;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.11);
}
.weby-redesign .contact-address .address .title { margin-bottom: 6px; color: #7f91a6; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.weby-redesign .contact-address .address p,
.weby-redesign .contact-address .address a { margin: 0; color: #fff; font-size: 18px; }
.contact-cta-card { padding: 46px; border-radius: 28px; background: #fff; box-shadow: 0 32px 70px rgba(0,0,0,.2); }
.contact-cta-card h3 { margin: 14px 0 18px; color: var(--weby-ink); font-size: 38px; line-height: 1.15; letter-spacing: -.04em; }
.contact-cta-card p { margin-bottom: 28px; font-size: 17px; line-height: 1.7; }
.weby-redesign .footer-area { padding-top: 30px; background: #051322; }
.weby-redesign .footer-top { padding-bottom: 20px; }
.weby-redesign .footer-bottom { border-top-color: rgba(255,255,255,.09); }
.weby-redesign .footer-copyright { display: flex; flex-wrap: wrap; gap: 10px 22px; color: #94a3b8; }
.weby-redesign .footer-copyright a { color: #cbd5e1; }

@media (max-width: 991px) {
    .weby-redesign .banner-style-1 { padding: 115px 0 80px; }
    .weby-redesign .banner-content { padding-right: 0; }
    .hero-visual { margin-top: 45px; }
    .weby-redesign .mainmenu > li { margin: 0; }
    .weby-redesign .mainmenu .header-btn { margin: 18px 20px; }
    .contact-cta-card { margin-top: 45px; }
}

@media (max-width: 767px) {
    .weby-redesign .section-padding-2,
    .weby-redesign .section-padding,
    .weby-redesign #op-contact { padding: 78px 0; }
    .weby-redesign .banner-style-1 .banner-content .title { font-size: 48px; }
    .weby-redesign .banner-style-1 .banner-content .subtitle { font-size: 18px; }
    .hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
    .hero-trust { flex-direction: column; gap: 12px; }
    .weby-redesign .section-heading .title { font-size: 40px; }
    .weby-redesign .services-grid { padding: 26px; }
    .contact-cta-card { padding: 32px 26px; }
    .contact-cta-card h3 { font-size: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .weby-redesign *, .weby-redesign *::before, .weby-redesign *::after { transition-duration: .01ms !important; }
}

/* Complete homepage — v2 */
.weby-home { overflow: hidden; background: #fff; }
.weby-home em { color: var(--weby-blue); font-family: Georgia, serif; font-weight: 400; }
.new-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:var(--weby-blue); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.new-eyebrow > span { width:28px; height:2px; background:currentColor; }
.new-eyebrow.light { color:#77dcf0; }
.new-btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:0 26px; border:1px solid transparent; border-radius:999px; font-size:15px; font-weight:800; }
.new-btn-primary { color:#fff; background:var(--weby-blue); box-shadow:0 14px 35px rgba(36,87,245,.22); }
.new-btn-primary:hover { color:#fff; background:#1745d2; transform:translateY(-2px); }
.new-btn-ghost { color:var(--weby-ink); border-color:#d8dee8; background:rgba(255,255,255,.7); }
.new-btn-ghost:hover { color:var(--weby-blue); border-color:var(--weby-blue); }
.new-btn-dark { color:#fff; background:var(--weby-navy); }
.new-btn-dark:hover { color:#fff; background:var(--weby-blue); }
.new-btn-light { color:var(--weby-navy); background:#fff; }
.new-btn-light:hover { color:var(--weby-blue); transform:translateY(-2px); }

.new-hero { position:relative; padding:155px 0 0; background:linear-gradient(130deg,#f7faff 0%,#fff 54%,#edfbff 100%); }
.new-hero:before { content:""; position:absolute; inset:0; opacity:.24; background-image:radial-gradient(#7790ad 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(90deg,#000,transparent 45%); }
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:70px; min-height:650px; padding-bottom:105px; }
.hero-copy h1 { margin:0 0 26px; color:var(--weby-ink); font-size:clamp(58px,6.5vw,92px); line-height:.99; letter-spacing:-.065em; }
.hero-copy > p { max-width:610px; margin:0; color:#596579; font-size:20px; line-height:1.7; }
.new-hero-actions { display:flex; gap:14px; margin-top:34px; }
.hero-proof { display:flex; gap:35px; margin-top:48px; padding-top:30px; border-top:1px solid #dfe5ee; }
.hero-proof div { display:flex; flex-direction:column; }
.hero-proof strong { color:var(--weby-ink); font-size:26px; letter-spacing:-.04em; }
.hero-proof span { color:#7a8698; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.hero-stage { position:relative; min-height:525px; }
.hero-orbit { position:absolute; border:1px solid rgba(36,87,245,.16); border-radius:50%; }
.orbit-one { inset:-30px -55px 20px 20px; }
.orbit-two { inset:35px 10px 70px 75px; }
.store-window { position:absolute; z-index:2; inset:45px 5px 40px 35px; overflow:hidden; border:10px solid #fff; border-radius:28px; background:#fff; box-shadow:0 40px 100px rgba(32,67,112,.2); transform:rotate(2deg); }
.window-bar { display:flex; align-items:center; gap:6px; height:38px; padding:0 12px; background:#f4f6f9; }
.window-bar > span { width:7px; height:7px; border-radius:50%; background:#c1c8d2; }
.window-bar small { position:absolute; left:50%; color:#8b95a3; font-size:10px; transform:translateX(-50%); }
.store-window img { width:100%; height:calc(100% - 38px); object-fit:cover; }
.float-card { position:absolute; z-index:4; display:flex; align-items:center; gap:12px; min-width:205px; padding:15px 17px; border:1px solid rgba(255,255,255,.7); border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 16px 45px rgba(16,34,60,.17); backdrop-filter:blur(14px); }
.float-card > i { display:grid; place-items:center; width:39px; height:39px; color:var(--weby-blue); border-radius:12px; background:#eaf0ff; }
.float-card span { display:flex; flex-direction:column; flex:1; }
.float-card b { color:var(--weby-ink); font-size:12px; }
.float-card small { color:#8791a0; font-size:9px; }
.float-card strong { color:#03966f; font-size:13px; }
.order-card { right:-34px; bottom:40px; }
.live-card { top:12px; left:-8px; }
.live-card > i { color:#07805f; background:#ddfaef; }
.hero-marquee { position:relative; z-index:3; overflow:hidden; padding:17px 0; color:#fff; background:var(--weby-blue); transform:rotate(-1deg) scale(1.02); }
.hero-marquee > div { display:flex; justify-content:center; align-items:center; gap:28px; white-space:nowrap; }
.hero-marquee span { font-size:12px; font-weight:800; letter-spacing:.16em; }
.hero-marquee i { width:7px; height:7px; border-radius:50%; background:#6ce1f1; }

.promise-strip { padding:65px 0; border-bottom:1px solid var(--weby-border); }
.promise-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:60px; }
.promise-grid p { margin:0; color:#7c8797; font-size:20px; line-height:1.4; }
.promise-grid strong { color:var(--weby-ink); }
.promise-items { display:grid; grid-template-columns:1fr 1fr; gap:22px 35px; }
.promise-items span { color:#344054; font-size:15px; font-weight:700; }
.promise-items i { display:inline-grid; place-items:center; width:22px; height:22px; margin-right:8px; color:#058361; border-radius:50%; background:#daf9ee; font-size:10px; }

.platform-section,.stores-section,.pricing-section,.faq-section { padding:125px 0; }
.platform-section { background:#f7f8fb; }
.new-section-head { max-width:730px; margin-bottom:62px; }
.new-section-head h2,.process-intro h2,.faq-title h2,.cta-copy h2 { margin:0 0 22px; color:var(--weby-ink); font-size:clamp(50px,5.5vw,72px); line-height:1.03; letter-spacing:-.055em; }
.new-section-head > p,.process-intro > p,.faq-title > p,.cta-copy > p { max-width:630px; margin:0; color:#697587; font-size:18px; line-height:1.7; }
.bento-grid { display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:auto auto; gap:22px; }
.bento-card { position:relative; min-height:360px; padding:38px; overflow:hidden; border:1px solid #e0e5ed; border-radius:28px; background:#fff; transition:transform .3s,box-shadow .3s; }
.bento-card:hover { transform:translateY(-5px); box-shadow:0 25px 55px rgba(16,24,40,.08); }
.bento-main { grid-row:span 2; min-height:742px; color:#fff; border:0; background:var(--weby-navy); }
.bento-icon { display:grid; place-items:center; width:52px; height:52px; margin-bottom:38px; color:var(--weby-blue); border-radius:15px; background:#edf2ff; font-size:20px; }
.bento-main .bento-icon { color:#7ce0f2; background:rgba(255,255,255,.1); }
.card-number { position:absolute; top:38px; right:38px; color:#a0a9b7; font-size:11px; font-weight:800; letter-spacing:.12em; }
.bento-main .card-number { color:#62758a; }
.bento-card h3 { max-width:500px; margin:0 0 16px; color:var(--weby-ink); font-size:32px; line-height:1.18; letter-spacing:-.035em; }
.bento-main h3 { color:#fff; font-size:42px; }
.bento-card > p { max-width:510px; color:#6d7888; font-size:16px; line-height:1.65; }
.bento-main > p { color:#aab8c9; }
.dashboard-demo { position:absolute; right:-28px; bottom:-22px; left:70px; display:grid; grid-template-columns:130px 1fr; min-height:330px; overflow:hidden; border:8px solid rgba(255,255,255,.08); border-radius:22px 0 0 0; background:#fff; }
.demo-nav { display:flex; flex-direction:column; gap:23px; padding:28px 20px; color:#fff; background:#102a45; }
.demo-nav b { font-size:12px; }.demo-nav span { width:68px; height:7px; border-radius:5px; background:#38516b; }
.demo-content { display:flex; flex-direction:column; padding:40px 30px; }.demo-content small { color:#8993a2; }.demo-content strong { margin:7px 0 30px; color:var(--weby-ink); font-size:30px; }
.demo-chart { display:flex; align-items:end; gap:10px; height:120px; }.demo-chart i { flex:1; height:35%; border-radius:5px 5px 0 0; background:#b8caff; }.demo-chart i:nth-child(2),.demo-chart i:nth-child(5){height:68%}.demo-chart i:nth-child(3){height:48%}.demo-chart i:nth-child(4){height:88%;background:var(--weby-blue)}.demo-chart i:nth-child(6){height:75%}
.pay-pill { display:inline-flex; align-items:center; gap:9px; margin-top:26px; padding:12px 17px; color:#08775d; border-radius:999px; background:#dcf8ef; font-size:12px; font-weight:800; }
.phone-demo { position:absolute; right:35px; bottom:-65px; width:165px; height:225px; padding:23px 16px; border:7px solid var(--weby-navy); border-radius:28px; background:#edf4ff; box-shadow:0 20px 45px rgba(16,24,40,.15); }
.phone-demo span { color:var(--weby-ink); font-size:9px; font-weight:900; }.phone-demo i { display:block; height:80px; margin:16px 0 10px; border-radius:10px; background:linear-gradient(140deg,#7bb9ff,#c6e9ff); }.phone-demo button { width:100%; padding:7px; color:#fff; border:0; border-radius:10px; background:var(--weby-blue); font-size:9px; }
.support-avatars { display:flex; align-items:center; margin-top:28px; }.support-avatars span { display:grid; place-items:center; width:38px; height:38px; margin-right:-8px; color:#fff; border:3px solid #fff; border-radius:50%; background:var(--weby-blue); font-size:11px;font-weight:800}.support-avatars span:nth-child(2){background:#16a184}.support-avatars span:nth-child(3){background:#e58951}.support-avatars b{margin-left:20px;color:#07805f;font-size:12px}

.process-section { padding:125px 0; color:#fff; background:var(--weby-navy); }
.process-section .container { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }
.process-intro { position:sticky; top:150px; align-self:start; }.process-intro h2 { color:#fff; }.process-intro > p { color:#a9b7c7; }
.process-list article { display:grid; grid-template-columns:85px 1fr; gap:22px; padding:35px 0; border-top:1px solid rgba(255,255,255,.12); }
.process-list article:last-child { border-bottom:1px solid rgba(255,255,255,.12); }
.process-list article > span { color:#56cee8; font-family:Georgia,serif;font-size:42px;font-style:italic}.process-list small{color:#6f8399;font-size:10px;font-weight:800;letter-spacing:.15em}.process-list h3{margin:8px 0;color:#fff;font-size:28px}.process-list p{margin:0;color:#9dabbc;font-size:15px}

.split-head { display:flex; align-items:end; justify-content:space-between; max-width:none; }.split-head > p { max-width:300px; margin-bottom:12px; }
.new-filters { display:flex; gap:10px; margin-bottom:40px; }.new-filters button { margin:0!important; padding:10px 18px!important; color:#667085!important; border:1px solid #dce2ea!important;border-radius:999px!important;background:#fff!important}.new-filters button.is-checked{color:#fff!important;border-color:var(--weby-blue)!important;background:var(--weby-blue)!important}
.store-grid { row-gap:28px; }.store-card { overflow:hidden; border:1px solid var(--weby-border); border-radius:26px; background:#fff; transition:transform .3s,box-shadow .3s}.store-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(16,24,40,.1)}.store-image{height:385px;overflow:hidden;background:#eef1f5}.store-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.store-card:hover .store-image img{transform:scale(1.03)}.store-meta{display:flex;align-items:center;justify-content:space-between;padding:25px 28px}.store-meta small{color:#8a95a5;font-size:9px;font-weight:800;letter-spacing:.15em}.store-meta h3{margin:4px 0 0;color:var(--weby-ink);font-size:24px}.store-meta > span{display:grid;place-items:center;width:48px;height:48px;color:var(--weby-ink);border:1px solid var(--weby-border);border-radius:50%}

.pricing-section { background:#f5f7fa; }.centered{max-width:880px;margin-right:auto;margin-left:auto;text-align:center}.centered .new-eyebrow{justify-content:center}.centered > p{margin-right:auto;margin-left:auto}.new-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:18px}.new-price-card{position:relative;padding:38px 32px;border:1px solid #dfe4ec;border-radius:26px;background:#fff}.new-price-card.featured{color:#fff;border-color:var(--weby-navy);background:var(--weby-navy);transform:translateY(-14px);box-shadow:0 30px 60px rgba(7,26,47,.18)}.popular-tag{position:absolute;top:18px;right:18px;padding:7px 10px;color:#08372b;border-radius:999px;background:#8bf0cf;font-size:9px;font-weight:900;letter-spacing:.1em}.new-price-card > small{color:#8d98a7;font-size:9px;font-weight:900;letter-spacing:.15em}.new-price-card h3{margin:20px 0 8px;color:var(--weby-ink);font-size:29px}.new-price-card.featured h3{color:#fff}.new-price-card > p{min-height:48px;color:#7b8696;font-size:14px}.new-price-card.featured > p{color:#a9b7c7}.new-price{display:flex;align-items:center;gap:10px;margin:28px 0}.new-price strong{color:var(--weby-blue);font-size:58px;line-height:1;letter-spacing:-.06em}.featured .new-price strong{color:#70dbef}.new-price span{color:#8792a1;font-size:11px;line-height:1.4}.new-price-card .new-btn{width:100%}.new-price-card ul{margin:30px 0 0;padding:25px 0 0;border-top:1px solid #e6e9ef;list-style:none}.featured ul{border-color:rgba(255,255,255,.12)}.new-price-card li{display:flex;gap:10px;margin:13px 0;color:#5f6b7b;font-size:13px;line-height:1.45}.featured li{color:#c3cdd8}.new-price-card li i{margin-top:4px;color:#07906b}

.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-title h2{font-size:60px}.faq-list details{border-top:1px solid #dfe4eb}.faq-list details:last-child{border-bottom:1px solid #dfe4eb}.faq-list summary{display:flex;align-items:center;justify-content:space-between;padding:25px 0;color:var(--weby-ink);font-size:18px;font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-size:13px;transition:transform .25s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{max-width:670px;margin:0;padding:0 50px 25px 0;color:#687587;font-size:15px;line-height:1.7}

.final-cta{padding:0 0 35px;background:#fff}.cta-shell{position:relative;display:flex;align-items:end;justify-content:space-between;min-height:520px;padding:75px;overflow:hidden;border-radius:34px;background:var(--weby-blue)}.cta-shell:before{content:"";position:absolute;width:500px;height:500px;right:-150px;top:-210px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.cta-copy{position:relative;z-index:2}.cta-copy h2{color:#fff;font-size:68px}.cta-copy em{color:#a9f4dc}.cta-copy > p{max-width:500px;color:#d7e0ff}.cta-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.cta-phone{display:flex;flex-direction:column;color:#fff}.cta-phone:hover{color:#a9f4dc}.cta-phone small{color:#b9c8ff;font-size:9px;font-weight:900;letter-spacing:.15em}.cta-phone strong{margin-top:4px;font-size:20px}.cta-mark{position:absolute;right:30px;bottom:-125px;color:rgba(255,255,255,.06);font-family:Arial,sans-serif;font-size:390px;font-weight:900;line-height:1}.contact-line{display:flex;justify-content:space-between;padding:24px 8px 0;color:#7c8796;font-size:12px}

@media(max-width:991px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-stage{min-height:500px}.promise-grid,.process-section .container,.faq-grid{grid-template-columns:1fr;gap:55px}.process-intro{position:static}.bento-grid{grid-template-columns:1fr}.bento-main{grid-row:auto}.new-pricing-grid{grid-template-columns:1fr}.new-price-card.featured{transform:none}.cta-shell{align-items:flex-start;flex-direction:column;gap:45px}.split-head{align-items:flex-start;flex-direction:column}.split-head>p{max-width:550px}.store-image{height:330px}}
@media(max-width:767px){.new-hero{padding-top:120px}.hero-grid{min-height:auto;padding-bottom:75px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:17px}.new-hero-actions{align-items:stretch;flex-direction:column}.hero-proof{gap:18px}.hero-proof strong{font-size:22px}.hero-stage{min-height:360px}.store-window{inset:35px 5px 35px 5px}.float-card{min-width:175px;padding:11px}.order-card{right:-10px}.live-card{left:-5px}.promise-grid{gap:30px}.promise-items{grid-template-columns:1fr}.platform-section,.stores-section,.pricing-section,.faq-section,.process-section{padding:82px 0}.new-section-head h2,.process-intro h2,.faq-title h2{font-size:44px}.bento-card{min-height:350px;padding:28px}.bento-main{min-height:650px}.bento-main h3,.bento-card h3{font-size:30px}.dashboard-demo{left:28px;grid-template-columns:90px 1fr}.demo-content{padding:30px 18px}.process-list article{grid-template-columns:60px 1fr}.store-image{height:260px}.cta-shell{min-height:560px;padding:48px 25px}.cta-copy h2{font-size:46px}.contact-line{flex-direction:column;gap:8px}.hero-marquee>div{justify-content:flex-start}.faq-grid{gap:35px}}

/* Supported payment ecosystem */
.payments-section{padding:120px 0;background:#fff}.payments-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:55px}.payments-heading h2{margin:0;color:var(--weby-ink);font-size:clamp(48px,5vw,68px);line-height:1.04;letter-spacing:-.055em}.payments-heading>p{max-width:410px;margin:0 0 10px;color:#697587;font-size:17px;line-height:1.7}.gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gateway-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:185px;padding:25px;overflow:hidden;border:1px solid #e2e7ee;border-radius:20px;background:#f9fafc;transition:transform .25s,border-color .25s,box-shadow .25s}.gateway-card:hover{z-index:2;transform:translateY(-5px);border-color:#c9d3e1;box-shadow:0 20px 45px rgba(16,24,40,.09)}.gateway-symbol{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;margin-bottom:auto;padding:0 10px;color:#fff;border-radius:13px;background:var(--weby-blue);font-size:18px;font-weight:900;letter-spacing:-.05em}.gateway-card>strong{margin-top:22px;color:var(--weby-ink);font-size:17px}.gateway-card>small{margin-top:3px;color:#909aaa;font-size:8px;font-weight:900;letter-spacing:.14em}.gateway-knet .gateway-symbol{color:#ffe000;background:#176fb7}.gateway-fatoorah .gateway-symbol{background:#10a6a6}.gateway-tap .gateway-symbol{color:#12151a;background:#d2ff24;font-size:20px}.gateway-upay .gateway-symbol{background:linear-gradient(135deg,#4821b8,#eb377d)}.gateway-hesabe .gateway-symbol{background:#eb5c38}.gateway-ottu .gateway-symbol{background:#4b35c5}.gateway-apple .gateway-symbol{color:#fff;background:#111;font-size:25px}.gateway-visa .gateway-symbol{color:#1a1f71;background:#fff;border:1px solid #dfe3ec;font-size:16px;font-style:italic}.gateway-mastercard .gateway-symbol{position:relative;width:58px;background:transparent}.gateway-mastercard .gateway-symbol i{position:absolute;width:32px;height:32px;border-radius:50%;background:#ea001b}.gateway-mastercard .gateway-symbol i:first-child{left:5px}.gateway-mastercard .gateway-symbol i:last-child{right:5px;background:#ff9900;opacity:.88}.gateway-tabby .gateway-symbol{color:#102621;background:#3be5b0;font-size:17px}.gateway-deema .gateway-symbol{color:#2d145f;background:#dccaff;font-family:Georgia,serif;font-size:26px}.gateway-more{border-style:dashed;background:#fff}.gateway-more .gateway-symbol{color:var(--weby-blue);border:1px solid #d9e2ff;background:#edf2ff}.payments-note{margin:26px 0 0;color:#8b96a6!important;font-size:11px;text-align:center}.payments-note i{margin-right:7px;color:#07906b}
@media(max-width:991px){.gateway-grid{grid-template-columns:repeat(3,1fr)}.payments-heading{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:767px){.payments-section{padding:82px 0}.gateway-grid{grid-template-columns:repeat(2,1fr)}.gateway-card{min-height:165px;padding:20px}.payments-heading h2{font-size:43px}}