/* IQ Design · redesign service page · 2026-11-05 · scoped styles */
.iq-redesign-page{background:#fff;color:#0a1425;overflow:clip}
.iqrd-container{width:min(1400px,92%);margin:auto}
.iqrd-kicker{font:800 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#115be9}
.iqrd-title{font-size:clamp(39px,4.65vw,76px);line-height:1.025;letter-spacing:-.065em;font-weight:750;margin:24px 0 27px;color:#0e1a2c}
.iqrd-title span,.iqrd-section-title em{color:#246ff2;font-style:normal}
.iqrd-lead{font-size:clamp(16px,1.27vw,20px);line-height:1.66;color:#516078;max-width:670px;margin:0}
.iqrd-hero{background:radial-gradient(ellipse at 82% 23%,#e4eeff 0,#ffffff00 47%),linear-gradient(115deg,#fff 35%,#f4f8ff);border-bottom:1px solid #e7effb}
.iqrd-hero-grid{min-height:min(780px,calc(100svh - 88px));display:grid;grid-template-columns:.95fr 1.05fr;gap:5.2%;align-items:center;padding:68px 0 90px}
.iqrd-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#7c90ad;font:750 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase}
.iqrd-crumbs a{color:#4770b7;text-decoration:none}.iqrd-crumbs a:hover{color:#084ddd}
.iqrd-points{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 33px}.iqrd-points span{background:#fff;border:1px solid #d9e5f5;border-radius:30px;padding:9px 13px;color:#506078;font-size:12px;font-weight:600}
.iqrd-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}
.iqrd-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 25px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s;min-height:53px}
.iqrd-btn:hover{transform:translateY(-2px)}.iqrd-btn--blue{background:#175cf4;color:white;box-shadow:0 12px 24px #1858ec22}.iqrd-btn--blue:hover{box-shadow:0 18px 35px #1858ec33;color:white}
.iqrd-btn--line{border:1px solid #c9d7e9;color:#203452;background:#fff}.iqrd-btn--line:hover{color:#175cf4}
.iqrd-visual{height:530px;perspective:1300px;position:relative;isolation:isolate}
.iqrd-visual:before{content:"";position:absolute;inset:30px -22px 12px;background:radial-gradient(ellipse at 55% 61%,#9bbfff87,#ffffff00 65%);filter:blur(34px);z-index:-1}
.iqrd-window{background:#fff;border:1px solid #c8d9f0;border-radius:16px;box-shadow:0 28px 60px #1e4d9d25;overflow:hidden;position:absolute;transform-style:preserve-3d}
.iqrd-window--old{width:62%;top:52px;left:1%;height:345px;transform:perspective(1000px) rotateY(10deg) rotateZ(-6deg) scale(.9);filter:saturate(.72);box-shadow:0 23px 45px #264e8d20}
.iqrd-window--new{width:75%;top:120px;right:1%;height:360px;transform:perspective(1000px) rotateY(-8deg) rotateZ(3deg);border-color:#95b6f5;box-shadow:0 42px 75px #0846c332,0 0 0 6px #c8d9f633}
.iqrd-browser-top{height:33px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #e5ebf5;background:#fff}
.iqrd-browser-top i{width:7px;height:7px;border:1px solid #d9e3f3;border-radius:50%;background:#dae4f2}.iqrd-browser-top b{margin-left:auto;color:#7d90af;font-size:10px;letter-spacing:.08em}
.iqrd-old-page{background:#f3f4f5;height:100%;padding:22px 17px;color:#87919f}
.iqrd-old-menu{height:17px;background:#cfd5dc;width:71%;margin-bottom:20px}
.iqrd-old-title{height:20px;background:#adb8c6;width:75%;margin:0 0 8px}.iqrd-old-title:last-of-type{width:62%}.iqrd-old-copy{height:8px;background:#d3d9df;margin-top:8px;width:85%}
.iqrd-old-placeholder{background:repeating-linear-gradient(45deg,#d2d6da,#d2d6da 12px,#e3e5e9 12px,#e3e5e9 24px);height:95px;margin:24px 0 12px;border:1px solid #c8cdd5}.iqrd-old-cta{background:#adb5c0;width:89px;height:28px;margin-top:20px}
.iqrd-new-page{height:calc(100% - 33px);background:linear-gradient(125deg,#f9fbff,#eaf2ff);padding:20px 25px}
.iqrd-new-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.iqrd-new-logo{color:#1257e8;font-size:20px;font-weight:900;letter-spacing:-.07em}.iqrd-new-lines{display:flex;gap:10px}.iqrd-new-lines i{height:5px;width:26px;background:#a5bde6;border-radius:7px}
.iqrd-new-content{display:flex;align-items:center;gap:8%}.iqrd-new-copy{flex:1}.iqrd-new-eyebrow{height:5px;width:54px;background:#1b65f5;margin-bottom:14px}.iqrd-new-heading{height:18px;background:#173261;border-radius:4px;margin-bottom:9px}.iqrd-new-heading:nth-child(3){width:83%}.iqrd-new-small{height:6px;background:#b4c5df;border-radius:4px;margin-top:10px}.iqrd-new-small:nth-last-child(2){width:71%}.iqrd-new-pill{height:28px;width:86px;background:#1b64f5;border-radius:7px;margin-top:25px;box-shadow:0 8px 18px #246ff23d}.iqrd-new-object{flex:0 0 42%;height:185px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#fff,#e0eaff 60%,#b6ceff);box-shadow:inset 0 0 0 1px #ffffffc0,0 25px 45px #6296e862}
.iqrd-new-object span{font-weight:900;font-size:75px;line-height:1;letter-spacing:-.08em;color:#165eea;text-shadow:-3px -3px 1px #83b5ff,5px 6px 1px #093aaf,9px 12px 12px #2660c38c;transform:rotate(-9deg)}
.iqrd-float{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;border:1px solid #c9dcfb;background:#ffffffed;backdrop-filter:blur(10px);box-shadow:0 10px 35px #1d57aa18;border-radius:12px;padding:11px 16px;color:#0a367c;font-weight:750;font-size:12px}
.iqrd-float--old{top:25px;left:2%}.iqrd-float--new{bottom:8px;right:5%;color:#0b52cf}.iqrd-float__dot{background:#266ff5;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #deebff}
.iqrd-float__arrow{font-size:20px;color:#1a63ee}
.iqrd-stat-strip{border-top:1px solid #e4edf8;background:#fff}.iqrd-stat-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;gap:25px}.iqrd-stat-inner>div{border-left:2px solid #2a70f6;padding-left:15px;color:#51627b;font-size:13px}.iqrd-stat-inner b{display:block;color:#152d56;font-size:14px;margin-bottom:4px}
.iqrd-section{padding:95px 0}.iqrd-section--tint{background:#f5f9ff}.iqrd-section-head{max-width:760px;margin-bottom:42px}.iqrd-section-title{font-size:clamp(34px,3.05vw,49px);letter-spacing:-.055em;line-height:1.12;margin:13px 0 18px;font-weight:760;color:#102241}
.iqrd-section-intro{font-size:17px;line-height:1.65;color:#5b6e87;margin:0}
.iqrd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.iqrd-card{border:1px solid #e0e9f6;background:white;padding:30px;min-height:242px;border-radius:16px;transition:box-shadow .2s,transform .2s}.iqrd-card:hover{box-shadow:0 20px 45px #164b9316;transform:translateY(-3px)}
.iqrd-card-num{color:#246ff2;letter-spacing:.12em;font:800 12px/1.4 Inter,Arial,sans-serif}.iqrd-card h3{font-size:21px;letter-spacing:-.035em;color:#10264c;margin:22px 0 11px}.iqrd-card p{margin:0;color:#65748b;line-height:1.64;font-size:14px}
.iqrd-comparison{display:grid;grid-template-columns:.78fr 1.22fr;gap:6%;align-items:center}
.iqrd-compare-shell{border-radius:22px;overflow:hidden;border:1px solid #d9e6fa;box-shadow:0 28px 65px #1f54a726;background:white;padding:14px}
.iqrd-compare{--split:50%;height:360px;border-radius:13px;position:relative;overflow:hidden;background:#f4f5f7;user-select:none}
.iqrd-compare-old,.iqrd-compare-new{position:absolute;inset:0}.iqrd-compare-old{background:linear-gradient(140deg,#f0f0f2,#d6dbe2);padding:42px 35px;color:#7d8696}
.iqrd-compare-old>.old-site-title{font-family:Georgia,serif;font-size:31px;color:#647182;letter-spacing:-.05em;margin:0 0 26px}.iqrd-compare-old>.old-site-image{height:80px;background:#b6c0cd;margin-bottom:24px;box-shadow:inset 0 0 0 12px #d7dbe1}.iqrd-compare-old>.old-site-lines{width:80%;height:9px;background:#b9c3ce;box-shadow:0 19px 0 #c5ccd5,0 38px 0 #c5ccd5}
.iqrd-compare-new{background:linear-gradient(130deg,#f0f6ff,#fff);padding:38px 37px;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.iqrd-compare-new .modern-top{font-size:14px;font-weight:850;letter-spacing:-.03em;color:#1658eb}.iqrd-compare-new .modern-main{margin-top:52px;color:#112b62;font-weight:850;line-height:1.02;letter-spacing:-.05em;font-size:clamp(32px,4vw,52px)}.iqrd-compare-new .modern-main span{color:#1c68ef}.iqrd-compare-new .modern-desc{margin-top:17px;width:64%;color:#647792;font-size:12px;line-height:1.6}.iqrd-compare-new .modern-button{background:#246ff2;color:#fff;display:inline-block;border-radius:6px;padding:9px 16px;margin-top:17px;font-size:11px}
.iqrd-compare-new .modern-orb{position:absolute;width:155px;height:155px;border-radius:36px;right:34px;bottom:27px;background:radial-gradient(circle at 32% 21%,#bbd9ff,#256af8 62%,#113caa);transform:rotate(14deg);box-shadow:12px 18px 29px #2450a85a,inset -12px -10px 12px #1443a8a6}.iqrd-compare-new .modern-orb:before{content:"IQ";position:absolute;top:33px;left:26px;font-size:65px;letter-spacing:-.06em;font-weight:900;color:#fff;text-shadow:0 6px 6px #0b3f9f7d}
.iqrd-compare-line{position:absolute;z-index:3;left:var(--split);top:0;bottom:0;width:2px;background:white;box-shadow:0 0 0 1px #2b68e7;pointer-events:none}
.iqrd-compare-handle{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:#fff;color:#175de9;border:1px solid #bdd3ff;box-shadow:0 10px 22px #19499944;font-size:17px}
.iqrd-compare-label{position:absolute;z-index:2;top:12px;border-radius:6px;background:#ffffffef;border:1px solid #e5edfb;padding:6px 9px;font-size:10px;font-weight:750;color:#52647f}.iqrd-compare-label--old{right:12px}.iqrd-compare-label--new{left:12px}
.iqrd-range{width:100%;accent-color:#246ff2;margin:15px 0 0;cursor:ew-resize}.iqrd-helper{font-size:12px;color:#6a7b92;text-align:center;margin:2px 0 0}
.iqrd-process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.iqrd-step{padding:26px;border-top:2px solid #246ff2;background:#f7faff;border-radius:0 0 12px 12px}.iqrd-step b{color:#246ff2;font-size:14px}.iqrd-step h3{margin:20px 0 11px;font-size:21px;letter-spacing:-.03em}.iqrd-step p{color:#586b88;line-height:1.6;font-size:14px;margin:0}
.iqrd-decision{display:grid;grid-template-columns:1fr 1fr;gap:18px}.iqrd-decision-card{padding:38px;border-radius:18px;border:1px solid #dce7fa;background:white}.iqrd-decision-card--blue{background:#eef5ff}.iqrd-decision-card h3{margin:0 0 12px;font-size:26px;letter-spacing:-.03em}.iqrd-decision-card p{color:#5d718c;line-height:1.65;max-width:480px}.iqrd-textlink{color:#175de9;text-decoration:none;font-weight:750}.iqrd-textlink:hover{text-decoration:underline}
.iqrd-budget{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.iqrd-budget-box{background:#f5f9ff;border:1px solid #dbe8fa;border-radius:20px;padding:40px}.iqrd-budget-box b{font-size:27px;color:#12366f;letter-spacing:-.035em}.iqrd-budget-box p{color:#64758e;line-height:1.6}.iqrd-budget-box ul{padding-left:20px;color:#465d7b;line-height:1.9}
.iqrd-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.iqrd-faq details{border:1px solid #dbe5f4;background:white;border-radius:12px;padding:22px 24px}.iqrd-faq summary{font-size:16px;font-weight:740;color:#102a50;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.iqrd-faq summary:after{content:'+';font-size:22px;color:#246ff2}.iqrd-faq details[open] summary:after{content:'−'}.iqrd-faq details p{color:#536984;line-height:1.6;margin:17px 0 0;font-size:14px}
.iqrd-cta{background:linear-gradient(118deg,#122d67,#1659dd 77%,#378cf5);color:#fff;padding:72px 0}.iqrd-cta-inner{display:flex;align-items:center;gap:50px;justify-content:space-between}.iqrd-cta h2{font-size:clamp(32px,3.2vw,51px);max-width:760px;letter-spacing:-.055em;line-height:1.12;margin:12px 0 12px;color:white}.iqrd-cta p{color:#deebff;line-height:1.6;max-width:650px;margin:0}.iqrd-cta .iqrd-kicker{color:#a9c8ff}.iqrd-cta .iqrd-btn{background:white;color:#1154e6;white-space:nowrap}
.iqrd-teaser{background:#f5f9ff;padding:0 4vw 60px}.iqrd-teaser-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:38px 46px;border-radius:18px;border:1px solid #d3e3fa;background:linear-gradient(110deg,#fff,#ebf4ff)}
.iqrd-teaser small{letter-spacing:.12em;color:#2869e7;text-transform:uppercase;font-size:10px;font-weight:800}.iqrd-teaser h2{font-size:clamp(24px,2.2vw,33px);letter-spacing:-.045em;margin:9px 0}.iqrd-teaser p{color:#65758f;margin:0;line-height:1.55}.iqrd-teaser a{display:inline-flex;align-items:center;gap:16px;border-radius:9px;padding:14px 20px;color:white;background:#246ff2;text-decoration:none;font-weight:750;white-space:nowrap}
@media(max-width:1180px){.iqrd-hero-grid{grid-template-columns:1fr 1fr;gap:2.5%}.iqrd-visual{transform:scale(.93);transform-origin:center}.iqrd-card-grid{grid-template-columns:repeat(2,1fr)}.iqrd-new-object{height:150px}.iqrd-new-object span{font-size:58px}}
@media(max-width:800px){.iqrd-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding:48px 0 28px}.iqrd-title{font-size:clamp(40px,10vw,64px);margin:20px 0}.iqrd-lead{font-size:16px}.iqrd-visual{transform:none;height:355px}.iqrd-window--old{height:250px;top:16px}.iqrd-window--new{height:255px;top:77px}.iqrd-new-page{padding:14px}.iqrd-new-content{gap:5%}.iqrd-new-object{height:115px}.iqrd-new-object span{font-size:47px}.iqrd-new-heading{height:12px}.iqrd-float--old{top:0}.iqrd-float--new{bottom:8px}.iqrd-stat-inner{grid-template-columns:repeat(2,1fr)}.iqrd-section{padding:64px 0}.iqrd-section-head{margin-bottom:30px}.iqrd-comparison,.iqrd-budget{grid-template-columns:1fr;gap:30px}.iqrd-process{grid-template-columns:repeat(2,1fr)}.iqrd-cta-inner{display:block}.iqrd-cta .iqrd-btn{margin-top:22px}.iqrd-teaser-inner{grid-template-columns:1fr;padding:28px}}
@media(max-width:560px){.iqrd-container{width:90%}.iqrd-crumbs{font-size:8px;gap:6px}.iqrd-title{font-size:42px}.iqrd-visual{height:285px}.iqrd-window--old{top:22px;height:205px;width:67%}.iqrd-window--new{height:205px;top:65px;width:78%}.iqrd-old-placeholder{height:45px;margin:14px 0}.iqrd-old-page{padding:12px}.iqrd-old-menu{margin-bottom:13px}.iqrd-new-top{margin-bottom:15px}.iqrd-new-content{gap:7%}.iqrd-new-object{height:88px;border-radius:14px}.iqrd-new-object span{font-size:36px}.iqrd-new-copy .iqrd-new-heading{height:9px;margin-bottom:5px}.iqrd-new-small{height:4px;margin-top:6px}.iqrd-new-pill{margin-top:13px;height:17px;width:54px}.iqrd-float{font-size:10px;padding:7px 9px}.iqrd-points{margin:21px 0;gap:8px}.iqrd-points span{font-size:11px}.iqrd-actions{display:grid;grid-template-columns:1fr}.iqrd-btn{width:100%;justify-content:space-between}.iqrd-stat-inner{gap:16px}.iqrd-stat-inner>div{font-size:12px}.iqrd-card-grid,.iqrd-process,.iqrd-decision,.iqrd-faq-grid{grid-template-columns:1fr}.iqrd-card{min-height:0;padding:25px}.iqrd-compare{height:270px}.iqrd-compare-old,.iqrd-compare-new{padding:26px}.iqrd-compare-old>.old-site-title{font-size:22px}.iqrd-compare-new .modern-main{margin-top:38px;font-size:27px}.iqrd-compare-new .modern-orb{width:100px;height:100px;right:15px;bottom:17px;border-radius:21px}.iqrd-compare-new .modern-orb:before{font-size:39px;left:18px;top:20px}.iqrd-compare-new .modern-desc{width:72%;font-size:10px}.iqrd-budget-box{padding:25px}.iqrd-cta{padding:52px 0}.iqrd-teaser{padding:0 5% 40px}.iqrd-teaser a{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.iqrd-btn,.iqrd-card{transition:none}}

/* IQDesign · development page redesign feature */
.iqrd-dev-feature{margin:28px 0 10px;padding:31px 36px;border:1px solid #d9e7fc;border-radius:18px;background:linear-gradient(110deg,#f8fbff,#ebf4ff);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px}
.iqrd-dev-feature small{font-size:11px;letter-spacing:.12em;font-weight:800;color:#175bec}
.iqrd-dev-feature h3{font-size:clamp(23px,2.3vw,34px);margin:8px 0 10px;line-height:1.15;letter-spacing:-.04em}
.iqrd-dev-feature p{color:#5c6a82;margin:0;max-width:760px;line-height:1.55}
.iqrd-dev-feature>a{background:#174ff4;color:#fff;padding:15px 22px;border-radius:10px;text-decoration:none;font-weight:700;white-space:nowrap}
@media(max-width:760px){.iqrd-dev-feature{grid-template-columns:1fr;padding:24px;gap:18px}.iqrd-dev-feature>a{text-align:center;white-space:normal}}

/* Redesign service price in the homepage Development chip. */
.service-card.card-sky .service-links a.iq-redesign-home-link{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.service-card.card-sky .service-links a.iq-redesign-home-link small{font:inherit;font-size:9px;font-weight:500;opacity:.8}
