:root{--bg:#F6F8FB;--sur:#FFF;--ink:#1B2D42;--mut:#5A6B7E;--st:#207393;--st2:#17566E;--stx:#E4F0F5;--em:#207393;--line:#E1E8EF;--r:14px;--rs:11px;--wrap:1180px;--sh:0 16px 40px rgba(27,45,66,.10);--shs:0 3px 14px rgba(27,45,66,.06);--fd:"Poppins",sans-serif;--fb:"Poppins",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.18;letter-spacing:-.01em}
img{max-width:100%;display:block}
.iro-wrap{width:min(var(--wrap),92vw);margin-inline:auto}
/* header */
.iro-head{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.iro-head .in{width:min(var(--wrap),94vw);margin-inline:auto;display:flex;align-items:center;gap:24px;padding:13px 0}
.iro-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--fd);font-weight:700;font-size:19px;color:var(--ink);white-space:nowrap}
.iro-logo i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#207393,#1B2D42);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-style:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.iro-logo b{color:var(--em)}
.iro-nav{display:flex;gap:20px;margin-left:auto}
.iro-nav a{text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.iro-nav a:hover{color:var(--st2)}
.iro-burg{display:none}.iro-blab{display:none}
/* buttons */
.iro-b1,.iro-b2,.iro-b3{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 25px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:.16s;border:1.5px solid transparent;cursor:pointer;font-family:var(--fd)}
.iro-b1{background:var(--st);color:#fff}
.iro-b1:hover{background:var(--st2)}
.iro-b2{background:#fff;color:var(--ink);border-color:var(--line)}
.iro-b2:hover{border-color:var(--st)}
.iro-b3{background:var(--em);color:#fff}
.iro-b3:hover{background:#17566E}
/* hero */
.iro-hero{padding:60px 0 30px;background:linear-gradient(180deg,#EDF3F8 0%,var(--bg) 90%)}
.iro-hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.iro-kick{display:inline-flex;align-items:center;gap:8px;background:var(--stx);color:var(--st2);font-weight:700;font-size:13px;padding:7px 14px;border-radius:8px;margin-bottom:16px}
.iro-h1{font-size:clamp(31px,4.2vw,50px)}
.iro-h1 mark{background:none;color:var(--st2)}
.iro-sub{color:var(--mut);font-size:17.5px;margin-top:16px;max-width:56ch}
.iro-hbtns{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.iro-ticks{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--mut);font-size:14px;font-weight:600}
.iro-ticks span:before{content:"\2713  ";color:var(--st)}
.iro-himg{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}
/* sections */
.iro-sec{padding:60px 0}
.iro-sec.alt{background:#fff;border-block:1px solid var(--line)}
.iro-shead{max-width:780px;margin:0 auto 38px;text-align:center}
.iro-eyeb{display:block;color:var(--em);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-family:var(--fd)}
.iro-h2{font-size:clamp(24px,3vw,35px)}
.iro-lead{color:var(--mut);font-size:17px;margin-top:12px}
/* cards */
.iro-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.iro-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.iro-card{background:var(--sur);border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:var(--r);padding:24px;box-shadow:var(--shs)}
.iro-card h3{font-size:18px;margin-bottom:8px}
.iro-card p{color:var(--mut);font-size:15px;margin:0}
.iro-ic{width:44px;height:44px;border-radius:10px;background:var(--stx);display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:13px}
/* split */
.iro-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.iro-split.rev>.im{order:2}
.iro-split .im{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}
.iro-split h2{font-size:clamp(22px,2.6vw,31px)}
.iro-split p{color:var(--mut);margin-top:12px}
.iro-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.iro-list li{padding-left:26px;position:relative;color:var(--ink);font-weight:600;font-size:15px}
.iro-list li:before{content:"\2713";position:absolute;left:0;color:var(--st);font-weight:800}
/* plans */
.iro-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.iro-plan{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:26px 22px;display:flex;flex-direction:column;box-shadow:var(--shs);position:relative}
.iro-plan.best{border-color:var(--em);background:linear-gradient(180deg,#F0F7FA,#fff);box-shadow:0 14px 34px rgba(32,115,147,.16)}
.iro-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--em);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap;font-family:var(--fd)}
.iro-pn{font-family:var(--fd);font-weight:700;font-size:16px}
.iro-save{display:inline-block;background:var(--stx);color:var(--st2);font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;margin-left:6px;vertical-align:middle}
.iro-pp{font-family:var(--fd);font-weight:700;font-size:40px;margin:12px 0 2px}
.iro-per{display:block;color:var(--mut);font-size:13.5px;font-weight:500;font-family:var(--fb)}
.iro-pf{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:9px;flex:1}
.iro-pf li{padding-left:24px;position:relative;color:var(--mut);font-size:14px}
.iro-pf li:before{content:"\2713";position:absolute;left:0;color:var(--st);font-weight:800}
.iro-paynote{text-align:center;color:var(--mut);font-size:14px;margin-top:22px}
/* steps */
.iro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:st}
.iro-step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shs);counter-increment:st}
.iro-step:before{content:counter(st,decimal-leading-zero);font-family:var(--fd);font-weight:700;font-size:13px;color:var(--em);background:#E4F0F5;border-radius:8px;padding:5px 10px;display:inline-block;margin-bottom:12px}
.iro-step h3{font-size:17.5px;margin-bottom:7px}
.iro-step p{color:var(--mut);font-size:14.5px;margin:0}
/* faq */
.iro-faq{max-width:820px;margin-inline:auto;display:grid;gap:11px}
.iro-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--rs);padding:0 20px;box-shadow:var(--shs)}
.iro-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--fd);font-weight:600;font-size:16px;padding:16px 0}
.iro-faq summary::-webkit-details-marker{display:none}
.iro-faq summary:after{content:"+";font-size:22px;color:var(--st);flex-shrink:0}
.iro-faq details[open] summary:after{content:"\2212"}
.iro-faq .a{color:var(--mut);font-size:15px;padding:0 0 18px;line-height:1.7}
/* form */
.iro-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--shs);max-width:760px;margin:26px auto 0}
.iro-frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.iro-fg{margin-bottom:16px}
.iro-fg label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;font-family:var(--fd)}
.iro-fg input,.iro-fg select,.iro-fg textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:9px;font-family:var(--fb);font-size:15px;background:var(--bg);color:var(--ink)}
.iro-fg input:focus,.iro-fg select:focus,.iro-fg textarea:focus{outline:none;border-color:var(--st)}
.iro-hp{position:absolute;left:-9999px}
.iro-submit{width:100%;margin-top:6px}
.iro-fnote{color:var(--mut);font-size:13px;text-align:center;margin-top:12px}
.iro-ok{background:#EAF7EF;border:1px solid #BFE5CC;color:#1E6B3A;border-radius:var(--rs);padding:18px;font-weight:600}
.iro-err{background:#FDEEEE;border:1px solid #F2C4C4;color:#9E2B2B;border-radius:var(--rs);padding:18px;font-weight:600}
/* compare + prose + cta */
.iro-cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.iro-cmp .iro-card.win{border-color:var(--st);background:linear-gradient(180deg,#F0F7FA,#fff)}
.iro-prose{max-width:860px;margin-inline:auto;color:var(--mut)}
.iro-prose h3{font-size:20px;margin:26px 0 10px;color:var(--ink)}
.iro-prose p{margin-bottom:14px}
.iro-prose a{color:var(--st2)}
.iro-prose ol,.iro-prose ul{margin:0 0 14px 22px;display:grid;gap:8px}
.iro-cta{background:linear-gradient(120deg,#1B2D42,#17566E);border-radius:18px;color:#fff;padding:50px 40px;text-align:center}
.iro-cta h2{color:#fff;font-size:clamp(23px,3vw,33px)}
.iro-cta p{color:#C9DCE8;max-width:62ch;margin:12px auto 0}
/* footer */
.iro-foot{background:#1B2D42;color:#AFC2D2;margin-top:60px;padding:54px 0 28px}
.iro-foot a{color:#AFC2D2;text-decoration:none;font-size:14px}
.iro-foot a:hover{color:#fff}
.iro-fg4{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.iro-foot h4{color:#207393;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px;font-family:var(--fd)}
.iro-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.iro-fbot{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;color:#7E95A9}
/* article */
.iro-arthero{background:linear-gradient(180deg,#EDF3F8,var(--bg));padding:46px 0 26px}
.iro-art{max-width:780px;margin-inline:auto;color:var(--mut)}
.iro-art h2{color:var(--ink);font-size:23px;margin:28px 0 10px}
.iro-art p{margin-bottom:14px}
.iro-art a{color:var(--st2)}
/* elementor bridge */
.e-con.iro-w{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;max-width:none}
/* burger */
.iro-bcheck{display:none}
@media(max-width:960px){
.iro-head .in{position:relative;flex-wrap:wrap}
.iro-blab{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:40px;margin-left:6px;cursor:pointer;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--sur)}
.iro-blab span{display:block;height:2px;background:var(--ink);border-radius:2px}
.iro-bcheck:checked~.iro-nav{display:flex;position:absolute;top:100%;left:-3vw;right:-3vw;flex-direction:column;gap:0;background:var(--sur);border-bottom:1px solid var(--line);padding:8px 4vw 14px;box-shadow:0 16px 32px rgba(27,45,66,.1);margin-left:0}
.iro-bcheck:checked~.iro-nav a{padding:11px 0;border-bottom:1px solid var(--line)}
.iro-bcheck:checked~.iro-nav a:last-child{border-bottom:0}
.iro-hgrid,.iro-split{grid-template-columns:1fr}
.iro-split.rev>.im{order:0}
.iro-g3,.iro-steps,.iro-cmp{grid-template-columns:1fr}
.iro-g4,.iro-plans{grid-template-columns:1fr 1fr}
.iro-fg4{grid-template-columns:1fr 1fr}
.iro-nav{display:none}
}
@media(max-width:560px){.iro-g4,.iro-plans,.iro-frow,.iro-fg4{grid-template-columns:1fr}.iro-hero{padding-top:38px}.iro-head .iro-b3{display:none}}
/* centered welcome hero (ironservice-style) */
.iro-hero.center{background:linear-gradient(135deg,#1B2D42 0%,#17566E 100%);padding:84px 0 74px;text-align:center}
.iro-hero.center .iro-h1{color:#fff;font-size:clamp(30px,4vw,48px);text-transform:uppercase;letter-spacing:.02em}
.iro-hero.center .iro-h1 mark{color:#7FC6DF}
.iro-hero.center .iro-sub{color:#C7D8E4;margin-inline:auto;max-width:64ch}
.iro-hero.center .iro-kick{background:rgba(255,255,255,.12);color:#fff}
.iro-hero.center .iro-hbtns{justify-content:center}
.iro-hero.center .iro-ticks{justify-content:center;color:#A8C2D4}
.iro-hero.center .iro-b2{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}

/* ===== ironservice-look overrides ===== */
.iro-head{background:#1B2D42;border-bottom:0}
.iro-head .in{padding:15px 0}
.iro-logo{color:#fff}
.iro-logo b{color:#5BC4E0}
.iro-nav a{color:#fff;font-size:13px;font-weight:700}
.iro-nav a:hover{color:#5BC4E0}
.iro-head .iro-b3{background:transparent;border:0;color:#fff;padding:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0}
.iro-head .iro-b3:hover{color:#5BC4E0;background:transparent}
.iro-blab{border-color:rgba(255,255,255,.3);background:transparent}
.iro-blab span{background:#fff}
@media(max-width:960px){.iro-bcheck:checked~.iro-nav{background:#1B2D42;border-bottom:1px solid rgba(255,255,255,.15)}.iro-bcheck:checked~.iro-nav a{border-bottom:1px solid rgba(255,255,255,.1)}}
/* buttons: teal, slightly rounded */
.iro-b1,.iro-b2,.iro-b3{border-radius:6px;font-weight:600;text-transform:none}
.iro-b1,.iro-b3{background:#2E93AE;color:#fff}
.iro-b1:hover,.iro-b3:hover{background:#207393}
/* hero: dark photo w/ navy overlay, centered */
.iro-hero.center{background:linear-gradient(rgba(20,35,54,.82),rgba(20,35,54,.88)),url('/wp-content/uploads/iro/img/herobg.jpg?v=3') center/cover no-repeat;padding:120px 0 110px}
.iro-hero.center .iro-h1{font-weight:700;letter-spacing:.01em}
.iro-hero.center .iro-h1 mark{color:#5BC4E0}
.iro-hero.center .iro-sub{color:#E6EDF3;font-size:18px}
.iro-hero.center .iro-kick{background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:6px}
/* section headings: huge navy uppercase, small blue eyebrow */
.iro-eyeb{color:#2E93AE;text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
.iro-h2{text-transform:uppercase;font-weight:700;font-size:clamp(26px,3.4vw,40px);color:#1B2D42}
/* cards: white, light-blue border, centered, round navy icon */
.iro-card{border:1px solid #BFDDE8;border-top:1px solid #BFDDE8;border-radius:12px;text-align:center;box-shadow:none;padding:34px 24px}
.iro-card h3{color:#1B2D42;font-size:19px}
.iro-ic{width:64px;height:64px;border-radius:50%;background:#1B2D42;color:#fff;margin:0 auto 16px;font-size:26px}
.iro-cmp .iro-card{text-align:left}
/* plans: ironservice card style */
.iro-plan{border:1px solid #BFDDE8;border-radius:12px;box-shadow:none;text-align:center}
.iro-plan.best{border-color:#2E93AE;background:#fff;box-shadow:0 10px 30px rgba(32,115,147,.15)}
.iro-badge{background:#2E93AE;border-radius:6px}
.iro-pn{text-transform:uppercase;font-size:17px;color:#1B2D42}
.iro-pp{color:#1B2D42}
.iro-pf{text-align:left}
.iro-pf li:before{content:"\2713";background:#2E93AE;color:#fff;width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;border-radius:3px;top:4px}
.iro-pf li{padding-left:26px}
.iro-plan .iro-b2{background:#2E93AE;color:#fff;border:0}
.iro-plan .iro-b2:hover{background:#207393}
/* steps + faq accents */
.iro-step:before{background:#E4F0F5;color:#207393}
.iro-faq details{border:1px solid #BFDDE8;border-radius:10px;box-shadow:none}
.iro-faq summary{color:#1B2D42}
/* cta band */
.iro-cta{background:#1B2D42;border-radius:14px}
.iro-sec a:not([class]),.iro-paynote a,.iro-card a,.iro-faq .a a{color:#207393;text-decoration:underline}
.iro-sec a:not([class]):hover{color:#17566E}
