/* Solutions / Features page — from Project360_Solutions_Responsive_Fixed */
.cms-page-features,
.cms-page-features .content-main,
.cms-page-features .content-main--full,
.cms-page-features .component-router,
.cms-page-features .component-router--full {
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.cms-page-features .solutions-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}

.solutions-page{--navy:#0d253a;--navy2:#143854;--blue:#2869e7;--blue2:#3b88f4;--teal:#17a6a0;--ink:#122b40;--text:#475b70;--muted:#718297;--bg:#f5f8fc;--paper:#fff;--border:#e5edf5;--shadow:0 20px 55px rgba(18,48,80,.09);--radius:24px;--max:1232px}
.solutions-page *{box-sizing:border-box}.solutions-page{scroll-behavior:smooth;scroll-padding-top:105px}.solutions-page{margin:0;font-family:Rubik,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8}.solutions-page img{max-width:100%;display:block}.solutions-page a{text-decoration:none;color:inherit}.solutions-page button,
.solutions-page input{font:inherit}.solutions-page button{cursor:pointer}.solutions-page button:focus-visible,
.solutions-page a:focus-visible{outline:3px solid #71b2ff;outline-offset:4px}.solutions-page ::selection{background:#b1d4ff;color:#0a2841}
.solutions-page .wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.solutions-page .section{padding:105px 0}.solutions-page .section.tint{background:var(--bg)}.solutions-page .section-head{max-width:740px;margin-bottom:35px}.solutions-page .eyebrow{font-weight:800;color:var(--blue);font-size:14px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}.solutions-page .eyebrow:before{content:"";display:inline-block;width:22px;height:3px;background:#37aeb2;border-radius:12px}.solutions-page h1,
.solutions-page h2,
.solutions-page h3,
.solutions-page p{margin-top:0}.solutions-page h1{font-size:clamp(40px,4.4vw,70px);line-height:1.16;font-weight:900;letter-spacing:-.04em;margin:17px 0 22px}.solutions-page h2{font-size:clamp(29px,3.2vw,45px);line-height:1.25;letter-spacing:-.025em;margin:12px 0 17px}.solutions-page h3{font-size:21px;line-height:1.35;margin-bottom:12px}.solutions-page p{color:var(--text);font-size:16px}.solutions-page p.lead{font-size:18px;line-height:2}.solutions-page .sub{color:var(--muted);font-size:14px}.solutions-page strong{font-weight:700}.solutions-page .accent{color:#4b9eff}.solutions-page .blue-text{color:var(--blue)}
.solutions-page .topbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #ecf0f6}.solutions-page .topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:26px;height:78px}.solutions-page .brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.solutions-page .brand-mark{width:47px;height:47px;border-radius:15px;background:var(--navy);display:grid;place-items:center;color:white;font-weight:900;letter-spacing:-.06em;box-shadow:0 10px 22px #10365022}.solutions-page .brand-name{display:block;font-weight:900;font-size:22px;line-height:1.1;letter-spacing:-.03em}.solutions-page .brand-name em{font-style:normal;color:var(--blue)}.solutions-page .brand-caption{display:block;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.01em}.solutions-page .desktop-nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:650}.solutions-page .desktop-nav a{color:#40566c}.solutions-page .desktop-nav a:hover,
.solutions-page .desktop-nav a.current{color:var(--blue)}.solutions-page .header-cta,
.solutions-page .button{display:inline-flex;justify-content:center;align-items:center;gap:11px;border:1px solid transparent;border-radius:13px;padding:13px 22px;font-size:15px;font-weight:800;line-height:1.25;transition:transform .2s,box-shadow .2s,background .2s}.solutions-page .button:hover,
.solutions-page .header-cta:hover{transform:translateY(-2px)}.solutions-page .header-cta,
.solutions-page .button.main{background:var(--blue);color:#fff;box-shadow:0 10px 28px rgba(39,101,226,.22)}.solutions-page .button.alt{background:rgba(255,255,255,.1);color:#fff;border-color:#ffffff45}.solutions-page .button.pale{background:#e9f2ff;color:#2457b5}.solutions-page .menu-toggle{display:none;width:46px;height:46px;background:#f1f6fc;border:0;border-radius:12px;color:var(--ink);font-size:24px}
.solutions-page .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0%,#234d6b 0%,transparent 45%),linear-gradient(135deg,#0a1e32 5%,#12314b 75%,#0b263e);color:#fff;padding:91px 0 86px}.solutions-page .hero:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff18;border-radius:100%;left:-240px;top:-270px;box-shadow:0 0 0 80px #ffffff05,0 0 0 165px #ffffff04;pointer-events:none}.solutions-page .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:54px}.solutions-page .hero .eyebrow{color:#85c8ff}.solutions-page .hero h1{color:#fff}.solutions-page .hero p{color:#c5d6e6;font-size:18px;max-width:560px}.solutions-page .hero .hero-intro{margin-bottom:27px}.solutions-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.solutions-page .hero-proof{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:35px;color:#c5d5e3;font-size:13px}.solutions-page .hero-proof span{display:flex;align-items:center;gap:7px}.solutions-page .hero-proof .dot{width:8px;height:8px;background:#52d4b1;border-radius:20px}.solutions-page .hero-panel{position:relative;padding:14px;border-radius:24px;background:linear-gradient(135deg,#ffffff40,#ffffff08);border:1px solid #ffffff42;box-shadow:0 35px 85px #00000044}.solutions-page .hero-panel .browser{overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 16px 35px #00000029}.solutions-page .browser-bar{height:33px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#f6f9fd;border-bottom:1px solid #e9eef6;direction:ltr}.solutions-page .browser-bar i{width:8px;height:8px;border-radius:100%;background:#b8c5d3}.solutions-page .browser-bar i:first-child{background:#ffb4a6}.solutions-page .browser-bar i:nth-child(2){background:#ffd089}.solutions-page .browser-bar i:nth-child(3){background:#81d9b7}.solutions-page .browser-bar span{margin:auto;color:#8090a3;font-size:10px;font-weight:600}.solutions-page .hero-shot{height:460px;object-fit:cover;object-position:top center;width:100%}.solutions-page .floating-pill{position:absolute;left:-15px;bottom:35px;background:#fff;border-radius:16px;padding:13px 19px;color:var(--ink);display:flex;align-items:center;gap:11px;box-shadow:0 15px 40px #00132833}.solutions-page .floating-pill .symbol{color:var(--teal);background:#dbf6ef;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-size:20px}.solutions-page .floating-pill strong{display:block;font-size:14px}.solutions-page .floating-pill small{color:#8192a4;font-size:11px}
.solutions-page .quick-stats{background:#fff;padding:22px 0;border-bottom:1px solid var(--border)}.solutions-page .quick-stats .items{display:grid;grid-template-columns:repeat(4,1fr)}.solutions-page .stat{padding:12px 33px;border-left:1px solid var(--border)}.solutions-page .stat:last-child{border-left:none}.solutions-page .stat b{display:block;color:var(--navy);font-size:20px}.solutions-page .stat span{color:var(--muted);font-size:13px}
.solutions-page .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solutions-page .feature{border:1px solid var(--border);background:#fff;border-radius:21px;padding:28px 25px;box-shadow:0 10px 32px #133c6810;transition:transform .2s,box-shadow .2s}.solutions-page .feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.solutions-page .feature-icon{width:53px;height:53px;border-radius:16px;background:#eaf3ff;color:#2b73db;display:grid;place-items:center;margin-bottom:24px;font-size:23px;font-weight:700}.solutions-page .feature:nth-child(3n+2) .feature-icon{background:#e3f8f4;color:#129e91}.solutions-page .feature:nth-child(3n) .feature-icon{background:#fff2e6;color:#de7d39}.solutions-page .feature h3{margin:0 0 10px}.solutions-page .feature p{margin:0;color:var(--text);font-size:15px}.solutions-page .feature .mini-link{display:inline-block;font-size:14px;color:#216be1;font-weight:700;margin-top:18px}
.solutions-page .showcase{display:grid;grid-template-columns:1fr 1.08fr;gap:75px;align-items:center}.solutions-page .showcase.reverse{grid-template-columns:1.08fr 1fr}.solutions-page .showcase.reverse .show-text{order:2}.solutions-page .showcase.reverse .show-media{order:1}.solutions-page .show-text h2{max-width:600px}.solutions-page .points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}.solutions-page .points li{position:relative;padding-right:34px;color:#3a5065;font-size:16px}.solutions-page .points li:before{content:"✓";position:absolute;right:0;top:2px;background:#ddf7ed;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#0d9676;font-weight:900;font-size:13px}.solutions-page .show-media{background:linear-gradient(135deg,#e5f1ff,#f3f8fe);border-radius:28px;padding:23px;box-shadow:var(--shadow);border:1px solid #e0ecfa;position:relative}.solutions-page .frame{background:#fff;border-radius:15px;overflow:hidden;border:1px solid #e0e9f4;box-shadow:0 16px 27px #153f6720}.solutions-page .frame .image-window{display:block;position:relative;overflow:hidden;border:0;padding:0;background:#fff;width:100%;text-align:right}.solutions-page .frame img{width:100%;height:356px;object-fit:cover;object-position:top center;transition:transform .35s}.solutions-page .frame .image-window:hover img{transform:scale(1.025)}.solutions-page .frame-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:white;border-top:1px solid #e9eef5;color:#7d8da2;font-size:12px}.solutions-page .frame-footer strong{color:#425a70}.solutions-page .screenshot-note{position:absolute;left:-15px;bottom:-17px;background:#0e2a42;color:white;padding:12px 18px;border-radius:13px;font-size:12px;box-shadow:0 15px 30px #0e2a4230;pointer-events:none}
.solutions-page .module-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.solutions-page .module-pills span{border:1px solid #d7e5f4;background:#f3f8ff;border-radius:100px;padding:7px 15px;color:#375c83;font-size:13px;font-weight:700}.solutions-page .split-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.solutions-page .micro-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:23px}.solutions-page .micro-card .number{color:var(--blue);font-size:14px;font-weight:900}.solutions-page .micro-card strong{display:block;font-size:18px;margin:13px 0 9px}.solutions-page .micro-card p{font-size:14px;margin:0}
.solutions-page .wide-screen{background:#e6f0fb;border-radius:27px;padding:24px;box-shadow:var(--shadow);border:1px solid #d9e6f6}.solutions-page .wide-screen img{height:495px;width:100%;object-fit:cover;object-position:top center;border-radius:15px;box-shadow:0 16px 30px #183d6035}.solutions-page .wide-screen button{border:0;padding:0;background:transparent;width:100%;display:block}.solutions-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.solutions-page .two-col p{line-height:2}
.solutions-page .capability-bar{background:#0d253a;color:white;padding:35px 0}.solutions-page .capability-bar .wrap{display:flex;gap:30px;align-items:center;justify-content:space-between}.solutions-page .capability-bar p{color:#bcd1e1;margin:0}.solutions-page .capability-bar h3{margin:0 0 5px;color:#fff}
.solutions-page .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.solutions-page .shot{background:#fff;border:1px solid #dde7f1;border-radius:20px;overflow:hidden;text-align:right;box-shadow:0 10px 30px #102c5114;padding:0}.solutions-page .shot:hover .shot-img img{transform:scale(1.035)}.solutions-page .shot-img{overflow:hidden;background:#e5edf7}.solutions-page .shot-img img{width:100%;height:218px;object-fit:cover;object-position:top center;transition:transform .3s}.solutions-page .shot-meta{padding:19px 20px}.solutions-page .shot-meta strong{display:block;font-size:17px}.solutions-page .shot-meta small{display:block;color:#6d8296;font-size:13px;margin-top:5px}.solutions-page .gallery-info{text-align:center;color:#738397;font-size:13px;margin-top:25px}
.solutions-page .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.solutions-page .faq-grid details{border:1px solid var(--border);padding:20px 24px;border-radius:17px;background:#fff}.solutions-page .faq-grid summary{cursor:pointer;font-size:16px;font-weight:700;color:#153550}.solutions-page .faq-grid p{font-size:14px;margin:13px 0 0}.solutions-page .cta-block{position:relative;border-radius:30px;background:linear-gradient(125deg,#092037,#143f60);overflow:hidden;padding:65px;display:flex;justify-content:space-between;gap:35px;align-items:center}.solutions-page .cta-block:before{content:"";position:absolute;width:360px;height:360px;left:-170px;bottom:-260px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff06}.solutions-page .cta-block h2{color:white}.solutions-page .cta-block p{color:#c5d7e8;margin-bottom:0}.solutions-page .cta-block .actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}.solutions-page .cta-block .button.alt{white-space:nowrap}.solutions-page .footer{background:#071b2c;color:#b9cad9;padding:44px 0}.solutions-page .footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}.solutions-page .footer .brand-name{color:#fff}.solutions-page .footer p{font-size:13px;margin:14px 0 0;color:#9ab2c6}.solutions-page .footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.solutions-page .footer-links a:hover{color:#fff}.solutions-page .disclaimer{font-size:12px;color:#a0b9c9;margin-top:20px}.solutions-page .footer .brand-mark{background:#224a6c}
.solutions-page .modal{display:none;position:fixed;inset:0;background:rgba(2,17,30,.87);z-index:200;padding:34px;overflow:auto;align-items:center;justify-content:center}.solutions-page .modal.open{display:flex}.solutions-page .modal-content{width:min(1280px,100%);max-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center}.solutions-page .modal-content img{max-height:calc(100vh - 142px);width:auto;max-width:100%;object-fit:contain;border-radius:13px;background:white}.solutions-page .modal-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;width:min(1150px,100%);padding:13px 2px;font-size:15px}.solutions-page .close-modal{position:fixed;left:32px;top:25px;color:white;background:#ffffff25;border:1px solid #ffffff70;border-radius:50%;font-size:26px;width:48px;height:48px;display:grid;place-items:center}.solutions-page .close-modal:hover{background:#ffffff40}
@media(max-width:1140px){
.solutions-page .desktop-nav{gap:12px;font-size:13px}.solutions-page .hero-grid{gap:32px}.solutions-page .showcase{gap:45px}.solutions-page .showcase.reverse{gap:45px}
}@media(max-width:920px){
.solutions-page .desktop-nav,
.solutions-page .header-cta{display:none}.solutions-page .menu-toggle{display:block}.solutions-page .topbar-inner{height:70px}.solutions-page .desktop-nav.menu-open{display:flex;position:absolute;top:70px;inset-inline:0;background:#fff;border-top:1px solid #ebf0f5;box-shadow:0 18px 30px #07263b20;flex-direction:column;padding:22px;align-items:stretch;gap:15px}.solutions-page .hero-grid,
.solutions-page .showcase,
.solutions-page .showcase.reverse,
.solutions-page .two-col{grid-template-columns:1fr}.solutions-page .hero-grid{gap:42px}.solutions-page .hero{padding:62px 0}.solutions-page .showcase.reverse .show-text,
.solutions-page .showcase.reverse .show-media{order:initial}.solutions-page .feature-grid,
.solutions-page .gallery{grid-template-columns:repeat(2,1fr)}.solutions-page .showcase{gap:35px}.solutions-page .quick-stats .items{grid-template-columns:1fr 1fr;row-gap:8px}.solutions-page .stat:nth-child(2){border-left:none}.solutions-page .capability-bar .wrap{flex-direction:column;align-items:flex-start}.solutions-page .faq-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
.solutions-page .wrap{width:min(var(--max),calc(100% - 32px))}.solutions-page .section{padding:69px 0}.solutions-page h1{font-size:39px}.solutions-page h2{font-size:31px}.solutions-page .hero{padding:48px 0 68px}.solutions-page .hero-shot{height:290px}.solutions-page .hero p{font-size:16px}.solutions-page .hero-panel{padding:9px}.solutions-page .floating-pill{left:2px;bottom:-36px}.solutions-page .quick-stats{padding-top:40px}.solutions-page .stat{padding:12px 16px}.solutions-page .stat b{font-size:17px}.solutions-page .stat span{font-size:12px}.solutions-page .feature-grid,
.solutions-page .gallery,
.solutions-page .split-cards{grid-template-columns:1fr}.solutions-page .feature{padding:23px}.solutions-page .show-media{padding:10px;border-radius:19px}.solutions-page .frame img{height:245px}.solutions-page .wide-screen{padding:10px;border-radius:20px}.solutions-page .wide-screen img{height:270px}.solutions-page .hero-proof{gap:9px}.solutions-page .cta-block{padding:32px 23px;flex-direction:column;align-items:flex-start}.solutions-page .cta-block .actions{width:100%}.solutions-page .cta-block .button{width:100%}.solutions-page .footer-inner{align-items:flex-start}.solutions-page .shot-img img{height:225px}.solutions-page .modal{padding:10px}.solutions-page .modal-content img{max-height:calc(100vh - 100px)}.solutions-page .close-modal{left:12px;top:12px}
}
@media(prefers-reduced-motion:reduce){
.solutions-page{scroll-behavior:auto}.solutions-page *,
.solutions-page *:before,
.solutions-page *:after{transition:none!important;animation:none!important}
}


/* Project360 marketing palette — sampled from reference screenshot (16 Oct 2026).
   Brand palette: navy #0A192F, orange #FF7900, pale canvas #EEF2F7,
   card #F7F8FB, border #DBE3EF, ink #0A192F. */
.solutions-page{
 --navy:#0a192f;--navy2:#152743;
 --blue:#ff7900;--blue2:#ff9333;--teal:#079c70;
 --ink:#0a192f;--text:#4d5e76;--muted:#718096;
 --bg:#eef2f7;--paper:#f7f8fb;--border:#dbe3ef;
 --orange:#ff7900;--orange-dark:#da5e00;
 --shadow:0 18px 48px rgba(10,25,47,.075);
}
.solutions-page{background:#fff}
.solutions-page button:focus-visible,
.solutions-page a:focus-visible,
.solutions-page summary:focus-visible{outline:3px solid #ff9b3d;outline-offset:4px}
.solutions-page ::selection{background:#ffd6ac;color:var(--navy)}
/* Navigation and identity */
.solutions-page .topbar{background:rgba(10,25,47,.985);border-bottom:1px solid #182941;backdrop-filter:blur(16px)}
.solutions-page .brand-mark,
.solutions-page .footer .brand-mark{background:var(--orange);color:#fff;box-shadow:0 8px 22px rgba(255,121,0,.2)}
.solutions-page .topbar .brand-name,
.solutions-page .topbar .brand-name em{color:white}
.solutions-page .topbar .brand-caption{color:#9eafc4}
.solutions-page .desktop-nav a{color:#c6d0df}
.solutions-page .desktop-nav a:hover,
.solutions-page .desktop-nav a.current{color:var(--orange)}
.solutions-page .header-cta,
.solutions-page .button.main{background:var(--orange);color:#fff;box-shadow:0 12px 28px rgba(255,121,0,.18)}
.solutions-page .header-cta:hover,
.solutions-page .button.main:hover{background:#eb7000;box-shadow:0 14px 32px rgba(255,121,0,.23)}
.solutions-page .menu-toggle{background:#182c48;color:#fff}
.solutions-page .button.pale{background:#fff0e1;color:#b85400}
.solutions-page .button.alt{background:rgba(255,255,255,.06);border-color:#71829d66;color:#fff}
.solutions-page .button.alt:hover{background:rgba(255,255,255,.14)}
/* Hero: same near-black navy used on the reference features header */
.solutions-page .hero{background:var(--navy)}
.solutions-page .hero:after{border-color:#ffffff0c;box-shadow:0 0 0 80px #ffffff02,0 0 0 165px #ffffff02}
.solutions-page .hero .eyebrow{color:var(--orange)}
.solutions-page .hero p,
.solutions-page .hero-proof{color:#c7d0dd}
.solutions-page .eyebrow{color:#e96c00}
.solutions-page .eyebrow:before{background:var(--orange)}
.solutions-page .accent,
.solutions-page .blue-text{color:var(--orange)}
.solutions-page .hero-proof .dot{background:#13b383}
.solutions-page .hero-panel{background:linear-gradient(135deg,#ffffff29,#ffffff0a);border-color:#ffffff2d}
.solutions-page .floating-pill .symbol{color:#059c72;background:#e6f8f0}
/* Features & section surfaces */
.solutions-page .section.tint{background:var(--bg)}
.solutions-page .feature,
.solutions-page .micro-card,
.solutions-page .faq-grid details,
.solutions-page .shot{background:var(--paper);border-color:var(--border);box-shadow:0 8px 28px rgba(10,25,47,.035)}
.solutions-page .feature:hover,
.solutions-page .shot:hover{box-shadow:0 18px 40px rgba(10,25,47,.1)}
.solutions-page .feature-icon{background:#e7f7ee;color:#04996a}
.solutions-page .feature:nth-child(4n+1) .feature-icon{background:#e7f7ee;color:#04996a}
.solutions-page .feature:nth-child(4n+2) .feature-icon{background:#e7eeff;color:#245ff5}
.solutions-page .feature:nth-child(4n+3) .feature-icon{background:#ffede0;color:#e56614}
.solutions-page .feature:nth-child(4n+4) .feature-icon{background:#f0e7ff;color:#7d3eed}
.solutions-page .feature .mini-link,
.solutions-page .micro-card .number{color:#e96c00}
.solutions-page .feature h3,
.solutions-page .micro-card strong,
.solutions-page .shot-meta strong,
.solutions-page .faq-grid summary{color:var(--navy)}
.solutions-page .quick-stats{background:#f9fafc}
.solutions-page .stat b{color:var(--navy)}
.solutions-page .points li:before{background:#e5f8ed;color:#069c68}
.solutions-page .show-media,
.solutions-page .wide-screen{background:#e9edf4;border-color:#dbe3ef}
.solutions-page .module-pills span{background:#fff4ea;border-color:#ffdab8;color:#ac510a}
.solutions-page .frame,
.solutions-page .frame-footer{border-color:#dbe3ef}
.solutions-page .frame-footer strong{color:var(--navy)}
.solutions-page .screenshot-note,
.solutions-page .capability-bar{background:var(--navy)}
.solutions-page .shot-img{background:var(--bg)}
/* Lead capture/footer in coherent brand system */
.solutions-page .cta-block{background:var(--navy)}
.solutions-page .cta-block .eyebrow{color:#ff9d41!important}
.solutions-page .cta-block p,
.solutions-page .capability-bar p{color:#c7d0dd}
.solutions-page .footer{background:#071426}
.solutions-page .footer .brand-name{color:#fff}
.solutions-page .footer .accent{color:var(--orange)}
.solutions-page .modal{background:rgba(5,15,29,.91)}
.solutions-page .close-modal:hover{background:var(--orange)}
@media(max-width:920px){

 .solutions-page .desktop-nav.menu-open{background:var(--navy);border-top-color:#203249;box-shadow:0 18px 30px #0612253d}
 .solutions-page .desktop-nav.menu-open a{color:#e0e5ee}
 .solutions-page .desktop-nav.menu-open a:hover,
.solutions-page .desktop-nav.menu-open a.current{color:var(--orange)}

}



/* Real product image-led edition. Screenshots are captured from the actual V5 UI. */
.solutions-page .visual-proof{padding:42px 0;background:#f7f9fc;border-bottom:1px solid var(--border)}
.solutions-page .visual-proof-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px;flex-wrap:wrap}
.solutions-page .visual-proof-heading h2{font-size:clamp(25px,2.5vw,34px);margin:8px 0 0}
.solutions-page .visual-proof-heading p{font-size:14px;margin:0;max-width:480px}
.solutions-page .visual-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.solutions-page .visual-tile{display:block;overflow:hidden;border:1px solid #dfe7f1;background:#fff;border-radius:19px;box-shadow:0 12px 32px #081c3510;padding:0;text-align:right;transition:transform .25s,box-shadow .25s;width:100%}
.solutions-page .visual-tile:hover{transform:translateY(-5px);box-shadow:0 22px 45px #091b3020}
.solutions-page .visual-tile img{width:100%;height:230px;object-fit:cover;object-position:top;transition:transform .3s}
.solutions-page .visual-tile:hover img{transform:scale(1.025)}
.solutions-page .visual-tile .tile-meta{display:block;padding:15px 18px;color:var(--navy)}
.solutions-page .tile-meta strong{font-size:17px;display:block}
.solutions-page .tile-meta small{color:#698096;display:block;margin-top:3px}
.solutions-page .screen-mini-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.solutions-page .screen-mini-gallery.trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.solutions-page .screen-mini-gallery .mini-screen{display:block;padding:7px;background:white;border:1px solid #dce5ef;border-radius:16px;width:100%;text-align:right;overflow:hidden;box-shadow:0 8px 23px #081c3510}
.solutions-page .screen-mini-gallery .mini-screen:hover{box-shadow:0 13px 27px #081c3521}
.solutions-page .mini-screen img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:11px;background:#eef2f7}
.solutions-page .mini-screen span{display:block;padding:10px 6px 6px;color:#0a192f;font-size:13px;font-weight:700}
.solutions-page .mini-screen span:before{content:'↗';color:var(--orange);margin-left:8px}
.solutions-page .section-wide-gallery{margin-top:27px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.solutions-page .section-wide-gallery .visual-tile img{height:220px}
.solutions-page .section-wide-gallery .tile-meta strong{font-size:16px}
.solutions-page .real-screen-label{background:#fff4e8;border:1px solid #ffd9b0;border-radius:25px;padding:5px 12px;color:#a54a04;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:7px}
.solutions-page .real-screen-label:before{content:'';background:#059f6f;border-radius:50%;width:7px;height:7px}
.solutions-page .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.solutions-page .shot-img img{object-position:top;object-fit:cover}
.solutions-page .screenshot-note{display:inline-flex;align-items:center;gap:7px}
@media(max-width:950px){
.solutions-page .visual-proof-grid,
.solutions-page .section-wide-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.solutions-page .visual-proof-grid,
.solutions-page .section-wide-gallery,
.solutions-page .screen-mini-gallery.trio,
.solutions-page .screen-mini-gallery{grid-template-columns:1fr}.solutions-page .visual-tile img{height:235px}.solutions-page .visual-proof{padding:32px 0}.solutions-page .screen-mini-gallery .mini-screen img{aspect-ratio:16/9}.solutions-page .gallery{grid-template-columns:1fr 1fr;gap:12px}
}
@media(max-width:420px){
.solutions-page .gallery{grid-template-columns:1fr}
}

/* Project360 V6 / Solutions page: balanced screenshots, no crop, no oversized empty bands */
.solutions-page{scroll-padding-top:94px}
.solutions-page{overflow-x:clip}
.solutions-page .wrap,
.solutions-page .hero-grid,
.solutions-page .show-media,
.solutions-page .frame,
.solutions-page .show-text,
.solutions-page .two-col>*,
.solutions-page .section-wide-gallery>*{min-width:0}
.solutions-page .section{padding-block:clamp(48px,5.8vw,76px)}
.solutions-page .section-head{max-width:900px;margin-bottom:25px}
.solutions-page .section-head .lead{max-width:880px}
.solutions-page .feature-grid{gap:16px}
.solutions-page .feature{padding:23px;display:flex;flex-direction:column;align-items:flex-start}
.solutions-page .feature .mini-link{margin-top:auto;padding-top:15px}
/* Use the screenshot's intrinsic aspect ratio instead of cropping application controls. */
.solutions-page .hero-shot,
.solutions-page .frame img,
.solutions-page .wide-screen img,
.solutions-page .visual-tile img,
.solutions-page .mini-screen img,
.solutions-page .shot-img img{object-fit:contain!important;object-position:center top!important}
.solutions-page .hero-shot,
.solutions-page .frame img,
.solutions-page .wide-screen img{height:auto!important;max-height:none!important;aspect-ratio:1540/1050!important}
.solutions-page .hero-panel{max-width:100%;align-self:center}
.solutions-page .hero-panel .browser{background:#eef2f7}
.solutions-page .floating-pill{bottom:-23px}
/* New solution section composition: concise editorial intro + balanced screenshot mosaic. */
.solutions-page .showcase,
.solutions-page .showcase.reverse{display:block}
.solutions-page .showcase .show-text,
.solutions-page .showcase.reverse .show-text{order:initial;max-width:100%;width:100%}
.solutions-page .show-text h2{max-width:980px}
.solutions-page .show-text .lead{max-width:1020px;margin-bottom:14px}
.solutions-page .show-text .points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:20px;max-width:1050px}
.solutions-page .show-text .points li{line-height:1.65;font-size:15px}
.solutions-page .module-pills{margin-top:20px}
.solutions-page .showcase .show-media{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.92fr);gap:18px;align-items:start;padding:17px;margin-top:26px;overflow:hidden;box-shadow:0 14px 34px #0a192f10}
.solutions-page .showcase .show-media .frame{grid-column:1;grid-row:1;align-self:start}
.solutions-page .showcase .show-media .screen-mini-gallery{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;gap:14px;margin-top:0}
.solutions-page .showcase .show-media .screen-mini-gallery .mini-screen{min-width:0;box-shadow:none;padding:8px}
.solutions-page .showcase .show-media .screen-mini-gallery .mini-screen img{aspect-ratio:16/9!important;width:100%;height:auto!important;background:#f3f7fb;border:1px solid #e8eef7}
.solutions-page .showcase .show-media .screenshot-note{position:static;grid-column:1/-1;grid-row:2;justify-self:start;font-size:11px;padding:6px 12px;box-shadow:none;border-radius:10px;margin:0}
.solutions-page .showcase .frame img{display:block;width:100%}
.solutions-page .frame .image-window{line-height:0;overflow:hidden}
.solutions-page .frame .image-window:hover img{transform:none!important}
.solutions-page .frame-footer{gap:12px;flex-wrap:wrap;line-height:1.5}
/* Financial section stays split on large desktop but never stretches a picture. */
.solutions-page .two-col{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:24px;align-items:start}
.solutions-page .two-col .points{margin-top:20px;gap:10px}
.solutions-page .wide-screen{padding:13px;border-radius:22px}
.solutions-page .wide-screen img{width:100%;display:block;border-radius:13px;box-shadow:none}
.solutions-page .wide-screen button{line-height:0}
.solutions-page .split-cards{margin-top:24px;gap:14px}
.solutions-page .micro-card{padding:18px 20px}
.solutions-page .section-wide-gallery{margin-top:22px;gap:14px}
/* Screenshot previews keep the full browser frame visible. */
.solutions-page .visual-proof{padding-block:35px}
.solutions-page .visual-proof-grid{gap:16px}
.solutions-page .visual-tile{min-width:0}
.solutions-page .visual-tile img,
.solutions-page .section-wide-gallery .visual-tile img{display:block;width:100%;height:auto!important;aspect-ratio:1540/1050!important;object-fit:contain!important;background:#eef2f7}
.solutions-page .visual-tile:hover img,
.solutions-page .mini-screen:hover img{transform:none}
.solutions-page .visual-tile .tile-meta{padding:12px 15px;min-height:72px}
.solutions-page .screen-mini-gallery .mini-screen img{height:auto!important;object-fit:contain!important}
.solutions-page .gallery{gap:14px}
.solutions-page .shot{display:flex;flex-direction:column;min-width:0}
.solutions-page .shot-img{display:grid;place-items:center;aspect-ratio:1540/1050;background:#edf2f8;overflow:hidden;width:100%}
.solutions-page .shot-img img{width:100%;height:100%!important;max-height:100%;aspect-ratio:auto;object-fit:contain!important}
.solutions-page .shot:hover .shot-img img{transform:none!important}
.solutions-page .shot-meta{padding:14px 16px;flex:1;width:100%}
.solutions-page .shot-meta strong{font-size:15px}
.solutions-page .shot-meta small{font-size:12px}
/* Tablet: natural content flow; full width hero and finances. */
@media(max-width:1080px){

 .solutions-page .wrap{width:min(var(--max),calc(100% - 40px))}
 .solutions-page .showcase .show-media{grid-template-columns:minmax(0,1fr) minmax(0,.84fr)}
 .solutions-page .showcase .show-media .screen-mini-gallery{gap:10px}
 .solutions-page .show-text .points{gap:9px 18px}
 .solutions-page .two-col{gap:22px}
 .solutions-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solutions-page .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}

}
@media(max-width:920px){

 .solutions-page .hero-grid{grid-template-columns:1fr;gap:27px}
 .solutions-page .hero-panel{width:min(100%,800px);justify-self:center}
 .solutions-page .showcase .show-media{grid-template-columns:1fr;padding:13px}
 .solutions-page .showcase .show-media .frame{grid-column:1;grid-row:auto}
 .solutions-page .showcase .show-media .screen-mini-gallery{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .solutions-page .showcase .show-media .screenshot-note{grid-column:1;grid-row:auto}
 .solutions-page .show-text .points{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solutions-page .two-col{display:grid;grid-template-columns:1fr;gap:20px}
 .solutions-page .wide-screen{max-width:100%}
 .solutions-page .visual-proof-grid,
.solutions-page .section-wide-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solutions-page .split-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solutions-page .cta-block{padding:36px;flex-wrap:wrap}
 .solutions-page .cta-block .actions{max-width:100%}

}
@media(max-width:680px){

 .solutions-page .wrap{width:calc(100% - 28px)}
 .solutions-page{scroll-padding-top:78px}
 .solutions-page .section{padding-block:50px}
 .solutions-page .hero{padding:38px 0 52px}
 .solutions-page .hero h1{font-size:clamp(33px,8.6vw,43px)}
 .solutions-page .hero-panel{padding:8px}
 .solutions-page .hero-grid{gap:24px}
 .solutions-page .floating-pill{position:static;max-width:100%;margin-top:9px;padding:8px 12px;box-shadow:none}
 .solutions-page .hero-image-note{padding-top:6px!important}
 .solutions-page .quick-stats{padding:12px 0}
 .solutions-page .quick-stats .items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solutions-page .stat{padding:9px 11px}
 .solutions-page .stat b{font-size:15px}
 .solutions-page .section-head h2,
.solutions-page .show-text h2{font-size:clamp(26px,7.8vw,34px)}
 .solutions-page .show-text .lead,
.solutions-page .section-head .lead{font-size:16px;line-height:1.8}
 .solutions-page .show-text .points{grid-template-columns:1fr;gap:10px}
 .solutions-page .module-pills{gap:8px}
 .solutions-page .module-pills span{font-size:12px;padding:6px 11px}
 .solutions-page .showcase .show-media{margin-top:21px;gap:10px;border-radius:18px;padding:9px}
 .solutions-page .frame{border-radius:11px}
 .solutions-page .frame-footer{font-size:11px;padding:10px}
 .solutions-page .frame-footer span{font-size:11px}
 .solutions-page .showcase .show-media .screen-mini-gallery{gap:9px}
 .solutions-page .showcase .show-media .screen-mini-gallery .mini-screen{padding:5px;border-radius:11px}
 .solutions-page .screen-mini-gallery .mini-screen span{font-size:11px;padding:6px 3px}
 .solutions-page .screen-mini-gallery .mini-screen span:before{display:none}
 .solutions-page .visual-proof-grid,
.solutions-page .section-wide-gallery{grid-template-columns:1fr;gap:14px}
 .solutions-page .visual-proof-heading h2{font-size:25px}
 .solutions-page .feature-grid,
.solutions-page .split-cards{grid-template-columns:1fr;gap:12px}
 .solutions-page .feature{padding:19px}
 .solutions-page .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .solutions-page .shot-meta{padding:10px}
 .solutions-page .shot-meta strong{font-size:13px}
 .solutions-page .shot-meta small{font-size:11px}
 .solutions-page .faq-grid{grid-template-columns:1fr}
 .solutions-page .cta-block{padding:27px 18px}
 .solutions-page .cta-block .button{width:100%}
 .solutions-page .modal{padding:12px}
 .solutions-page .modal-content{width:100%;max-height:calc(100dvh - 30px)}
 .solutions-page .modal-content img{max-height:calc(100dvh - 125px)}
 .solutions-page .close-modal{left:12px;top:12px}

}
@media(max-width:390px){

 .solutions-page .gallery{grid-template-columns:1fr}
 .solutions-page .showcase .show-media .screen-mini-gallery{grid-template-columns:1fr}
 .solutions-page .quick-stats .items{grid-template-columns:1fr 1fr}
 .solutions-page .stat{border-inline-start:0;border-left:0}
 .solutions-page .hero-actions a{width:100%}
 .solutions-page .hero-proof{font-size:12px}

}


/* Final no-orphan/tablet spacing and safer sticky-section anchor behavior */
.solutions-page section[id]{scroll-margin-top:92px}
@media(min-width:681px) and (max-width:920px){

 .solutions-page .split-cards,
.solutions-page .section-wide-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .solutions-page .visual-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solutions-page .visual-proof-grid>.visual-tile:nth-child(odd):last-child{grid-column:1/-1}

}
@media(max-width:680px){
.solutions-page section[id]{scroll-margin-top:80px}
}