/* Optional theme for content sections of the imported click page. */
#click-content #how{padding:80px 0;background:#fff}
#click-content #how>.wrap{width:min(1188px,calc(100% - 48px))}
#click-content #how .section-intro{max-width:800px;margin:0 auto 36px;text-align:center}
#click-content #how h2{font:700 32px/1.3 Montserrat,Arial;color:#493468;letter-spacing:normal;margin-bottom:18px}
#click-content #how .section-intro p{font-size:15px;line-height:1.7;color:#81748e}
#click-content #how .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
#click-content #how .card{padding:30px;background:linear-gradient(135deg,#f2eafa,#fcfaff);border:1px solid #e6d9f1;border-radius:20px;box-shadow:0 12px 32px #5630ab09;position:relative;overflow:hidden;min-height:0;transition:transform .25s,box-shadow .25s}
#click-content #how .card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #5630ab14}
#click-content #how .icon-badge{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7444d9;background:#e9dcfa;font-size:23px;box-shadow:none;margin-bottom:23px}
#click-content #how .num{position:absolute;top:28px;right:25px;font:700 35px/1 Montserrat,Arial;color:#d7bdec;margin:0}
#click-content #how h3{font:700 18px/1.4 Montserrat,Arial;color:#493468;letter-spacing:normal;margin:0 0 13px}
#click-content #how .card p{font-size:14px;line-height:1.7;color:#81748e;margin:0}
@media(max-width:767px){#click-content #how{padding:55px 0}#click-content #how>.wrap{width:calc(100% - 40px)}#click-content #how h2{font-size:26px}#click-content #how .cards{grid-template-columns:1fr;gap:15px}#click-content #how .card{padding:25px}#click-content #how .icon-badge{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){#click-content #how .card{transition:none}#click-content #how .card:hover{transform:none}}

/* Match the shared service-page cards exactly. */
#click-content #how{background:#faf8fd;padding:85px 0}
#click-content #how .cards{gap:22px}
#click-content #how .card{background:#fff;padding:28px;border-radius:20px;border:1px solid #eee8f6;box-shadow:0 8px 25px #29175d04;transition:none}
#click-content #how .card:hover{transform:none;box-shadow:0 8px 25px #29175d04}
#click-content #how .num{display:none}
#click-content #how .icon-badge{display:inline-flex;width:50px;height:50px;border-radius:14px;background:#eee6ff;color:#7444d9;align-items:center;justify-content:center;margin:0;box-shadow:none}
#click-content #how .icon-badge svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#click-content #how h3{font:700 18px/1.45 Montserrat,Arial;margin:16px 0 12px;color:#29304b}
#click-content #how .card p{font:14px/1.7 'Open Sans',Arial;color:#75778b;margin:0}
@media(max-width:767px){#click-content #how{padding:55px 0}#click-content #how .cards{gap:15px}#click-content #how .card{padding:23px}}

#click-content #how .card{display:block;grid-template-columns:none;grid-template-rows:none;gap:0;align-items:initial}
#click-content #how .card::before,#click-content #how .card::after{display:none}
#click-content #how .icon-badge{grid-column:auto;grid-row:auto;position:static}
#click-content #how .card h3,#click-content #how .card p{grid-column:auto;grid-row:auto;padding:0;text-align:left}

#click-content #packages{padding:85px 0;background:#fff}
#click-content #packages>.wrap{width:min(1188px,calc(100% - 48px))}
#click-content #packages .section-intro{max-width:800px;margin:0 auto 40px;text-align:center}
#click-content #packages h2{font:700 32px/1.3 Montserrat,Arial;color:#493468;letter-spacing:normal;margin-bottom:18px}
#click-content #packages .section-intro p{font-size:15px;line-height:1.7;color:#81748e}
#click-content #packages .packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#click-content #packages .package{padding:30px;background:#fff;border:1px solid #e9def7;border-radius:22px;display:flex;flex-direction:column;transform:none;box-shadow:none;position:relative;overflow:hidden}
#click-content #packages .package::before,#click-content #packages .package::after{display:none}
#click-content #packages .package.popular{background:#faf7ff;border:2px solid #b996e8;box-shadow:0 15px 40px #7444d915}
#click-content #packages .badge{position:static;align-self:flex-start;padding:6px 10px;background:#eee4ff;color:#7444d9;border-radius:8px;font-size:10px;margin:0 0 13px;line-height:1.4}
#click-content #packages h3{font:700 22px/1.4 Montserrat,Arial;color:#493468;letter-spacing:normal;margin:0 0 16px}
#click-content #packages .visits{font:600 14px/1.5 'Open Sans',Arial;color:#7444d9}
#click-content #packages .package>br{display:none}
#click-content #packages .package>p{font-size:11px;color:#a195ae;margin:8px 0 16px}
#click-content #packages .package ul{list-style:none;padding:0;margin:8px 0 26px;font-size:13px;line-height:1.8;color:#75778b}
#click-content #packages .package li{display:flex;gap:9px;padding:7px 0;align-items:flex-start}
#click-content #packages .package li::before{content:'✓';color:#7444d9;font-weight:700;flex-shrink:0}
#click-content #packages .price{font:700 22px/1.5 Montserrat,Arial;color:#7444d9;margin:auto 0 22px}
#click-content #packages .package>.btn{width:100%;border-radius:30px;background:#e53935;min-height:50px;font:700 14px/1.4 Montserrat,Arial;padding:13px 18px;box-shadow:none}
#click-content #packages .package>.btn:hover{background:#c62828}
@media(max-width:767px){#click-content #packages{padding:55px 0}#click-content #packages>.wrap{width:calc(100% - 40px)}#click-content #packages h2{font-size:26px}#click-content #packages .packages{grid-template-columns:1fr;gap:18px}#click-content #packages .package{padding:28px}}

#click-content #packages .package.popular{overflow:visible}
#click-content #packages .package.popular>.badge{position:absolute;top:-15px;left:50%;right:auto;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#7444d9;color:#fff;font:700 12px/1.4 Montserrat,Arial;border-radius:30px;padding:9px 17px;margin:0;box-shadow:0 7px 18px #7444d92b;border:3px solid #fff}
#click-content #packages .package.popular>.badge::before{content:'★';color:#f4d58a;font-size:13px}

#click-content #partners{padding:85px 0;background:#faf8fd}
#click-content #partners>.wrap{width:min(1188px,calc(100% - 48px))}
#click-content #partners .section-intro{max-width:860px;margin:0 auto 40px;text-align:center}
#click-content #partners h2{font:700 32px/1.3 Montserrat,Arial;color:#493468;letter-spacing:normal;margin:0 0 18px}
#click-content #partners .eyebrow{background:none;padding:0;font:600 11px/1.5 'Open Sans',Arial;text-transform:uppercase;letter-spacing:1.4px;color:#a080c4;margin-bottom:13px}
#click-content #partners .click-saving{color:#7444d9;white-space:nowrap;background:#ede3fa;padding:1px 8px;border-radius:7px}
#click-content #partners .section-intro p{font-size:15px;line-height:1.7;color:#81748e}
#click-content #partners .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#click-content #partners .card{display:block;padding:28px;background:#fff;border:1px solid #eee8f6;border-radius:20px;box-shadow:0 8px 25px #29175d04;min-height:0;transform:none}
#click-content #partners .card::before,#click-content #partners .card::after{display:none}
#click-content #partners .icon-badge{display:inline-flex;width:50px;height:50px;border-radius:14px;background:#eee6ff;color:#7444d9;align-items:center;justify-content:center;grid-area:auto;position:static;margin:0;box-shadow:none}
#click-content #partners .icon-badge svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#click-content #partners h3{font:700 18px/1.45 Montserrat,Arial;color:#29304b;margin:16px 0 12px;letter-spacing:normal}
#click-content #partners .card p{font:14px/1.7 'Open Sans',Arial;color:#75778b;margin:0}
@media(max-width:767px){#click-content #partners{padding:55px 0}#click-content #partners>.wrap{width:calc(100% - 40px)}#click-content #partners h2{font-size:26px}#click-content #partners .cards{grid-template-columns:1fr;gap:15px}#click-content #partners .card{padding:23px}}

#click-content #report{padding:85px 0;background:#fff}
#click-content #report>.wrap{width:min(1188px,calc(100% - 48px))}
#click-content #report .section-intro{max-width:800px;margin:0 auto 40px;text-align:center}
#click-content #report h2{font:700 32px/1.3 Montserrat,Arial;color:#493468;letter-spacing:normal;margin-bottom:18px}
#click-content #report .section-intro p{font-size:15px;line-height:1.7;color:#81748e}
#click-content #report .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#click-content #report .step{display:block;padding:28px;background:#faf8fd;border:1px solid #eee8f6;border-radius:20px;box-shadow:0 8px 25px #29175d04;min-height:0;transform:none;cursor:default}
#click-content #report .step::before,#click-content #report .step::after{display:none}
#click-content #report .click-step-icon{display:inline-flex;width:50px;height:50px;border-radius:14px;background:#eee6ff;color:#7444d9;align-items:center;justify-content:center}
#click-content #report .click-step-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#click-content #report h3{font:700 18px/1.45 Montserrat,Arial;color:#29304b;margin:16px 0 12px;letter-spacing:normal}
#click-content #report .step p{font:14px/1.7 'Open Sans',Arial;color:#75778b;margin:0}
@media(max-width:767px){#click-content #report{padding:55px 0}#click-content #report>.wrap{width:calc(100% - 40px)}#click-content #report h2{font-size:26px}#click-content #report .steps{grid-template-columns:1fr;gap:15px}#click-content #report .step{padding:23px}}