img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */


.elementor-kit-1929{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1a7462d0:#4054B2;--e-global-color-356dd186:#23A455;--e-global-color-4aae18b9:#000;--e-global-color-3e5ec594:#FFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
.elementor-2679 .elementor-element.elementor-element-134adf5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2679 .elementor-element.elementor-element-dedf4d6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}
/*# sourceURL=elementor-frontend-inline-css */


/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
/* MAIN BLOG CONTAINER */
.single-post .entry-content{
max-width:920px !important;
margin:auto !important;
font-family:'DM Sans',sans-serif !important;
font-size:18px !important;
line-height:1.85 !important;
color:#475569 !important;
}
/* HEADINGS */
.single-post .entry-content h1{
font-family:'Bricolage Grotesque',sans-serif !important;
font-weight:800 !important;
font-size:38px !important;
color:#0f172a !important;
margin-bottom:20px !important;
}
.single-post .entry-content h2{
font-family:'Bricolage Grotesque',sans-serif !important;
font-weight:700 !important;
font-size:28px !important;
color:#1d4ed8 !important;
margin-top:40px !important;
padding-left:12px !important;
border-left:5px solid #2563eb !important;
}
.single-post .entry-content h3{
font-family:'Bricolage Grotesque',sans-serif !important;
font-size:22px !important;
color:#1e293b !important;
margin-top:25px !important;
}
/* PARAGRAPH */
.single-post .entry-content p{
margin-bottom:18px !important;
}
/* LIST DESIGN */
.single-post .entry-content ul,
.single-post .entry-content ol{
background:#f0f7ff !important;
padding:22px !important;
border-radius:10px !important;
border:1px solid #dbeafe !important;
margin:22px 0 !important;
}
.single-post .entry-content li{
margin-bottom:8px !important;
}
/* LINK STYLE */
.single-post .entry-content a{
color:#2563eb !important;
font-weight:600 !important;
text-decoration:none !important;
position:relative !important;
}
.single-post .entry-content a::after{
content:'' !important;
position:absolute !important;
width:0 !important;
height:2px !important;
left:0 !important;
bottom:-2px !important;
background:#38bdf8 !important;
transition:0.3s !important;
}
.single-post .entry-content a:hover::after{
width:100% !important;
}
/* TABLE */
.single-post .entry-content table{
width:100% !important;
border-collapse:collapse !important;
margin:30px 0 !important;
border:1px solid #e2e8f0 !important;
}
.single-post .entry-content th{
background:#2563eb !important;
color:white !important;
padding:12px !important;
}
.single-post .entry-content td{
padding:12px !important;
border:1px solid #e2e8f0 !important;
}
/* TIP BOX */
.single-post .entry-content blockquote{
background:#eff6ff !important;
border-left:4px solid #1d4ed8 !important;
padding:20px !important;
border-radius:8px !important;
font-style:normal !important;
}
/* CTA BOX */
.abstract247cta{
background:linear-gradient(135deg,#1d4ed8,#1a3a8f) !important;
padding:28px !important;
border-radius:10px !important;
color:white !important;
margin:40px 0 !important;
text-align:center !important;
}
.abstract247cta a{
color:white !important;
font-weight:700 !important;
}
/* IMAGE STYLE */
.single-post .entry-content img{
border-radius:10px !important;
margin:25px 0 !important;
}
/* HOVER EFFECT */
.single-post .entry-content table:hover{
transform:translateY(-3px) !important;
transition:0.3s !important;
box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
}
/* SCROLL REVEAL ANIMATION */
.abstract247reveal{
opacity:0 !important;
transform:translateY(28px) !important;
transition:all .7s ease !important;
}
.abstract247reveal.active{
opacity:1 !important;
transform:translateY(0) !important;
}
/* HIDE BLOG HERO HEADER */
.single-post #stunning-header{
display:none !important;
}
/* HIDE AUTHOR / DATE / COMMENT META */
.single-post .post-additional-info{
display:none !important;
}
/* HIDE COMMENT SECTION */
.single-post #comments{
display:none !important;
}
/* HIDE POST NAVIGATION (PREVIOUS / NEXT) */
.single-post .pagination-arrow{
display:none !important;
}


.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}


body { background-color: #fff; }
body .content-wrapper { background-color: #fff; }


/* Hide Seosight default header completely */
header#site-header,
.site-header,
#header,
.header-main,
.crumina-module-header,
#top,
.navbar-wrapper,
.header-wrapper,
div[class*="header"] > .container:first-child {
display: none !important;
}
/* Hide Seosight default footer completely */
footer#site-footer,
.site-footer,
#footer,
.footer-main,
.crumina-module-footer,
.footer-wrapper,
.copyright-area {
display: none !important;
}
/* Remove any gap left behind by hidden header */
#content,
.site-content,
#main,
.main-content {
padding-top: 0 !important;
margin-top: 0 !important;
}


#s247-igday-ov{
display:none; /* hidden by default — JS turns this on ONLY when checks pass */
position:fixed; inset:0; z-index:99999;
background:#0B2A3E;
align-items:center; justify-content:center;
opacity:0; pointer-events:none;
font-family:'Segoe UI',Arial,sans-serif;
}
/* The animation is bound to this class only — CSS alone can never
trigger the overlay; only the JS below adds this class. */
#s247-igday-ov.s247id-show{
display:flex; pointer-events:auto;
animation:s247id-fade .5s ease forwards, s247id-fadeout .6s ease forwards 5s;
}
#s247-igday-skip{
position:absolute; top:20px; right:20px;
background:rgba(255,255,255,0.12); color:#fff;
border:1px solid rgba(255,255,255,.25); padding:8px 16px;
border-radius:20px; font-size:13px; cursor:pointer;
}
#s247-igday-skip:hover{ background:rgba(255,255,255,0.2); }
.s247-igday-wrap{ text-align:center; width:min(480px,88vw); }
.s247-igday-eyebrow{
font-family:'Consolas',monospace; font-size:11px; letter-spacing:.18em;
color:#7FE0D6; text-transform:uppercase; opacity:0;
}
#s247-igday-ov.s247id-show .s247-igday-eyebrow{ animation:s247id-up .5s ease .2s forwards; }
.s247-igday-l1, .s247-igday-l2{
color:#fff; font-weight:800; font-size:clamp(22px,5vw,34px);
line-height:1.2; margin:6px 0; opacity:0;
}
#s247-igday-ov.s247id-show .s247-igday-l1{ animation:s247id-up .55s ease .45s forwards; }
#s247-igday-ov.s247id-show .s247-igday-l2{ animation:s247id-up .55s ease .75s forwards; }
.s247-igday-l2{ color:#FF9933; }
.s247-igday-l2 b{ color:#138808; font-weight:800; }
#s247-igday-graph{ margin-top:22px; opacity:0; }
#s247-igday-ov.s247id-show #s247-igday-graph{ animation:s247id-up .6s ease 1.05s forwards; }
#s247-igday-graph path{ stroke-dasharray:400; stroke-dashoffset:400; }
#s247-igday-ov.s247id-show #s247-igday-graph path{ animation:s247id-draw 1.4s ease 1.2s forwards; }
.s247-igday-sub{ color:#B9CBD1; font-size:12.5px; margin-top:16px; opacity:0; }
#s247-igday-ov.s247id-show .s247-igday-sub{ animation:s247id-up .5s ease 1.9s forwards; }
@keyframes s247id-fade{ to{opacity:1;} }
@keyframes s247id-fadeout{ to{opacity:0; visibility:hidden;} }
@keyframes s247id-up{ from{ transform:translateY(10px); opacity:0;} to{ transform:translateY(0); opacity:1;} }
@keyframes s247id-draw{ to{ stroke-dashoffset:0; } }
@media (prefers-reduced-motion:reduce){
#s247-igday-ov.s247id-show{ animation:s247id-fade .3s ease forwards, s247id-fadeout .3s ease forwards 3.2s; }
#s247-igday-ov.s247id-show .s247-igday-eyebrow,
#s247-igday-ov.s247id-show .s247-igday-l1,
#s247-igday-ov.s247id-show .s247-igday-l2,
#s247-igday-ov.s247id-show #s247-igday-graph,
#s247-igday-ov.s247id-show .s247-igday-sub{ animation:none; opacity:1; transform:none; }
#s247-igday-ov.s247id-show #s247-igday-graph path{ stroke-dashoffset:0; }
}


/* ═══════════════════════════════════════════════════════
Acilaris Technologies Pvt. Ltd. — RESPONSIVE WEBSITE DESIGN SERVICES  v5
Added: § 2b PRICING — after trust bar, before signature
Existing prefix: .axr1000  |  New pricing prefix: .axrp
═══════════════════════════════════════════════════════ */
.axr1000 *, .axr1000 *::before, .axr1000 *::after {
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
}
.axr1000 {
font-family: 'DM Sans', sans-serif !important;
color: #0f172a !important;
background: #ffffff !important;
overflow-x: hidden !important;
line-height: 1.6 !important;
}
/* ── SHARED ── */
.axr_wrap   { max-width: 1200px !important; margin: 0 auto !important; }
.axr_wrap_sm{ max-width: 900px !important; margin: 0 auto !important; }
.axr_ctr    { text-align: center !important; }
/* eyebrow pill */
.axr_pill {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
font-family: 'JetBrains Mono', monospace !important;
font-size: 10.5px !important;
font-weight: 600 !important;
letter-spacing: 1.4px !important;
text-transform: uppercase !important;
padding: 5px 14px !important;
border-radius: 4px !important;
margin-bottom: 20px !important;
}
.axr_pill_b {
background: #eff6ff !important;
border: 1px solid #bfdbfe !important;
color: #1d4ed8 !important;
}
.axr_pill_d {
background: rgba(56,189,248,0.08) !important;
border: 1px solid rgba(56,189,248,0.25) !important;
color: #38bdf8 !important;
}
.axr_pill::before {
content: '' !important;
width: 5px !important; height: 5px !important;
border-radius: 50% !important;
background: currentColor !important;
box-shadow: 0 0 5px currentColor !important;
animation: axrPulse 1.8s ease-in-out infinite !important;
}
@keyframes axrPulse { 0%,100%{opacity:1} 50%{opacity:.2} }
/* headings */
.axr_h1 {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: clamp(38px,5.2vw,68px) !important;
font-weight: 800 !important;
line-height: 1.05 !important;
letter-spacing: -1.5px !important;
margin-bottom: 22px !important;
}
.axr_h2 {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: clamp(28px,3.4vw,46px) !important;
font-weight: 800 !important;
line-height: 1.08 !important;
letter-spacing: -.6px !important;
margin-bottom: 14px !important;
}
.axr_h3 {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: 19px !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
}
.axr_body { font-size: 16px !important; color: #475569 !important; line-height: 1.75 !important; font-family: 'DM Sans',sans-serif !important; }
/* colour helpers */
.axr_cyan  { color: #0891b2 !important; }
.axr_blue  { color: #1d4ed8 !important; }
.axr_glow  { color: #38bdf8 !important; text-shadow: 0 0 24px rgba(56,189,248,.4) !important; }
.axr_white { color: #f0f9ff !important; }
.axr_muted { color: #64748b !important; }
/* scroll reveal */
.axr_rv { opacity:0 !important; transform:translateY(28px) !important; }
.axr_rv.axr_in {
opacity:1 !important; transform:translateY(0) !important;
transition: opacity .6s ease, transform .6s ease !important;
}
/* CTA buttons */
.axr_btn_pri {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
background: linear-gradient(135deg,#1d4ed8,#0891b2) !important;
color: #fff !important;
font-family: 'DM Sans',sans-serif !important;
font-weight: 700 !important;
font-size: 15px !important;
padding: 14px 30px !important;
border-radius: 10px !important;
text-decoration: none !important;
position: relative !important;
overflow: hidden !important;
transition: transform .25s, box-shadow .25s !important;
}
.axr_btn_pri::after {
content:'' !important;
position:absolute !important; inset:0 !important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent) !important;
transform:translateX(-110%) !important;
transition:transform .55s !important;
}
.axr_btn_pri:hover::after { transform:translateX(110%) !important; }
.axr_btn_pri:hover { transform:translateY(-4px) !important; box-shadow:0 14px 36px rgba(8,145,178,.38) !important; }
.axr_btn_out {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
background: transparent !important;
color: #1d4ed8 !important;
font-family: 'DM Sans',sans-serif !important;
font-weight: 700 !important;
font-size: 15px !important;
padding: 14px 28px !important;
border-radius: 10px !important;
text-decoration: none !important;
border: 1.5px solid #bfdbfe !important;
transition: border-color .25s, background .25s, transform .25s !important;
}
.axr_btn_out:hover { border-color:#0891b2 !important; background:#f0f9ff !important; transform:translateY(-4px) !important; }
.axr_btn_ghost {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
background: transparent !important;
color: #94a3b8 !important;
font-family: 'DM Sans',sans-serif !important;
font-weight: 600 !important;
font-size: 15px !important;
padding: 14px 26px !important;
border-radius: 10px !important;
text-decoration: none !important;
border: 1px solid rgba(148,163,184,.28) !important;
transition: border-color .25s, color .25s, transform .25s !important;
}
.axr_btn_ghost:hover { border-color:#38bdf8 !important; color:#38bdf8 !important; transform:translateY(-4px) !important; }
/* ═══════════════════════════════════════════════════════
§ 1  HERO  — WHITE with futuristic right panel
═══════════════════════════════════════════════════════ */
.axr2000 {
background: #ffffff !important;
padding: 80px 24px 0 !important;
position: relative !important;
overflow: hidden !important;
}
.axr2000::before {
content:'' !important;
position:absolute !important;
top:-120px !important; right:-120px !important;
width:580px !important; height:580px !important;
background:radial-gradient(circle, rgba(8,145,178,.07) 0%,transparent 68%) !important;
pointer-events:none !important;
}
.axr2000::after {
content:'' !important;
position:absolute !important;
top:0 !important; right:0 !important;
width:50% !important; height:100% !important;
background-image:radial-gradient(rgba(29,78,216,.045) 1px,transparent 1px) !important;
background-size:28px 28px !important;
pointer-events:none !important;
}
.axr2001 {
max-width:1200px !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:52% 48% !important;
gap:48px !important;
align-items:center !important;
position:relative !important;
z-index:2 !important;
padding-bottom:72px !important;
}
.axr2003 { color: #0f172a !important; }
.axr2004 {
display:block !important;
background:linear-gradient(125deg,#1d4ed8 0%,#0891b2 55%,#38bdf8 100%) !important;
-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent !important;
background-clip:text !important;
}
.axr2005 {
font-size:17px !important;
color:#475569 !important;
line-height:1.78 !important;
margin-bottom:38px !important;
max-width:480px !important;
font-family:'DM Sans',sans-serif !important;
}
.axr2006 {
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
border-radius:8px !important;
padding:9px 15px !important;
font-family:'JetBrains Mono',monospace !important;
font-size:12px !important;
color:#0f172a !important;
margin-bottom:30px !important;
}
.axr2006 .axr_dot_g { color:#22c55e !important; }
.axr2006 .axr_blk {
display:inline-block !important;
width:7px !important; height:13px !important;
background:#0891b2 !important;
animation:axrCur 1s step-end infinite !important;
}
@keyframes axrCur { 0%,100%{opacity:1} 50%{opacity:0} }
.axr2007 { display:flex !important; gap:14px !important; flex-wrap:wrap !important; }
.axr2008 {
position:relative !important;
display:flex !important;
justify-content:center !important;
align-items:flex-end !important;
}
.axr_ring {
position:absolute !important;
border-radius:50% !important;
border:1px solid rgba(8,145,178,.1) !important;
pointer-events:none !important;
top:50% !important; left:50% !important;
transform:translate(-50%,-50%) !important;
}
.axr_ring1 { width:340px !important; height:340px !important; animation:axrSpin 28s linear infinite !important; }
.axr_ring2 { width:240px !important; height:240px !important; border-color:rgba(29,78,216,.1) !important; animation:axrSpin 20s linear infinite reverse !important; }
@keyframes axrSpin { to{transform:translate(-50%,-50%) rotate(360deg)} }
.axr2009 {
background:#ffffff !important;
border:1.5px solid #e2e8f0 !important;
border-radius:16px !important;
overflow:hidden !important;
width:330px !important;
position:relative !important;
z-index:2 !important;
box-shadow: 0 2px 0 #dbeafe, 0 24px 60px rgba(29,78,216,.1), 0 4px 20px rgba(0,0,0,.06) !important;
}
.axr2010 {
background:#f8fafc !important;
border-bottom:1px solid #e2e8f0 !important;
padding:10px 14px !important;
display:flex !important;
align-items:center !important;
gap:6px !important;
}
.axr2011 { width:9px !important; height:9px !important; border-radius:50% !important; }
.axr2011r { background:#fca5a5 !important; }
.axr2011y { background:#fcd34d !important; }
.axr2011g { background:#86efac !important; }
.axr2012 {
flex:1 !important;
height:20px !important;
background:#ffffff !important;
border:1px solid #e2e8f0 !important;
border-radius:4px !important;
margin:0 8px !important;
font-family:'JetBrains Mono',monospace !important;
font-size:9px !important;
color:#94a3b8 !important;
display:flex !important;
align-items:center !important;
padding:0 7px !important;
}
.axr2013 { padding:14px !important; background:#fff !important; }
.axr2014 {
background:linear-gradient(90deg,#1d4ed8,#0891b2) !important;
border-radius:6px !important;
height:24px !important;
margin-bottom:11px !important;
display:flex !important;
align-items:center !important;
padding:0 10px !important;
gap:7px !important;
}
.axr2015 { height:7px !important; border-radius:3px !important; background:rgba(255,255,255,.35) !important; }
.axr2016 {
background:#f0f7ff !important;
border:1px solid #dbeafe !important;
border-radius:7px !important;
height:66px !important;
margin-bottom:10px !important;
position:relative !important;
overflow:hidden !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.axr2016::after {
content:'' !important;
position:absolute !important; inset:0 !important;
background:linear-gradient(90deg,transparent,rgba(8,145,178,.09),transparent) !important;
transform:translateX(-100%) !important;
animation:axrShim 2.8s ease-in-out infinite !important;
}
@keyframes axrShim { 100%{transform:translateX(200%)} }
.axr2016 span { font-family:'JetBrains Mono',monospace !important; font-size:9px !important; color:#94a3b8 !important; letter-spacing:1px !important; }
.axr2017 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-bottom:10px !important; }
.axr2018 {
background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
border-radius:6px !important;
height:44px !important;
animation:axrFade 2.4s ease-in-out infinite !important;
}
.axr2018b { animation-delay:.9s !important; }
@keyframes axrFade { 0%,100%{opacity:.6} 50%{opacity:1} }
.axr2019 { display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:7px !important; }
.axr2020 { background:#eff6ff !important; border:1px solid #dbeafe !important; border-radius:5px !important; height:26px !important; }
.axr2021 {
position:absolute !important;
right:-24px !important;
top:20px !important;
display:flex !important;
flex-direction:column !important;
gap:9px !important;
z-index:4 !important;
}
.axr2022 {
background:#ffffff !important;
border:1.5px solid #e2e8f0 !important;
border-radius:12px !important;
padding:9px 13px !important;
display:flex !important;
align-items:center !important;
gap:9px !important;
min-width:144px !important;
box-shadow:0 4px 18px rgba(29,78,216,.09) !important;
animation:axrFlt 3.2s ease-in-out infinite !important;
}
.axr2022:nth-child(2){animation-delay:1.1s !important}
.axr2022:nth-child(3){animation-delay:2.2s !important}
@keyframes axrFlt { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.axr2023 { font-size:17px !important; }
.axr2024 { flex:1 !important; }
.axr2025 { font-family:'JetBrains Mono',monospace !important; font-size:11px !important; font-weight:700 !important; color:#0f172a !important; }
.axr2026 { font-size:10px !important; color:#94a3b8 !important; font-family:'DM Sans',sans-serif !important; }
.axr2027 { font-family:'JetBrains Mono',monospace !important; font-size:13px !important; font-weight:700 !important; color:#22c55e !important; }
.axr_wave { width:100% !important; line-height:0 !important; display:block !important; }
.axr_wave svg { display:block !important; width:100% !important; }
/* ═══════════════════════════════════════════════════════
§ 2  TRUST BAR  — LIGHT #f8fafc
═══════════════════════════════════════════════════════ */
.axr3000 {
background:#f8fafc !important;
border-top:1px solid #f1f5f9 !important;
border-bottom:1px solid #f1f5f9 !important;
padding:22px 24px !important;
}
.axr3001 {
max-width:1200px !important;
margin:0 auto !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:36px !important;
flex-wrap:wrap !important;
}
.axr3002 {
display:flex !important;
align-items:center !important;
gap:8px !important;
font-size:14px !important;
color:#64748b !important;
font-family:'DM Sans',sans-serif !important;
font-weight:500 !important;
}
.axr3002 strong { color:#0f172a !important; font-weight:700 !important; }
.axr3003 { width:1px !important; height:18px !important; background:#e2e8f0 !important; }
/* ═══════════════════════════════════════════════════════
§ 2b  PRICING SECTION  — WHITE
All prices match /pricing/ page exactly — no contradiction
═══════════════════════════════════════════════════════ */
.axrp000 {
background: #ffffff !important;
padding: 96px 24px 80px !important;
position: relative !important;
overflow: hidden !important;
}
/* subtle dot grid bg */
.axrp000::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background-image: radial-gradient(rgba(29,78,216,.03) 1px, transparent 1px) !important;
background-size: 32px 32px !important;
pointer-events: none !important;
}
/* top-right glow blob */
.axrp000::after {
content: '' !important;
position: absolute !important;
top: -100px !important; right: -100px !important;
width: 480px !important; height: 480px !important;
background: radial-gradient(circle, rgba(8,145,178,.055) 0%, transparent 68%) !important;
pointer-events: none !important;
}
.axrp001 { max-width: 1200px !important; margin: 0 auto !important; position: relative !important; z-index: 1 !important; }
/* ── one-time note bar ── */
.axrp_note {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
background: linear-gradient(135deg,#f0fdf4,#dcfce7) !important;
border: 1.5px solid #86efac !important;
border-radius: 14px !important;
padding: 16px 22px !important;
margin-bottom: 44px !important;
}
.axrp_note_ico { font-size: 22px !important; flex-shrink: 0 !important; line-height: 1.3 !important; }
.axrp_note_t {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
color: #15803d !important;
margin-bottom: 4px !important;
}
.axrp_note_b { font-size: 13px !important; color: #166534 !important; line-height: 1.65 !important; font-family: 'DM Sans', sans-serif !important; }
/* ── pricing grid ── */
.axrp_grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
margin-bottom: 20px !important;
}
.axrp_grid2 {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
margin-bottom: 40px !important;
}
/* ── single card ── */
.axrp_card {
background: #ffffff !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 20px !important;
overflow: hidden !important;
position: relative !important;
transition: transform .3s cubic-bezier(.22,.68,0,1.2), box-shadow .3s, border-color .3s !important;
}
.axrp_card::before {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important;
height: 3px !important;
background: linear-gradient(90deg, #1d4ed8, #0891b2, #38bdf8) !important;
transform: scaleX(0) !important;
transform-origin: left !important;
transition: transform .4s ease !important;
}
.axrp_card:hover::before { transform: scaleX(1) !important; }
.axrp_card:hover {
transform: translateY(-8px) !important;
box-shadow: 0 20px 52px rgba(8,145,178,.12) !important;
border-color: rgba(8,145,178,.3) !important;
}
/* featured / best seller card */
.axrp_card.axrp_hot {
border-color: #1d4ed8 !important;
box-shadow: 0 8px 32px rgba(29,78,216,.13) !important;
}
.axrp_card.axrp_hot::before { transform: scaleX(1) !important; }
.axrp_badge {
position: absolute !important;
top: 14px !important; right: 14px !important;
background: linear-gradient(135deg,#1d4ed8,#0891b2) !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: .8px !important;
padding: 3px 9px !important;
border-radius: 100px !important;
font-family: 'DM Sans', sans-serif !important;
}
/* card head */
.axrp_head {
padding: 24px 22px 18px !important;
border-bottom: 1px solid #f1f5f9 !important;
}
.axrp_ico { font-size: 28px !important; display: block !important; margin-bottom: 10px !important; line-height: 1 !important; }
.axrp_name {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: 18px !important;
font-weight: 800 !important;
color: #0f172a !important;
margin-bottom: 3px !important;
}
.axrp_tag { font-size: 12px !important; color: #64748b !important; margin-bottom: 14px !important; font-family: 'DM Sans', sans-serif !important; }
.axrp_was {
display: block !important;
font-size: 11px !important;
color: #94a3b8 !important;
text-decoration: line-through !important;
margin-bottom: 2px !important;
font-family: 'DM Sans', sans-serif !important;
}
.axrp_amt {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: 34px !important;
font-weight: 800 !important;
color: #0f172a !important;
line-height: 1 !important;
}
.axrp_card.axrp_hot .axrp_amt { color: #1d4ed8 !important; }
.axrp_per { font-size: 13px !important; color: #64748b !important; font-weight: 600 !important; font-family: 'DM Sans', sans-serif !important; }
.axrp_save {
display: inline-block !important;
background: #f0fdf4 !important;
color: #16a34a !important;
font-size: 11px !important;
font-weight: 800 !important;
padding: 3px 9px !important;
border-radius: 100px !important;
margin-top: 8px !important;
font-family: 'DM Sans', sans-serif !important;
}
/* card body */
.axrp_body { padding: 18px 22px 22px !important; }
.axrp_feats { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 18px !important; }
.axrp_feat {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
font-size: 13px !important;
color: #334155 !important;
line-height: 1.5 !important;
font-family: 'DM Sans', sans-serif !important;
}
.axrp_tick { color: #22c55e !important; flex-shrink: 0 !important; font-size: 13px !important; margin-top: 1px !important; }
/* card CTAs */
.axrp_cta { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.axrp_btn_wa {
display: block !important;
width: 100% !important;
padding: 12px 16px !important;
border-radius: 10px !important;
background: linear-gradient(135deg,#25d366,#128c7e) !important;
color: #fff !important;
font-family: 'DM Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(37,211,102,.22) !important;
transition: transform .2s, box-shadow .2s !important;
border: none !important;
cursor: pointer !important;
}
.axrp_btn_wa:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 22px rgba(37,211,102,.32) !important; color: #fff !important; }
.axrp_btn_bl {
display: block !important;
width: 100% !important;
padding: 12px 16px !important;
border-radius: 10px !important;
background: linear-gradient(135deg,#1d4ed8,#0891b2) !important;
color: #fff !important;
font-family: 'DM Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(29,78,216,.22) !important;
transition: transform .2s, box-shadow .2s !important;
}
.axrp_btn_bl:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 22px rgba(29,78,216,.32) !important; color: #fff !important; }
.axrp_btn_ol {
display: block !important;
width: 100% !important;
padding: 11px 16px !important;
border-radius: 10px !important;
background: #fff !important;
color: #1d4ed8 !important;
font-family: 'DM Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
text-align: center !important;
text-decoration: none !important;
border: 1.5px solid #bfdbfe !important;
transition: background .2s, border-color .2s, transform .2s !important;
}
.axrp_btn_ol:hover { background: #eff6ff !important; border-color: #0891b2 !important; transform: translateY(-2px) !important; color: #1d4ed8 !important; }
.axrp_card_note { font-size: 11px !important; color: #94a3b8 !important; text-align: center !important; margin-top: 6px !important; font-family: 'DM Sans', sans-serif !important; }
/* maintenance add-on strip */
.axrp_maint {
background: #f8fafc !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 14px !important;
padding: 18px 24px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 14px !important;
margin-bottom: 40px !important;
}
.axrp_maint_l {}
.axrp_maint_t {
font-family: 'Bricolage Grotesque', sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
color: #0f172a !important;
margin-bottom: 4px !important;
}
.axrp_maint_t span {
font-size: 11px !important;
color: #94a3b8 !important;
font-weight: 400 !important;
font-family: 'DM Sans', sans-serif !important;
text-decoration: line-through !important;
margin-left: 6px !important;
}
.axrp_maint_b { font-size: 13px !important; color: #475569 !important; font-family: 'DM Sans', sans-serif !important; }
.axrp_maint_b strong { color: #16a34a !important; }
/* no-lock bar */
.axrp_nolock {
background: linear-gradient(135deg,#f0fdf4,#dcfce7) !important;
border: 1.5px solid #86efac !important;
border-radius: 12px !important;
padding: 14px 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 24px !important;
flex-wrap: wrap !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #15803d !important;
font-family: 'DM Sans', sans-serif !important;
}
.axrp_nolock_i { display: flex !important; align-items: center !important; gap: 6px !important; }
/* ═══════════════════════════════════════════════════════
§ 3  SIGNATURE — WHITE device simulation
═══════════════════════════════════════════════════════ */
.axr4000 {
background:#ffffff !important;
padding:96px 24px 80px !important;
position:relative !important;
overflow:hidden !important;
}
.axr4000::after {
content:'' !important;
position:absolute !important;
top:-260px !important; right:-260px !important;
width:640px !important; height:640px !important;
border:1px solid rgba(8,145,178,.06) !important;
border-radius:50% !important;
pointer-events:none !important;
}
.axr4001 { max-width:1200px !important; margin:0 auto !important; position:relative !important; z-index:1 !important; }
.axr4002 {
display:grid !important;
grid-template-columns:1.3fr 1fr .62fr !important;
gap:20px !important;
align-items:flex-end !important;
margin-top:56px !important;
}
.axr4003 {
background:#ffffff !important;
border:1.5px solid #e2e8f0 !important;
border-radius:18px !important;
overflow:hidden !important;
transition:transform .4s cubic-bezier(.22,.68,0,1.35), box-shadow .4s, border-color .4s !important;
position:relative !important;
}
.axr4003::before {
content:'' !important;
position:absolute !important;
top:0 !important; left:0 !important; right:0 !important;
height:2px !important;
background:linear-gradient(90deg,#1d4ed8,#0891b2,#38bdf8) !important;
transform:scaleX(0) !important;
transform-origin:left !important;
transition:transform .5s ease !important;
z-index:3 !important;
}
.axr4003:hover::before { transform:scaleX(1) !important; }
.axr4003:hover {
transform:translateY(-14px) scale(1.025) !important;
box-shadow:0 28px 60px rgba(8,145,178,.13),0 0 0 1.5px rgba(8,145,178,.15) !important;
border-color:rgba(8,145,178,.3) !important;
}
.axr4004 {
background:#1e293b !important;
padding:9px 12px !important;
display:flex !important;
align-items:center !important;
gap:5px !important;
}
.axr4005 { width:7px !important; height:7px !important; border-radius:50% !important; background:#475569 !important; }
.axr4006 {
flex:1 !important;
height:15px !important;
background:rgba(255,255,255,.06) !important;
border-radius:3px !important;
margin:0 6px !important;
font-family:'JetBrains Mono',monospace !important;
font-size:8px !important;
color:rgba(56,189,248,.45) !important;
display:flex !important;
align-items:center !important;
padding:0 5px !important;
}
.axr4007 { padding:12px !important; background:#fff !important; }
.axr4008 {
background:linear-gradient(90deg,#1d4ed8,#0891b2) !important;
border-radius:5px !important;
height:22px !important;
margin-bottom:10px !important;
}
.axr4009 { background:#f1f5f9 !important; border-radius:4px !important; height:8px !important; margin-bottom:5px !important; }
.axr4009b { width:65% !important; }
.axr4009c { background:#dbeafe !important; height:30px !important; border-radius:5px !important; margin-top:7px !important; }
.axr4010 {
background:#f0f7ff !important;
border-top:1px solid #dbeafe !important;
padding:11px 14px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
}
.axr4011 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:13px !important; font-weight:700 !important; color:#0f172a !important; }
.axr4012 {
font-family:'JetBrains Mono',monospace !important;
font-size:10px !important;
color:#0891b2 !important;
background:#e0f2fe !important;
padding:2px 8px !important;
border-radius:3px !important;
}
.axr4013 {
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:16px !important;
margin-top:24px !important;
}
.axr4014 {
background:#f0f7ff !important;
border:1px solid #dbeafe !important;
border-radius:14px !important;
padding:20px 22px !important;
display:flex !important;
align-items:center !important;
gap:14px !important;
transition:border-color .3s, box-shadow .3s !important;
}
.axr4014:hover { border-color:#0891b2 !important; box-shadow:0 4px 20px rgba(8,145,178,.1) !important; }
.axr4015 { font-size:22px !important; }
.axr4016 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:24px !important; font-weight:800 !important; color:#1d4ed8 !important; }
.axr4017 { font-size:13px !important; color:#64748b !important; font-family:'DM Sans',sans-serif !important; }
/* ═══════════════════════════════════════════════════════
§ 4  WHY MATTERS — DARK contrast block
═══════════════════════════════════════════════════════ */
.axr5000 {
background:#070f1e !important;
padding:96px 24px !important;
position:relative !important;
overflow:hidden !important;
}
.axr5000::before {
content:'' !important;
position:absolute !important;
bottom:-160px !important; left:-120px !important;
width:500px !important; height:500px !important;
background:radial-gradient(circle,rgba(29,78,216,.12) 0%,transparent 70%) !important;
pointer-events:none !important;
}
.axr5000::after {
content:'' !important;
position:absolute !important;
top:-100px !important; right:-100px !important;
width:400px !important; height:400px !important;
background:radial-gradient(circle,rgba(8,145,178,.1) 0%,transparent 70%) !important;
pointer-events:none !important;
}
.axr5001 { max-width:1200px !important; margin:0 auto !important; position:relative !important; z-index:1 !important; }
.axr5002 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:68px !important; align-items:center !important; }
.axr5004 {
font-family:'Bricolage Grotesque',sans-serif !important;
font-size:clamp(28px,3.4vw,46px) !important;
font-weight:800 !important;
color:#f0f9ff !important;
line-height:1.08 !important;
letter-spacing:-.5px !important;
margin-bottom:20px !important;
}
.axr5005 { font-size:16px !important; color:#64748b !important; line-height:1.78 !important; margin-bottom:28px !important; font-family:'DM Sans',sans-serif !important; }
.axr5006 {
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
color:#38bdf8 !important;
font-family:'DM Sans',sans-serif !important;
font-weight:600 !important;
font-size:14px !important;
text-decoration:none !important;
border-bottom:1px solid rgba(56,189,248,.3) !important;
padding-bottom:2px !important;
transition:border-color .25s !important;
}
.axr5006:hover { border-color:#38bdf8 !important; }
.axr5007 { display:flex !important; flex-direction:column !important; gap:14px !important; }
.axr5008 {
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(56,189,248,.11) !important;
border-radius:14px !important;
padding:22px 24px !important;
display:flex !important;
align-items:flex-start !important;
gap:14px !important;
position:relative !important;
overflow:hidden !important;
transition:border-color .3s, transform .3s, box-shadow .3s !important;
}
.axr5008::before {
content:'' !important;
position:absolute !important;
left:0 !important; top:0 !important; bottom:0 !important;
width:3px !important;
background:linear-gradient(180deg,#1d4ed8,#0891b2) !important;
border-radius:0 2px 2px 0 !important;
opacity:0 !important;
transition:opacity .3s !important;
}
.axr5008:hover::before { opacity:1 !important; }
.axr5008:hover { border-color:rgba(56,189,248,.28) !important; transform:translateX(6px) !important; box-shadow:0 0 28px rgba(8,145,178,.07) !important; }
.axr5009 {
width:42px !important; height:42px !important;
border-radius:10px !important;
background:rgba(56,189,248,.08) !important;
border:1px solid rgba(56,189,248,.18) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:20px !important;
flex-shrink:0 !important;
}
.axr5010 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:16px !important; font-weight:700 !important; color:#f0f9ff !important; margin-bottom:5px !important; }
.axr5011 { font-size:14px !important; color:#475569 !important; line-height:1.65 !important; font-family:'DM Sans',sans-serif !important; margin-bottom:7px !important; }
.axr5012 { font-family:'JetBrains Mono',monospace !important; font-size:10px !important; color:#0891b2 !important; letter-spacing:.5px !important; }
/* ═══════════════════════════════════════════════════════
§ 5  SERVICES — LIGHT SOFT #f0f7ff
═══════════════════════════════════════════════════════ */
.axr6000 { background:#f0f7ff !important; padding:96px 24px !important; }
.axr6001 { max-width:1200px !important; margin:0 auto !important; }
.axr6002 { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:20px !important; }
.axr6003 {
background:#ffffff !important;
border:1.5px solid #e2e8f0 !important;
border-radius:18px !important;
padding:30px 26px !important;
position:relative !important;
overflow:hidden !important;
transition:transform .35s cubic-bezier(.22,.68,0,1.2), box-shadow .35s, border-color .35s !important;
}
.axr6003::after {
content:'' !important;
position:absolute !important;
top:0 !important; right:0 !important;
width:52px !important; height:52px !important;
background:linear-gradient(225deg,rgba(8,145,178,.08) 0%,transparent 60%) !important;
border-radius:0 18px 0 0 !important;
}
.axr6003:hover { transform:translateY(-8px) !important; box-shadow:0 20px 52px rgba(8,145,178,.11) !important; border-color:rgba(8,145,178,.28) !important; }
.axr6004 {
width:48px !important; height:48px !important;
border-radius:12px !important;
background:#eff6ff !important;
border:1px solid #dbeafe !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:22px !important;
margin-bottom:18px !important;
}
.axr6005 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:18px !important; font-weight:700 !important; color:#0f172a !important; margin-bottom:9px !important; }
.axr6006 { font-size:14px !important; color:#475569 !important; line-height:1.65 !important; font-family:'DM Sans',sans-serif !important; margin-bottom:16px !important; }
.axr6007 {
display:inline-flex !important;
align-items:center !important;
gap:5px !important;
font-family:'JetBrains Mono',monospace !important;
font-size:10px !important;
font-weight:700 !important;
color:#1d4ed8 !important;
background:#eff6ff !important;
padding:4px 10px !important;
border-radius:4px !important;
border:1px solid #dbeafe !important;
letter-spacing:.3px !important;
}
/* ═══════════════════════════════════════════════════════
§ 6  STATS — DARK
═══════════════════════════════════════════════════════ */
.axr7000 {
background:#070f1e !important;
padding:80px 24px !important;
position:relative !important;
overflow:hidden !important;
}
.axr7000::after {
content:'' !important;
position:absolute !important;
top:50% !important; left:-50% !important;
width:200% !important; height:1px !important;
background:linear-gradient(90deg,transparent,rgba(56,189,248,.22),transparent) !important;
transform:translateY(-50%) !important;
animation:axrScan 8s ease-in-out infinite !important;
}
@keyframes axrScan { 0%,100%{left:-50%} 50%{left:50%} }
.axr7001 { max-width:1100px !important; margin:0 auto !important; position:relative !important; z-index:1 !important; }
.axr7002 { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:18px !important; }
.axr7003 {
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(56,189,248,.12) !important;
border-radius:16px !important;
padding:30px 16px !important;
text-align:center !important;
position:relative !important;
overflow:hidden !important;
transition:border-color .3s, transform .3s !important;
}
.axr7003::before {
content:'' !important;
position:absolute !important;
top:0 !important; left:0 !important; right:0 !important;
height:1px !important;
background:linear-gradient(90deg,transparent,rgba(56,189,248,.45),transparent) !important;
}
.axr7003:hover { border-color:rgba(56,189,248,.35) !important; transform:translateY(-5px) !important; }
.axr7004 {
font-family:'Bricolage Grotesque',sans-serif !important;
font-size:48px !important;
font-weight:800 !important;
color:#38bdf8 !important;
text-shadow:0 0 22px rgba(56,189,248,.35) !important;
line-height:1 !important;
margin-bottom:8px !important;
}
.axr7005 { font-size:13px !important; color:#475569 !important; font-family:'DM Sans',sans-serif !important; }
/* ═══════════════════════════════════════════════════════
§ 7  TECH STACK — WHITE
═══════════════════════════════════════════════════════ */
.axr8000 { background:#ffffff !important; padding:96px 24px !important; }
.axr8001 { max-width:1200px !important; margin:0 auto !important; }
.axr8002 { display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:16px !important; }
.axr8003 {
background:#f8fafc !important;
border:1.5px solid #e2e8f0 !important;
border-radius:16px !important;
padding:28px 16px !important;
text-align:center !important;
transition:transform .3s, border-color .3s, box-shadow .3s, background .3s !important;
position:relative !important;
overflow:hidden !important;
}
.axr8003:hover { transform:translateY(-7px) !important; border-color:#0891b2 !important; background:#f0f7ff !important; box-shadow:0 14px 38px rgba(8,145,178,.1) !important; }
.axr8004 { font-size:30px !important; margin-bottom:12px !important; }
.axr8005 { font-family:'JetBrains Mono',monospace !important; font-size:13px !important; font-weight:700 !important; color:#0f172a !important; margin-bottom:6px !important; }
.axr8006 { font-size:12px !important; color:#64748b !important; font-family:'DM Sans',sans-serif !important; line-height:1.5 !important; }
/* ═══════════════════════════════════════════════════════
§ 8  PROCESS — DARK (3×2 glass grid)
═══════════════════════════════════════════════════════ */
.axr9000 {
background:#070f1e !important;
padding:96px 24px !important;
position:relative !important;
overflow:hidden !important;
}
.axr9000::before {
content:'' !important;
position:absolute !important;
top:-80px !important; right:-80px !important;
width:440px !important; height:440px !important;
background:radial-gradient(circle,rgba(8,145,178,.1) 0%,transparent 70%) !important;
pointer-events:none !important;
}
.axr9001 { max-width:1100px !important; margin:0 auto !important; position:relative !important; z-index:1 !important; }
.axr9002 { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:18px !important; }
.axr9003 {
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(56,189,248,.1) !important;
border-radius:16px !important;
padding:26px 22px !important;
transition:border-color .3s, box-shadow .3s, transform .3s !important;
}
.axr9003:hover { border-color:rgba(56,189,248,.32) !important; box-shadow:0 0 32px rgba(56,189,248,.07) !important; transform:translateY(-5px) !important; }
.axr9004 {
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:36px !important; height:36px !important;
border-radius:8px !important;
background:linear-gradient(135deg,rgba(29,78,216,.6),rgba(8,145,178,.6)) !important;
border:1px solid rgba(56,189,248,.22) !important;
font-family:'JetBrains Mono',monospace !important;
font-size:13px !important; font-weight:700 !important;
color:#38bdf8 !important;
margin-bottom:14px !important;
}
.axr9005 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:17px !important; font-weight:700 !important; color:#f0f9ff !important; margin-bottom:8px !important; }
.axr9006 { font-size:14px !important; color:#475569 !important; line-height:1.65 !important; font-family:'DM Sans',sans-serif !important; }
/* ═══════════════════════════════════════════════════════
§ 9  CASE SNAPSHOT — WHITE
═══════════════════════════════════════════════════════ */
.axra000 { background:#ffffff !important; padding:96px 24px !important; }
.axra001 { max-width:1100px !important; margin:0 auto !important; }
.axra002 {
border-radius:24px !important;
overflow:hidden !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
border:1.5px solid #e2e8f0 !important;
box-shadow:0 24px 60px rgba(29,78,216,.08) !important;
}
.axra003 {
background:linear-gradient(135deg,#1d4ed8 0%,#0891b2 100%) !important;
padding:50px 44px !important;
position:relative !important;
overflow:hidden !important;
}
.axra003::after {
content:'' !important;
position:absolute !important;
bottom:-70px !important; right:-70px !important;
width:200px !important; height:200px !important;
border-radius:50% !important;
background:rgba(255,255,255,.07) !important;
pointer-events:none !important;
}
.axra004 { font-family:'JetBrains Mono',monospace !important; font-size:10px !important; color:rgba(255,255,255,.5) !important; letter-spacing:1.5px !important; text-transform:uppercase !important; margin-bottom:16px !important; }
.axra005 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:clamp(22px,2.6vw,32px) !important; font-weight:800 !important; color:#ffffff !important; line-height:1.18 !important; margin-bottom:16px !important; }
.axra006 { font-size:15px !important; color:rgba(255,255,255,.75) !important; line-height:1.72 !important; font-family:'DM Sans',sans-serif !important; }
.axra007 {
background:#f8fafc !important;
padding:50px 44px !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:14px !important;
align-content:center !important;
}
.axra008 {
background:#ffffff !important;
border:1.5px solid #e2e8f0 !important;
border-radius:14px !important;
padding:22px 16px !important;
text-align:center !important;
transition:border-color .25s, box-shadow .25s !important;
}
.axra008:hover { border-color:#0891b2 !important; box-shadow:0 6px 20px rgba(8,145,178,.1) !important; }
.axra009 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:32px !important; font-weight:800 !important; color:#1d4ed8 !important; margin-bottom:4px !important; }
.axra010 { font-size:12px !important; color:#64748b !important; font-family:'DM Sans',sans-serif !important; }
/* ═══════════════════════════════════════════════════════
§ 10  TESTIMONIALS — SOFT LIGHT #f0f7ff
═══════════════════════════════════════════════════════ */
.axrb000 { background:#f0f7ff !important; padding:96px 24px !important; }
.axrb001 { max-width:1200px !important; margin:0 auto !important; }
.axrb002 { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:22px !important; }
.axrb003 {
background:#ffffff !important;
border:1.5px solid #e2e8f0 !important;
border-radius:18px !important;
padding:28px 24px !important;
transition:transform .3s, box-shadow .3s !important;
position:relative !important;
}
.axrb003::before {
content:'"' !important;
position:absolute !important;
top:14px !important; right:22px !important;
font-family:'Bricolage Grotesque',sans-serif !important;
font-size:70px !important;
color:rgba(8,145,178,.07) !important;
line-height:1 !important;
font-weight:800 !important;
}
.axrb003:hover { transform:translateY(-6px) !important; box-shadow:0 16px 44px rgba(0,0,0,.07) !important; }
.axrb004 { display:flex !important; gap:3px !important; margin-bottom:14px !important; }
.axrb004 span { color:#f59e0b !important; font-size:14px !important; }
.axrb005 { font-size:15px !important; color:#475569 !important; line-height:1.72 !important; font-family:'DM Sans',sans-serif !important; font-style:italic !important; margin-bottom:22px !important; }
.axrb006 { display:flex !important; align-items:center !important; gap:12px !important; }
.axrb007 {
width:40px !important; height:40px !important;
border-radius:50% !important;
background:linear-gradient(135deg,#1d4ed8,#0891b2) !important;
display:flex !important; align-items:center !important; justify-content:center !important;
color:#fff !important; font-weight:700 !important; font-size:15px !important;
font-family:'DM Sans',sans-serif !important;
}
.axrb008 { font-size:14px !important; font-weight:700 !important; color:#0f172a !important; font-family:'DM Sans',sans-serif !important; }
.axrb009 { font-size:12px !important; color:#64748b !important; font-family:'DM Sans',sans-serif !important; }
/* ═══════════════════════════════════════════════════════
§ 11  FAQ — WHITE
═══════════════════════════════════════════════════════ */
.axrc000 { background:#ffffff !important; padding:96px 24px !important; }
.axrc001 { max-width:860px !important; margin:0 auto !important; }
.axrc002 { display:flex !important; flex-direction:column !important; gap:10px !important; }
.axrc003 {
background:#f8fafc !important;
border:1.5px solid #e2e8f0 !important;
border-radius:14px !important;
overflow:hidden !important;
transition:border-color .3s, background .3s !important;
}
.axrc003.axrc003o { border-color:#1d4ed8 !important; background:#ffffff !important; }
.axrc004 {
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:18px 22px !important;
cursor:pointer !important;
gap:14px !important;
}
.axrc005 { font-family:'DM Sans',sans-serif !important; font-size:16px !important; font-weight:600 !important; color:#0f172a !important; }
.axrc006 {
width:28px !important; height:28px !important;
border-radius:8px !important;
background:#eff6ff !important;
border:1px solid #dbeafe !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-shrink:0 !important;
color:#1d4ed8 !important;
font-size:18px !important;
transition:transform .3s, background .3s !important;
line-height:1 !important;
font-weight:300 !important;
}
.axrc003.axrc003o .axrc006 { transform:rotate(45deg) !important; background:#1d4ed8 !important; color:#ffffff !important; border-color:#1d4ed8 !important; }
.axrc007 {
display:none !important;
padding:0 22px 18px !important;
font-size:15px !important;
color:#475569 !important;
line-height:1.75 !important;
font-family:'DM Sans',sans-serif !important;
}
.axrc003.axrc003o .axrc007 { display:block !important; }
/* ═══════════════════════════════════════════════════════
§ 12  FINAL CTA — white page, dark panel inside
═══════════════════════════════════════════════════════ */
.axrd000 { background:#ffffff !important; padding:80px 24px 96px !important; }
.axrd001 { max-width:1100px !important; margin:0 auto !important; }
.axrd002 {
background:#070f1e !important;
border-radius:28px !important;
padding:72px 60px !important;
text-align:center !important;
position:relative !important;
overflow:hidden !important;
border:1px solid rgba(56,189,248,.12) !important;
}
.axrd002::before {
content:'' !important;
position:absolute !important; inset:0 !important;
background:
radial-gradient(ellipse 70% 60% at 50% 0%,rgba(8,145,178,.14) 0%,transparent 60%),
radial-gradient(ellipse 40% 40% at 85% 90%,rgba(29,78,216,.1) 0%,transparent 60%) !important;
pointer-events:none !important;
}
.axrd002::after {
content:'' !important;
position:absolute !important;
top:0 !important; left:12% !important; right:12% !important;
height:1px !important;
background:linear-gradient(90deg,transparent,rgba(56,189,248,.55),transparent) !important;
}
.axrd003 { max-width:640px !important; margin:0 auto !important; position:relative !important; z-index:1 !important; }
.axrd004 {
font-family:'JetBrains Mono',monospace !important;
font-size:11px !important;
color:rgba(56,189,248,.55) !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
margin-bottom:20px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
}
.axrd004::before,.axrd004::after { content:'' !important; flex:0 0 36px !important; height:1px !important; background:rgba(56,189,248,.3) !important; }
.axrd005 {
font-family:'Bricolage Grotesque',sans-serif !important;
font-size:clamp(30px,4vw,52px) !important;
font-weight:800 !important;
color:#f0f9ff !important;
line-height:1.1 !important;
letter-spacing:-.5px !important;
margin-bottom:18px !important;
}
.axrd005 em { font-style:normal !important; color:#38bdf8 !important; text-shadow:0 0 28px rgba(56,189,248,.4) !important; }
.axrd006 { font-size:17px !important; color:#475569 !important; margin-bottom:40px !important; font-family:'DM Sans',sans-serif !important; }
.axrd007 { display:flex !important; justify-content:center !important; gap:16px !important; flex-wrap:wrap !important; }
.axrd008 { display:flex !important; justify-content:center !important; gap:28px !important; margin-top:40px !important; flex-wrap:wrap !important; }
.axrd009 {
display:flex !important;
align-items:center !important;
gap:7px !important;
font-size:13px !important;
color:#334155 !important;
font-family:'DM Sans',sans-serif !important;
}
.axrd009 span:first-child { color:#22c55e !important; }
/* ═══════════════════════════════════════════════════════
RESPONSIVE BREAKPOINTS
═══════════════════════════════════════════════════════ */
@media(max-width:1100px){
.axr2001 { grid-template-columns:1fr !important; padding-bottom:48px !important; }
.axr2008 { display:none !important; }
.axr4002 { grid-template-columns:1fr 1fr !important; }
.axr4002>.axr4003:last-child { display:none !important; }
.axr5002 { grid-template-columns:1fr !important; gap:48px !important; }
.axr6002 { grid-template-columns:1fr 1fr !important; }
.axr7002 { grid-template-columns:1fr 1fr !important; }
.axr8002 { grid-template-columns:repeat(3,1fr) !important; }
.axr9002 { grid-template-columns:1fr 1fr !important; }
.axra002 { grid-template-columns:1fr !important; }
.axrb002 { grid-template-columns:1fr 1fr !important; }
.axrd002 { padding:50px 36px !important; }
.axrp_grid  { grid-template-columns:repeat(2,1fr) !important; }
.axrp_grid2 { grid-template-columns:repeat(2,1fr) !important; }
}
@media(max-width:768px){
.axr2007 { flex-direction:column !important; }
.axr2007 a { justify-content:center !important; text-align:center !important; }
.axr3001 { gap:16px !important; }
.axr3003 { display:none !important; }
.axr4002 { grid-template-columns:1fr !important; }
.axr4013 { grid-template-columns:1fr !important; }
.axr5002 { grid-template-columns:1fr !important; }
.axr6002 { grid-template-columns:1fr !important; }
.axr7002 { grid-template-columns:1fr 1fr !important; }
.axr8002 { grid-template-columns:1fr 1fr !important; }
.axr9002 { grid-template-columns:1fr !important; }
.axra003,.axra007 { padding:36px 28px !important; }
.axra007 { grid-template-columns:1fr 1fr !important; }
.axrb002 { grid-template-columns:1fr !important; }
.axrd002 { padding:44px 24px !important; border-radius:18px !important; }
.axrp_grid  { grid-template-columns:1fr !important; }
.axrp_grid2 { grid-template-columns:1fr !important; }
.axrp_maint { flex-direction:column !important; align-items:flex-start !important; }
.axrp_nolock { flex-direction:column !important; gap:8px !important; text-align:center !important; }
}
@media(max-width:480px){
.axr7002 { grid-template-columns:1fr !important; }
.axr8002 { grid-template-columns:1fr !important; }
.axra007 { grid-template-columns:1fr !important; }
}