@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

/* SafariSync V7 — Blue Ember
   Light-first enterprise product art direction.
   Purposefully avoids oversized type, dark-page saturation and repetitive card stacks. */
:root{
  --ink:#10233f;
  --ink-2:#27415f;
  --muted:#6a7f97;
  --blue:#2463eb;
  --blue-dark:#1749b6;
  --blue-bright:#2f7cff;
  --blue-soft:#edf5ff;
  --blue-pale:#f7faff;
  --orange:#ff7a2f;
  --orange-dark:#dc5b15;
  --orange-soft:#fff2e9;
  --teal:#16a6a1;
  --paper:#ffffff;
  --mist:#f5f8fc;
  --line:#dce6f0;
  --line-2:#edf2f7;
  --navy:#102b4d;
  --shadow:0 26px 70px rgba(31,61,101,.12);
  --shadow-sm:0 12px 34px rgba(31,61,101,.09);
  --radius:20px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
html{background:#fff}
body{
  font-family:Inter,Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:#fff;
  font-size:15.5px;
  line-height:1.68;
  overflow-x:hidden;
}
h1,h2,h3,h4,.brand span,.metric-row strong,.price-card .price,.pricing-scene b{font-family:Manrope,Inter,Aptos,"Segoe UI",system-ui,sans-serif}
.shell{width:min(1200px,calc(100% - 56px))}

/* Header — flatter, quieter, more premium */
.site-header{padding:12px 0}
.header-inner{
  height:66px;
  border:1px solid rgba(211,223,237,.86);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(22px) saturate(1.2);
  border-radius:15px;
  padding:0 12px 0 16px;
  box-shadow:0 9px 34px rgba(30,60,96,.075);
}
.site-header.scrolled{padding:7px 0;background:rgba(255,255,255,.83);border:0;backdrop-filter:blur(18px)}
.site-header.scrolled .header-inner{height:62px;background:rgba(255,255,255,.92);border:1px solid rgba(211,223,237,.7);box-shadow:0 8px 28px rgba(30,60,96,.065)}
.brand{gap:8px;min-width:140px}
.brand img{width:36px;height:36px;filter:saturate(1.05)}
.brand span{font-size:1.08rem;letter-spacing:-.04em}
.brand em{color:var(--blue)}
.desktop-nav{gap:2px;font-size:.79rem;font-weight:620}
.desktop-nav>a,.nav-group>button{padding:8px 10px;color:#39506a}
.desktop-nav>a:hover,.nav-group>button:hover{background:#f2f7fd;color:var(--blue)}
.header-actions{gap:8px}
.text-link{font-size:.76rem;font-weight:600}
.mega{top:calc(100% + 14px);border-radius:16px;border-color:#dbe5f0;box-shadow:0 24px 70px rgba(22,49,83,.15)}
.mega-note{background:linear-gradient(145deg,#f4f8ff 0%,#fff7f0 100%);border:1px solid #e8eef6}
.mega-note strong{font-family:Manrope,Inter,sans-serif;font-size:1rem}
.mega-links a{font-size:.76rem}

/* Buttons — blue leads, orange acts as a small energy cue rather than a second primary */
.btn{min-height:44px;padding:0 18px;border-radius:10px;font-size:.78rem;letter-spacing:-.01em}
.btn.small{min-height:40px}
.btn.primary{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#2f72f2,#1e5ee1);
  box-shadow:0 8px 20px rgba(36,99,235,.18);
}
.btn.primary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);opacity:.95}
.btn.primary:hover{background:linear-gradient(135deg,#225fdc,#1749b6);box-shadow:0 12px 28px rgba(36,99,235,.22);transform:translateY(-1px)}
.btn.secondary{border-color:#cfdae8;background:#fff;color:#223d5b;box-shadow:0 4px 12px rgba(24,50,82,.025)}
.btn.secondary:hover{border-color:#99b8e7;background:#f7faff;color:var(--blue)}
.text-arrow{font-size:.8rem}

/* Hero system */
.page-hero{
  min-height:560px;
  padding:148px 0 74px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 68%,#f7faff 100%);
  isolation:isolate;
}
.page-hero.home{min-height:735px;padding:160px 0 90px}
.page-hero:after{
  content:"";
  position:absolute;
  z-index:-2;
  width:420px;height:420px;
  right:-210px;top:115px;
  border:1px solid rgba(36,99,235,.10);
  border-radius:50%;
  box-shadow:0 0 0 60px rgba(36,99,235,.025),0 0 0 120px rgba(255,122,47,.018);
}
.hero-wash{
  z-index:-1;
  opacity:1;
  background:
    linear-gradient(rgba(36,99,235,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,99,235,.035) 1px,transparent 1px),
    radial-gradient(circle at 76% 24%,rgba(36,99,235,.12),transparent 24%),
    radial-gradient(circle at 89% 70%,rgba(255,122,47,.10),transparent 18%);
  background-size:42px 42px,42px 42px,auto,auto;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 58%,transparent 100%);
}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:70px}
.hero-copy{max-width:620px}
.eyebrow{font-size:.64rem;letter-spacing:.145em;margin-bottom:18px;color:#2f67c8;font-weight:800}
.eyebrow i{width:26px;height:3px;background:linear-gradient(90deg,var(--orange),#ffad76)}
.hero-copy h1{
  font-size:clamp(2.65rem,4vw,3.72rem);
  line-height:1.075;
  letter-spacing:-.045em;
  font-weight:730;
  margin-bottom:20px;
}
.page-hero:not(.home) .hero-copy h1{font-size:clamp(2.35rem,3.2vw,3.18rem);max-width:720px}
.hero-copy>p{font-size:.97rem;line-height:1.75;color:#647992;max-width:590px}
.hero-actions{margin-top:27px;gap:10px}
.hero-art{filter:none}
.hero-art:before{
  inset:8% -3% -6% 7%;
  background:linear-gradient(145deg,rgba(36,99,235,.10),rgba(255,122,47,.08));
  filter:blur(28px);
  border-radius:44px;
}
.hero-art:after{
  content:"LIVE";
  position:absolute;
  z-index:5;
  right:4%;top:-17px;
  padding:7px 10px 7px 22px;
  border:1px solid #dce8f4;
  border-radius:99px;
  background:rgba(255,255,255,.95);
  box-shadow:0 8px 24px rgba(27,55,90,.09);
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.11em;
  color:#4a617b;
}
.hero-art:after{background-image:radial-gradient(circle at 11px 50%,#16a77b 0 3px,transparent 4px)}

/* Product windows */
.ui-window{
  border-radius:17px;
  border:1px solid #d9e4ef;
  box-shadow:0 32px 80px rgba(26,58,96,.16),0 2px 6px rgba(26,58,96,.04);
  transform:perspective(1500px) rotateY(-2.2deg) rotateX(1deg);
  background:#fff;
}
.ui-window:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--orange) 0 17%,var(--blue) 17% 100%);z-index:6}
.ui-top{height:50px;background:#fbfdff;border-color:#e7edf4}
.ui-body aside{background:linear-gradient(180deg,#173b68,#112d50)}
.ui-body aside i.active{background:#fff;box-shadow:inset 0 0 0 7px #3978e8}
.metric-row article,.chart-card,.activity-card{border-color:#e3eaf2;border-radius:11px;box-shadow:0 3px 10px rgba(28,58,94,.025)}
.metric-row strong{font-size:1.35rem;font-weight:700}
.chart-card .line{stroke:var(--blue)}
.op-row .orange{background:var(--orange)}

/* Floating outcome strip overlaps the hero — visual continuity instead of another full section */
.outcome-strip{position:relative;z-index:8;background:transparent;margin-top:-30px;padding:0 0 25px}
.outcome-strip>.shell{
  background:rgba(255,255,255,.96);
  border:1px solid #dce6f1;
  border-radius:16px;
  box-shadow:0 16px 44px rgba(28,57,91,.09);
  overflow:hidden;
}
.outcome-strip div>div{min-height:82px;padding:18px 24px;border-color:#e6edf4}
.outcome-strip small{font-size:.55rem;color:#8291a2}
.outcome-strip b{font-size:.78rem;line-height:1.4;color:#203a58}

/* Shared section rhythm */
.content-section,.platform-pillar-section,.product-theatre,.solution-preview,.pricing-preview,.relevance,.flow-section{padding:86px 0}
.content-section{background:#fff}
.content-section.reverse{background:linear-gradient(180deg,#f8fbff 0%,#fffaf6 100%);border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.content-section.tint{background:#f7faff}
.split{grid-template-columns:minmax(0,.86fr) minmax(470px,1.14fr);gap:78px}
.content-section.reverse .split{grid-template-columns:minmax(470px,1.14fr) minmax(0,.86fr)}
.section-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#eff5ff;
  border:1px solid #d6e5fb;
  color:#2d65bd;
  padding:6px 9px;
  border-radius:99px;
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.105em;
  margin-bottom:14px;
}
.section-label:before{content:"";width:5px;height:5px;background:var(--orange);border-radius:50%}
.section-copy h2,.section-intro h2,.blue-band h2,.case-placeholder h2{
  font-size:clamp(2rem,3.15vw,2.78rem);
  line-height:1.13;
  letter-spacing:-.038em;
  font-weight:700;
  margin-top:0;
}
.section-copy>p,.section-intro>p{font-size:.91rem;line-height:1.75;color:#6b7f96}
.section-intro{max-width:760px;margin-bottom:38px}
.clean-list{gap:11px}
.clean-list li{font-size:.82rem;color:#425a74}
.clean-list li:before{background:#eaf2ff;color:var(--blue);box-shadow:inset 0 0 0 1px #d1e2f9}
.section-art{position:relative}
.section-art:before{
  content:"";
  position:absolute;z-index:-1;
  left:-20px;bottom:-22px;width:132px;height:132px;
  border-radius:50%;
  background:radial-gradient(circle,var(--orange-soft) 0 48%,transparent 49%);
  opacity:.75;
}

/* Home problem section — editorial, less cardy */
.home-problem .split{align-items:center}
.home-problem .section-copy{max-width:520px}
.process-card{
  border:0;
  background:linear-gradient(145deg,#f7faff 0%,#fff 48%,#fff7f1 100%);
  box-shadow:0 22px 60px rgba(33,63,99,.09);
  border-radius:18px;
  outline:1px solid #e1eaf3;
}
.process-card:after{content:"";position:absolute;right:0;top:0;width:5px;height:48%;background:linear-gradient(var(--blue),#72a7ff);border-radius:0 18px 0 7px}
.process-step i{background:#fff;border:1px solid #d5e3f4;box-shadow:0 8px 16px rgba(29,60,98,.06)}
.process-step:nth-child(even) i{border-color:#ffd6bc;background:#fff9f5}

/* Home pillars */
.platform-pillar-section{background:#f7faff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.pillar-grid{gap:14px}
.pillar-grid a{
  min-height:210px;
  border:1px solid #dce6f0;
  border-radius:15px;
  background:#fff;
  padding:25px;
  box-shadow:none;
  transition:.22s var(--ease);
}
.pillar-grid a:nth-child(2){background:linear-gradient(145deg,#f4f8ff,#fff);border-color:#cfe0f7}
.pillar-grid a:nth-child(3){background:linear-gradient(145deg,#fff8f3,#fff);border-color:#f4ddce}
.pillar-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,58,94,.08);border-color:#bcd0e6}
.pillar-grid a b{font-size:1rem}
.pillar-grid a p{font-size:.75rem;line-height:1.65}
.icon-dot{border-radius:10px;background:#eef5ff;color:var(--blue)}
.pillar-grid a:nth-child(3) .icon-dot{background:#fff0e7;color:var(--orange-dark)}

/* Product theatre */
.product-theatre{background:#fff}
.theatre-grid{gap:70px;align-items:center}
.theatre-ui{position:relative;padding:20px 0 20px 20px}
.theatre-ui:before{content:"";position:absolute;inset:0 8% 0 0;border-radius:24px;background:linear-gradient(145deg,#edf5ff,#fff4eb);z-index:-1;transform:rotate(-2deg)}
.theatre-copy ul li{font-size:.8rem}

/* Workflow — cleaner rail with orange milestone */
.workflow-section{padding:74px 0;background:linear-gradient(90deg,#f8fbff,#fff)}
.workflow{position:relative;border-top:0;gap:0;background:#fff;border:1px solid #dde7f1;border-radius:15px;box-shadow:0 14px 38px rgba(31,60,96,.06);overflow:hidden}
.workflow:before{content:"";position:absolute;left:7%;right:7%;top:31px;height:2px;background:linear-gradient(90deg,#75a6f6 0%,#2463eb 50%,#ff9b5d 100%)}
.workflow>div{padding:22px 10px 18px;border-right:1px solid #edf2f7;position:relative;background:transparent}
.workflow>div:last-child{border-right:0}
.workflow>div:before{top:26px;background:#fff;border:3px solid var(--blue);width:11px;height:11px;z-index:2}
.workflow>div:nth-last-child(-n+2):before{border-color:var(--orange)}
.workflow i{font-size:.5rem;color:#8ba0b8}
.workflow b{font-size:.68rem;margin-top:16px}

/* Solutions home preview */
.solution-preview{background:#fff}
.segment-stack{gap:8px}
.segment-stack a{border:0;border-bottom:1px solid #e5ecf3;border-radius:0;padding:17px 14px;background:transparent}
.segment-stack a:first-child{border-top:1px solid #e5ecf3}
.segment-stack a:after{content:"↗";margin-left:auto;color:var(--blue);font-size:.9rem}
.segment-stack a:hover{background:#f7faff;padding-left:18px}
.segment-stack b{font-size:.82rem}.segment-stack span{font-size:.68rem}

/* Pricing preview */
.pricing-preview{background:linear-gradient(180deg,#f7faff,#fff)}
.pricing-scene{grid-template-columns:.92fr 1.08fr .92fr;gap:12px;align-items:stretch}
.pricing-scene article{border-radius:14px;border:1px solid #dce5ef;box-shadow:none;background:#fff;padding:25px 22px}
.pricing-scene article.featured{transform:translateY(-8px);border-color:#a8c7f5;box-shadow:0 18px 45px rgba(36,99,235,.10);background:linear-gradient(180deg,#fff,#f7faff)}
.pricing-scene article.featured:before{content:"MOST POPULAR";display:block;width:max-content;margin:-38px auto 14px;background:var(--orange);color:#fff;border-radius:99px;padding:5px 9px;font-size:.47rem;font-weight:800;letter-spacing:.08em}
.pricing-scene small{color:#5c7590}.pricing-scene b{font-size:2rem}.pricing-scene em{font-size:.6rem}

/* Final CTA — no more repetitive full dark/blue band */
.blue-band{padding:62px 0;background:#fff;color:var(--ink)}
.blue-band>.shell{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:43px 48px;
  border:1px solid #d7e4f2;
  border-radius:20px;
  background:linear-gradient(120deg,#eef6ff 0%,#fff 55%,#fff2e8 100%);
  box-shadow:0 18px 48px rgba(28,58,94,.07);
}
.blue-band>.shell:before{content:"";position:absolute;right:-38px;top:-72px;width:210px;height:210px;border:38px solid rgba(255,122,47,.08);border-radius:50%}
.blue-band span{color:var(--blue);font-size:.53rem;font-weight:800;letter-spacing:.13em}
.blue-band h2{font-size:clamp(1.8rem,2.6vw,2.45rem);max-width:760px;margin:7px 0 8px;color:var(--ink)}
.blue-band p{color:#6e8095;font-size:.78rem;margin:0}
.blue-band .btn.white{background:var(--blue);color:#fff;border:0;position:relative;z-index:2}

/* Product page visuals */
.sales-ui,.ops-ui,.finance-ui,.bi-ui,.integration-scene,.server-scene,.security-scene,.ai-scene,.implementation-scene,.services-scene,.customers-scene,.partners-scene,.editorial-scene,.webinar-scene,.docs-scene,.about-scene{
  border-radius:16px !important;
  border-color:#dce6f0 !important;
  box-shadow:0 24px 64px rgba(28,57,92,.10) !important;
}
.sales-ui,.finance-ui,.bi-ui,.ops-ui{overflow:hidden}
.quote-menu{background:#f4f8fc}.quote-main button{background:var(--blue)}
.ops-board{background:#f4f7fb}.ops-column{border-radius:10px;border-color:#dfe7ef}
.finance-grid,.bi-panel{background:#fff}
.integration-scene{background:radial-gradient(circle at 50% 50%,#fff 0 29%,#f2f7ff 30% 55%,#fff7f1 56% 100%)}
.integration-core{background:linear-gradient(135deg,var(--blue),#3d7cf1);box-shadow:0 14px 30px rgba(36,99,235,.2)}
.integration-node:nth-child(even){border-color:#ffd4b9;background:#fff8f3}
.server-scene{background:linear-gradient(135deg,#f3f8ff,#fff8f2)}
.security-scene{background:linear-gradient(145deg,#f4f9ff,#fff)}
.security-ring{border-color:rgba(36,99,235,.15)}
.security-ring.r2{border-color:rgba(255,122,47,.16)}

/* Solution pages — more editorial, less repetitive */
.page-solutions .page-hero{background:linear-gradient(180deg,#fff,#fbfdff)}
.page-solutions .content-section{padding:82px 0}
.journey-scene{border-radius:16px;border-color:#dce6ef;background:linear-gradient(145deg,#f6faff,#fff 55%,#fff8f3);box-shadow:0 22px 58px rgba(28,57,92,.08)}
.flow-section{background:#f7faff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.flow-rail{border-top:0;background:#fff;border:1px solid #dde7f1;border-radius:14px;overflow:hidden}
.flow-rail>div{padding:22px 12px;border-right:1px solid #e9eff5}
.flow-rail>div:last-child{border-right:0}
.flow-rail>div:before{top:17px;border-color:var(--blue)}
.relevance-grid{gap:11px}
.relevance-grid article{border:1px solid #e0e8f1;border-radius:12px;background:#fff;padding:20px;box-shadow:none}
.relevance-grid article:nth-child(2){background:#f6faff}.relevance-grid article:nth-child(3){background:#fff8f3}
.relevance-grid article b{font-size:.78rem}.relevance-grid article p{font-size:.68rem}

/* Commercial */
.page-commercial .page-hero{background:linear-gradient(180deg,#fff,#f8fbff)}
.price-card{border-radius:15px;border-color:#dce6f0;box-shadow:none}
.price-card.recommended{border-color:#9fc1f3;box-shadow:0 18px 44px rgba(36,99,235,.10)}
.price-card.recommended:before{background:var(--orange)}
.included-section{background:#f7faff}
.implementation-scene>div:nth-child(2) i,.implementation-scene>div:nth-child(4) i{background:#fff0e6;color:var(--orange-dark)}

/* Resources — magazine-like, less card grid */
.page-resources .page-hero{background:linear-gradient(180deg,#fff,#fbfdff)}
.editorial-scene{background:#fff}
.feature-story{background:linear-gradient(145deg,#174c9a,#2463eb);border-radius:13px}
.article-grid article{border-radius:12px;border-color:#dfe7ef;box-shadow:none}
.article-grid article:nth-child(2){background:#fff8f3}
.resource-categories>.shell,.docs-categories>.shell{gap:10px}
.resource-categories a,.docs-categories a{border-radius:11px;border-color:#e0e8f0;background:#fff}

/* Contact — deliberately compact */
.page-contact .page-hero{padding-top:138px;padding-bottom:28px;background:#fff}
.page-contact .page-hero:after{display:none}
.page-contact .hero-wash{opacity:.6}
.page-contact .contact-section{padding:20px 0 70px}
.page-contact .contact-grid{grid-template-columns:.82fr 1.18fr;gap:58px}
.contact-details h2,.conversion-copy h2{font-size:2rem;letter-spacing:-.035em}
.contact-list{gap:8px}
.contact-list>*,.contact-list a{border-radius:11px;padding:12px 13px;background:#fff;border-color:#dde6ef}
.contact-list i{background:#edf5ff;border:1px solid #dce9fb}
.contact-map{border-radius:14px;background:linear-gradient(145deg,#eef6ff,#fff7f0);border-color:#d9e5f2;min-height:220px}
.lead-form{padding:26px;border-radius:15px;border-color:#dce6f0;box-shadow:0 20px 50px rgba(28,57,92,.08)}
.form-head b{font-size:1.02rem}
.lead-form input,.lead-form select,.lead-form textarea{border-radius:8px;background:#fbfdff}

/* Company/trust */
.about-scene,.partners-scene,.customers-scene{background:linear-gradient(145deg,#f5f9ff,#fff 60%,#fff7f1)}
.case-feature{background:linear-gradient(145deg,#f5f9ff,#fff)}
.story-quote{border-left-color:var(--orange)}

/* Footer — light, so the site does not finish in another large dark block */
.site-footer{
  position:relative;
  background:#f4f8fc;
  color:#304861;
  padding:64px 0 24px;
  border-top:1px solid #dfe8f1;
}
.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue) 0 72%,var(--orange) 72% 100%)}
.brand.light span{color:var(--ink)}
.footer-brand>p{color:#6e8298}
.footer-contact span,.footer-contact a{color:#60758b}
.footer-contact svg{stroke:var(--blue)}
.footer-main h4{color:#315f9f}
.footer-main>div:not(.footer-brand) a{color:#5a7189}
.footer-main>div:not(.footer-brand) a:hover{color:var(--blue)}
.footer-bottom{border-color:#dce5ee;color:#8191a3}

/* Legal */
.page-legal .page-hero{min-height:auto;padding-bottom:48px}
.legal-section{padding:72px 0}.legal-grid{gap:60px}
.legal-grid aside{border-radius:12px;border-color:#dce5ef;background:#fbfdff}
.legal-notice{background:#fff7f0;border-color:#ffe0c9}

/* Subtle page-family art direction */
.page-sales-crm .hero-wash{background:linear-gradient(rgba(36,99,235,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(36,99,235,.025) 1px,transparent 1px),radial-gradient(circle at 80% 26%,rgba(36,99,235,.14),transparent 24%),radial-gradient(circle at 92% 68%,rgba(255,122,47,.08),transparent 18%);background-size:42px 42px,42px 42px,auto,auto}
.page-operations .hero-wash{background:radial-gradient(circle at 78% 22%,rgba(36,99,235,.12),transparent 25%),radial-gradient(circle at 90% 70%,rgba(255,122,47,.13),transparent 20%)}
.page-finance .hero-wash{background:radial-gradient(circle at 82% 24%,rgba(22,166,161,.09),transparent 22%),radial-gradient(circle at 90% 66%,rgba(36,99,235,.11),transparent 20%)}
.page-business-intelligence .hero-wash{background:radial-gradient(circle at 79% 23%,rgba(36,99,235,.13),transparent 22%),radial-gradient(circle at 91% 62%,rgba(255,122,47,.08),transparent 18%)}
.page-integrations .hero-wash{background:radial-gradient(circle at 80% 24%,rgba(255,122,47,.10),transparent 22%),radial-gradient(circle at 90% 66%,rgba(36,99,235,.13),transparent 20%)}

/* Interaction polish */
.ui-window,.sales-ui,.ops-ui,.finance-ui,.bi-ui,.journey-scene,.integration-scene,.server-scene{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.hero-art:hover .ui-window,.hero-art:hover .sales-ui,.hero-art:hover .ops-ui,.hero-art:hover .finance-ui,.hero-art:hover .bi-ui,.hero-art:hover .integration-scene,.hero-art:hover .server-scene{transform:perspective(1500px) rotateY(-.8deg) rotateX(.25deg) translateY(-4px);box-shadow:0 38px 86px rgba(26,58,96,.18)}

/* Responsive */
@media(max-width:1050px){
  .shell{width:min(100% - 40px,1200px)}
  .hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:760px}.hero-art{max-width:820px}
  .page-hero,.page-hero.home{min-height:auto;padding-top:136px}
  .split,.content-section.reverse .split,.theatre-grid,.contact-grid,.conversion-grid{grid-template-columns:1fr;gap:44px}
  .content-section.reverse .split>.section-copy,.content-section.reverse .split>.section-art{order:initial}
  .outcome-strip{margin-top:-18px}
  .page-contact .contact-grid{grid-template-columns:1fr}
  .blue-band>.shell{padding:38px}
}
@media(max-width:700px){
  body{font-size:15px}.shell{width:min(100% - 30px,1200px)}
  .page-hero,.page-hero.home{padding:112px 0 54px}
  .hero-copy h1,.page-hero:not(.home) .hero-copy h1{font-size:clamp(2rem,9.4vw,2.7rem);letter-spacing:-.04em}
  .hero-copy>p{font-size:.9rem;line-height:1.7}.hero-actions{margin-top:22px}
  .hero-art:after{right:3%;top:-13px;font-size:.5rem}
  .ui-window{transform:none;border-radius:14px}
  .outcome-strip{margin-top:-8px;padding-bottom:10px}.outcome-strip>.shell{border-radius:13px}
  .content-section,.platform-pillar-section,.product-theatre,.solution-preview,.pricing-preview,.relevance,.flow-section{padding:62px 0}
  .section-copy h2,.section-intro h2,.blue-band h2,.case-placeholder h2{font-size:clamp(1.75rem,8vw,2.15rem)}
  .section-copy>p,.section-intro>p{font-size:.86rem}
  .pillar-grid a{min-height:165px;padding:20px}
  .workflow{grid-template-columns:1fr 1fr;border:0;box-shadow:none;background:transparent;gap:8px;overflow:visible}.workflow:before{display:none}.workflow>div{border:1px solid #dfe8f1!important;border-radius:10px;background:#fff;padding:16px 10px}.workflow>div:before{display:none}.workflow b{margin-top:6px}
  .pricing-scene{grid-template-columns:1fr}.pricing-scene article.featured{transform:none}.pricing-scene article.featured:before{margin:-32px auto 12px}.pricing-scene article:nth-child(3){display:block}
  .blue-band{padding:45px 0}.blue-band>.shell{display:block;padding:30px 24px;border-radius:16px}.blue-band .btn{margin-top:20px}
  .site-footer{padding-top:52px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}
  .page-contact .page-hero{padding-top:112px}.page-contact .contact-section{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}