/* Modernisation preview: a quieter, product-led evolution of the current iSolve site. */
:root { --surface: #0a0821; --surface-2: #111032; --mist: #eeecf7; --muted-modern: #bdb9d2; --accent: #a895ff; }
body { background: var(--surface); }
header { gap: 28px; }
.desktop-nav { margin-left: auto; gap: clamp(16px, 2vw, 28px); }
.desktop-consultation { white-space: nowrap; }
.hero { min-height: 670px; background: radial-gradient(circle at 88% 18%, rgba(137,97,255,.32), transparent 26%), radial-gradient(circle at 15% 105%, rgba(54,127,217,.25), transparent 36%), linear-gradient(130deg,#050414 0%,#0b0827 56%,#0b0920 100%); }
.hero:after { width: 690px; height: 590px; right: -210px; bottom: -330px; opacity: .65; }
.hero-copy { max-width: 650px; padding: 80px 0 80px; }
.hero-copy h1 { max-width: 600px; font-size: clamp(56px,7vw,98px); line-height: .91; }
.hero-copy .lead { font-size: 18px; line-height: 1.65; }
.dashboard { right: max(4vw, calc((100vw - 1180px)/2)); bottom: 42px; width: min(45vw, 515px); padding: 12px; transform: none; border: 1px solid rgba(219,212,255,.35); border-radius: 8px; background: rgba(13,10,41,.88); box-shadow: 0 32px 80px rgba(0,0,0,.45); backdrop-filter: blur(14px); }
.dashboard-label { display:flex; justify-content:space-between; gap:12px; padding:5px 6px 12px; color:#fff; font-size:12px; }
.dashboard-label b { color:#bcb3e7; font-weight:400; }
.dashboard img { display:block; width:100%; height:250px; object-fit:cover; object-position:top center; border-radius:3px; }
.dashboard p { margin:12px 6px 4px; color:#cdc8df; font-size:12px; line-height:1.5; }
.proof { padding: 24px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:#090820; }
.proof p { color:#ccc7de; }
.numbers div { border-left-color:rgba(255,255,255,.16); }
.numbers b { display:block; color:#f7f5ff; font-size:18px; letter-spacing:-.02em; }
.numbers span { display:block; max-width:100px; margin-top:2px; line-height:1.35; }
.light,.products,.capabilities { background: var(--surface); color: var(--mist); }
.light { padding: 92px 0; }
.light p,.products .section-head p,.cap-grid p { color:#bdb9d2; }
.light .kicker,.products .kicker,.capabilities .kicker { color:#b7a8ff; }
.about-visual { overflow:visible; }
.office-image { width:42%; position:absolute; right:-4%; top:73px; margin:0; padding:8px; background:#111032; border:1px solid rgba(219,212,255,.28); box-shadow:0 22px 50px rgba(0,0,0,.28); }
.editorial-image img { display:block; width:100%; height:100%; object-fit:cover; }
.products { padding: 84px 0; }
.product-row { grid-template-columns:55px minmax(180px,1fr) minmax(240px,1fr) max-content; border-top-color:rgba(255,255,255,.15); }
.product-row:last-child { border-bottom-color:rgba(255,255,255,.15); }
.product-row span,.product-row p { color:#bdb9d2; }
.product-row a { padding:8px 0; color:#d7d0ff; font-size:12px; border-bottom:1px solid rgba(168,149,255,.55); }
.product-row a:hover { color:#fff; }
.dark { padding:92px 0; background:radial-gradient(circle at 90% 50%,rgba(121,86,255,.2),transparent 30%),#0d0b29; }
.product-card { padding:12px; border:1px solid rgba(219,212,255,.24); background:#111032; }
.crm-frame { margin:0; overflow:hidden; border-radius:4px; background:#f7f7fb; }
.crm-frame img { display:block; width:100%; aspect-ratio:1.5; object-fit:cover; object-position:top center; }
.product-card small { color:#c9c3de; line-height:1.5; }
.feature-strip,.workflow { background:#08071d; }
.feature-strip { padding:84px 0; }
.workflow { padding:84px 0; color:var(--mist); }
.workflow .kicker,.workflow-copy b { color:#b7a8ff; }
.workflow-copy { border-top-color:rgba(255,255,255,.16); }
.workflow-copy article { padding:16px 0; border-bottom-color:rgba(255,255,255,.16); }
.workflow-copy h3 { color:var(--mist); margin:5px 0; }
.workflow-copy p { color:#bdb9d2; }
.collaboration-image { height:154px; margin:0 0 18px; overflow:hidden; border:1px solid rgba(255,255,255,.16); }
.feature-grid,.workflow-grid { border-color:rgba(255,255,255,.13); }
.feature,.workflow-copy article { border-color:rgba(255,255,255,.13); }
.capabilities { padding:88px 0; }
.cap-grid { background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.13); }
.cap-grid article { min-height:180px; background:#100e2c; }
.cap-grid h3 { color:#f4f2fb; }
.contact { padding-top:88px; }
.contact h2 { max-width:620px; }
.footer { color:#aaa4c2; }
@media (max-width: 900px) { .dashboard { position:relative; right:auto; bottom:auto; width:min(580px,100%); margin:0 0 55px; } .hero-copy { padding-bottom:40px; } .hero .wrap { display:flex; flex-direction:column; } }
@media (max-width: 760px) { .hero { min-height:auto; } .hero-copy { padding:62px 0 38px; } .hero-copy h1 { font-size:clamp(48px,14vw,66px); } .actions { flex-wrap:wrap; } .dashboard { display:block; margin-bottom:45px; } .dashboard img { height:190px; } .proof { padding:24px 0; } .numbers div { padding:12px 10px; } .light,.dark,.products,.capabilities,.contact,.feature-strip,.workflow { padding:64px 0; } .office-image { width:44%; right:0; top:54px; padding:5px; } .collaboration-image { height:150px; margin-bottom:14px; } .product-row { grid-template-columns:30px 1fr; gap:10px; padding:20px 0; } .product-row p { display:block; grid-column:2; margin:0; } .product-row a { grid-column:2; justify-self:start; } .section-head { margin-bottom:26px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }