/* ArdPro homepage CSS extracted from preview. Scoped under .ardpro-home to reduce theme conflicts. */


.ardpro-home * {box-sizing:border-box}
.ardpro-home {margin:0;color:#17233b;background:#fff}
.ardpro-home .hero {position:relative;isolation:isolate;overflow:hidden;padding:68px 24px 0;background:radial-gradient(ellipse at 78% 0%,#e9edf4 0,transparent 38%),linear-gradient(135deg,#fff 0%,#f8f9fc 68%,#f0f3f9 100%)}
.ardpro-home .hero:before {content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:62%;background:radial-gradient(ellipse at 24% 18%,#34517e 0,transparent 42%),radial-gradient(ellipse at 75% 78%,#243c63 0,transparent 44%),linear-gradient(145deg,#20385f 0%,#142749 55%,#0c1830 100%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);pointer-events:none}
.ardpro-home .hero:after {content:"";position:absolute;z-index:-1;left:7%;top:8%;width:260px;height:260px;border:1px solid #ffffff20;border-radius:48px;transform:rotate(28deg);box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06;pointer-events:none}
.ardpro-home .glow {position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none}
.ardpro-home .blue {width:360px;height:360px;top:-160px;left:18%;background:#d5ddea}
.ardpro-home .yellow {width:220px;height:220px;bottom:20px;left:43%;background:#fff0bd}
.ardpro-home .shape {position:absolute;z-index:-1;pointer-events:none;border:1px solid #d9dfeb;transform:rotate(32deg);border-radius:35px}
.ardpro-home .s1 {width:210px;height:210px;left:-100px;top:45px}
.ardpro-home .s2 {width:115px;height:115px;left:8%;bottom:45px;border-color:#f3d36c}
.ardpro-home .container {max-width:1180px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;min-height:410px}
.ardpro-home .content {position:relative;z-index:2}
.ardpro-home .eyebrow {display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e1e5ed;border-radius:40px;background:#fff;color:#142749;font-size:12px;margin-bottom:22px}
.ardpro-home .dot {width:8px;height:8px;border-radius:50%;background:#ffc928;box-shadow:0 0 0 4px #fff2c6}
.ardpro-home .content h1 {font-size:clamp(34px,4vw,51px);line-height:1.55;margin:0 0 18px;font-weight:800;letter-spacing:-1px;color:#101e3c}
.ardpro-home .highlight {position:relative;color: #101e3c;background-color: #0089f700 !important;white-space:nowrap;z-index:0}
.ardpro-home .highlight:after {content:"";position:absolute;z-index:-1;right:0;bottom:5px;width:100%;height:11px;background:#ffe17d;border-radius:3px}
.ardpro-home .desc {max-width:540px;color:#657087;font-size:15px;line-height:2.2;margin:0 0 25px}
.ardpro-home .actions {display:flex;flex-wrap:wrap;gap:12px}
.ardpro-home .btn {min-height:51px;padding:0 20px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:bold;text-decoration:none;transition:.2s}
.ardpro-home .primary {background:#ffc928;color:#101e3c;box-shadow:0 8px 22px #ffc92840}
.ardpro-home .secondary {background:#ffffffb8;border:1px solid #cbd2df;color:#101e3c}
.ardpro-home .btn:hover {transform:translateY(-2px)}
.ardpro-home .trust {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:23px;color:#657087;font-size:11px}
.ardpro-home .check {background:#ffc928;color:#101e3c;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-weight:bold}
.ardpro-home .sep {width:4px;height:4px;border-radius:50%;background:#b9c1cf}
.ardpro-home .visual {min-height:395px;position:relative;display:flex;align-items:center;justify-content:center;direction:ltr;isolation:isolate}
.ardpro-home .backdrop {position:absolute;z-index:-2;top:2%;left:1%;width:88%;height:91%;border-radius:45% 17% 35% 20%;transform:rotate(-5deg);background:radial-gradient(ellipse at 24% 15%,#526f9d 0,transparent 38%),radial-gradient(ellipse at 90% 95%,#ffc92830,transparent 32%),linear-gradient(145deg,#263f69,#142749 52%,#0d1931);box-shadow:0 24px 65px #101e3c26;overflow:hidden}
.ardpro-home .backdrop:before {content:"";position:absolute;width:300px;height:300px;left:-100px;top:-110px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff08}
.ardpro-home .backdrop:after {content:"";position:absolute;width:160px;height:160px;right:-35px;bottom:-65px;border:1px solid #ffc92880;border-radius:38px;transform:rotate(30deg)}
.ardpro-home .orbit {position:absolute;border:1px solid #ffffff30;border-radius:50%;pointer-events:none}
.ardpro-home .o1 {width:315px;height:315px;top:27px;left:13px}
.ardpro-home .o2 {width:250px;height:250px;top:59px;left:45px;border-style:dashed;border-color:#ffc92855}
.ardpro-home .browser {position:relative;z-index:2;width:92%;max-width:440px;overflow:hidden;background:#fff;border:1px solid #ffffffd9;border-radius:13px;box-shadow:0 28px 65px #040f2250,0 0 0 7px #ffffff14;transform:rotate(-2deg)}
.ardpro-home .browser-top {height:39px;padding:0 13px;display:flex;align-items:center;gap:12px;background:#f5f6f9;border-bottom:1px solid #e9ecf1}
.ardpro-home .dots {display:flex;gap:4px}
.ardpro-home .dots i {width:7px;height:7px;border-radius:50%;background:#c6ccd6}
.ardpro-home .dots i:first-child {background:#f1bd43}
.ardpro-home .address {flex:1;max-width:190px;padding:5px 10px;border-radius:4px;background:#fff;color:#9299a8;text-align:center;font-size:8px}
.ardpro-home .menu {color:#8992a3;font-size:12px}
.ardpro-home .browser-body {padding:19px 18px 18px}
.ardpro-home .mini-header {height:19px;display:flex;align-items:center;gap:10px;margin-bottom:28px}
.ardpro-home .logo {width:27px;height:16px;border-radius:4px;background:#101e3c;position:relative;margin-left:auto}
.ardpro-home .logo:after {content:"";position:absolute;left:6px;top:5px;width:14px;height:5px;border-radius:2px;background:#ffc928}
.ardpro-home .nav {width:37px;height:4px;border-radius:3px;background:#dfe3eb}
.ardpro-home .nav.short {width:25px}
.ardpro-home .mini-button {width:48px;height:17px;margin-right:4px;border-radius:4px;background:#ffc928}
.ardpro-home .mini-hero {min-height:135px;display:grid;grid-template-columns:1fr .9fr;gap:10px;align-items:center;padding:13px;background:#f5f7fb;border-radius:8px}
.ardpro-home .copy {display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.ardpro-home .line {display:block;height:7px;border-radius:3px;background:#d8deea}
.ardpro-home .line.long {width:95%;height:11px;background:#101e3c}
.ardpro-home .line.medium {width:82%}
.ardpro-home .line.short {width:55%}
.ardpro-home .mini-cta {display:block;width:58px;height:18px;margin-top:4px;border-radius:4px;background:#ffc928}
.ardpro-home .art {position:relative;min-height:105px;display:flex;align-items:center;justify-content:center}
.ardpro-home .circle {width:87px;height:87px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#617ca8,#243c63 65%)}
.ardpro-home .art-card {position:absolute;right:-1px;bottom:3px;width:57px;padding:10px 7px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e9edf3;border-radius:5px;box-shadow:0 6px 15px #101e3c1a}
.ardpro-home .art-card span {display:block;height:4px;border-radius:3px;background:#dfe4ed}
.ardpro-home .art-card span:first-child {width:70%;background:#ffc928}
.ardpro-home .mini-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}
.ardpro-home .mini-cards div {height:48px;padding:8px;border:1px solid #edf0f5;border-radius:5px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.ardpro-home .mini-cards span {width:16px;height:5px;border-radius:3px;background:#ffc928}
.ardpro-home .mini-cards i,
.ardpro-home .mini-cards b {display:block;width:80%;height:4px;border-radius:3px;background:#cfd6e2}
.ardpro-home .mini-cards b {width:55%;background:#e4e8ef}
.ardpro-home .float {position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fffffff7;border:1px solid #ffffffd9;border-radius:10px;box-shadow:0 12px 30px #05122730;direction:rtl}
.ardpro-home .float strong,
.ardpro-home .float small {display:block;white-space:nowrap}
.ardpro-home .float strong {color:#101e3c;font-size:11px;margin-bottom:4px}
.ardpro-home .float small {color:#7b8597;font-size:9px}
.ardpro-home .float-icon {width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:19px;font-weight:bold;background:#ffc928;color:#101e3c}
.ardpro-home .top {top:17px;right:-1px}
.ardpro-home .bottom {bottom:20px;left:-7px}
.ardpro-home .bottom .float-icon {background:#101e3c;color:#fff}
.ardpro-home .orb {position:absolute;z-index:1;right:14%;bottom:8%;width:20px;height:20px;background:#ffc928;border:5px solid #ffffff80;border-radius:50%;box-shadow:0 0 25px #ffc9288c}
.ardpro-home .stats {background:#fff;position:relative;z-index:2;max-width:1000px;min-height:96px;margin:30px auto 0;padding:19px 35px;display:flex;justify-content:center;align-items:center;gap:70px;border-top:1px solid #101e3c19}
.ardpro-home .stat {display:flex;align-items:center;gap:12px}
.ardpro-home .stat strong {display:flex;align-items:baseline;gap:2px;color:#101e3c;font-size:28px;line-height:1.3}
.ardpro-home .stat strong span {color:#d6a500;font-size:22px}
.ardpro-home .stat small {color:#737d91;font-size:11px;white-space:nowrap}
.ardpro-home .divider {width:1px;height:34px;background:#101e3c20}
.ardpro-home .note {max-width:1180px;margin:0 auto;padding:15px 24px;color:#8992a3;font-size:11px;text-align:center}


@media (max-width:900px){
.ardpro-home .hero {padding-top:48px}
.ardpro-home .container {grid-template-columns:1fr .9fr;gap:22px}
.ardpro-home .content h1 {font-size:36px}
.ardpro-home .desc {font-size:13px}
.ardpro-home .visual {min-height:350px}
.ardpro-home .stats {gap:35px}
}


@media (max-width:680px){
.ardpro-home .hero:before {inset:350px 0 auto;width:100%;height:330px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.ardpro-home .hero:after {top:365px;left:8%;width:180px;height:180px}
.ardpro-home .hero {padding:35px 17px 0}
.ardpro-home .container {grid-template-columns:1fr;gap:8px;padding-right: 0px !important;
        padding-left

: 1px;
        padding-left: 0px !important;}
.ardpro-home .eyebrow {margin-bottom:16px;font-size:11px}
.ardpro-home .content h1 {font-size:27px;line-height:1.65;margin-bottom:14px}
.ardpro-home .highlight {white-space:normal}
.ardpro-home .highlight:after {height:8px;bottom:5px}
.ardpro-home .desc {font-size:13px;line-height:2.1;margin-bottom:20px}
.ardpro-home .btn {min-height:47px;padding:0 14px;font-size:11px}
.ardpro-home .trust {font-size:10px;gap:7px;margin-top:17px}
.ardpro-home .visual {min-height:310px;margin-top:4px}
.ardpro-home .backdrop {width:91%;height:88%;top:5%;left:3%}
.ardpro-home .browser {width:88%}
.ardpro-home .browser-body {padding:14px 12px}
.ardpro-home .mini-hero {min-height:110px;padding:9px}
.ardpro-home .art {min-height:85px}
.ardpro-home .circle {width:69px;height:69px}
.ardpro-home .float {padding:9px 10px;gap:8px}
.ardpro-home .top {top:5px;right:-2px}
.ardpro-home .bottom {bottom:6px;left:-1px}
.ardpro-home .float-icon {width:29px;height:29px;font-size:16px}
.ardpro-home .float strong {font-size:10px}
.ardpro-home .float small {font-size:8px}
.ardpro-home .o1 {width:260px;height:260px;top:27px;left:5%}
.ardpro-home .o2 {width:215px;height:215px;top:50px;left:12%}
.ardpro-home .stats {min-height:auto;margin-top:15px;padding:19px 0 23px;gap:0;justify-content:space-around}
.ardpro-home .stat {flex-direction:column;gap:4px;text-align:center}
.ardpro-home .stat strong {font-size:21px}
.ardpro-home .stat strong span {font-size:16px}
.ardpro-home .stat small {font-size:9px}
.ardpro-home .divider {height:30px}
.ardpro-home .blue {width:250px;height:250px;left:5%}
.ardpro-home .yellow {width:170px;height:170px;bottom:25%;left:30%}
}


@media (max-width:360px){
.ardpro-home .content h1 {font-size:28px}
.ardpro-home .btn {padding:0 10px;font-size:10px}
.ardpro-home .visual {min-height:280px}
.ardpro-home .stats {padding-right:0;padding-left:0}
}


@media (prefers-reduced-motion:no-preference){
.ardpro-home .top {animation:float 5s ease-in-out infinite}
.ardpro-home .bottom {animation:float 5s ease-in-out infinite reverse}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
}



/* Next section: services overview */


.ardpro-home .services-section {position:relative;overflow:hidden;padding:86px 24px 92px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);color:#17233b}


.ardpro-home .services-section:before {content:"";position:absolute;top:-120px;right:-100px;width:340px;height:340px;border:1px solid #dce3ef;border-radius:50%;box-shadow:0 0 0 28px #e8edf5aa,0 0 0 58px #f0f3f8;pointer-events:none}


.ardpro-home .services-wrap {max-width:1180px;margin:0 auto;position:relative;z-index:1}


.ardpro-home .services-heading {max-width:720px;margin:0 auto 38px;text-align:center}


.ardpro-home .services-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:30px;background:#fff;border:1px solid #e4e9f1;color:#435575;font-size:11px;font-weight:700}


.ardpro-home .services-kicker:before {content:"";width:7px;height:7px;border-radius:50%;background:#ffc928;box-shadow:0 0 0 4px #fff0b8}


.ardpro-home .services-heading h2 {margin:17px 0 12px;color:#101e3c;font-size:clamp(27px,3.2vw,39px);line-height:1.6;font-weight:800;letter-spacing:-.5px}


.ardpro-home .services-heading h2 span {position:relative;white-space:nowrap;z-index:0}


.ardpro-home .services-heading h2 span:after {content:"";position:absolute;right:0;bottom:4px;width:100%;height:9px;background:#ffe17d;z-index:-1;border-radius:3px}


.ardpro-home .services-heading p {margin:0;color:#69758a;font-size:14px;line-height:2.2}


.ardpro-home .services-track {display:flex;gap:17px;overflow-x:auto;padding:8px 2px 24px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cbd4e3 transparent}


.ardpro-home .service-card {flex:0 0 calc((100% - 34px)/3);min-width:265px;position:relative;scroll-snap-align:start;padding:25px 23px 22px;background:#fff;border:1px solid #e5eaf2;border-radius:15px;box-shadow:0 10px 28px #14274908;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}


.ardpro-home .service-card:before {content:"";position:absolute;top:0;right:0;width:4px;height:0;background:#ffc928;transition:height .25s ease}


.ardpro-home .service-card:hover {transform:translateY(-5px);border-color:#d2dbea;box-shadow:0 18px 38px #14274912}


.ardpro-home .service-card:hover:before {height:100%}


.ardpro-home .service-icon {width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:#f0f3f8;color:#20385f}


.ardpro-home .service-icon svg {width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.ardpro-home .service-card:nth-child(2) .service-icon,
.ardpro-home .service-card:nth-child(5) .service-icon {background:#fff4cb;color:#8a6500}


.ardpro-home .service-card h3 {margin:0 0 10px;color:#142749;font-size:18px;line-height:1.7;font-weight:800}


.ardpro-home .service-card p {margin:0 0 20px;color:#6c778b;font-size:12px;line-height:2.15;min-height:52px}


.ardpro-home .service-link {display:inline-flex;align-items:center;gap:9px;color:#142749;text-decoration:none;font-size:12px;font-weight:800}


.ardpro-home .service-link span {width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffc928;transition:transform .2s}


.ardpro-home .service-link:hover span {transform:translateX(-3px)}


.ardpro-home .services-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 24px;border-radius:13px;background:#142749;color:#fff;position:relative;overflow:hidden}


.ardpro-home .services-footer:after {content:"";position:absolute;left:15%;top:-65px;width:170px;height:170px;border:1px solid #ffffff22;border-radius:35px;transform:rotate(35deg);box-shadow:0 0 0 20px #ffffff08}


.ardpro-home .services-footer p {position:relative;z-index:1;margin:0;font-size:13px;line-height:2;color:#e4eaf4}


.ardpro-home .services-footer strong {color:#fff;font-size:15px}


.ardpro-home .services-footer a {position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:8px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:12px;font-weight:800}


@media (max-width:900px){
.ardpro-home .services-section {padding:68px 20px 74px}
.ardpro-home .service-card {flex-basis:calc((100% - 17px)/2);min-width:250px}
.ardpro-home .services-heading {margin-bottom:28px}
}


@media (max-width:680px){
.ardpro-home .services-section {padding:55px 17px 60px}
.ardpro-home .services-section:before {width:220px;height:220px;top:-90px;right:-95px}
.ardpro-home .services-heading {margin-bottom:25px;text-align:right}
.ardpro-home .services-heading h2 {font-size:24px;line-height:1.7}
.ardpro-home .services-heading p {font-size:12px;line-height:2.15}
.ardpro-home .services-track {display:flex;flex-direction:column;overflow:visible;padding:0;gap:12px}
.ardpro-home .service-card {flex:1 1 auto;min-width:0;width:100%;padding:19px 18px 17px;border-radius:12px}
.ardpro-home .service-card:hover {transform:none}
.ardpro-home .service-icon {width:44px;height:44px;margin-bottom:12px;border-radius:11px}
.ardpro-home .service-icon svg {width:22px;height:22px}
.ardpro-home .service-card h3 {font-size:16px;margin-bottom:6px}
.ardpro-home .service-card p {min-height:0;margin-bottom:12px;font-size:12px}
.ardpro-home .services-footer {align-items:flex-start;flex-direction:column;margin-top:20px;padding:19px}
.ardpro-home .services-footer p {font-size:12px}
.ardpro-home .services-footer strong {font-size:14px}
.ardpro-home .services-footer a {width:100%;justify-content:center}
}




/* Portfolio showcase section */


.ardpro-home .portfolio-section {position:relative;overflow:hidden;padding:88px 24px 92px;background:#f5f7fa}


.ardpro-home .portfolio-section:before {content:"";position:absolute;left:-130px;top:70px;width:330px;height:330px;border:1px solid #dce3ee;border-radius:48px;transform:rotate(32deg);box-shadow:0 0 0 25px #e9edf4,0 0 0 50px #eef1f6;pointer-events:none}


.ardpro-home .portfolio-wrap {max-width:1180px;margin:auto;position:relative;z-index:1}


.ardpro-home .portfolio-head {display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}


.ardpro-home .portfolio-kicker {display:inline-flex;align-items:center;gap:9px;color:#8a6800;font-size:12px;font-weight:800}


.ardpro-home .portfolio-kicker:before {content:"";width:8px;height:8px;border-radius:50%;background:#ffc928;box-shadow:0 0 0 4px #fff0b8}


.ardpro-home .portfolio-head h2 {margin:15px 0 10px;color:#101e3c;font-size:clamp(27px,3.1vw,39px);line-height:1.6;font-weight:800;letter-spacing:-.5px}


.ardpro-home .portfolio-head h2 span {position:relative;z-index:0;white-space:nowrap}


.ardpro-home .portfolio-head h2 span:after {content:"";position:absolute;z-index:-1;right:0;bottom:4px;width:100%;height:9px;background:#ffe17d;border-radius:3px}


.ardpro-home .portfolio-head p {max-width:650px;margin:0;color:#69758a;font-size:13px;line-height:2.2}


.ardpro-home .portfolio-all {flex-shrink:0;display:inline-flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid #cfd7e4;border-radius:9px;color:#142749;text-decoration:none;font-size:12px;font-weight:800;background:#fff;transition:.2s}


.ardpro-home .portfolio-all span {width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffc928}


.ardpro-home .portfolio-all:hover {border-color:#ffc928;transform:translateY(-2px)}


.ardpro-home .portfolio-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}


.ardpro-home .portfolio-card {min-width:0;background:#fff;border:1px solid #e4e9f1;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #14274908;transition:transform .25s,box-shadow .25s}


.ardpro-home .portfolio-card:hover {transform:translateY(-5px);box-shadow:0 20px 42px #14274913}


.ardpro-home .portfolio-preview {height:235px;position:relative;overflow:hidden;padding:22px;background:linear-gradient(145deg,#e9eef6,#f9fafc)}


.ardpro-home .portfolio-preview:before {content:"";position:absolute;left:-50px;top:-90px;width:200px;height:200px;border:1px solid #cbd5e4;border-radius:50%;box-shadow:0 0 0 20px #ffffff55,0 0 0 40px #ffffff33}


.ardpro-home .preview-window {position:relative;z-index:1;width:88%;height:200px;margin:10px auto 0;background:#fff;border:1px solid #e0e6ef;border-radius:8px;box-shadow:0 14px 30px #17294b18;overflow:hidden;transform:rotate(-2deg);direction:rtl}


.ardpro-home .preview-bar {height:23px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#f3f5f8;border-bottom:1px solid #e9edf3}


.ardpro-home .preview-bar i {width:5px;height:5px;border-radius:50%;background:#c7cfdb}
.ardpro-home .preview-bar i:first-child {background:#ffc928}


.ardpro-home .preview-site-head {height:25px;padding:7px 9px;display:flex;align-items:center;gap:7px}


.ardpro-home .preview-logo {width:25px;height:8px;border-radius:2px;background:#142749;margin-left:auto}
.ardpro-home .preview-menu {width:17px;height:3px;border-radius:3px;background:#d8deea}


.ardpro-home .preview-banner {margin:3px 8px 0;padding:12px 10px;min-height:82px;display:grid;grid-template-columns:1fr .7fr;gap:8px;align-items:center;background:#f4f6fa;border-radius:4px}


.ardpro-home .preview-lines {display:flex;flex-direction:column;gap:6px}
.ardpro-home .preview-lines b {height:5px;width:85%;background:#cbd4e2;border-radius:3px}
.ardpro-home .preview-lines b:first-child {height:8px;width:100%;background:#142749}
.ardpro-home .preview-lines b:last-child {width:56%}


.ardpro-home .preview-visual {height:56px;border-radius:5px;background:linear-gradient(140deg,#2d4c78,#101e3c);position:relative}
.ardpro-home .preview-visual:after {content:"";position:absolute;right:12px;top:9px;width:28px;height:28px;border:2px solid #ffc928;border-radius:50%}


.ardpro-home .preview-tiles {display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px}
.ardpro-home .preview-tiles i {height:28px;border:1px solid #edf0f5;border-radius:3px;background:linear-gradient(#fff,#f7f8fb)}


.ardpro-home .portfolio-card:nth-child(2) .portfolio-preview {background:linear-gradient(145deg,#172b4d,#263f68)}


.ardpro-home .portfolio-card:nth-child(2) .portfolio-preview:before {border-color:#ffffff22;box-shadow:0 0 0 20px #ffffff08,0 0 0 40px #ffffff06}


.ardpro-home .portfolio-card:nth-child(2) .preview-window {transform:rotate(2deg);width:83%;margin-top:13px}


.ardpro-home .portfolio-card:nth-child(2) .preview-banner {background:#fff7dc}


.ardpro-home .portfolio-card:nth-child(2) .preview-visual {background:linear-gradient(140deg,#ffe17d,#ffc928)}


.ardpro-home .portfolio-card:nth-child(2) .preview-visual:after {border-color:#142749}


.ardpro-home .portfolio-card:nth-child(3) .preview-window {width:90%;transform:rotate(-1deg);margin-top:6px}


.ardpro-home .portfolio-card:nth-child(3) .preview-banner {grid-template-columns:.75fr 1fr;background:#edf5f3}


.ardpro-home .portfolio-card:nth-child(3) .preview-visual {background:linear-gradient(140deg,#739a91,#315d58)}


.ardpro-home .portfolio-card:nth-child(3) .preview-visual:after {border-color:#fff}


.ardpro-home .portfolio-info {padding:20px 21px 22px}


.ardpro-home .portfolio-type {display:inline-block;margin-bottom:9px;padding:6px 9px;border-radius:5px;background:#fff3c6;color:#765900;font-size:10px;font-weight:800}


.ardpro-home .portfolio-info h3 {margin:0 0 8px;color:#142749;font-size:17px;line-height:1.8}


.ardpro-home .portfolio-info p {margin:0 0 15px;color:#6c778b;font-size:12px;line-height:2.1}


.ardpro-home .portfolio-more {display:inline-flex;align-items:center;gap:8px;color:#142749;text-decoration:none;font-size:11px;font-weight:800}


.ardpro-home .portfolio-more span {color:#b88b00;font-size:17px;transition:transform .2s}
.ardpro-home .portfolio-more:hover span {transform:translateX(-3px)}


.ardpro-home .portfolio-bottom {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding:18px 22px;background:#fff;border:1px solid #e4e9f1;border-radius:12px}


.ardpro-home .portfolio-bottom p {margin:0;color:#69758a;font-size:12px;line-height:2}
.ardpro-home .portfolio-bottom strong {color:#142749}


.ardpro-home .portfolio-bottom a {flex-shrink:0;display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:8px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:12px;font-weight:800}


@media (max-width:900px){
.ardpro-home .portfolio-section {padding:70px 20px}
.ardpro-home .portfolio-grid {gap:15px}
.ardpro-home .portfolio-preview {height:205px;padding:15px}
.ardpro-home .preview-window {height:178px;width:94%}
.ardpro-home .portfolio-info {padding:17px}
.ardpro-home .portfolio-info h3 {font-size:15px}
}


@media (max-width:680px){
.ardpro-home .portfolio-section {padding:56px 17px 60px}
.ardpro-home .portfolio-head {display:block;margin-bottom:25px}
.ardpro-home .portfolio-head h2 {font-size:25px;line-height:1.7}
.ardpro-home .portfolio-head p {font-size:12px}
.ardpro-home .portfolio-all {margin-top:17px}
.ardpro-home .portfolio-grid {grid-template-columns:1fr;gap:15px}
.ardpro-home .portfolio-card {display:grid;grid-template-columns:1fr;max-width:470px;margin:auto;width:100%}
.ardpro-home .portfolio-preview {height:210px}
.ardpro-home .preview-window {max-width:330px}
.ardpro-home .portfolio-info {padding:18px}
.ardpro-home .portfolio-bottom {align-items:flex-start;flex-direction:column;padding:18px}
.ardpro-home .portfolio-bottom a {width:100%;justify-content:center}
}




/* Why Ardpro section */


.ardpro-home .why-section {position:relative;isolation:isolate;overflow:hidden;padding:88px 24px 90px;background:#101e3c;color:#fff}


.ardpro-home .why-section:before {content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% 10%,#304b77 0,transparent 38%),radial-gradient(ellipse at 95% 100%,#263d63 0,transparent 38%)}


.ardpro-home .why-section:after {content:"";position:absolute;z-index:-1;left:-100px;bottom:-190px;width:420px;height:420px;border:1px solid #ffffff18;border-radius:48px;transform:rotate(32deg);box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff05;pointer-events:none}


.ardpro-home .why-wrap {max-width:1180px;margin:auto}
.ardpro-home .why-head {display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:35px;margin-bottom:35px}
.ardpro-home .why-kicker {display:inline-block;margin-bottom:13px;color:#ffd34d;font-size:12px;font-weight:800;letter-spacing:.2px}
.ardpro-home .why-head h2 {margin:0;color:#fff;font-size:clamp(28px,3.3vw,40px);line-height:1.7;letter-spacing:-.5px}
.ardpro-home .why-head h2 span {color:#ffd34d}
.ardpro-home .why-head p {margin:0 0 5px;color:#d2d9e6;font-size:13px;line-height:2.2}
.ardpro-home .why-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ardpro-home .why-card {position:relative;min-height:220px;padding:23px 20px 21px;background:#ffffff0b;border:1px solid #ffffff1b;border-radius:13px;transition:transform .2s,border-color .2s,background .2s}
.ardpro-home .why-card:hover {transform:translateY(-4px);background:#ffffff10;border-color:#ffd34d70}
.ardpro-home .why-number {position:absolute;top:18px;left:18px;color:#ffffff36;font-size:12px;font-weight:bold;direction:ltr}
.ardpro-home .why-icon {width:47px;height:47px;display:grid;place-items:center;margin-bottom:19px;border-radius:12px;background:#ffd34d;color:#101e3c;font-size:22px;font-weight:900}
.ardpro-home .why-card h3 {margin:0 0 9px;color:#fff;font-size:16px;line-height:1.7}
.ardpro-home .why-card p {margin:0;color:#c7d0df;font-size:12px;line-height:2.15}
.ardpro-home .why-proof {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:20px 23px;background:#fff;border-radius:12px;color:#17233b}
.ardpro-home .why-proof-text {font-size:13px;line-height:2;color:#68748a}
.ardpro-home .why-proof-text strong {color:#101e3c;font-size:15px}
.ardpro-home .why-proof-stats {display:flex;align-items:center;gap:26px;flex-shrink:0}
.ardpro-home .why-proof-stat strong {display:block;color:#101e3c;font-size:23px;line-height:1.4}
.ardpro-home .why-proof-stat small {color:#778196;font-size:10px;white-space:nowrap}
.ardpro-home .why-proof-link {display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;padding:13px 17px;border-radius:8px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:12px;font-weight:800}


@media (max-width:900px){
.ardpro-home .why-section {padding:70px 20px}
.ardpro-home .why-head {grid-template-columns:1fr;gap:12px}
.ardpro-home .why-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.ardpro-home .why-card {min-height:195px}
.ardpro-home .why-proof {flex-wrap:wrap}
.ardpro-home .why-proof-stats {gap:22px}
}


@media (max-width:680px){
.ardpro-home .why-section {padding:56px 17px 60px}
.ardpro-home .why-head {margin-bottom:24px}
.ardpro-home .why-head h2 {font-size:25px;line-height:1.7}
.ardpro-home .why-head p {font-size:12px}
.ardpro-home .why-grid {grid-template-columns:1fr;gap:11px}
.ardpro-home .why-card {min-height:0;padding:18px 17px}
.ardpro-home .why-icon {width:42px;height:42px;margin-bottom:12px}
.ardpro-home .why-card h3 {font-size:15px;margin-bottom:5px}
.ardpro-home .why-card p {font-size:12px}
.ardpro-home .why-proof {align-items:flex-start;flex-direction:column;gap:17px;padding:19px}
.ardpro-home .why-proof-text {font-size:12px}
.ardpro-home .why-proof-text strong {font-size:14px}
.ardpro-home .why-proof-stats {width:100%;justify-content:space-between;gap:8px}
.ardpro-home .why-proof-stat strong {font-size:20px}
.ardpro-home .why-proof-stat small {font-size:9px}
.ardpro-home .why-proof-link {width:100%}
}




/* Collaboration process section */


.ardpro-home .process-section {position:relative;overflow:hidden;padding:86px 24px 90px;background:#f6f8fc;color:#17233b}


.ardpro-home .process-wrap {max-width:1180px;margin:auto}
.ardpro-home .process-head {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.ardpro-home .process-kicker {display:inline-block;margin-bottom:12px;color:#9b7600;font-size:12px;font-weight:800}
.ardpro-home .process-head h2 {margin:0;color:#101e3c;font-size:clamp(28px,3.2vw,39px);line-height:1.65}
.ardpro-home .process-head h2 span {color:#b58a00}
.ardpro-home .process-head p {max-width:440px;margin:0 0 4px;color:#68748a;font-size:13px;line-height:2.2}
.ardpro-home .process-steps {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ardpro-home .process-steps:before {content:"";position:absolute;top:31px;right:11%;left:11%;height:2px;background:linear-gradient(90deg,#dce2ed,#ffc928,#dce2ed)}
.ardpro-home .process-card {position:relative;padding:0 19px 22px;background:#fff;border:1px solid #e5eaf2;border-radius:13px;box-shadow:0 9px 28px #17233b08;transition:transform .2s,border-color .2s}
.ardpro-home .process-card:hover {transform:translateY(-4px);border-color:#e8c64f}
.ardpro-home .process-step-number {position:relative;z-index:1;display:grid;place-items:center;width:63px;height:63px;margin:-1px auto 21px;border:7px solid #f6f8fc;border-radius:50%;background:#101e3c;color:#ffd34d;font-size:15px;font-weight:900;box-shadow:0 0 0 1px #dce2ed}
.ardpro-home .process-card:nth-child(2) .process-step-number,
.ardpro-home .process-card:nth-child(4) .process-step-number {background:#ffc928;color:#101e3c}
.ardpro-home .process-card h3 {margin:0 0 9px;color:#101e3c;font-size:16px;line-height:1.8}
.ardpro-home .process-card p {margin:0;color:#6b768a;font-size:12px;line-height:2.15}
.ardpro-home .process-bottom {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:20px 23px;border-radius:12px;background:#101e3c;color:#fff}
.ardpro-home .process-bottom p {margin:0;color:#d2d9e6;font-size:13px;line-height:2}
.ardpro-home .process-bottom strong {color:#ffd34d}
.ardpro-home .process-bottom a {flex-shrink:0;display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border-radius:8px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:12px;font-weight:900}


@media (max-width:900px){
.ardpro-home .process-section {padding:70px 20px}
.ardpro-home .process-head {display:block}
.ardpro-home .process-head p {margin-top:12px;max-width:700px}
.ardpro-home .process-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ardpro-home .process-steps:before {display:none}
.ardpro-home .process-card {padding-bottom:20px}
.ardpro-home .process-step-number {margin-top:14px}
}


@media (max-width:680px){
.ardpro-home .process-section {padding:56px 17px 60px}
.ardpro-home .process-head {margin-bottom:25px}
.ardpro-home .process-head h2 {font-size:25px;line-height:1.7}
.ardpro-home .process-head p {font-size:12px}
.ardpro-home .process-steps {grid-template-columns:1fr;gap:12px}
.ardpro-home .process-card {display:grid;grid-template-columns:56px 1fr;column-gap:14px;align-items:start;padding:15px}
.ardpro-home .process-step-number {width:52px;height:52px;margin:0;border-width:4px;font-size:13px;grid-row:span 2}
.ardpro-home .process-card h3 {font-size:15px;margin:2px 0 4px}
.ardpro-home .process-card p {font-size:12px}
.ardpro-home .process-bottom {align-items:flex-start;flex-direction:column;padding:18px;gap:14px}
.ardpro-home .process-bottom p {font-size:12px}
.ardpro-home .process-bottom a {width:100%;justify-content:center}
}





/* Frequently asked questions section */


.ardpro-home .faq-section {position:relative;overflow:hidden;padding:86px 24px 92px;background:#fff;color:#17233b}


.ardpro-home .faq-wrap {max-width:1050px;margin:auto;position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:start}


.ardpro-home .faq-intro {position:sticky;top:25px;padding:27px;border-radius:17px;background:linear-gradient(145deg,#142749,#0d1931);color:#fff;overflow:hidden}


.ardpro-home .faq-intro:after {content:"؟";position:absolute;left:-15px;bottom:-65px;font-size:210px;line-height:1;color:#ffffff0b;font-weight:900;pointer-events:none}


.ardpro-home .faq-kicker {display:inline-flex;align-items:center;gap:8px;color:#ffda62;font-size:12px;font-weight:800}


.ardpro-home .faq-kicker:before {content:"";width:7px;height:7px;background:#ffc928;border-radius:50%;box-shadow:0 0 0 4px #ffc92822}


.ardpro-home .faq-intro h2 {margin:17px 0 13px;font-size:clamp(27px,3vw,36px);line-height:1.7;color:#fff}


.ardpro-home .faq-intro h2 span {color:#ffd34d}


.ardpro-home .faq-intro p {position:relative;z-index:1;margin:0;color:#d4dceb;font-size:13px;line-height:2.25}


.ardpro-home .faq-contact {position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin-top:23px;padding:12px 15px;border-radius:8px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:12px;font-weight:900}


.ardpro-home .faq-list {display:flex;flex-direction:column;gap:12px}


.ardpro-home .faq-item {border:1px solid #e4e9f1;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}


.ardpro-home .faq-item[open] {border-color:#e8ca60;box-shadow:0 10px 28px #1427490b}


.ardpro-home .faq-item summary {position:relative;list-style:none;cursor:pointer;padding:19px 52px 19px 20px;color:#142749;font-size:14px;line-height:1.9;font-weight:800}


.ardpro-home .faq-item summary::-webkit-details-marker {display:none}


.ardpro-home .faq-item summary:before {content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#f0f3f8;color:#142749;font-size:19px;font-weight:400;transition:background .2s,transform .2s}


.ardpro-home .faq-item[open] summary:before {content:"−";background:#ffc928;transform:translateY(-50%) rotate(180deg)}


.ardpro-home .faq-answer {padding:0 52px 20px 20px;color:#68748a;font-size:12px;line-height:2.25}


.ardpro-home .faq-answer p {margin:0}


@media (max-width:800px){
.ardpro-home .faq-section {padding:68px 20px 72px}
.ardpro-home .faq-wrap {grid-template-columns:1fr;gap:25px}
.ardpro-home .faq-intro {position:relative;top:auto}
.ardpro-home .faq-intro h2 {font-size:29px}
.ardpro-home .faq-list {gap:10px}
}


@media (max-width:680px){
.ardpro-home .faq-section {padding:55px 17px 60px}
.ardpro-home .faq-intro {padding:22px;border-radius:13px}
.ardpro-home .faq-intro h2 {font-size:25px;margin:13px 0 8px}
.ardpro-home .faq-intro p {font-size:12px}
.ardpro-home .faq-contact {width:100%;justify-content:center}
.ardpro-home .faq-item summary {padding:15px 47px 15px 14px;font-size:13px}
.ardpro-home .faq-item summary:before {right:12px}
.ardpro-home .faq-answer {padding:0 47px 16px 14px;font-size:12px}
}




/* Customer feedback section */


.ardpro-home .testimonials-section {position:relative;isolation:isolate;overflow:hidden;padding:86px 24px 90px;background:#fff;color:#17233b}


.ardpro-home .testimonials-section:before {content:"";position:absolute;z-index:-1;left:-110px;top:30px;width:300px;height:300px;border:1px solid #dfe5ef;border-radius:50%;box-shadow:0 0 0 25px #f1f4f9,0 0 0 50px #f7f8fb;pointer-events:none}


.ardpro-home .testimonials-wrap {max-width:1180px;margin:auto}


.ardpro-home .testimonials-head {display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}


.ardpro-home .testimonials-kicker {display:inline-flex;align-items:center;gap:9px;color:#8a6800;font-size:12px;font-weight:800}


.ardpro-home .testimonials-kicker:before {content:"";width:8px;height:8px;border-radius:50%;background:#ffc928;box-shadow:0 0 0 4px #fff0b8}


.ardpro-home .testimonials-head h2 {margin:14px 0 9px;color:#101e3c;font-size:clamp(27px,3.1vw,39px);line-height:1.6;font-weight:800;letter-spacing:-.5px}


.ardpro-home .testimonials-head h2 span {position:relative;z-index:0;white-space:nowrap}


.ardpro-home .testimonials-head h2 span:after {content:"";position:absolute;z-index:-1;right:0;bottom:4px;width:100%;height:9px;background:#ffe17d;border-radius:3px}


.ardpro-home .testimonials-head p {max-width:610px;margin:0;color:#69758a;font-size:13px;line-height:2.2}


.ardpro-home .testimonials-badge {flex-shrink:0;display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid #e2e7f0;border-radius:12px;background:#f8f9fc}


.ardpro-home .testimonials-stars {color:#e8b300;font-size:19px;letter-spacing:2px;white-space:nowrap}


.ardpro-home .testimonials-badge strong,
.ardpro-home .testimonials-badge small {display:block;white-space:nowrap}
.ardpro-home .testimonials-badge strong {font-size:13px;color:#142749}
.ardpro-home .testimonials-badge small {margin-top:4px;font-size:10px;color:#788398}


.ardpro-home .testimonial-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}


.ardpro-home .testimonial-card {position:relative;display:flex;flex-direction:column;min-height:245px;padding:24px 23px 20px;border:1px solid #e4e9f1;border-radius:14px;background:#fff;box-shadow:0 12px 30px #14274908;overflow:hidden}


.ardpro-home .testimonial-card:before {content:"“";position:absolute;left:18px;top:5px;color:#f2d36d;font-family:Georgia,serif;font-size:72px;line-height:1}


.ardpro-home .testimonial-top {display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative;z-index:1}


.ardpro-home .testimonial-avatar {width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#142749;color:#ffc928;font-size:16px;font-weight:800}


.ardpro-home .testimonial-card:nth-child(2) .testimonial-avatar {background:#fff1bd;color:#735600}
.ardpro-home .testimonial-card:nth-child(3) .testimonial-avatar {background:#eaf0f8;color:#20385f}


.ardpro-home .testimonial-top strong {display:block;color:#142749;font-size:13px}
.ardpro-home .testimonial-top small {display:block;margin-top:5px;color:#8992a3;font-size:10px}


.ardpro-home .testimonial-card blockquote {margin:0;color:#657087;font-size:12px;line-height:2.2;flex:1}


.ardpro-home .testimonial-placeholder {margin-top:17px;padding:9px 11px;border-radius:7px;background:#fff8df;color:#755b0b;font-size:10px;line-height:1.9}


.ardpro-home .testimonials-note {margin:18px 0 0;color:#8a93a3;font-size:10px;line-height:1.9}


.ardpro-home .testimonials-bottom {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:20px 23px;border-radius:13px;background:#142749;color:#fff;position:relative;overflow:hidden}


.ardpro-home .testimonials-bottom p {position:relative;z-index:1;margin:0;color:#e5eaf3;font-size:13px;line-height:2}
.ardpro-home .testimonials-bottom strong {color:#fff;font-size:15px}


.ardpro-home .testimonials-bottom a {position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:8px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:12px;font-weight:800}


@media (max-width:900px){
.ardpro-home .testimonials-section {padding:70px 20px}
.ardpro-home .testimonials-head {align-items:flex-start;flex-direction:column;gap:18px}
.ardpro-home .testimonial-grid {gap:13px}
.ardpro-home .testimonial-card {padding:20px 17px}
.ardpro-home .testimonials-badge {padding:11px 14px}
}


@media (max-width:680px){
.ardpro-home .testimonials-section {padding:56px 17px 60px}
.ardpro-home .testimonials-head {margin-bottom:23px}
.ardpro-home .testimonials-head h2 {font-size:25px;line-height:1.7}
.ardpro-home .testimonials-head p {font-size:12px}
.ardpro-home .testimonials-badge {width:100%}
.ardpro-home .testimonial-grid {grid-template-columns:1fr;gap:12px}
.ardpro-home .testimonial-card {min-height:0;padding:19px}
.ardpro-home .testimonial-card blockquote {font-size:12px}
.ardpro-home .testimonials-bottom {align-items:flex-start;flex-direction:column;padding:19px;gap:14px}
.ardpro-home .testimonials-bottom p {font-size:12px}
.ardpro-home .testimonials-bottom a {width:100%;justify-content:center}
}




/* Final contact CTA */


.ardpro-home .final-cta {position:relative;isolation:isolate;overflow:hidden;padding:74px 24px 78px;background:linear-gradient(115deg,#0d1931 0%,#142749 58%,#1a3155 100%);color:#fff}


.ardpro-home .final-cta:before {content:"";position:absolute;z-index:-1;left:-100px;top:-190px;width:520px;height:520px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff05,0 0 0 90px #ffffff03;pointer-events:none}


.ardpro-home .final-cta:after {content:"";position:absolute;z-index:-1;right:-100px;bottom:-220px;width:480px;height:480px;background:radial-gradient(circle,#ffc92826 0%,#ffc92808 42%,transparent 70%);pointer-events:none}


.ardpro-home .final-cta-wrap {max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:34px}


.ardpro-home .final-cta-copy {max-width:700px}
.ardpro-home .final-cta-kicker {display:inline-flex;align-items:center;gap:9px;color:#ffda62;font-size:12px;font-weight:900}
.ardpro-home .final-cta-kicker:before {content:"";width:8px;height:8px;border-radius:50%;background:#ffc928;box-shadow:0 0 0 5px #ffc92820}


.ardpro-home .final-cta h2 {margin:15px 0 10px;color:#fff;font-size:clamp(27px,3.3vw,40px);line-height:1.7;letter-spacing:-.4px}
.ardpro-home .final-cta h2 span {color:#ffd34d}
.ardpro-home .final-cta p {max-width:670px;margin:0;color:#d3dbea;font-size:13px;line-height:2.25}


.ardpro-home .final-cta-actions {display:flex;flex-direction:column;gap:11px;min-width:205px;flex-shrink:0}
.ardpro-home .final-cta-actions a {display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 17px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:900;transition:transform .2s,background .2s}
.ardpro-home .final-cta-actions a:hover {transform:translateY(-2px)}
.ardpro-home .final-cta-primary {background:#ffc928;color:#101e3c;box-shadow:0 8px 24px #ffc92822}
.ardpro-home .final-cta-secondary {border:1px solid #ffffff40;color:#fff;background:#ffffff08}


@media (max-width:760px){
.ardpro-home .final-cta {padding:58px 20px 62px}
.ardpro-home .final-cta-wrap {align-items:flex-start;flex-direction:column;gap:23px}
.ardpro-home .final-cta-actions {width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr}
.ardpro-home .final-cta h2 {font-size:29px}
.ardpro-home .final-cta p {font-size:12px}
}


@media (max-width:480px){
.ardpro-home .final-cta {padding:50px 17px 54px}
.ardpro-home .final-cta h2 {font-size:25px}
.ardpro-home .final-cta-actions {grid-template-columns:1fr}
.ardpro-home .final-cta-actions a {width:100%}
}




/* ArdPro footer */


.ardpro-home .site-footer {position:relative;overflow:hidden;background:#101d38;color:#dce4f2;padding:68px 24px 22px;border-top:4px solid #f3c629}


.ardpro-home .site-footer:before {content:"";position:absolute;width:420px;height:420px;left:-140px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(61,112,183,.28),transparent 68%);pointer-events:none}


.ardpro-home .footer-wrap {max-width:1180px;margin:auto;position:relative;z-index:1}


.ardpro-home .footer-grid {display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;gap:34px;padding-bottom:42px}


.ardpro-home .footer-brand {display:flex;align-items:center;gap:11px;margin-bottom:18px}


.ardpro-home .footer-logo-mark {width:43px;height:43px;border-radius:13px;background:#f3c629;color:#101d38;display:grid;place-items:center;font-weight:900;font-size:23px;box-shadow:0 8px 24px #0002}


.ardpro-home .footer-brand-name {font-size:22px;font-weight:900;color:#fff;letter-spacing:-.5px}


.ardpro-home .footer-brand-name span {color:#f3c629}


.ardpro-home .footer-about {font-size:13px;line-height:2.15;color:#c0cbe0;margin:0 0 19px;max-width:330px}


.ardpro-home .footer-trust {display:inline-flex;align-items:center;gap:8px;border:1px solid #354461;border-radius:10px;padding:9px 12px;color:#f7d95e;font-size:12px}



.ardpro-home .footer-social {margin-top:23px}


.ardpro-home .footer-social-title {display:block;color:#fff;font-size:12px;font-weight:800;margin-bottom:12px}


.ardpro-home .footer-social-links {display:flex;align-items:center;gap:9px;flex-wrap:wrap}


.ardpro-home .footer-social-link {width:39px;height:39px;display:inline-grid;place-items:center;border:1px solid #3a4964;border-radius:12px;background:linear-gradient(145deg,#1a2946,#111e38);color:#dce6f5;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,color .2s;box-shadow:0 5px 16px #00000014}


.ardpro-home .footer-social-link svg {width:18px;height:18px;display:block;fill:currentColor}


.ardpro-home .footer-social-link:hover,
.ardpro-home .footer-social-link:focus-visible {transform:translateY(-3px);border-color:#f3c629;background:#f3c629;color:#101d38;outline:none}


.ardpro-home .footer-social-link:focus-visible {box-shadow:0 0 0 3px #f3c62935}


.ardpro-home .footer-social-hint {margin:10px 0 0;color:#8f9db7;font-size:10px;line-height:1.8}


.ardpro-home .footer-col h3 {font-size:15px;color:#fff;margin:5px 0 20px;font-weight:800;position:relative;padding-bottom:12px}


.ardpro-home .footer-col h3:after {content:"";position:absolute;right:0;bottom:0;width:35px;height:3px;background:#f3c629;border-radius:3px}


.ardpro-home .footer-links {list-style:none;padding:0;margin:0;display:grid;gap:13px}


.ardpro-home .footer-links li:before {content:"↙";color:#f3c629;font-size:12px;margin-left:8px}


.ardpro-home .footer-links a {color:#c4cfe1;text-decoration:none;font-size:13px;transition:color .2s}


.ardpro-home .footer-links a:hover {color:#f3c629}


.ardpro-home .footer-contact {display:grid;gap:14px;font-size:13px;line-height:1.9;color:#c4cfe1}


.ardpro-home .footer-contact-item {display:flex;align-items:flex-start;gap:10px}


.ardpro-home .footer-contact-icon {flex:0 0 30px;width:30px;height:30px;border:1px solid #3a4964;border-radius:9px;display:grid;place-items:center;color:#f3c629;font-size:14px}


.ardpro-home .footer-contact strong {display:block;color:#fff;font-size:12px;margin-bottom:2px}


.ardpro-home .footer-contact a {color:#c4cfe1;text-decoration:none;overflow-wrap:anywhere}


.ardpro-home .footer-contact a:hover {color:#f3c629}


.ardpro-home .footer-bottom {border-top:1px solid #2c3a55;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#9eacc5;font-size:11px;line-height:1.9}


.ardpro-home .footer-bottom-links {display:flex;gap:18px;flex-wrap:wrap}
.ardpro-home .footer-bottom a {color:#b9c5d9;text-decoration:none}
.ardpro-home .footer-bottom a:hover {color:#f3c629}


.ardpro-home .footer-back-top {width:35px;height:35px;display:grid;place-items:center;border:1px solid #53617a;border-radius:10px;color:#f3c629!important;font-size:18px}


@media (max-width:900px){
.ardpro-home .footer-grid {grid-template-columns:1fr 1fr;gap:32px}
.ardpro-home .site-footer {padding-top:52px}
}


@media (max-width:560px){
.ardpro-home .site-footer {padding:43px 19px 18px}
.ardpro-home .footer-grid {grid-template-columns:1fr;gap:28px;padding-bottom:30px}
.ardpro-home .footer-about {max-width:none}
.ardpro-home .footer-bottom {align-items:flex-start}
.ardpro-home .footer-bottom-links {gap:12px}
}




/* Main navigation header — added above hero */


.ardpro-home :root {scroll-behavior:smooth;scroll-padding-top:90px}


.ardpro-home .site-header {position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e8ecf3;box-shadow:0 5px 22px #10214308}


.ardpro-home .header-inner {max-width:1240px;margin:auto;min-height:82px;padding:0 26px;display:flex;align-items:center;gap:30px}


.ardpro-home .brand {display:inline-flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none;color:#142749}


.ardpro-home .brand-mark {width:43px;height:43px;display:grid;place-items:center;position:relative;isolation:isolate;border-radius:13px;background:#142749;color:#ffc928;font-size:25px;font-weight:900;box-shadow:0 6px 15px #14274920;overflow:hidden}


.ardpro-home .brand-mark:before {content:"";position:absolute;z-index:-1;width:34px;height:34px;left:-15px;bottom:-17px;border:1px solid #ffffff55;border-radius:9px;transform:rotate(35deg)}


.ardpro-home .brand-name {display:flex;flex-direction:column;gap:3px;line-height:1.25}


.ardpro-home .brand-name strong {font-size:22px;font-weight:900;letter-spacing:-.7px}


.ardpro-home .brand-name small {font-size:9px;letter-spacing:.5px;color:#77839a;font-weight:700}


.ardpro-home .main-nav {display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,27px);margin-inline:auto}


.ardpro-home .main-nav a {position:relative;padding:9px 0;color:#45536c;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}


.ardpro-home .main-nav a:after {content:"";position:absolute;right:0;bottom:1px;width:0;height:2px;border-radius:3px;background:#ffc928;transition:width .22s}


.ardpro-home .main-nav a:hover {color:#142749}
.ardpro-home .main-nav a:hover:after {width:100%}


.ardpro-home .header-actions {display:flex;align-items:center;gap:11px;flex-shrink:0}


.ardpro-home .header-phone {display:flex;align-items:center;gap:8px;color:#142749;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}


.ardpro-home .header-phone-icon {width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1f4f8;color:#142749;font-size:17px}


.ardpro-home .header-cta {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0 16px;border-radius:9px;background:#ffc928;color:#101e3c;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 6px 15px #ffc92830;transition:transform .2s,box-shadow .2s}


.ardpro-home .header-cta:hover {transform:translateY(-2px);box-shadow:0 9px 20px #ffc92850}


.ardpro-home .mobile-menu-button {display:none;width:42px;height:42px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;color:#142749;font-size:22px;cursor:pointer;align-items:center;justify-content:center}


@media (max-width:1050px){
.ardpro-home .header-inner {gap:18px;padding-inline:20px}
.ardpro-home .brand-name strong {font-size:20px}
.ardpro-home .main-nav {gap:14px}
.ardpro-home .main-nav a {font-size:11px}
.ardpro-home .header-phone {display:none}
.ardpro-home .header-cta {padding:0 13px}
}


@media (max-width:760px){
.ardpro-home .header-inner {min-height:72px;padding:0 17px;gap:12px}
.ardpro-home .brand-mark {width:39px;height:39px;border-radius:11px;font-size:22px}
.ardpro-home .brand-name strong {font-size:20px}
.ardpro-home .brand-name small {font-size:8px}
.ardpro-home .mobile-menu-button {display:flex;margin-right:auto;order:3}
.ardpro-home .header-actions {order:2;margin-right:auto}
.ardpro-home .header-cta {min-height:39px;padding:0 12px;font-size:10px}
.ardpro-home .main-nav {display:none;position:absolute;top:calc(100% + 1px);right:0;left:0;margin:0;padding:12px 18px 18px;background:#fff;border-bottom:1px solid #e6ebf3;box-shadow:0 15px 25px #10214310;flex-direction:column;align-items:stretch;gap:0}
.ardpro-home .main-nav.is-open {display:flex}
.ardpro-home .main-nav a {padding:13px 7px;font-size:13px;border-bottom:1px solid #f0f2f6}
.ardpro-home .main-nav a:last-child {border-bottom:0}
.ardpro-home .main-nav a:after {display:none}
}


@media (max-width:390px){
.ardpro-home .header-inner {padding-inline:12px;gap:8px}
.ardpro-home .brand {gap:8px}
.ardpro-home .brand-name strong {font-size:18px}
.ardpro-home .header-cta {padding:0 9px;font-size:9px}
.ardpro-home .header-cta span {display:none}
.ardpro-home .mobile-menu-button {width:38px;height:39px}
}




/* Floating contact actions */


.ardpro-home .floating-contact {position:fixed;left:22px;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:11px;align-items:flex-start;direction:ltr}


.ardpro-home .floating-contact a {width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(8,24,56,.22);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;position:relative}


.ardpro-home .floating-contact a:hover {transform:translateY(-3px);box-shadow:0 12px 28px rgba(8,24,56,.28)}


.ardpro-home .floating-contact svg {width:25px;height:25px;display:block;fill:currentColor}


.ardpro-home .floating-contact .float-phone {background:#101f43;color:#fff;border:2px solid #f5c542}


.ardpro-home .floating-contact .float-whatsapp {background:#25D366;color:#fff;border:2px solid #fff}


.ardpro-home .floating-contact a span {position:absolute;left:64px;white-space:nowrap;background:#101f43;color:#fff;font-size:12px;font-weight:700;padding:8px 11px;border-radius:9px;opacity:0;visibility:hidden;transform:translateX(-5px);transition:all .18s ease;direction:rtl}


.ardpro-home .floating-contact a:hover span,
.ardpro-home .floating-contact a:focus-visible span {opacity:1;visibility:visible;transform:translateX(0)}


.ardpro-home .floating-contact a:focus-visible {outline:3px solid #f5c542;outline-offset:3px}


@media (max-width:680px){
.ardpro-home .floating-contact {left:14px;bottom:calc(16px + env(safe-area-inset-bottom));gap:9px}
.ardpro-home .floating-contact a {width:49px;height:49px}
.ardpro-home .floating-contact svg {width:23px;height:23px}
.ardpro-home .floating-contact a span {display:none}
}


@media (prefers-reduced-motion:reduce){
.ardpro-home .floating-contact a,
.ardpro-home .floating-contact a span {transition:none}
}