/* Skodefy design system. Replaces the legacy template's global styles. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

:root {
    --sk-brand: #291fbc;
    --sk-brand-dark: #0f0786;
    --sk-brand-blue: #488fed;
    --sk-brand-blue-dark: #1f53bc;
    --sk-brand-accent: #0e7490;
    --sk-accent-bright: #22d3ee;
    --sk-accent-soft: #ecfeff;
    --sk-cta: #9400ff;
    --sk-cta-dark: #7500cc;
    --sk-cta-soft: #f4e8ff;
    --sk-ink: #211b32;
    --sk-text: #485974;
    --sk-surface: #f6f8ff;
    --sk-surface-blue: #eaf2ff;
    --sk-line: #dce3f4;
}

/* Reusable inner-page components. Shared by all pages through home.php. */
.sk-client-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none; }
.sk-client-card { min-width:0; display:flex; flex-direction:column; align-items:center; padding:28px 20px; border:1px solid #dce3f4; border-radius:14px; background:#fff; text-align:center; }
.sk-client-card__logo { width:136px; height:136px; display:grid; place-items:center; padding:12px; margin-bottom:22px; border-radius:14px; background:#fff; }
.sk-client-card__logo img { display:block; width:112px; height:112px; object-fit:contain; }
.sk-page .sk-client-card h3 { font:600 15px/1.5 "DM Sans",sans-serif; letter-spacing:0; margin:0; color:#291fbc; overflow-wrap:anywhere; }
@media(max-width:991px) { .sk-client-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }
@media(max-width:767px) { .sk-client-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .sk-client-grid { gap:12px; } .sk-client-card { padding:20px 12px; } .sk-client-card__logo { width:100px; height:100px; padding:6px; margin-bottom:16px; } .sk-client-card__logo img { width:88px; height:88px; } .sk-page .sk-client-card h3 { font-size:13px; } }
@media(max-width:359px) { .sk-client-grid { grid-template-columns:1fr; } }
.sk-inline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:28px; }
.sk-page section[id] { scroll-margin-top:24px; }
.sk-demo-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:36px; align-items:start; }
.sk-demo-aside { min-width:0; }
.sk-demo-figure { border:1px solid #dce3f4; border-radius:14px; overflow:hidden; background:white; margin:0; }
.sk-demo-figure img { display:block; width:100%; height:auto; }
.sk-demo-figure figcaption { padding:14px 20px; font-size:12px; color:#485974; background:#f6f8ff; }
.sk-checklist { list-style:none; padding:0; margin:18px 0 22px; }
.sk-checklist li { font-size:14px; margin:12px 0; padding-left:24px; position:relative; }
.sk-checklist li:before { content:'✓'; position:absolute; left:0; color:#488fed; }
.sk-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sk-benefit-number { display:inline-block; color:#1f53bc; font-size:12px; letter-spacing:.08em; margin-bottom:20px; }
.sk-benefit-illustration { display:block; width:100%; height:auto; aspect-ratio:12 / 7; object-fit:contain; margin:0 0 24px; border-radius:12px; }
.sk-benefit-grid p { font-size:14px; margin:14px 0 0; }
@media(max-width:991px) { .sk-demo-layout { grid-template-columns:1fr; gap:28px; } .sk-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sk-demo-aside { max-width:680px; } }
@media(max-width:575px) { .sk-benefit-grid { grid-template-columns:1fr; } .sk-inline-actions .sk-action { width:100%; } }
.sk-section-heading { max-width:680px; margin-bottom:32px; }
.sk-section-heading>p:last-child { margin-bottom:0; }
.sk-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sk-story-card { min-width:0; display:flex; flex-direction:column; background:#fff; border:1px solid #dce3f4; border-radius:14px; overflow:hidden; transition:box-shadow .2s; }
.sk-story-card:hover { box-shadow:0 12px 32px #291fbc10; }
.sk-story-card__visual { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; background:#f6f8ff; padding:32px 24px 22px; border-bottom:1px solid #eaf2ff; }
.sk-story-card__visual img { display:block; width:112px; height:112px; object-fit:contain; background:white; padding:8px; border-radius:12px; }
.sk-story-card__location { color:#485974; background:#eaf2ff; border-radius:99px; padding:5px 12px; font:500 11px/1.5 "DM Sans",sans-serif; }
.sk-story-card__body { display:flex; flex:1; flex-direction:column; padding:28px; }
.sk-story-card__body h3 { margin:0 0 16px; }
.sk-story-card__description { color:#485974; font-size:14px; line-height:1.8; margin:0 0 24px; }
.sk-story-card__link { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; min-height:44px; padding:14px 0 0; border-top:1px solid #dce3f4; font-size:13px; font-weight:600; }
.sk-page-section--soft { background:#f6f8ff; }
.sk-callout { display:grid; grid-template-columns:1.5fr 1fr; gap:48px; align-items:center; }
.sk-callout p:last-child { margin:0; max-width:620px; }
.sk-callout__actions { display:flex; flex-direction:column; align-items:center; gap:16px; }
.sk-text-link { font-size:13px; font-weight:600; min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:991px) { .sk-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .sk-callout { grid-template-columns:1fr; gap:28px; } .sk-callout__actions { align-items:flex-start; } }
@media(max-width:575px) { .sk-story-grid { grid-template-columns:1fr; } .sk-story-card__body { padding:24px; } .sk-callout__actions,.sk-callout__actions .sk-action { width:100%; } .sk-callout__actions { align-items:center; } }
@media(prefers-reduced-motion:reduce) { .sk-story-card { transition:none; } }
.sk-page { --page-ink:#291fbc; --page-text:#485974; --page-line:#dce3f4; background:#ffffff; color:var(--page-text); font:16px/1.7 "DM Sans",sans-serif; }
.sk-content-container { width:min(1184px,calc(100% - 48px)); margin:auto; }
.sk-page .sk-page-hero { padding:32px 0 56px; background:#f6f8ff; }
.sk-page h1,.sk-page h2,.sk-page h3 { font-family:"DM Sans",sans-serif; color:var(--page-ink); font-weight:600; letter-spacing:-.04em; }
.sk-page h1 { font-size:clamp(34px,4.5vw,58px); line-height:1.12; margin:12px 0 20px; }
.sk-page h2 { font-size:clamp(24px,2.5vw,32px); line-height:1.25; margin:0 0 16px; }
.sk-page h3 { font-size:21px; line-height:1.3; }
.sk-page .sk-overline { color:#1f53bc; font-size:11px; font-weight:700; letter-spacing:.13em; margin:0 0 12px; }
.sk-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font:400 12px/1.5 "DM Sans",sans-serif; margin-bottom:34px; }
.sk-page a,.sk-breadcrumb a { color:#1f53bc; text-underline-offset:3px; }
.sk-page a:hover { text-decoration:underline; }
.sk-page-intro { max-width:660px; margin:0; font-size:17px; }
.sk-page-section { padding:64px 0 80px; }
.sk-contact-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:32px; align-items:start; }
.sk-panel { padding:36px; border:1px solid var(--page-line,#dce3f4); border-radius:16px; background:white; min-width:0; }
.sk-panel-intro { font-size:14px; margin-bottom:28px; max-width:560px; }
.sk-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
.sk-field { min-width:0; }
.sk-field--full { grid-column:1/-1; }
.sk-form label { display:block; color:#291fbc; font-size:13px; font-weight:600; margin:0 0 8px; }
.sk-form .form-control,.sk-form .form-select { width:100%; font:400 16px/1.5 "DM Sans",sans-serif; background-color:#ffffff; color:#291fbc; border:1px solid #cbd8ee; border-radius:8px; min-height:48px; padding:11px 12px; }
.sk-form .form-control:focus,.sk-form .form-select:focus { border-color:#3e81e5; box-shadow:0 0 0 3px #488fed26; }
.contact-form .sk-field { position:relative; }
.contact-form .sk-field label { color:#435371; font-size:12px; font-weight:700; letter-spacing:.015em; margin-bottom:7px; transition:color .18s ease; }
.contact-form .form-control,.contact-form .form-select { appearance:none; background-color:#fbfcff; border:1px solid #c8d3e6; border-radius:11px; box-shadow:inset 0 1px 2px rgba(28,39,75,.035); color:#211b32; min-height:52px; padding:13px 15px; transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease; }
.contact-form .form-control::placeholder { color:#8793a8; opacity:1; }
.contact-form .form-select { background-position:right 15px center; padding-right:44px; }
.contact-form .form-control:hover:not(:focus),.contact-form .form-select:hover:not(:focus) { background-color:#fff; border-color:#9eafd0; }
.contact-form .form-control:not(:placeholder-shown):not(:focus),.contact-form .form-select:valid:not(:focus) { background-color:#fff; border-color:#a9b9d4; }
.contact-form .sk-field:focus-within label { color:#7500cc; }
.sk-page .contact-form .form-control:focus,.sk-page .contact-form .form-select:focus,.sk-page .contact-form .form-control:focus-visible,.sk-page .contact-form .form-select:focus-visible { background-color:#fff; border-color:#9400ff; box-shadow:0 0 0 4px rgba(148,0,255,.1),0 8px 22px rgba(41,31,188,.08); outline:none; }
.contact-form .form-select:required:invalid { color:#8793a8; }
.contact-form .form-select option { color:#211b32; }
.contact-form .form-control:user-invalid,.contact-form .form-select:user-invalid { border-color:#c53b4c; box-shadow:0 0 0 4px rgba(197,59,76,.09); }
.contact-form .form-control:-webkit-autofill,.contact-form .form-control:-webkit-autofill:hover,.contact-form .form-control:-webkit-autofill:focus { -webkit-text-fill-color:#211b32; -webkit-box-shadow:0 0 0 1000px #fff inset; transition:background-color 9999s ease-out; }
.sk-field small { display:block; color:#485974; font-size:11px; margin-top:7px; }
.sk-form-note { font-size:11px; line-height:1.7; margin:24px 0 18px; color:#485974; }
.sk-form-note a { text-decoration:underline; }
.sk-action { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; border:1px solid transparent; border-radius:10px; padding:12px 22px; background:linear-gradient(135deg,var(--sk-cta),#7c3aed); color:white; box-shadow:0 9px 20px rgba(148,0,255,.2); font:600 14px/1.5 "DM Sans",sans-serif; cursor:pointer; transition:background .2s ease,box-shadow .2s ease,transform .2s ease; }
.sk-page .sk-action { color:white; }
.sk-action:hover { background:linear-gradient(135deg,#8300e6,var(--sk-cta-dark)); color:white; box-shadow:0 13px 26px rgba(117,0,204,.28); text-decoration:none!important; transform:translateY(-2px); }
.sk-action:disabled { opacity:.55; cursor:not-allowed; }
.sk-page :focus-visible,.sk-action:focus-visible { outline:3px solid #488fed; outline-offset:3px; }
.sk-page .sk-action--light { background:var(--sk-cta-soft); color:var(--sk-cta-dark); box-shadow:none; }
.sk-info-panel { background:#291fbc; color:#dbe7ff; border-radius:16px; padding:34px; }
.sk-page .sk-info-panel h2 { color:#ffffff; }
.sk-page .sk-info-panel .sk-overline { color:#b7d8ff; }
.sk-info-panel>p { font-size:14px; }
.sk-contact-list { margin:28px 0; }
.sk-contact-list dt { color:#b9caea; font-size:11px; font-weight:600; margin:22px 0 5px; }
.sk-contact-list dd { font-size:14px; margin:0; overflow-wrap:anywhere; }
.sk-page .sk-contact-list a { color:white; }
.sk-contact-list address { margin:0; font-style:normal; }
.sk-help-panel { padding:26px; background:#f6f8ff; border:1px solid #dce3f4; border-radius:12px; margin-top:20px; }
.sk-help-panel p { font-size:13px; margin-bottom:14px; }
.sk-help-panel a { font-size:13px; font-weight:600; }
/* State visibility remains compatible with the shared jQuery lead workflow. */
.sk-form-error,.sk-verification,#loader7,.modal1 { display:none; }
.sk-form-error { color:#a52720; font-size:12px; margin-top:10px; }
.sk-verification { position:fixed; inset:0; z-index:1300; align-items:center; justify-content:center; overflow:auto; padding:24px; background:rgba(20,15,48,.72); backdrop-filter:blur(7px); }
.sk-verification__dialog { position:relative; width:min(100%,460px); margin:auto; padding:38px; border:1px solid rgba(255,255,255,.7); border-radius:20px; background:#fff; box-shadow:0 30px 90px rgba(15,7,134,.28); text-align:center; }
.sk-verification__close { position:absolute; top:14px; right:14px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid #dce3f4; border-radius:50%; background:#f6f8ff; color:#435371; font:400 25px/1 "DM Sans",sans-serif; cursor:pointer; transition:background .18s ease,color .18s ease,transform .18s ease; }
.sk-verification__close:hover { background:#f4e8ff; color:#7500cc; transform:rotate(4deg); }
.sk-verification__icon { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 18px; border-radius:14px; background:#f4e8ff; color:#7500cc; font-size:22px; font-weight:700; }
.sk-verification .sk-overline { margin-bottom:8px; color:#1f53bc; }
.sk-verification h3 { margin:0 0 10px; color:#291fbc; font:600 clamp(24px,4vw,30px)/1.2 "DM Sans",sans-serif; letter-spacing:-.035em; }
.sk-verification p { margin-bottom:0; color:#596984; font-size:14px; }
.otp-input { display:flex; justify-content:center; gap:12px; margin:26px 0 18px; }
.otp-field { width:58px; min-width:0; height:60px; border:1px solid #b8c6de; border-radius:12px; background:#fbfcff; color:#211b32; text-align:center; font:600 24px/1 "DM Sans",sans-serif; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.otp-field:hover { border-color:#8da2c6; background:#fff; }
.sk-page .otp-field:focus,.sk-page .otp-field:focus-visible { border-color:#9400ff; background:#fff; box-shadow:0 0 0 4px rgba(148,0,255,.11); outline:none; }
.sk-verification .resend { min-height:24px; margin-bottom:22px; }
.sk-verification .resend a { font-weight:700; }
.sk-verification #verify-btn { width:100%; }
.sk-verification__change { margin-top:14px; padding:6px 10px; border:0; background:transparent; color:#485974; font:600 12px/1.5 "DM Sans",sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.sk-verification__change:hover { color:#291fbc; }
body.sk-modal-open { overflow:hidden; }
.sk-form-status { margin-top:18px; color:#1f53bc; font-size:13px; }
.loader7 { display:inline-block; width:18px; height:18px; border:2px solid #cbd8ee; border-top-color:#291fbc; border-radius:50%; animation:sk-spin .8s linear infinite; vertical-align:middle; margin-right:8px; }
@keyframes sk-spin { to { transform:rotate(360deg); } }
.modal1 { position:fixed; inset:0; z-index:1400; align-items:center; justify-content:center; overflow:auto; padding:24px; background:rgba(20,15,48,.72); backdrop-filter:blur(7px); }
.modal1-content { position:relative; width:min(100%,480px); margin:auto; padding:40px; border:1px solid rgba(255,255,255,.7); border-radius:20px; background:#fff; color:#485974; box-shadow:0 30px 90px rgba(15,7,134,.28); text-align:center; }
.sk-success-modal__icon { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 18px; border-radius:18px; background:#ecfeff; color:#0e7490; font-size:28px; font-weight:700; }
.modal1-content .sk-overline { margin-bottom:8px; color:#1f53bc; }
.modal1-content h2 { margin:0 0 12px; color:#291fbc; font:600 clamp(26px,4vw,32px)/1.18 "DM Sans",sans-serif; letter-spacing:-.04em; }
.modal1-content>p:not(.sk-overline) { margin:0 auto; max-width:360px; color:#596984; font-size:14px; line-height:1.7; }
.sk-success-modal__next { display:flex; flex-direction:column; gap:5px; margin:24px 0 0; padding:17px 18px; border:1px solid #dce3f4; border-radius:12px; background:#f6f8ff; color:#485974; font-size:13px; line-height:1.6; text-align:left; }
.sk-success-modal__next strong { color:#291fbc; font-size:12px; letter-spacing:.02em; }
.modal-footer1 { margin-top:22px; }
.modal-footer1 .sk-action { width:100%; }
.modal1:focus { outline:none; }
@media(max-width:991px) { .sk-contact-layout { grid-template-columns:1fr; } .sk-contact-aside { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:20px; } .sk-help-panel { margin:0; } }
@media(max-width:575px) { .sk-content-container { width:calc(100% - 36px); } .sk-page .sk-page-hero { padding:24px 0 38px; } .sk-page-intro { font-size:15px; } .sk-page-section { padding:32px 0 48px; } .sk-panel,.sk-info-panel { padding:24px 20px; } .sk-form-grid,.sk-contact-aside { grid-template-columns:1fr; } .sk-form-grid { gap:18px; } .sk-form .sk-action { width:100%; } .sk-contact-layout { gap:24px; } .sk-verification,.modal1 { padding:16px; } .sk-verification__dialog,.modal1-content { padding:34px 20px 26px; border-radius:16px; } .otp-input { gap:8px; } .otp-field { width:min(58px,18vw); height:56px; } }

:root { --sk-ink:#211b32; --sk-ink-2:#463a5b; --sk-body:#665d71; --sk-coral:#9400ff; --sk-coral-hover:#7500cc; --sk-apricot:#f4e8ff; --sk-lilac:#f6f8ff; --sk-cream:#ffffff; --sk-surface:#ffffff; --sk-line:#dce3f4; --sk-success:#17735e; --bs-body-font-family:"DM Sans",sans-serif; --bs-body-color:var(--sk-body); --bs-body-bg:var(--sk-cream); --bs-primary:var(--sk-coral); --bs-primary-rgb:148,0,255; --bs-link-color:#1f53bc; --bs-link-hover-color:var(--sk-ink); --bs-border-color:var(--sk-line); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--sk-cream); color:var(--sk-body); font:400 16px/1.65 "DM Sans",sans-serif; overflow-x:hidden; }
body.navigation-in { overflow:hidden; }
a { color:var(--sk-coral-hover); text-decoration:none; transition:color .2s ease; }
a:hover { color:var(--sk-ink); }
img { height:auto; max-width:100%; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color:var(--sk-ink); font-family:Fraunces,Georgia,serif; font-weight:700; letter-spacing:-.035em; line-height:1.1; }
h1,.h1 { font-size:clamp(2.8rem,5vw,5rem); } h2,.h2 { font-size:clamp(2.2rem,3.7vw,3.8rem); } h3,.h3 { font-size:clamp(1.7rem,2.3vw,2.55rem); } h4,.h4 { font-size:1.45rem; }
p { margin-bottom:1rem; }
.section-padding { padding:96px 0; }.section-padding-top { padding-top:96px; }.section-padding-bottom { padding-bottom:96px; }.empty-space-30 { height:30px; }.empty-space-60 { height:60px; }
.container { position:relative; }.row { --bs-gutter-x:1.75rem; }

/* Header and navigation */
.box-wrapper { background:var(--sk-cream); overflow:hidden; }.navbar { align-items:center; background:rgba(255,250,244,.92); border-bottom:1px solid rgba(226,217,234,.8); display:flex; min-height:78px; padding:12px 0; position:relative; z-index:100; }.navbar .container-fluid { align-items:center; display:flex; gap:22px; max-width:1320px; padding:0 28px; }.navbar.menu-fixed { box-shadow:0 8px 28px rgba(33,27,50,.09); left:0; position:fixed; right:0; top:0; }.logo-container { flex:0 0 auto; }.logo-container .logo { display:block; }.logo-container img { max-height:40px; width:auto; }.navbar-main { flex:1; }.menu-primary { align-items:center; display:flex; gap:7px; justify-content:center; list-style:none; margin:0; padding:0; }.menu-primary li { position:relative; }.menu-primary a { color:var(--sk-ink); display:block; font-size:.94rem; font-weight:700; padding:10px 13px; }.menu-primary a:hover,.menu-primary .active>a { color:var(--sk-coral-hover); }.menu-item-has-children>.sub-menu { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:0 16px 16px 16px; box-shadow:0 18px 35px rgba(33,27,50,.13); display:none; left:0; list-style:none; min-width:220px; padding:12px; position:absolute; top:100%; }.menu-item-has-children:hover>.sub-menu { display:block; }.sub-menu a { font-size:.88rem; padding:8px 10px; }.mega-menu-inner { display:flex!important; gap:12px; min-width:680px; }.mega-menu-inner>li { flex:1; }.mega-menu-inner .sub-menu { display:block; list-style:none; padding:0; }.mega-menu-inner .col-title>a { color:var(--sk-coral-hover); font-size:.8rem; text-transform:uppercase; }.navbar-right { flex:0 0 auto; }.navbar-right .btn { padding:.72rem 1.15rem; }.menu-toggle-btn { display:none; }.navbar-toggle { cursor:pointer; display:block; height:28px; padding:8px 0; width:30px; }.burger-lines,.burger-lines:before,.burger-lines:after { background:var(--sk-ink); content:""; display:block; height:2px; position:relative; transition:.2s; width:26px; }.burger-lines:before { position:absolute; top:-7px; }.burger-lines:after { position:absolute; top:7px; }

/* Buttons, shared content, cards */
.btn { border:0; border-radius:999px; font-family:"DM Sans",sans-serif; font-size:.94rem; font-weight:700; padding:.78rem 1.28rem; transition:transform .2s,box-shadow .2s,background .2s; }.btn:hover { transform:translateY(-2px); }.btn-primary { background:var(--sk-coral); box-shadow:0 7px 0 #6800b8; color:#fff; }.btn-primary:hover,.btn-primary:focus { background:var(--sk-coral-hover); box-shadow:0 5px 0 #6800b8; }.btn-secondary { background:var(--sk-ink); color:#fff; }.btn-outline-primary { border:2px solid var(--sk-coral); color:var(--sk-coral-hover); }.btn-outline-primary:hover { background:var(--sk-coral); color:#fff; }.btn-outline-secondary { border:2px solid var(--sk-ink); color:var(--sk-ink); }.btn-outline-secondary:hover { background:var(--sk-ink); color:#fff; }.heading-wrapper { margin-bottom:25px; }.heading-wrapper.with-separator h1:after,.heading-wrapper.with-separator h2:after,.heading-wrapper.with-separator h3:after { background:var(--sk-coral); content:""; display:block; height:4px; margin-top:17px; width:64px; }.heading-wrapper span { color:var(--sk-coral-hover); }.text-wrapper p { max-width:760px; }.lead-text { color:var(--sk-ink-2); font-size:1.18rem; font-weight:600; }.light-bg,.light-gradient-bg { background:var(--sk-lilac); }.dark-bg { background:var(--sk-ink); color:#fff; }.dark-bg h1,.dark-bg h2,.dark-bg h3,.dark-bg h4 { color:#fff; }
.features-block { height:100%; margin-bottom:22px; }.features-block .inner-box,.icon-box .inner-box,.content-block,.contact-info-box { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:4px 20px 4px 20px; box-shadow:none; height:100%; padding:28px; transition:transform .22s,box-shadow .22s; }.features-block .inner-box:hover,.icon-box .inner-box:hover,.content-block:hover { box-shadow:9px 10px 0 var(--sk-lilac); transform:translate(-3px,-4px); }.features-block .icon,.icon-box .icon { align-items:center; background:var(--sk-apricot); border-radius:50%; display:flex; height:58px; justify-content:center; margin-bottom:22px; padding:12px; width:58px; }.features-block h4,.icon-box h4 { margin-bottom:10px; }.features-block p,.icon-box p { font-size:.96rem; }.list-style-one { list-style:none; padding-left:0; }.list-style-one li { margin:9px 0; padding-left:23px; position:relative; }.list-style-one li:before { color:var(--sk-coral); content:"✦"; left:0; position:absolute; }

/* Page headers and sections */
.page-header,.inner-page-header { background:radial-gradient(circle at 86% 12%,rgba(34,211,238,.14) 0 10%,transparent 28%),linear-gradient(135deg,#f4edff 0%,var(--sk-cream) 68%); min-height:420px; overflow:hidden; padding:118px 0 90px; position:relative; }.page-header:after { border:1px solid rgba(33,27,50,.12); border-radius:50%; content:""; height:420px; position:absolute; right:-170px; top:-180px; width:420px; }.page-header .container { z-index:1; }.page-header .heading-wrapper { width:min(100%,clamp(42rem,72vw,72.5rem)); max-width:none; position:relative; z-index:1; }.page-header .text-wrapper { max-width:650px; position:relative; z-index:1; }.page-header .image-wrapper { position:relative; z-index:1; }.page-header.dc-three,.page-header.dc-eight,.page-header.dc-comingsoon { background:linear-gradient(135deg,var(--sk-ink),#5b3c7d); }.page-header.dc-three h1,.page-header.dc-eight h1,.page-header.dc-comingsoon h1 { color:#fff; }.page-header.dc-three p,.page-header.dc-eight p,.page-header.dc-comingsoon p { color:#ddd1ed; }.about-section,.testimonial-section,.cta-section { position:relative; }.cta-section { background:var(--sk-coral); color:#fff; padding:86px 0; }.cta-section h1,.cta-section h2,.cta-section h3,.cta-section h4 { color:#fff; }.cta-section p { color:#f4e8ff; }.cta-section .btn-primary { background:var(--sk-apricot); box-shadow:0 7px 0 #d8b4fe; color:var(--sk-ink); }

/* Forms, tabs, accordions, pricing */
.form-control,.form-select { background:#ffffff; border:1px solid #d9cfdf; border-radius:8px; color:var(--sk-ink); min-height:48px; padding:.7rem .85rem; }.form-control:focus,.form-select:focus { border-color:var(--sk-coral); box-shadow:0 0 0 .22rem rgba(238,96,74,.16); }.form-label,label { color:var(--sk-ink); font-weight:700; }.nav-tabs { border-color:var(--sk-line); gap:10px; }.nav-tabs .nav-link { border:0; border-bottom:3px solid transparent; color:var(--sk-body); font-weight:700; }.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover { border-color:var(--sk-coral); color:var(--sk-coral-hover); }.accordion .card,.accordion .panel-default { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:10px; margin-bottom:12px; }.accordion .card-header,.accordion .panel-heading { background:transparent; border:0; padding:0; }.accordion a[role="button"] { color:var(--sk-ink); display:block; font-weight:700; padding:18px 22px; }.accordion .collapse,.accordion .card-body,.accordion .panel-body { padding:0 22px 18px; }.pricing-plans-one .price-card,.pricing-plans-two .price-card,.pricing-plans-three .price-card,.pricing-card { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:5px 22px 5px 22px; box-shadow:none; overflow:hidden; }.pricing-plans-one .price-card.popular,.pricing-plans-three .price-card.popular { background:var(--sk-ink); color:#fff; }.pricing-plans-one .price-card.popular h1,.pricing-plans-one .price-card.popular h2,.pricing-plans-one .price-card.popular h3,.pricing-plans-three .price-card.popular h1,.pricing-plans-three .price-card.popular h2,.pricing-plans-three .price-card.popular h3 { color:#fff; }.plan-cost,.price { color:var(--sk-coral-hover); }.pricing-feature-list { list-style:none; padding-left:0; }.pricing-feature-list li { margin:9px 0; }.pricing-feature-list li:before { color:var(--sk-coral); content:"✓"; margin-right:8px; }

/* Blog, testimonials, pagination */
.article-block,.blog-block,.card-carousel,.testimonial-card { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:4px 18px 4px 18px; overflow:hidden; }.article-details,.article-block .content,.blog-block .content { padding:24px; }.article-block .entry-title,.blog-block h3 { font-size:1.55rem; }.post-meta { color:#85798d; font-size:.85rem; }.post-meta a { color:var(--sk-coral-hover); }.client-testimonial .testimonial-text,blockquote { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:4px 18px 4px 18px; color:var(--sk-body); padding:30px; }.slick-dots li button:before { color:var(--sk-coral)!important; }.pagination li a,.pagination li span { border-color:var(--sk-line); color:var(--sk-ink); }.pagination li span.current,.pagination li a:hover { background:var(--sk-coral); color:#fff; }

/* Footer and contact */
.site-footer,.footer-theme-one,.footer-theme-two,.footer-theme-three,.footer-theme-eight { background:var(--sk-ink)!important; color:#d8d0e2; }.site-footer .main-footer { padding:70px 0 35px; }.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4 { color:#fff; }.site-footer p { color:#d8d0e2; }.footer-nav ul { list-style:none; padding:0; }.footer-nav li { margin:8px 0; }.footer-nav a { color:#d8d0e2; font-size:.91rem; }.footer-nav a:hover { color:var(--sk-apricot); }.copyright-bar { border-top:1px solid rgba(255,255,255,.15); padding:20px 0; }.contact-info li { list-style:none; margin:11px 0; }.contact-info li:before { color:var(--sk-apricot); }.whatsapp_btn_container,.call_btn_container1 { background:var(--sk-ink); border-radius:999px; bottom:22px; box-shadow:0 10px 25px rgba(33,27,50,.24); color:#fff; position:fixed; z-index:20; }.whatsapp_btn_container { left:18px; }.call_btn_container1 { right:18px; }.whatsapp_btn_container>a,.call_btn_container1>a { color:#fff; }.whatsapp_btn_container span,.call_btn_container1 span { background:var(--sk-ink); }

@media (max-width:991px) { .navbar .container-fluid { flex-wrap:wrap; padding:0 18px; }.menu-toggle-btn { display:block; margin-left:auto; }.navbar-right { display:none; }.navbar-main { background:var(--sk-surface); bottom:0; box-shadow:-14px 0 34px rgba(33,27,50,.15); display:block; max-width:330px; overflow-y:auto; padding:76px 22px 30px; position:fixed; right:-350px; top:0; transition:right .25s; width:88vw; z-index:200; }.navbar-main.open { right:0; }.menu-primary,.mega-menu-inner { align-items:stretch; display:block!important; min-width:0; }.menu-primary a { padding:13px 6px; }.menu-item-has-children>.sub-menu { box-shadow:none; display:none; padding:0 0 0 13px; position:static; }.menu-item-has-children:hover>.sub-menu { display:none; }.menu-item-has-children>.sub-menu.open { display:block; }.close-btn { cursor:pointer; font-size:0; position:absolute; right:22px; top:25px; }.close-btn:before { color:var(--sk-ink); content:"×"; font-size:2rem; }.page-header,.inner-page-header { min-height:0; padding:82px 0 65px; }.section-padding { padding:68px 0; }.section-padding-top { padding-top:68px; }.section-padding-bottom { padding-bottom:68px; } }
@media (max-width:575px) { body { font-size:15px; }.page-header { padding-top:66px; }.features-block .inner-box,.icon-box .inner-box,.content-block { padding:23px; }.site-footer .main-footer { padding-top:52px; }.whatsapp_btn_container span,.call_btn_container1 span { display:none; } }

/* Shell hardening: legacy header/footer markup, rebuilt as a predictable grid. */
#master-head.navbar { align-items:center; display:flex; isolation:isolate; width:100%; }
#master-head .container-fluid { min-height:54px; }
#master-head #navigation { min-width:0; }
#master-head .navbar-right .menu-button > a { display:block; }
#master-head .navbar-right .btn { align-items:center; display:inline-flex; min-height:42px; white-space:nowrap; }
#master-head.menu-fixed { animation:sk-header-in .22s ease-out; }
@keyframes sk-header-in { from { transform:translateY(-100%); } to { transform:translateY(0); } }

.site-footer { clear:both; margin-top:0; position:relative; width:100%; }
.site-footer .main-footer > .row { display:grid; gap:32px 24px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.site-footer .main-footer > .row > [class*="col-"] { max-width:none; padding:0; width:auto; }
.site-footer .main-footer > .row > [class*="col-"]:first-child { grid-column:1 / -1; max-width:760px; }
.site-footer .about-info .image-wrapper { align-items:center; display:flex; flex-wrap:wrap; gap:18px; margin-bottom:18px; }
.site-footer .about-info .image-wrapper img:first-child { max-height:44px; max-width:180px; object-fit:contain; width:auto; }
.site-footer .about-info .image-wrapper img + img { margin:0!important; max-height:48px; object-fit:contain; padding:0!important; width:auto!important; }
.site-footer .about-info p { font-size:.98rem; margin:0; max-width:610px; }
.site-footer .playstore-widget { margin-top:20px; }
.site-footer .playstore-widget ul { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0; padding:0; }
.site-footer .playstore-widget a { border:1px solid rgba(255,255,255,.3); border-radius:999px; color:#fff; display:inline-flex; font-size:.83rem; font-weight:700; padding:8px 13px; }
.site-footer .playstore-widget a:hover { background:var(--sk-apricot); border-color:var(--sk-apricot); color:var(--sk-ink); }
.site-footer .footer-nav ul { columns:1; margin:0; }
.site-footer .footer-nav li { break-inside:avoid; line-height:1.35; margin:0 0 10px; padding:0; }
.site-footer .footer-nav li:before { content:none; }
.site-footer .footer-nav a { display:inline; }
.site-footer .copyright-bar { margin-top:42px; }
.site-footer .copyright-text { color:#cfc5db; font-size:.85rem; }
.site-footer .copyright-text a { color:var(--sk-apricot); }
.whatsapp_btn_container,.call_btn_container1 { align-items:center; display:flex; gap:9px; padding:10px 14px; }
.whatsapp_btn_container .whatsapp_btn,.call_btn_container1 .call_btn1 { align-items:center; color:var(--sk-apricot); display:inline-flex; font-size:1.35rem; height:24px; justify-content:center; width:24px; }
.whatsapp_btn_container span,.call_btn_container1 span { background:transparent; color:#fff; font-family:"DM Sans",sans-serif; font-size:.75rem; line-height:1.25; }
.whatsapp_btn_container span a,.call_btn_container1 span a { color:#fff!important; }

@media (min-width:1200px) { .site-footer .main-footer > .row { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:991px) { #master-head .menu-toggle-btn { order:3; } #master-head .navbar-right { display:block; margin-left:auto; order:2; } #master-head .navbar-right .btn { font-size:.82rem; min-height:38px; padding:.58rem .9rem; } #master-head .navbar-main { z-index:1001; } .site-footer .main-footer > .row { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px) { #master-head.navbar { min-height:68px; } #master-head .container-fluid { gap:12px; padding:0 14px; } #master-head .logo-container img { max-height:34px; } #master-head .navbar-right .menu-button { display:none; } #master-head .menu-toggle-btn { margin-left:auto; } .site-footer .main-footer > .row { grid-template-columns:1fr; gap:25px; } .site-footer .main-footer > .row > [class*="col-"]:first-child { grid-column:auto; } .site-footer .main-footer { padding:46px 0 25px; } .site-footer .copyright-bar { margin-top:24px; } }

/* Product Features mega menu: explicit states prevent legacy-rule collisions. */
@media (min-width:992px) {
    #master-head .menu-primary > .menu-item-has-children > .sub-menu { display:none; }
    #master-head .menu-primary > .menu-item-has-children:hover > .sub-menu,
    #master-head .menu-primary > .menu-item-has-children:focus-within > .sub-menu { display:block; }
    #master-head .menu-primary > .menu-item-has-children > .mega-menu-inner { background:var(--sk-surface); border:1px solid var(--sk-line); border-radius:0 18px 18px 18px; box-shadow:0 22px 45px rgba(33,27,50,.16); display:none!important; gap:18px; grid-template-columns:repeat(4,minmax(145px,1fr)); left:50%; min-width:720px; padding:24px; transform:translateX(-42%); }
    #master-head .menu-primary > .menu-item-has-children:hover > .mega-menu-inner,
    #master-head .menu-primary > .menu-item-has-children:focus-within > .mega-menu-inner { display:grid!important; }
    #master-head .mega-menu-inner > .col-title > a { border-bottom:1px solid var(--sk-line); color:var(--sk-coral-hover); font-size:.72rem; font-weight:900; letter-spacing:.08em; margin-bottom:7px; padding:0 0 10px; text-transform:uppercase; }
    #master-head .mega-menu-inner .sub-menu { display:block; list-style:none; margin:0; padding:0; position:static; }
    #master-head .mega-menu-inner .sub-menu a { color:var(--sk-ink-2); font-size:.83rem; font-weight:600; line-height:1.25; padding:7px 0; }
    #master-head .mega-menu-inner .sub-menu a:hover { color:var(--sk-coral-hover); }
}
@media (max-width:991px) {
    #master-head .menu-item-has-children > .mega-menu-inner { background:transparent; border:0; border-radius:0; box-shadow:none; min-width:0; padding:0 0 0 14px; transform:none; }
    #master-head .menu-item-has-children > .mega-menu-inner .col-title > a { color:var(--sk-coral-hover); font-size:.78rem; font-weight:800; padding-top:14px; text-transform:uppercase; }
    #master-head .menu-item-has-children > .mega-menu-inner .sub-menu { display:block; padding-left:8px; }
    #master-head .menu-item-has-children > .mega-menu-inner .sub-menu a { color:var(--sk-ink-soft); font-size:.88rem; padding:8px 0; }
    #master-head .menu-item-has-children > .mega-menu-inner { display:none!important; }
    #master-head .menu-item-has-children > .mega-menu-inner[style*="display: block"] { display:block!important; }
}