/* InitSky approved homepage · V2 refinements
   Google Fonts: Manrope headings, DM Sans paragraphs. System fallback when offline.
   This file intentionally overrides selected rules in style.css. */
:root {
  --display: 'Manrope', 'DM Sans', system-ui, sans-serif;
  --body-font: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --blue: #008df5;
  --dark: #081d46;
  --text: #344b6b;
  --shadow: 0 16px 38px rgba(23, 98, 174, .12);
}
html { scroll-padding-top: 94px; }
body { font-family: var(--body-font); background: #eaf4fb; color: var(--dark); }
.site-canvas { position: relative; isolation: isolate; margin: 24px auto; width: min(1540px, calc(100% - 56px)); background: linear-gradient(162deg,#f8fdff,#fff 24%,#f8fcff 70%,#fff); box-shadow: 0 20px 85px rgba(5,54,105,.08); overflow: clip; border-radius: 5px; }
.container { width: min(1330px, calc(100% - 116px)); }
.site-header { background: rgba(255,255,255,.7); }
.brand, h1, h2, h3, h4, .service-card h3, .metric-card strong {font-family: var(--display);}
.brand { font-size: 33px; letter-spacing: -1.8px; }
.header-inner { min-height: 88px; height: 88px; }
.nav-link {font-size: 13px; font-weight: 700;}
.header-actions .btn {font-size: 13px;}
.eyebrow { font-size: 11px; letter-spacing: 2.75px; }
.section-copy h2 { font-size: clamp(32px, 3vw, 44px); letter-spacing: -.045em; line-height: 1.14; }
.section-copy p, .marketing-copy > p, .cloud-copy > p {font-size: 17px; line-height: 1.7; color: var(--text); max-width: 540px;}
.btn { font-family: var(--body-font); font-size: 13px; font-weight: 800; letter-spacing: -.01em; }
.text-link {font-weight: 750; font-size: 14px;}
.checked-list li {font-size: 15px; line-height: 1.5;}
.service-card p {font-size: 13px; line-height: 1.5;}
.page-decoration .shape { animation: decoration-drift 11s ease-in-out infinite alternate; }
.page-decoration .shape:nth-child(2n) { animation-duration: 14s; animation-delay: -5s; }
.page-decoration .shape:nth-child(3n) { animation-duration: 18s; animation-delay: -3s; }
@keyframes decoration-drift { from {translate: 0 0; opacity: .65;} to {translate: 0 -20px; opacity: .9;} }

/* HERO: five fully functional animated slides; no screenshot background. */
.hero { padding: 18px 0 53px; min-height: 0; }
.hero-carousel {position: relative; height: clamp(460px, 36vw, 535px);}
.hero-slide {position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(25px) scale(.987); transition:opacity .65s ease,transform .8s cubic-bezier(.22,1,.36,1),visibility .65s;}
.hero-slide.is-active {opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1);z-index:2;}
.hero-grid {display:grid;grid-template-columns: 44% 56%;align-items:center;height:100%;gap:0;}
.hero-copy { padding-top: 0; max-width: 585px; z-index: 5; }
.hero-copy h1 {font-family:var(--display); font-weight:800; font-size: clamp(39px,4.2vw,64px);letter-spacing:-.062em;line-height:1.09;white-space:normal;margin:19px 0 20px;}
.hero-copy .body-lead {font-size:18px;line-height:1.67;letter-spacing:-.015em;max-width:500px;margin-bottom:27px;color:var(--text);}
.hero-stage {height: 100%; min-height:440px; margin:0 -6px 0 -18px;position:relative;isolation:isolate;}
.hero-glow {inset: 4% 0 3% 4%;border-radius: 44% 27% 38% 35%;clip-path:polygon(11% 10%,47% 0,78% 13%,98% 35%,100% 70%,77% 97%,35% 93%,1% 75%,8% 53%,0 32%); background: linear-gradient(150deg,#e1f7ff,#b9e5ff 60%,#ecfaff);}
.hero-image-wrap { left:8%; right:4%;top:7%;bottom:12%; clip-path:polygon(12% 10%,48% 1%,78% 13%,100% 29%,95% 65%,78% 85%,47% 100%,15% 88%,0 59%,9% 35%);background:#caebff;}
.hero-image-wrap img {object-position:45% 47%;transition:transform 6.5s ease;}
.hero-slide.is-active .hero-image-wrap img {transform: scale(1.07);}
.hero-stage .float-card {animation: card-hover 6s ease-in-out infinite;box-shadow:0 17px 32px rgba(10,84,163,.17);}
.hero-stage .float-card:nth-of-type(2n) { animation-delay:-3s;}
@keyframes card-hover {0%,100%{translate:0 0;}50%{translate:0 -9px;}}
.hero-benefits {right:0;top:19%;font-size:12px;gap:12px;padding:15px 17px;}
.hero-open-rate {left:1%;bottom:14%;width:212px; height:114px;padding:15px 18px;}
.hero-open-rate strong,.hero-conversions strong {font-size:27px;}
.hero-conversions {right:3%;bottom:5%;width:182px;}
.hero-side-note {position:absolute;top:10%;left:1%;width:160px;z-index:4;color:#0755ac;font-size:20px;transform:rotate(-9deg);line-height:1.18;pointer-events:none;}
.hero-side-note .scribble-arrow {display:block;text-align:right; margin-right:24px; font-size:30px;}
.hero-svg-art {position:absolute;inset:-3% 0 0 -1%;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;}
.hero-svg-art .art-line {fill:none;stroke:#35afff;stroke-width:2;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;opacity:.7;}
.hero-svg-art .art-line-b {stroke:#006cd9;stroke-width:2.4;stroke-dasharray:350;stroke-dashoffset:350;}
.hero-slide.is-active .hero-svg-art .art-line {animation: draw-line 2s .25s ease forwards;}
.hero-slide.is-active .hero-svg-art .art-line-b {animation: draw-line 2s .65s ease forwards;}
.hero-svg-art .art-orbit {fill:#3ec9ff;opacity:.75;animation:orbit-pulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.hero-svg-art .art-spark {fill:#58c4f3; opacity:.7;animation:gentle-spin 8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.hero-svg-art .art-cross {stroke:#008aff;stroke-width:3;stroke-linecap:round;animation:orbit-pulse 3.5s -1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
@keyframes draw-line{to{stroke-dashoffset:0;}}
@keyframes orbit-pulse{50%{opacity:1;transform:scale(1.2);}}
@keyframes gentle-spin{50%{transform:rotate(35deg) scale(.87);}}
.hero-theme-marketing .hero-glow {background:linear-gradient(150deg,#d9f5ff,#bbddff,#edfaff);}
.hero-theme-marketing .hero-image-wrap img {object-position:48% 38%;}
.hero-theme-technology .hero-glow {background:linear-gradient(155deg,#e1f7ff,#c4e5ff,#f0f9ff);}
.hero-theme-cloud .hero-glow {background:linear-gradient(145deg,#bbefff,#8bd0f7,#e9f9ff);}
.hero-theme-cloud .hero-image-wrap img {object-position:50% 52%;}
.hero-theme-future .hero-glow {background:linear-gradient(130deg,#e9f8ff,#a8dcff,#d9f4ff);}
.hero-theme-future .hero-image-wrap img {object-position:40% 50%;}
.hero-mini-card {position:absolute;z-index:4;background:rgba(255,255,255,.95);border:1px solid #eaf5ff;border-radius:18px;padding:18px 19px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:9px;max-width:255px;}
.stage-card-top {right:0;top:22%; min-width:185px;}
.stage-card-bottom {left:1%;bottom:5%;min-width:245px;}
.hero-mini-card small {font-size:11px;letter-spacing:1px;color:#58749b;font-weight:800;}
.hero-mini-card strong {font-family:var(--display);font-size:15px;line-height:1.35;}
.hero-mini-card .eyebrow.tiny {font-size:9px;letter-spacing:1.2px;}
.stage-card-icon {height:34px;width:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(130deg,#018dff,#36baff);border-radius:10px;}
.stage-card-icon .icon {width:19px;height:19px;}
.stage-avatar-stack {display:flex;padding:3px 0 0 5px;}
.stage-avatar-stack i {display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;letter-spacing:-.05em;font-style:normal;font-weight:800;margin-left:-5px;background:#c6eaff;border:2px solid white;color:#194d85;}
.stage-avatar-stack i:nth-child(2){background:#b8f1e6;}.stage-avatar-stack i:nth-child(3){background:#e4d8ff;}.stage-avatar-stack i:nth-child(4){background:#068cf2;color:#fff;}
.stage-progress {width:100%;height:9px;border-radius:20px;background:#d9edff;overflow:hidden;}
.stage-progress i {display:block;height:100%;width:78%;border-radius:20px;background:linear-gradient(90deg,#00b5ff,#007ce9);transform-origin:left;animation:progress-grow 2.5s ease-out both;}
@keyframes progress-grow{from{transform:scaleX(.1);}to{transform:scaleX(1);}}
.stage-pill-row {display:flex;gap:5px;flex-wrap:wrap;}
.stage-pill-row span {background:#eaf7ff;border:1px solid #d1ebff;color:#0871c2;font-size:10px;padding:6px 8px;border-radius:20px;font-weight:800;}
.hero-bottom {display:flex;align-items:center;justify-content:space-between;gap:30px;}
.brand-strip {margin:0;}
.client-logos {margin-top:15px;gap:23px;}
.client-logos span {font-family:var(--display);}
.hero-controls {display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-shrink:0;}
.slider-arrow,.slider-pause {display:grid;place-items:center;border:1px solid #c9e5fb;background:#fff;border-radius:50%;width:37px;height:37px;font-size:22px;color:#057de6;box-shadow:0 5px 12px #0368b60a;transition:color .2s,background .2s,transform .2s;}
.slider-arrow:hover,.slider-pause:hover {background:var(--blue);color:#fff;transform:translateY(-2px);}
.slider-pause {font-size:17px;width:34px;height:34px;}
.slider-dots {display:flex;align-items:center;gap:7px;}
.slider-dot {border:0;background:transparent;padding:7px 1px;display:flex;align-items:center;justify-content:center;}
.slider-dot span {display:block;width:10px;height:7px;border-radius:20px;background:#b9d6ef;transition:background .3s,width .3s;}
.slider-dot.is-active span {width:28px;background:var(--blue);}
.slider-counter {font-size:11px;font-weight:800;color:#56769d;white-space:nowrap;letter-spacing:1px;}
#heroCurrent {color:var(--dark);font-size:13px;}

/* General text legibility and breathing room. */
.services {padding:90px 0 80px;}
.service-grid {gap:34px;}
.service-card {transition:transform .25s ease,box-shadow .25s ease;}
.service-card:hover {translate:0 -6px;}
.services-cards {max-width:100%;}
.marketing {padding:85px 0 78px;}
.marketing-layout {min-height:535px;}
.dashboard-stage {margin-left:-12px;}
.technology {padding:65px 0 90px;}
.cloud-section {padding:75px 0 85px;}
.work {padding:75px 0 100px;}
.cloud-points li {font-size:13px;line-height:1.55;}
.technology .section-copy p{max-width:470px;}
.case-card-content strong {font-family:var(--display);line-height:1.32;}
.quote-card > p {font-size:13px;line-height:1.6;}
/* Fix reference asset with duplicate embedded text: replaced by clean text-free crop. */
.cta-section {height:auto;min-height:345px;overflow:hidden;}
.cta-section:before {background:linear-gradient(95deg,#078beb 0%,rgba(9,158,251,.85) 36%,rgba(145,217,255,.28) 76%),url('../assets/images/mountain-layers.svg') center bottom / cover no-repeat;}
.cta-hills {opacity:.5;}
.cta-mountain {background:linear-gradient(90deg,#128cf7c9 0%,#42b8fa33 24%,#ffffff00 48%),url('../assets/images/mountain-summit-clean.webp') center 48% / cover no-repeat;width:52%;z-index:0;opacity:.85;mask-image:linear-gradient(90deg,transparent 0%,black 35%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 35%);}
.cta-inner {min-height:345px;padding-top:55px;padding-bottom:55px;}
.cta-copy {z-index:3;max-width:700px;}
.cta-copy h2 {font-family:var(--display);font-size:clamp(31px,3.25vw,46px);line-height:1.16;letter-spacing:-.05em;}
.cta-copy p {font-size:17px;line-height:1.58;max-width:610px;}
.cta-note {display:none;}

/* Actual About area: explanatory copy, rather than a nav anchor to the CTA. */
.about-section {padding:95px 0 105px;background:linear-gradient(125deg,#ecf8ff,#fff 60%,#f7fcff);}
.about-layout {display:grid;grid-template-columns:45% 55%;gap:4%;align-items:center;}
.about-visual {position:relative;max-width:510px;height:440px;isolation:isolate;}
.about-visual-glow {position:absolute;inset:3% 4% 3% 0;background:linear-gradient(130deg,#83cdf9,#e4f5ff 80%);clip-path:polygon(8% 8%,60% 0,100% 20%,92% 85%,40% 100%,0 74%);}
.about-visual > img {position:absolute;width:86%;height:81%;left:5%;top:5%;object-fit:cover;object-position:50% 43%;border-radius:30px;clip-path:polygon(9% 0,100% 0,100% 92%,63% 100%,0 87%,0 18%);box-shadow:var(--shadow);}
.about-overlay {position:absolute;right:0;bottom:2%;width:255px;background:white;border:1px solid #e3f3ff;box-shadow:0 12px 35px rgba(14,95,172,.17);border-radius:18px;padding:20px;}
.about-overlay p {margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--dark);font-weight:750;}
.about-mark {width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--blue);color:#fff;}
.about-copy {padding:10px 0 5px 20px;}
.about-copy > p {max-width:625px;margin-bottom:15px;}
.about-qualities {display:flex;flex-wrap:wrap;gap:10px;margin:27px 0;}
.about-qualities span {display:flex;align-items:center;gap:6px;color:#12599a;background:#e7f5ff;padding:9px 12px;border-radius:22px;font-weight:700;font-size:12px;}
.about-qualities .icon {width:14px;height:14px;}
.about-link {display:inline-flex;gap:11px;align-items:center;color:var(--blue);}
.about-link .icon{width:16px;height:16px;}

/* Larger dark-blue footer with about, categories, newsletter, social and legal. */
.site-footer {color:#fff;background:radial-gradient(circle at 8% 8%,#198fff50,transparent 37%),radial-gradient(circle at 92% 87%,#11b0ff43,transparent 38%),linear-gradient(128deg,#073a87 0%,#054ea7 46%,#0875d9 100%);padding:72px 0 30px;overflow:hidden;}
.footer-topline {display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:53px;}
.footer-topline h2 {font-family:var(--display);font-size:clamp(30px,3vw,45px);letter-spacing:-.047em;line-height:1.15;margin:17px 0 0;}
.footer-topline h2 em {font-style:normal;color:#79d7ff;}
.footer-big-button {flex-shrink:0;display:inline-flex;align-items:center;gap:20px;border:1px solid #bceaff80;border-radius:100px;padding:16px 23px;background:#fff;color:#07519e;font-size:14px;font-weight:800;box-shadow:0 12px 30px #001b4d30;transition:transform .25s,background .25s;}
.footer-big-button:hover{background:#e9f8ff;transform:translateY(-3px);}
.footer-big-button .icon{width:18px;height:18px;}
.footer-rule {height:1px;background:#ffffff4d;margin-bottom:59px;}
.footer-grid {display:grid;grid-template-columns: minmax(220px, 1.55fr) minmax(120px,1fr) minmax(110px,.86fr) minmax(125px,.96fr) minmax(215px,1.4fr);gap:clamp(16px,2vw,32px);}
.footer-brand .brand {font-size:40px;color:#fff;letter-spacing:-2px;}
.footer-brand .brand-sky {color:#0879d8;background:white;}
.footer-brand .brand-sky:before {background:white;}
.footer-brand p {font-size:14px;line-height:1.7;color:#d5eaff;margin:14px 0 21px;}
.footer-brand h3 {font-family:var(--display);font-size:15px;margin:29px 0 5px;font-weight:800;}
.footer-brand h3 + p {font-size:13.5px;line-height:1.75;max-width:280px;}
.footer-about-link {color:#a3e2ff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:9px;}
.footer-about-link .icon {width:15px;height:15px;}
.footer-col h3,.footer-newsletter h3 {font-family:var(--display);font-size:15px;letter-spacing:-.02em;color:#fff;margin:7px 0 20px;}
.footer-col a {display:block;color:#d5ebff;font-size:13.5px;line-height:1.45;margin:0 0 15px;transition:color .2s,translate .2s;}
.footer-col a:hover {color:#fff;translate:2px 0;}
.footer-newsletter > p {font-size:13.5px;color:#d7ebff;line-height:1.6;margin:0 0 19px;}
.footer-newsletter form {height:53px;border:1px solid #a4d5ff50;box-shadow:0 7px 20px #00326724;background:#fff;}
.footer-newsletter input {font-size:13px;padding-left:19px;}
.footer-newsletter form button {width:47px;height:47px;}
.site-footer .form-message {color:#cbfbff;font-size:12px;}
.site-footer .form-message.error {color:#ffdad7;}
.footer-social-title {margin-top:35px!important;margin-bottom:13px!important;}
.site-footer .social-links {display:flex;gap:11px;}
.site-footer .social-links a {display:grid;place-items:center;height:35px;width:35px;border-radius:11px;border:1px solid #b8dfff50;color:#fff;background:#ffffff14;font-size:15px;transition:background .2s,transform .2s;}
.site-footer .social-links a:hover {background:#ffffff4a;transform:translateY(-3px);}
.footer-link-note {font-size:11px!important;line-height:1.55!important;color:#add8fa!important;margin-top:12px!important;}
.footer-bottom {margin-top:67px;padding-top:24px;border-top:1px solid #ffffff41;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c5e4fc;font-size:11px;}
.footer-legal {display:flex;gap:18px;align-items:center;}
.footer-legal a {color:#dbefff;font-size:11px;}
.footer-legal a:hover{text-decoration:underline;}

/* Adjust landscape and tablet widths without clipping graphics or footer. */
@media(max-width:1270px) {
  .container {width:calc(100% - 88px);}
  .hero-copy h1 {font-size:clamp(40px,4.15vw,58px);}
  .hero-copy .body-lead {font-size:16.5px;line-height:1.6;}
  .hero-side-note {font-size:17px;}
  .hero-controls {gap:7px;}
  .client-logos {gap:14px;}
  .footer-grid {grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;}
  .footer-newsletter {grid-column:2 / span 3;max-width:450px;}
  .footer-brand {grid-row:span 2;}
}
@media(max-width:990px) {
  .site-canvas {width:calc(100% - 32px);margin:16px auto;}
  .container {width:calc(100% - 60px);}
  .hero-carousel {height:460px;}
  .hero-grid {grid-template-columns:45% 55%;}
  .hero-copy h1 {font-size:clamp(33px,4.5vw,46px);letter-spacing:-.055em;}
  .hero-copy .body-lead {font-size:15.5px;line-height:1.58;}
  .hero-stage {min-height:385px;}
  .hero-image-wrap {top:14%;bottom:11%;}
  .hero-side-note {top:10%;left:1%;width:100px;font-size:13px;}
  .hero-benefits {font-size:10px;min-width:160px;}
  .hero-open-rate {width:168px;bottom:17%;height:100px;}
  .hero-conversions {width:155px;height:99px;}
  .hero-mini-card {padding:12px 13px;max-width:190px;}
  .stage-card-bottom {min-width:195px;}
  .stage-card-top {min-width:155px;}
  .hero-mini-card strong {font-size:12px;}
  .section-copy p {font-size:16px;}
  .services,.marketing,.technology,.cloud-section,.work {padding-top:65px;padding-bottom:65px;}
  .marketing-layout {min-height:480px;}
  .about-section {padding:75px 0;}
  .about-visual {height:360px;}
  .about-qualities {gap:6px;}
  .footer-topline {padding-bottom:38px;}
}
@media(max-width:700px) {
  .site-canvas {margin:0;width:100%;border-radius:0;}
  .container {width:calc(100% - 38px);}
  .header-inner {height:72px;min-height:72px;}
  .brand {font-size:30px;}
  .hero {padding-top:12px;padding-bottom:46px;}
  .hero-carousel {height:730px;}
  .hero-grid {display:flex;flex-direction:column;align-items:stretch;gap:7px;justify-content:flex-start;}
  .hero-copy {padding-top:17px;max-width:100%;flex:none;}
  .hero-copy .eyebrow {font-size:9px;letter-spacing:2.1px;}
  .hero-copy h1 {font-size:clamp(35px,7.6vw,48px);letter-spacing:-.058em;line-height:1.08;margin:15px 0 14px;}
  .hero-copy .body-lead {font-size:15.5px;line-height:1.62;margin:0 0 21px;max-width:550px;}
  .hero-copy .button-row {gap:10px;}
  .hero-copy .btn {font-size:12px;min-height:44px;padding:0 18px;gap:9px;}
  .hero-stage {height:355px;min-height:355px;margin:5px 0 0;flex:none;}
  .hero-glow {inset:4% 2% 4% 2%;}
  .hero-image-wrap {left:8%;right:5%;top:6%;bottom:9%;}
  .hero-side-note {top:7%;left:1%;width:95px;font-size:13px;}
  .hero-benefits {right:1%;top:17%;padding:10px;gap:8px;min-width:146px;font-size:10px;}
  .hero-benefits .mini-icon {width:24px;height:24px;}
  .hero-open-rate {left:0;bottom:6%;width:157px;height:88px;padding:10px 12px;}
  .hero-open-rate strong,.hero-conversions strong{font-size:20px;margin:4px 0;}
  .hero-conversions {right:0;bottom:0;width:145px;height:92px;padding:10px;}
  .hero-conversions .trend-graphic {opacity:.6;}
  .hero-mini-card {max-width:165px;padding:10px 12px;gap:5px;}
  .stage-card-top {top:15%;min-width:150px;}
  .stage-card-bottom {left:0;bottom:0;min-width:185px;}
  .stage-card-icon {width:29px;height:29px;}
  .stage-pill-row span {font-size:9px;padding:4px 5px;}
  .hero-bottom {display:flex;align-items:flex-start;flex-direction:column-reverse;gap:20px;}
  .brand-strip {width:100%;}
  .client-logos {gap:18px;}
  .client-logos span {font-size:14px!important;}
  .hero-controls {width:100%;justify-content:center;}
  .services,.marketing,.technology,.cloud-section,.work {padding-top:60px;padding-bottom:65px;}
  .section-copy h2 {font-size:clamp(30px,7vw,39px);letter-spacing:-.055em;}
  .section-copy p {font-size:16px;line-height:1.65;}
  .service-grid {display:block;}
  .services-cards {margin-top:27px;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .service-card {max-width:none;width:100%;height:210px;transform:none!important;padding:15px 12px;border-radius:15px;}
  .service-card h3 {font-size:15px;letter-spacing:-.04em;}
  .service-card p {font-size:10px;line-height:1.45;}
  .service-icon .icon {height:22px;width:22px;}
  .service-note {display:none;}
  .marketing-layout {display:flex;flex-direction:column;min-height:0;gap:22px;}
  .dashboard-stage {width:100%;height:390px;min-height:390px;margin:0;}
  .marketing-copy {padding:0;}
  .email-note {display:none;}
  .technology-grid {display:flex;flex-direction:column;gap:28px;}
  .technology-tiles {width:100%;}
  .cloud-grid {display:flex;flex-direction:column;gap:28px;}
  .cloud-stage {width:100%;max-width:580px;}
  .cloud-copy {width:100%;}
  .cloud-points {width:100%;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:20px;}
  .cloud-points li {font-size:13px;}
  .work-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px;}
  .work-intro {grid-column:1/-1;}
  .quote-card {grid-column:1/-1;}
  .about-layout {display:flex;flex-direction:column;gap:26px;}
  .about-visual {width:100%;height:360px;max-width:500px;}
  .about-copy {padding:0;}
  .about-qualities span {font-size:11px;}
  .cta-inner {padding:45px 0;min-height:360px;}
  .cta-copy {max-width:75%;}
  .cta-copy h2 {font-size:33px;}
  .cta-copy p {font-size:14px;}
  .cta-mountain {width:60%;background-position:55% 50%;}
  .site-footer {padding:60px 0 25px;}
  .footer-topline {display:block;padding-bottom:34px;}
  .footer-topline h2 {font-size:31px;}
  .footer-big-button {margin-top:27px;}
  .footer-grid {grid-template-columns:1fr 1fr;gap:30px 20px;}
  .footer-brand {grid-row:auto;grid-column:1/-1;}
  .footer-brand h3 + p {max-width:540px;}
  .footer-newsletter {grid-column:1/-1;max-width:500px;}
  .footer-bottom {margin-top:47px;display:flex;flex-wrap:wrap;gap:13px 20px;}
}
@media(max-width:410px) {
  .container {width:calc(100% - 30px);}
  .hero-carousel {height:735px;}
  .hero-copy h1 {font-size:35px;}
  .hero-copy .body-lead {font-size:14.5px;}
  .hero-stage {height:325px;min-height:325px;}
  .hero-side-note {font-size:11px;}
  .hero-benefits {top:20%;right:0;min-width:125px;font-size:9px;}
  .hero-benefits .mini-icon {width:21px;height:21px;}
  .stage-card-top {right:0;min-width:130px;}
  .stage-card-bottom {min-width:165px;}
  .stage-card-bottom strong {font-size:11px;}
  .hero-open-rate {width:136px;}
  .hero-conversions {width:128px;}
  .client-logos {gap:13px;}
  .service-card {padding:13px 9px;height:205px;}
  .service-card h3 {font-size:13px;}
  .service-card p {font-size:9px;}
  .dashboard-stage {height:335px;min-height:335px;}
  .about-visual {height:310px;}
  .about-overlay {width:220px;}
  .cta-copy {max-width:95%;}
  .cta-mountain {opacity:.4;}
}
@media(prefers-reduced-motion:reduce) {
  .hero-slide {transition:none;transform:none;}
  .hero-image-wrap img {transition:none!important;transform:none!important;}
  .hero-stage .float-card,.hero-svg-art .art-orbit,.hero-svg-art .art-spark,.hero-svg-art .art-cross,.page-decoration .shape {animation:none!important;}
  .hero-svg-art .art-line {stroke-dashoffset:0;}
}

/* Readable service cards on narrow phones instead of three tiny columns. */
@media(max-width:700px) {
  .services-cards {display:grid;grid-template-columns:1fr;gap:15px;max-width:100%;}
  .services-cards .service-card {
    width:100%;max-width:none;min-height:155px;height:auto;
    display:grid;grid-template-columns:46px minmax(0,1fr) 35px;
    grid-template-rows:auto auto;column-gap:16px;row-gap:5px;
    align-content:center;justify-content:initial;align-items:center;
    padding:24px 25px;clip-path:none;border-radius:22px;
    transform:none!important;
  }
  .services-cards .service-card .service-icon {grid-column:1;grid-row:1 / span 2;align-self:center;}
  .services-cards .service-card .service-icon .icon {width:32px;height:32px;}
  .services-cards .service-card h3 {grid-column:2;grid-row:1;margin:0;font-size:21px;line-height:1.13;letter-spacing:-.04em;}
  .services-cards .service-card p {grid-column:2;grid-row:2;margin:0;font-size:14px;line-height:1.56;max-width:290px;}
  .services-cards .service-card .circle-arrow {position:static;grid-column:3;grid-row:1 / span 2;margin:0;}
}
@media(max-width:410px) {
  .services-cards .service-card {padding:22px 17px;grid-template-columns:34px minmax(0,1fr) 32px;column-gap:13px;}
  .services-cards .service-card h3 {font-size:19px;}
  .services-cards .service-card p {font-size:13.5px;}
}