:root {
  --rp-bg: #070b13;
  --rp-bg-2: #0c1320;
  --rp-card: #111927;
  --rp-white: #f7f9fc;
  --rp-paper: #f3f6fa;
  --rp-ink: #101728;
  --rp-muted: #687184;
  --rp-line: rgba(15, 28, 48, .12);
  --rp-dark-line: rgba(255, 255, 255, .12);
  --rp-red: #ff4356;
  --rp-coral: #ff6d62;
  --rp-violet: #7d63ff;
  --rp-gradient: linear-gradient(135deg, var(--rp-red), var(--rp-coral) 45%, var(--rp-violet));
  --rp-shadow: 0 30px 80px rgba(3, 8, 20, .14);
  --rp-radius: 24px;
  --rp-shell: min(1180px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.redport-site { margin: 0; color: var(--rp-ink); background: var(--rp-paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
button, input, textarea, select { font: inherit; }
.shell { width: var(--rp-shell); margin-inline: auto; }
.section-dark { color: var(--rp-white); background: var(--rp-bg); }
.section-light { background: var(--rp-paper); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; transform: translateY(-160%); background: #fff; color: #000; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { transform: none; }

.site-header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; color: #fff; border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header::before { content:""; position:absolute; inset:0; background: rgba(7,11,19,.82); backdrop-filter: blur(18px); opacity:0; transition:.25s ease; z-index:-1; }
.site-header.is-scrolled::before, body.is-inner .site-header::before { opacity: 1; }
.site-header.is-scrolled, body.is-inner .site-header { border-color: rgba(255,255,255,.08); }
.header-inner { height: 88px; display:flex; align-items:center; justify-content:space-between; gap:36px; }
.brand { display:inline-flex; align-items:center; gap:12px; min-width:max-content; }
.brand-mark { width:42px; height:42px; display:block; filter: drop-shadow(0 6px 18px rgba(255,67,86,.2)); }
.brand-custom-logo { display:block; max-height:48px; max-width:220px; }
.brand-copy { display:flex; flex-direction:column; line-height:1; gap:5px; }
.brand-copy strong { font:800 24px/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing:-.04em; }
.brand-copy small { font-size:9px; letter-spacing:.2em; text-transform:uppercase; opacity:.64; }
.site-menu { display:flex; align-items:center; gap:30px; margin-left:auto; }
.site-menu > a, .site-menu .mod-menu > li > a { color:rgba(255,255,255,.78); font-size:14px; font-weight:600; transition:.2s ease; }
.site-menu > a:hover, .site-menu .mod-menu > li > a:hover { color:#fff; }
.site-menu .mod-menu { display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0; }
.site-menu .mod-menu .active > a { color:#fff; }
.site-menu .nav-cta, .site-menu .mod-menu > li:last-child > a { color:#fff; padding:11px 18px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.06); }
.menu-toggle { display:none; width:44px; height:44px; border:0; border-radius:50%; background:rgba(255,255,255,.08); padding:10px; }
.menu-toggle span:not(.visually-hidden) { display:block; height:2px; background:#fff; margin:5px 0; }

.topbar { position:relative; z-index:2; padding:10px 0; background:#fff; border-bottom:1px solid var(--rp-line); }
.hero { position:relative; overflow:hidden; min-height:820px; display:flex; align-items:center; background-image: radial-gradient(circle at 80% 25%, rgba(125,99,255,.15), transparent 30%), radial-gradient(circle at 70% 45%, rgba(255,67,86,.14), transparent 28%); }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:120px; background:var(--rp-paper); clip-path:polygon(0 74%, 100% 18%, 100% 100%, 0 100%); }
.hero-grid-lines { position:absolute; inset:0; background:url('../images/network-grid.svg') center/cover no-repeat; pointer-events:none; opacity:.7; }
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0, 1fr) minmax(480px, .9fr); gap:72px; align-items:center; padding:145px 0 150px; }
.eyebrow { margin:0 0 18px; font-size:12px; line-height:1.2; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:var(--rp-red); }
.hero h1, .section-heading h2, .platform-copy h2, .contact-card h2, .inner-hero h1, .error-wrap h1 { margin:0; font-family:Inter, ui-sans-serif, system-ui, sans-serif; font-weight:800; letter-spacing:-.05em; line-height:1.02; }
.hero h1 { max-width:760px; font-size:clamp(48px, 6vw, 78px); }
.hero h1::first-line { color:#fff; }
.hero-lead { max-width:660px; margin:30px 0 0; color:rgba(255,255,255,.68); font-size:18px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:38px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; padding:0 22px; border-radius:14px; font-weight:700; font-size:14px; transition:.2s ease; }
.button-primary { color:#fff; background:var(--rp-gradient); box-shadow:0 12px 34px rgba(255,67,86,.2); }
.button-primary:hover { color:#fff; transform:translateY(-2px); box-shadow:0 18px 44px rgba(255,67,86,.28); }
.button-ghost { color:#fff; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); }
.button-ghost:hover { background:rgba(255,255,255,.09); }
.hero-module { margin-top:30px; }

.hero-visual { position:relative; min-height:520px; display:grid; place-items:center; }
.orb { position:absolute; border-radius:50%; filter:blur(12px); }
.orb-one { width:330px; height:330px; right:-30px; top:0; background:radial-gradient(circle at 35% 35%, rgba(255,107,98,.5), rgba(255,67,86,.1) 45%, transparent 70%); }
.orb-two { width:280px; height:280px; left:10px; bottom:0; background:radial-gradient(circle at 55% 45%, rgba(125,99,255,.4), transparent 68%); }
.workflow-card { position:relative; width:min(100%, 560px); min-height:420px; padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:28px; background:linear-gradient(155deg, rgba(255,255,255,.11), rgba(255,255,255,.035)); backdrop-filter:blur(24px); box-shadow:0 40px 110px rgba(0,0,0,.4); transform:rotate(-2deg); }
.workflow-card::before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(140deg, rgba(255,255,255,.08), transparent 45%); pointer-events:none; }
.workflow-top { display:flex; justify-content:space-between; align-items:center; padding:2px 4px 14px; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.55); font-size:10px; font-weight:800; letter-spacing:.18em; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#50db9e; box-shadow:0 0 0 6px rgba(80,219,158,.08); }
.workflow-canvas { position:relative; height:285px; }
.flow-node { position:absolute; width:125px; padding:14px; border-radius:17px; border:1px solid rgba(255,255,255,.1); background:rgba(7,11,19,.74); box-shadow:0 15px 40px rgba(0,0,0,.25); }
.flow-node b, .flow-node small { display:block; }
.flow-node b { margin-top:12px; font-size:13px; }
.flow-node small { color:rgba(255,255,255,.45); font-size:10px; }
.node-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:rgba(255,67,86,.12); color:#ff7c86; font-size:9px; font-weight:800; }
.node-a { left:8px; top:28px; }.node-b { left:175px; top:102px; }.node-c { right:10px; top:36px; }.node-d { right:54px; bottom:4px; }
.flow-line { position:absolute; height:2px; transform-origin:left center; background:linear-gradient(90deg, rgba(255,67,86,.75), rgba(125,99,255,.4)); opacity:.85; }
.line-a { width:100px; left:120px; top:94px; transform:rotate(26deg); }.line-b { width:115px; left:285px; top:128px; transform:rotate(-28deg); }.line-c { width:85px; right:88px; top:145px; transform:rotate(72deg); }
.workflow-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.workflow-metrics span { color:rgba(255,255,255,.55); font-size:9px; line-height:1.35; }
.workflow-metrics i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:var(--rp-red); }

.intro { padding:150px 0 95px; }
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:end; }
.section-heading h2, .platform-copy h2, .contact-card h2 { font-size:clamp(38px, 4vw, 58px); }
.section-heading h2 span, .platform-copy h2 span { color:var(--rp-red); }
.intro-copy { max-width:570px; }
.intro-copy p { color:var(--rp-muted); }
.large-copy { font-size:20px; line-height:1.55; color:inherit !important; }

.services { padding:95px 0 130px; }
.centered { max-width:760px; margin:0 auto 52px; text-align:center; }
.centered .eyebrow { justify-content:center; }
.centered > p:last-child { color:var(--rp-muted); max-width:680px; margin:22px auto 0; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.service-card { position:relative; min-height:350px; padding:30px; overflow:hidden; border:1px solid var(--rp-line); border-radius:var(--rp-radius); background:#fff; box-shadow:0 10px 30px rgba(7,13,28,.03); transition:.25s ease; }
.service-card::after { content:""; position:absolute; width:140px; height:140px; right:-65px; bottom:-65px; border-radius:50%; background:radial-gradient(circle, rgba(255,67,86,.12), transparent 65%); }
.service-card:hover { transform:translateY(-6px); box-shadow:var(--rp-shadow); border-color:rgba(255,67,86,.28); }
.service-number { color:#a6adba; font-size:11px; font-weight:700; letter-spacing:.15em; }
.service-icon { display:grid; place-items:center; width:52px; height:52px; margin:54px 0 22px; border-radius:16px; color:#fff; background:var(--rp-gradient); font-size:21px; }
.service-card h3 { margin:0 0 14px; font:700 21px/1.2 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:-.03em; }
.service-card p { margin:0; color:var(--rp-muted); font-size:14px; }
.section-modules { margin-top:40px; }

.platform-section { position:relative; overflow:hidden; padding:135px 0; background:radial-gradient(circle at 85% 55%, rgba(125,99,255,.16), transparent 32%), var(--rp-bg); }
.platform-section::before { content:""; position:absolute; inset:0; background:url('../images/network-grid.svg') center/cover no-repeat; opacity:.4; }
.platform-grid { position:relative; z-index:2; display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }
.platform-copy > p:not(.eyebrow) { color:rgba(255,255,255,.64); }
.feature-list { list-style:none; margin:38px 0 0; padding:0; }
.feature-list li { display:grid; grid-template-columns:46px 1fr; gap:16px; padding:18px 0; border-top:1px solid var(--rp-dark-line); }
.feature-list li > span { color:#ff7f88; font-size:11px; font-weight:800; letter-spacing:.1em; }
.feature-list b, .feature-list small { display:block; }
.feature-list b { font-size:15px; }.feature-list small { margin-top:4px; color:rgba(255,255,255,.48); }
.app-window { border:1px solid rgba(255,255,255,.13); border-radius:25px; background:#0b1321; box-shadow:0 45px 110px rgba(0,0,0,.44); overflow:hidden; transform:perspective(1200px) rotateY(-6deg) rotateX(2deg); }
.app-bar { height:60px; display:flex; align-items:center; gap:11px; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.62); font-size:12px; }
.app-bar img { width:27px; }.app-bar span { margin-right:auto; }.app-bar i { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.2); }
.app-body { display:grid; grid-template-columns:60px 1fr; min-height:430px; }
.app-body aside { padding:20px 14px; border-right:1px solid rgba(255,255,255,.07); }
.app-body aside span { display:block; width:30px; height:30px; margin-bottom:14px; border-radius:9px; background:rgba(255,255,255,.06); }.app-body aside .side-active { background:rgba(255,67,86,.18); border:1px solid rgba(255,67,86,.26); }
.dashboard { padding:24px; }.dash-title b,.dash-title small { display:block; }.dash-title small { color:rgba(255,255,255,.35); font-size:10px; margin-top:3px; }
.stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }.stat-row div,.chart-card,.table-card { border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.03); }.stat-row div { padding:14px; }.stat-row small,.stat-row b { display:block; }.stat-row small { color:rgba(255,255,255,.36); font-size:9px; }.stat-row b { font-size:22px; margin-top:3px; }
.chart-card { margin-top:12px; padding:14px; color:#ff6571; }.chart-head { display:flex; justify-content:space-between; color:rgba(255,255,255,.7); font-size:9px; }.chart-head small { color:rgba(255,255,255,.28); }.chart-card svg { width:100%; height:150px; margin-top:5px; }
.table-card { margin-top:12px; padding:14px; }.table-card span { display:block; height:7px; margin:10px 0; border-radius:7px; background:linear-gradient(90deg,rgba(255,255,255,.12) 0 25%,rgba(255,255,255,.05) 25% 100%); }

.approach { padding:130px 0; }
.approach .section-heading { max-width:720px; }
.approach .section-heading > p:last-child { color:var(--rp-muted); max-width:620px; margin-top:20px; }
.approach-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:64px; border-top:1px solid var(--rp-line); }
.step { position:relative; padding:34px 28px 0 0; }.step:not(:last-child)::after { content:""; position:absolute; top:-4px; right:20px; width:8px; height:8px; border-top:1px solid #9ca5b5; border-right:1px solid #9ca5b5; transform:rotate(45deg); }
.step > span { display:grid; place-items:center; width:46px; height:46px; margin-top:-57px; border-radius:50%; color:#fff; background:var(--rp-gradient); font-size:11px; font-weight:800; box-shadow:0 0 0 10px var(--rp-paper); }
.step h3 { margin:27px 0 11px; font:700 19px/1.2 Inter,ui-sans-serif,system-ui,sans-serif; }.step p { color:var(--rp-muted); font-size:14px; }

.principles { padding:130px 0; background:linear-gradient(135deg,#070b13,#0b1220); }
.principles-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.principle-list { border-top:1px solid var(--rp-dark-line); }
.principle-list div { display:grid; grid-template-columns:60px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid var(--rp-dark-line); }.principle-list b { color:#ff737d; font-size:11px; letter-spacing:.12em; }.principle-list span { font:600 20px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; color:rgba(255,255,255,.82); }

.joomla-content-section { padding:60px 0; background:var(--rp-paper); }
.contact-section { padding:100px 0 120px; }
.contact-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); gap:72px; align-items:start; padding:58px 62px; border-radius:32px; color:#fff; background:linear-gradient(135deg,#0a101b,#101b2d); box-shadow:var(--rp-shadow); }
.contact-card::after { content:""; position:absolute; width:420px; height:420px; right:-190px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(255,67,86,.35),transparent 65%); pointer-events:none; }
.contact-card > * { position:relative; z-index:2; }
.contact-copy > p:last-of-type { color:rgba(255,255,255,.58); max-width:560px; }
.contact-details { display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin-top:28px; }
.contact-link { font-weight:700; color:#fff; }
.contact-link:hover { color:#ff8790; }
.location { color:rgba(255,255,255,.48); font-size:12px; }
.contact-form-wrap { min-width:0; padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:rgba(255,255,255,.055); backdrop-filter:blur(16px); }
.redport-contact-form { display:grid; gap:18px; }
.form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.form-field { display:grid; gap:8px; }
.form-field label { color:rgba(255,255,255,.78); font-size:12px; font-weight:700; }
.form-field label span { color:#ff737d; }
.form-field input,.form-field textarea { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:13px; outline:0; color:#fff; background:rgba(4,8,15,.58); padding:13px 14px; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.form-field input { min-height:48px; }
.form-field textarea { resize:vertical; min-height:140px; line-height:1.5; }
.form-field input:focus,.form-field textarea:focus { border-color:rgba(255,99,112,.82); box-shadow:0 0 0 4px rgba(255,67,86,.12); background:rgba(4,8,15,.78); }
.form-field input::placeholder,.form-field textarea::placeholder { color:rgba(255,255,255,.32); }
.contact-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.contact-submit { width:max-content; border:0; cursor:pointer; }
.form-note { margin:-5px 0 0 !important; color:rgba(255,255,255,.38) !important; font-size:11px; }
.contact-status { margin-bottom:18px; padding:13px 15px; border-radius:12px; font-size:13px; font-weight:650; }
.contact-status.is-success { border:1px solid rgba(80,219,158,.28); color:#bdf5da; background:rgba(80,219,158,.1); }
.contact-status.is-error { border:1px solid rgba(255,115,125,.3); color:#ffd1d5; background:rgba(255,67,86,.1); }
.cta-module { grid-column:1/-1; }

.inner-hero { padding:170px 0 72px; background:radial-gradient(circle at 80% 30%, rgba(255,67,86,.18), transparent 30%), var(--rp-bg); }.inner-hero h1 { font-size:clamp(42px,6vw,72px); }
.component-section { min-height:55vh; padding:80px 0 120px; }.content-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }.content-layout.has-left { grid-template-columns:270px minmax(0,1fr); }.content-layout.has-right { grid-template-columns:minmax(0,1fr) 270px; }.content-layout.has-left.has-right { grid-template-columns:240px minmax(0,1fr) 240px; }.component-area, .sidebar .moduletable { background:#fff; border:1px solid var(--rp-line); border-radius:24px; padding:34px; }.component-area img { border-radius:16px; }

.site-footer { color:rgba(255,255,255,.67); background:#05080e; padding:72px 0 26px; }.footer-grid { display:grid; grid-template-columns:1.3fr 1fr .8fr; gap:70px; }.footer-brand p { max-width:320px; font-size:13px; }.footer-contact { display:flex; flex-direction:column; gap:7px; font-size:13px; }.footer-contact b { color:#fff; margin-bottom:8px; }.footer-contact a:hover { color:#fff; }.footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:60px; padding-top:22px; border-top:1px solid rgba(255,255,255,.08); font-size:11px; color:rgba(255,255,255,.35); }

.error-page { min-height:100vh; display:grid; place-items:center; color:#fff !important; background:radial-gradient(circle at 70% 20%, rgba(255,67,86,.2), transparent 30%), var(--rp-bg) !important; }.error-wrap { width:min(700px,calc(100% - 48px)); text-align:center; }.error-wrap > img { width:74px; margin-bottom:22px; }.error-wrap h1 { font-size:clamp(70px,15vw,150px); }.error-wrap p:not(.eyebrow) { color:rgba(255,255,255,.62); margin:18px auto 28px; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease, transform .65s ease; }.reveal.is-visible { opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .reveal { opacity:1; transform:none; transition:none; } * { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }

@media (max-width: 1050px) {
  .hero-grid { grid-template-columns:1fr; gap:40px; }.hero-copy { max-width:760px; }.hero-visual { min-height:440px; }.workflow-card { margin-inline:auto; }
  .service-grid { grid-template-columns:repeat(2,1fr); }.platform-grid { grid-template-columns:1fr; }.platform-copy { max-width:760px; }.app-window { max-width:760px; margin-inline:auto; transform:none; }
  .principles-grid { grid-template-columns:1fr; gap:52px; }.content-layout.has-left,.content-layout.has-right,.content-layout.has-left.has-right { grid-template-columns:1fr; }
}

@media (max-width: 820px) {
  :root { --rp-shell:min(100% - 32px,1180px); }
  .header-inner { height:76px; }.menu-toggle { display:block; }.site-menu { position:fixed; inset:76px 0 0; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:30px 24px; background:rgba(7,11,19,.98); transform:translateX(100%); transition:.25s ease; }.site-menu.is-open { transform:none; }.site-menu > a { padding:16px 5px; border-bottom:1px solid rgba(255,255,255,.08); }.site-menu .mod-menu { flex-direction:column; align-items:stretch; gap:0; }.site-menu .mod-menu > li > a { display:block; padding:16px 5px; border-bottom:1px solid rgba(255,255,255,.08); }.site-menu .nav-cta,.site-menu .mod-menu > li:last-child > a { border:0; border-bottom:1px solid rgba(255,255,255,.08); border-radius:0; background:none; }
  .hero { min-height:auto; }.hero-grid { grid-template-columns:minmax(0,1fr); padding:125px 0 145px; }.hero h1 { font-size:clamp(43px,12vw,68px); }.hero-visual { min-height:390px; }.workflow-card { min-height:360px; transform:none; }.workflow-canvas { height:235px; transform:scale(.88); transform-origin:center top; }.workflow-metrics { display:none; }
  .split-grid,.contact-card,.footer-grid { grid-template-columns:1fr; gap:34px; }.intro { padding-top:115px; }.service-grid { grid-template-columns:1fr; }.service-card { min-height:300px; }.service-icon { margin-top:35px; }.approach-grid { grid-template-columns:1fr; border-top:0; gap:0; margin-top:42px; }.step { padding:24px 0 24px 74px; border-top:1px solid var(--rp-line); }.step:not(:last-child)::after { display:none; }.step > span { position:absolute; left:0; top:26px; margin:0; box-shadow:none; }.step h3 { margin:0 0 8px; }.contact-card { padding:40px 28px; }.form-row { grid-template-columns:1fr; }.contact-form-wrap { padding:22px; }.footer-grid { gap:42px; }
}

@media (max-width: 540px) {
  :root { --rp-shell:min(100% - 24px,1180px); }.brand-copy small { display:none; }.brand-mark { width:38px; height:38px; }.hero-actions { align-items:stretch; flex-direction:column; }.button { width:100%; }.hero-visual { min-height:320px; }.workflow-card { transform:scale(.82); width:118%; margin-left:-9%; }.section-heading h2,.platform-copy h2,.contact-card h2 { font-size:38px; }.platform-section,.approach,.principles { padding:95px 0; }.app-body { grid-template-columns:42px 1fr; }.dashboard { padding:14px; }.stat-row { gap:7px; }.stat-row div { padding:10px; }.stat-row b { font-size:17px; }.footer-bottom { flex-direction:column; }
}