/* Homepage: explicit services, distinct visual sections, and a clear next step. */
.home-v6 { --home-ink:#112d47; --home-muted:#62758a; --home-blue:#2689ee; --home-gold:#f2bd3c; color:var(--home-ink); }
.home-v6 .section { padding-block:88px; }
.home-v6 .sales-hero { padding:140px 0 78px; background:radial-gradient(ellipse at 15% 50%,#19466b70,transparent 55%),#0b2037; }
.home-v6 .sales-hero::after { opacity:.35; pointer-events:none; }
.home-v6 .sales-hero .row { --bs-gutter-x:64px; }
.home-v6 .sales-hero h1 { font-size:clamp(35px,3.7vw,54px); line-height:1.55; letter-spacing:-1.5px; margin:20px 0; }
.home-v6 .sales-hero h1 span { color:var(--home-gold); }
.home-v6 .sales-hero > .container p { font-size:15px; line-height:2; color:#b9cce0; max-width:580px; font-weight:400; }
.home-v6 .hero-service-links { gap:10px; margin-top:22px; }
.home-v6 .hero-service-links a { font-size:11px; padding:12px 10px; border-color:#ffffff18; background:#ffffff03; border-radius:9px; }
.home-v6 .hero-actions { margin-top:28px; gap:20px; }
.home-v6 .hero-actions .btn-main { background:var(--home-gold); color:#132d48; box-shadow:0 8px 24px #f2bd3c18; border:1px solid var(--home-gold); font-weight:800; padding:15px 24px; }
.home-v6 .hero-actions .btn-main:hover { background:#ffd36b; transform:translateY(-2px); }
.home-v6 .hero-actions .btn-outline-main { border:0; padding:12px 0; background:none; color:#d0e0ee; box-shadow:none; border-radius:0; font-size:13px; }
.home-v6 .hero-actions .btn-outline-main { transition:color .2s, text-decoration-color .2s; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:8px; text-decoration-thickness:2px; }
.home-v6 .hero-actions .btn-outline-main:hover { background:none; border-color:transparent; color:#fff; box-shadow:none; transform:none; text-decoration-color:#f3be3e; }
.home-v6 .sales-hero .product-showcase { max-width:520px; margin-inline:auto; padding-top:28px; }
.home-v6 .sales-hero .showcase-site-hero p { font-size:10px; color:#73889d; line-height:1.9; }
.home-v6 .showcase-site-hero strong { font-size:24px; line-height:1.65; }
.home-v6 .showcase-site-art { height:166px; }
.home-v6 .product-showcase .sales-app-preview { left:-4px; width:162px; bottom:-4px; }
.home-v6 .sales-hero .product-showcase .showcase-marketing { width:250px; right:0; bottom:4px; }
.home-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:36px; }
.home-kicker { display:inline-block; color:#3478b4; font-size:12px; font-weight:700; letter-spacing:.1px; margin-bottom:16px; }
.home-v6 h2 { font-size:clamp(29px,3vw,42px); line-height:1.55; font-weight:800; letter-spacing:-.7px; margin:0; }
.home-section-head p { font-size:14px; color:var(--home-muted); line-height:1.95; margin:0 0 12px; }
.home-v6 .quiet-link { font-size:13px; font-weight:700; color:#276eaf; }
.home-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.home-service-card { background:#fff; border:1px solid #e0e8ef; border-radius:20px; overflow:hidden; transition:border-color .2s,box-shadow .2s,transform .2s; }
.home-service-card:hover { border-color:#b3cde2; box-shadow:0 18px 36px #153e5910; transform:translateY(-4px); }
.home-service-art { position:relative; height:224px; display:grid; place-items:center; overflow:hidden; margin:10px; border-radius:13px; }
.service-web .home-service-art { background:radial-gradient(ellipse at 40% 100%,#accfed,transparent 60%),#e8f2fc; }
.service-app .home-service-art { background:radial-gradient(ellipse at 65% 60%,#acd8c7,transparent 55%),#eaf5ef; }
.service-marketing .home-service-art { background:radial-gradient(ellipse at 20% 100%,#ecd298,transparent 60%),#fbf3e3; }
.home-service-body { padding:18px 26px 22px; }
.home-service-body h3 { display:flex; gap:12px; align-items:center; font-size:24px; font-weight:800; line-height:1.5; margin-bottom:14px; }
.home-service-body > p { color:var(--home-muted); font-size:14px; line-height:1.95; min-height:82px; margin-bottom:20px; }
.home-solutions { background:#f2f5f8; }
.home-v6 .solution-preview-card { box-shadow:none; border-color:#e0e7ee; border-radius:18px; }
.home-v6 .solution-preview-body { padding:26px; }
.home-v6 .solution-preview-body h3 { font-size:21px; }
.home-v6 .solution-preview-body p { font-size:14px; }
.home-partnership { background:radial-gradient(ellipse at 15% 40%,#1e496650,transparent 65%),#0f293e; color:#fff; }
.home-partnership-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; }
.home-partnership .home-kicker { color:#88b4d7; }
.home-partnership h2 { font-size:clamp(32px,3.4vw,48px); }
.home-partnership h2 span { color:#f2bd3c; }
.home-partnership-copy > p { font-size:14px; line-height:2; color:#adc4d7; margin:20px 0 28px; max-width:470px; }
.home-light-link { color:#b5d5ed; font-size:13px; font-weight:700; }
.home-light-link:hover { color:#fff; }
.home-v6 a:focus-visible { outline:3px solid #4098e3; outline-offset:5px; }
@media (max-width:1199px) {
 .home-partnership-grid { gap:48px; }
 .home-service-grid { gap:18px; }
 .home-service-body { padding:18px 20px 22px; }
 .home-service-body h3 { font-size:21px; }
 .home-v6 .showcase-site-hero strong { font-size:20px; }
 .home-v6 .product-showcase .sales-app-preview { width:146px; }
 .home-v6 .sales-hero .product-showcase .showcase-marketing { width:225px; }
}
@media (max-width:991px) {
 .home-v6 .sales-hero { padding-top:115px; }
 .home-v6 .sales-hero .row { --bs-gutter-x:24px; }
 .home-v6 .sales-hero h1 { max-width:650px; font-size:48px; }
 .home-v6 .sales-hero .product-showcase { margin-top:12px; max-width:520px; }
 .home-service-body h3 { font-size:19px; gap:8px; }
 .home-service-body > p { font-size:13px; min-height:120px; }
 .home-service-art { height:190px; }
 .home-partnership-grid { gap:32px; }
}
@media (max-width:767px) {
 .home-v6 .section { padding-block:52px; }
 .home-v6 .sales-hero { padding:105px 0 38px; }
 .home-v6 .sales-hero h1 { font-size:clamp(29px,7.8vw,39px); line-height:1.55; letter-spacing:-.8px; margin:18px 0; }
  .home-v6 .sales-hero > .container p { font-size:14px; line-height:1.9; }
 .home-v6 .hero-service-links a { font-size:10px; padding:10px 4px; min-height:67px; }
 .home-v6 .hero-actions { flex-direction:row; flex-wrap:wrap; gap:10px 18px; align-items:center; }
 .home-v6 .hero-actions .btn-main { min-height:49px; padding:12px 17px; flex:1; font-size:13px; }
 .home-v6 .hero-actions .btn-outline-main { min-height:auto; font-size:11px; flex-shrink:0; }
 .home-v6 .sales-hero .product-showcase { max-width:360px; padding:16px 2px 94px 12px; margin-top:0; }
 .home-v6 .showcase-site-hero strong { font-size:15px; }
 .home-v6 .sales-hero .showcase-site-hero p { font-size:8px; }
 .home-v6 .showcase-site-art { height:122px; }
 .home-v6 .product-showcase .sales-app-preview { width:126px; left:0; bottom:0; }
 .home-v6 .sales-hero .product-showcase .showcase-marketing { width:181px; bottom:10px; }
 .home-section-head { display:block; margin-bottom:28px; }
 .home-v6 h2 { font-size:30px; line-height:1.5; letter-spacing:-.5px; }
 .home-section-head > div:last-child { margin-top:18px; }
 .home-section-head p { font-size:13px; }
  .home-kicker { font-size:10px; margin-bottom:12px; }
 .home-service-grid { grid-template-columns:1fr; gap:20px; }
 .home-service-art { height:200px; }
 .home-service-body { padding:16px 22px 22px; }
 .home-service-body h3 { font-size:24px; gap:12px; }
 .home-service-body > p { min-height:0; font-size:14px; margin-bottom:18px; }
 .home-v6 .solution-preview-body { padding:24px; }
 .home-v6 .solution-preview-body h3 { font-size:20px; }
 .home-partnership-grid { grid-template-columns:1fr; gap:36px; }
 .home-partnership h2 { font-size:34px; }
 .home-partnership-copy > p { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) { .home-service-card { transition:none; } }

/* Findings from the second UX pass: reading, direct requests, and mobile density. */
.home-v6 { --home-muted:#52687d; }
.home-v6 .hero-service-links a { font-size:12px; }
.home-service-card { display:flex; flex-direction:column; }
.home-service-art { flex-shrink:0; }
.home-service-body { display:flex; flex-direction:column; flex:1; }
.home-service-body > p { min-height:0; }
.home-service-actions { display:flex; flex-direction:column; gap:4px; border-top:1px solid #e3ebf2; padding-top:18px; }
.home-service-quote { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:10px 14px; border-radius:9px; background:#edf5fc; color:#20577f; font-size:14px; font-weight:700; }
.service-app .home-service-quote { background:#edf6f1; color:#276c55; }
.service-marketing .home-service-quote { background:#fcf3df; color:#785b22; }
.home-service-quote:hover { color:#143d5c; background:#dceefb; }
.service-app .home-service-quote:hover { background:#daede2; color:#1b4e3b; }
.service-marketing .home-service-quote:hover { background:#f3e6c5; color:#624710; }
.home-v6 :is(.quiet-link,.home-light-link) { display:inline-flex; align-items:center; gap:10px; min-height:44px; }
.home-v6 .solution-preview-body { display:flex; flex-direction:column; flex:1; }
.home-v6 .solution-preview-card { display:flex; flex-direction:column; }
.home-v6 .solution-preview-body .quiet-link { margin-top:auto; }
.home-mobile-action { display:none; }
@media (min-width:768px) and (max-width:991px) {
 .home-service-grid { grid-template-columns:1fr; }
 .home-service-card { display:grid; grid-template-columns:220px 1fr; }
 .home-service-art { height:calc(100% - 20px); min-height:230px; }
 .home-service-body h3 { font-size:23px; }
 .home-service-body > p { font-size:14px; min-height:0; }
 .home-service-actions { flex-direction:row; align-items:center; gap:22px; }
 .home-service-quote { flex:1; }
}
@media (max-width:767px) {
 body:has(.home-v6) { padding-bottom:78px; }
 body:has(.home-v6) .whatsapp-float { display:none; }
 .home-v6 .section { padding-block:40px; }
 .home-v6 .sales-hero { padding:99px 0 28px; }
 .home-v6 .sales-hero .row { --bs-gutter-y:26px; }
 .home-v6 .sales-hero h1 { margin:15px 0; }
 .home-v6 .sales-hero > .container p { font-size:14px; }
 .home-v6 .hero-actions { gap:12px; flex-wrap:nowrap; margin-top:22px; }
 .home-v6 .hero-actions .btn-main { width:auto; min-width:0; font-size:12px; padding:12px 10px; white-space:nowrap; }
 .home-v6 .hero-actions .btn-outline-main { width:auto; min-height:44px; font-size:11px; line-height:1.8; max-width:78px; text-align:center; }
 .home-v6 .hero-service-links a { font-size:11px; }
 .home-v6 .sales-hero .product-showcase { max-width:310px; padding-bottom:96px; }
 .home-v6 .sales-hero .product-showcase .composition-content { padding-top:12px; padding-bottom:24px; }
 .home-v6 .showcase-site-hero strong { font-size:13px; }
 .home-v6 .showcase-site-art { height:105px; }
 .home-v6 .product-showcase .sales-app-preview { width:112px; }
 .home-v6 .sales-hero .product-showcase .showcase-marketing { width:162px; }
 .home-v6 .showcase-marketing-top > span { font-size:6px; }
 .home-service-art { height:158px; }
 .home-service-body { padding:14px 20px 16px; }
 .home-service-body h3 { font-size:22px; margin-bottom:10px; }
 .home-service-body > p { margin-bottom:14px; }
 .home-service-actions { padding-top:14px; }
 .home-v6 .home-kicker { font-size:12px; }
 .home-v6 .solution-preview-body { padding:20px; }
 .home-v6 .solution-preview-body p { min-height:0; margin-bottom:8px; }
 .home-partnership-grid { gap:0; }
 .home-mobile-action:not([hidden]) { display:flex; align-items:center; gap:12px; position:fixed; z-index:1020; bottom:0; left:0; right:0; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:#fffffffa; border-top:1px solid #dce7ef; box-shadow:0 -6px 24px #132d4810; }
 .home-mobile-action[hidden] { display:none; }
 .home-mobile-quote { min-height:46px; flex:1; display:flex; justify-content:space-between; align-items:center; gap:12px; background:#f2bd3c; color:#132d48; border-radius:10px; padding:12px 16px; font-size:13px; font-weight:800; }
 .home-mobile-whatsapp { display:grid; place-items:center; min-height:46px; width:46px; border:1px solid #cce3d7; background:#ecf7f1; border-radius:10px; color:#267451; font-size:23px; }
 .home-mobile-action a:focus-visible { outline:3px solid #4098e3; outline-offset:2px; }
}

/* Third pass: assurances, complementary services, one process section, direct contact. */

.home-more-services { margin-top:40px; padding-top:32px; border-top:1px solid #e0e8ef; }
.home-more-head { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:20px; }
.home-more-head h3 { font-size:21px; font-weight:800; margin:0; color:var(--home-ink); }
.home-more-head p { font-size:13px; color:var(--home-muted); margin:0; line-height:1.9; }
.home-more-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }

.home-partnership-grid { grid-template-columns:.9fr 1.1fr; gap:80px; }
.home-partnership-copy > p { margin-bottom:24px; }
.home-steps { list-style:none; margin:0; padding:0; display:grid; gap:14px; position:relative; }
.home-steps li { display:flex; align-items:flex-start; gap:18px; padding:22px 24px; border:1px solid #d3e3f01c; background:#ffffff06; border-radius:16px; position:relative; }
.home-steps li > i { flex-shrink:0; display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#89b1d317; color:#9cc9ea; font-size:20px; }
.home-steps h3 { font-size:18px; font-weight:700; color:#edf6ff; margin:2px 0 6px; line-height:1.6; }
.home-steps p { font-size:13px; color:#b3cada; line-height:1.9; margin:0; }
.home-step-num { position:absolute; top:20px; left:22px; font:12px/1 Arial,sans-serif; color:#f2bd3c; letter-spacing:.5px; }
.home-steps div { padding-left:28px; }

@media (max-width:1199px) {
 .home-partnership-grid { gap:48px; }
 .home-more-head { flex-direction:column; gap:6px; }
}
@media (max-width:991px) {
 .home-more-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-partnership-grid { grid-template-columns:1fr; gap:36px; }
 .home-partnership-copy > p { max-width:620px; }
}
@media (max-width:767px) {
 .home-more-services { margin-top:28px; padding-top:24px; }
 .home-more-head h3 { font-size:19px; }
 .home-more-head p { font-size:12px; }
 .home-more-grid { grid-template-columns:1fr; gap:12px; }
 .home-partnership h2 { font-size:32px; }
 .home-partnership-grid { gap:28px; }
 .home-steps { gap:10px; }
 .home-steps li { padding:14px 16px; gap:12px; border-radius:14px; }
 .home-steps p { font-size:12.5px; line-height:1.8; }
 .home-steps li > i { width:38px; height:38px; font-size:17px; }
 .home-steps h3 { font-size:16px; }
 .home-step-num { top:16px; left:16px; }
}

/* Reading comfort: body copy 15.5–17px, labels at least 13px, no negative tracking on Arabic. */
.home-v6 :is(h1,h2,h3) { letter-spacing:0; }
.home-v6 .sales-hero > .container p { font-size:17.5px; line-height:1.95; color:#c9d8e8; max-width:56ch; }
.home-v6 .hero-service-links a { font-size:14px; }
.home-v6 .hero-actions .btn-main { font-size:16px; }
.home-v6 .hero-actions .btn-outline-main { font-size:15px; }
.home-v6 .home-kicker { font-size:14px; color:var(--kicker,#245f99); }
.home-v6 .home-partnership .home-kicker { color:#9cc4e6; }
.home-section-head p { font-size:17px; color:var(--muted); }
.home-service-body > p { font-size:16px; line-height:1.9; color:var(--muted); }
.home-service-quote { font-size:15px; }
.home-more-head h3 { font-size:22px; }
.home-more-head p { font-size:15.5px; }
.home-partnership-copy > p { font-size:16.5px; color:#c3d6ea; max-width:46ch; }
.home-light-link { font-size:15px; }
.home-steps h3 { font-size:19px; }
.home-steps p { font-size:15.5px; color:#c3d6ea; }
.home-v6 .solution-preview-body h3 { font-size:21px; }
@media (max-width:767px) {
 .home-v6 .sales-hero > .container p { font-size:16.5px; }
  .home-v6 .hero-service-links a { font-size:13px; }
 .home-v6 .hero-actions .btn-main { font-size:14.5px; }
 .home-v6 .hero-actions .btn-outline-main { font-size:13.5px; max-width:96px; }
 .home-section-head p { font-size:16px; }
 .home-service-body > p { font-size:15.5px; }
 .home-steps p { font-size:15px; }
 .home-mobile-quote { font-size:15px; }
}

/* Fourth pass: cards carry comparable facts (duration, price basis, deliverables) instead of loose tags. */
.home-service-body > p { margin-bottom:18px; }
.home-service-actions { margin-top:auto; }

.home-v6 .solution-preview-body > p { min-height:0; font-size:15px; line-height:1.9; color:var(--muted,#52687d); margin-bottom:14px; }
.solution-highlights { list-style:none; padding:14px 0 0; margin:0 0 18px; display:grid; gap:7px; border-top:1px solid #e8eef4; }
.solution-highlights li { font-size:14.5px; line-height:1.75; color:var(--text,#2b3d52); }

.home-step-result { display:inline-flex; align-items:center; gap:7px; margin-top:12px; padding:5px 12px; border-radius:999px; border:1px solid #f2bd3c38; background:#f2bd3c12; color:#f5d68f; font-size:13.5px; font-weight:700; line-height:1.7; }
.home-step-result i { font-size:14px; }

@media (min-width:768px) and (max-width:991px) {
  .home-section-head { display:block; }
 .home-section-head > div:last-child { margin-top:16px; max-width:620px; }
 .home-service-card .service-includes { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:16px; }
}
@media (max-width:767px) {
 .home-service-card .service-includes { margin-bottom:18px; }
 .home-v6 .solution-preview-body > p { font-size:14.5px; }
 .solution-highlights li { font-size:14px; }
 .home-step-result { font-size:13px; margin-top:10px; }
}

/* Fifth pass: one primary CTA colour, no prices on the homepage. */
body:has(.home-v6) { --nav-cta-bg:#f2bd3c; --nav-cta-ink:#132d48; }
body:has(.home-v6) .navbar .nav-cta:hover { background:#ffd36b; }

@media (min-width:992px) { .home-v6 .sales-hero h1 { font-size:clamp(30px,3.1vw,44px); white-space:nowrap; } }
.home-v6 .hero-assurances { list-style:none; padding:0; margin:22px 0 0; display:flex; flex-wrap:wrap; gap:10px 22px; }
.home-v6 .hero-assurances li { display:flex; align-items:center; gap:8px; font-size:14.5px; color:#c9d8e8; line-height:1.7; }
.home-v6 .hero-assurances i { color:var(--home-gold); font-size:14px; }

.home-service-body h3 a { display:flex; gap:12px; align-items:center; flex:1; color:inherit; }
.home-service-card .service-includes { margin-top:auto; }
.home-service-actions { margin-top:18px; }

.home-partnership-grid { align-items:start; }
.home-partnership-copy { position:sticky; top:120px; }
.home-step-result { border:0; background:none; padding:0; color:#f5d68f; }

@media (max-width:991px) {
 .home-partnership-copy { position:static; }
}
@media (max-width:767px) {
 .home-v6 .hero-assurances { flex-direction:column; gap:6px; margin-top:16px; }
 .home-v6 .hero-assurances li { font-size:14px; }
}

/* Hero showcase: nothing hidden behind the phone or the marketing card, readable copy, no stray orbit dot. */
.home-v6 .product-showcase .composition-orbit { border-color:transparent; }
.home-v6 .product-showcase .composition-orbit::after { display:none; }
.home-v6 .sales-hero .product-showcase { padding:24px 0 64px 108px; }
.home-v6 .product-showcase .composition-browser { transform:rotate(-1.5deg); }
.home-v6 .sales-hero .product-showcase .composition-content { padding:22px 24px 64px; }
.home-v6 .sales-hero .product-showcase .showcase-site-hero p { font-size:10px; line-height:1.9; color:#5f7489; max-width:none; margin-top:10px; }
.home-v6 .product-showcase .showcase-site-art { height:150px; }
.home-v6 .product-showcase .sales-app-preview { left:0; bottom:0; }
.home-v6 .sales-hero .product-showcase .showcase-marketing { right:28px; bottom:0; width:236px; }
.showcase-trend { display:flex; align-items:flex-end; gap:3px; height:18px; margin-inline-start:auto; }
.showcase-trend i { width:5px; border-radius:2px; background:#bfe0d3; }
.showcase-trend i:nth-child(1) { height:6px; }
.showcase-trend i:nth-child(2) { height:9px; }
.showcase-trend i:nth-child(3) { height:13px; }
.showcase-trend i:nth-child(4) { height:18px; background:#29927e; }
@media (max-width:767px) {
 .home-v6 .sales-hero .product-showcase { padding:14px 0 70px 58px; }
 .home-v6 .sales-hero .product-showcase .composition-content { padding:16px 14px 44px; }
 .home-v6 .sales-hero .product-showcase .showcase-site-hero p { font-size:8px; }
 .home-v6 .product-showcase .showcase-site-hero { grid-template-columns:1fr; }
 .home-v6 .product-showcase .showcase-site-art { display:none; }
 .home-v6 .sales-hero .product-showcase .showcase-marketing { right:10px; }
}

/* Service card illustrations: small, complete scenes for each service, drawn on a fixed 300x196 stage. */
.sa-stage { position:absolute; top:50%; left:50%; width:300px; height:196px; translate:-50% -50%; }
.sa-pill { position:absolute; z-index:2; display:inline-flex; align-items:center; gap:6px; padding:6px 10px 6px 7px; background:#fff; border-radius:10px; font-size:9.5px; font-weight:700; line-height:1.4; color:#173451; white-space:nowrap; box-shadow:0 10px 22px #1a3d5a24; }
.sa-pill i { display:grid; place-items:center; width:20px; height:20px; border-radius:6px; font-size:11px; }

.sa-browser { position:absolute; inset:12px 14px 14px 10px; overflow:hidden; background:#fff; border:1px solid #cfe1f1; border-radius:12px; box-shadow:0 18px 30px #2c689024; transform:rotate(-2deg); }
.sa-bar { display:flex; align-items:center; gap:4px; padding:7px 10px; background:#f3f7fb; border-bottom:1px solid #e6eef6; direction:ltr; }
.sa-bar > i { width:5px; height:5px; border-radius:50%; background:#f3a99b; }
.sa-bar > i:nth-child(2) { background:#ecc979; }
.sa-bar > i:nth-child(3) { background:#8fcdb7; }
.sa-bar span { margin-left:auto; padding:3px 8px; border:1px solid #e3ebf3; border-radius:4px; background:#fff; font:600 7px/1 Arial,sans-serif; color:#7d90a5; }
.sa-bar span i { font-size:6px; }
.sa-site { padding:9px 12px 0; }
.sa-nav { display:flex; align-items:center; gap:6px; }
.sa-nav b { margin-inline-end:auto; font-size:9px; color:#173451; }
.sa-nav b i { font-size:7px; color:#2b85d6; }
.sa-nav span { width:16px; height:3px; border-radius:2px; background:#dfe8f2; }
.sa-nav em { padding:3px 6px; border-radius:4px; background:#eaf3fd; color:#2b77c4; font-size:6.5px; font-style:normal; font-weight:700; }
.sa-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:10px; align-items:center; margin-top:10px; }
.sa-copy strong { display:block; font-size:14px; line-height:1.45; font-weight:800; color:#173451; }
.sa-copy span { display:block; width:85%; height:3px; margin-top:6px; border-radius:2px; background:#e1eaf4; }
.sa-copy span.s { width:60%; margin-top:4px; }
.sa-copy em { display:inline-block; margin-top:8px; padding:4px 8px; border-radius:4px; background:#2b85d6; color:#fff; font-size:7px; font-style:normal; font-weight:700; }
.sa-photo { position:relative; display:grid; place-items:center; height:70px; overflow:hidden; border-radius:10px; background:linear-gradient(150deg,#86bcef,#2b85d6); color:#fff; font-size:28px; }
.sa-photo::after { content:''; position:absolute; right:-14px; bottom:-22px; width:62px; height:62px; border-radius:50%; background:#ffffff26; }
.sa-pill-web { left:-8px; bottom:6px; }
.sa-pill-web i { background:#e6f1fc; color:#2b85d6; }

.sa-phone { position:absolute; top:4px; left:50%; width:116px; height:188px; margin-left:-58px; padding:6px 8px 0; overflow:hidden; background:#fff; border:4px solid #244b43; border-radius:20px; box-shadow:0 18px 28px #3566572e; transform:rotate(4deg); }
.sa-notch { width:28px; height:4px; margin:0 auto 8px; border-radius:3px; background:#244b43; }
.sa-app-head { display:flex; align-items:center; justify-content:space-between; font-size:9px; color:#1e3f37; }
.sa-app-head i { font-size:9px; color:#5c8f7e; }
.sa-days { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:7px; }
.sa-days span { padding:3px 0; border:1px solid #e3eee9; border-radius:6px; text-align:center; font-size:5.5px; color:#86a39a; }
.sa-days b { display:block; font-size:9px; color:#2d4a42; }
.sa-days .on { background:#328b72; border-color:#328b72; color:#d7efe6; }
.sa-days .on b { color:#fff; }
.sa-slots { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:7px; }
.sa-slots span { padding:5px 0; border-radius:5px; background:#f2f7f5; text-align:center; font:600 7px/1 Arial,sans-serif; color:#4f7469; }
.sa-slots .on { background:#e1f2ea; color:#24705a; box-shadow:inset 0 0 0 1px #8fcab3; }
.sa-confirm { display:block; margin-top:9px; padding:5px 0; border-radius:6px; background:#244b43; color:#fff; text-align:center; font-size:7.5px; font-style:normal; font-weight:700; }
.sa-tabbar { position:absolute; right:0; bottom:0; left:0; display:flex; justify-content:space-around; padding:6px 0 7px; border-top:1px solid #edf3f0; font-size:9px; color:#9db8ae; }
.sa-tabbar i:first-child { color:#328b72; }
.sa-pill-app { top:34px; right:-12px; }
.sa-pill-app i { background:#e2f3eb; color:#2f8a6e; }
.sa-pill-bell { bottom:34px; left:-12px; }
.sa-pill-bell i { background:#fdf2dc; color:#c48a1d; }

.sa-panel { position:absolute; inset:12px 12px 16px 22px; padding:12px 14px; background:#fffdf8; border:1px solid #ead9b6; border-radius:12px; box-shadow:0 18px 28px #94734120; transform:rotate(-2deg); }
.sa-panel-head { display:flex; align-items:center; gap:8px; }
.sa-panel-head > i { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:#f7e9c9; color:#ae822c; font-size:12px; }
.sa-panel-head b { font-size:11px; color:#5a4423; }
.sa-panel-head span { margin-inline-start:auto; padding:2px 8px; border-radius:99px; background:#e5f3ea; color:#3f8a5c; font-size:7.5px; font-weight:700; }
.sa-chart { display:flex; align-items:flex-end; gap:6px; height:66px; margin-top:12px; padding-bottom:4px; border-bottom:1px dashed #ecdcbc; direction:ltr; }
.sa-chart i { flex:1; border-radius:4px 4px 2px 2px; background:#f1e2c0; }
.sa-chart i:nth-child(1) { height:28%; }
.sa-chart i:nth-child(2) { height:40%; }
.sa-chart i:nth-child(3) { height:34%; }
.sa-chart i:nth-child(4) { height:52%; }
.sa-chart i:nth-child(5) { height:60%; }
.sa-chart i:nth-child(6) { height:74%; }
.sa-chart i:nth-child(7) { height:94%; background:linear-gradient(#e6bb5a,#c8952f); }
.sa-channels { display:flex; gap:6px; margin-top:9px; }
.sa-channels span { display:grid; place-items:center; width:22px; height:22px; border:1px solid #efe2c8; border-radius:6px; background:#fff; color:#9a7c40; font-size:10px; }
.sa-pill-mkt { bottom:2px; left:-8px; }
.sa-pill-mkt i { background:#e5f3ea; color:#3f8a5c; }

@media (min-width:992px) and (max-width:1199px) { .sa-stage { transform:scale(.86); } }
@media (min-width:768px) and (max-width:991px) {
 .sa-stage { transform:scale(.64); }
 .sa-stage :is(.sa-pill-web,.sa-pill-bell,.sa-pill-mkt) { left:6px; }
 .sa-stage .sa-pill-app { right:6px; }
}
@media (max-width:767px) {
 .home-service-art { height:214px; }
 .sa-pill-app { right:-6px; }
 .sa-pill-bell { left:-6px; }
}
@media (max-width:359px) { .sa-stage { transform:scale(.86); } }
.sa-web .sa-hero { margin-top:14px; }
.sa-web .sa-photo { height:84px; }

/* Main service cards in the same language as the compact service cards: icon tile, theme-coloured checks, details link plus outlined quote button, whole card clickable. */
.service-web { --cg:#1b6cb5; --cg-soft:#edf5fc; --cg-line:#cfe0f1; }
.service-app { --cg:#2a7d63; --cg-soft:#e6f4ec; --cg-line:#cbe5d6; }
.service-marketing { --cg:#a7741f; --cg-soft:#fcf3df; --cg-line:#ecdcb8; }
.home-service-card { position:relative; }
.home-service-card:hover { border-color:var(--cg-line); }
.home-service-body h3 a { gap:14px; }
.home-service-body h3 a::after { content:''; position:absolute; inset:0; z-index:1; border-radius:20px; }
.home-service-body h3 a:focus-visible { outline:none; }
.home-service-card:has(h3 a:focus-visible) { outline:3px solid #4098e3; outline-offset:3px; }
.home-service-card:hover h3 a { color:var(--cg); }
.home-service-icon { flex-shrink:0; display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#fff; color:var(--cg); font-size:21px; box-shadow:0 8px 18px #10284612,0 0 0 1px var(--cg-line); }
body.site-refined .home-service-card li > i.bi-check2:first-child { background:var(--cg-soft); color:var(--cg); }
.home-v6 .home-service-actions { flex-direction:row; align-items:center; justify-content:space-between; gap:12px; padding-top:18px; border-top:1px solid #edf2f7; }
.home-service-more { display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:700; color:var(--cg); }
.home-service-more i { transition:transform .2s; }
.home-service-card:hover .home-service-more i { transform:translateX(-4px); }
.home-v6 .home-service-card .home-service-quote { position:relative; z-index:2; flex:0 0 auto; display:inline-flex; justify-content:center; min-height:44px; padding:9px 18px; border:1px solid var(--cg-line); border-radius:11px; background:#fff; color:var(--cg); font-size:14.5px; font-weight:700; }
.home-v6 .home-service-card .home-service-quote:hover { background:var(--cg); border-color:var(--cg); color:#fff; }
.home-v6 .home-service-card .home-service-quote:focus-visible { outline:3px solid #4098e3; outline-offset:2px; }
@media (max-width:767px) {
 .home-service-icon { width:42px; height:42px; font-size:19px; }
 .home-v6 .home-service-card .home-service-quote { padding-inline:14px; }
}
@media (prefers-reduced-motion:reduce) { .home-service-more i { transition:none; } }