@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/font-3bfe4586eb9a.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/font-713ca32c3c8b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/font-3bfe4586eb9a.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/font-713ca32c3c8b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/font-3bfe4586eb9a.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/font-713ca32c3c8b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/font-3bfe4586eb9a.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/font-713ca32c3c8b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/font-ee75508933e6.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/font-4872f2a6dc9a.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/font-ee75508933e6.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/font-4872f2a6dc9a.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/font-ee75508933e6.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/font-4872f2a6dc9a.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/font-ee75508933e6.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/font-4872f2a6dc9a.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/font-ee75508933e6.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/font-4872f2a6dc9a.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --paper:#ffffff; --surface:#fff; --ink:#222222; --muted:#555555; --accent:#292929; --highlight:#e3ddfb; --tint:#f3f1fb; --line:#e3e2e8; --dark:#242424; --logo-mark:#ffffff; --display:'Manrope',sans-serif; --body:'DM Sans',sans-serif; --gutter:max(24px, calc((100vw - 1296px) / 2)); --radius:12px; } [data-theme=precision] { --paper:#fff; --surface:#f5f7fa; --ink:#17191c; --muted:#535b66; --accent:#245cdb; --highlight:#dde8fc; --tint:#edf2fd; --line:#dfe4ec; --dark:#121b2b; --logo-mark:#fff; --display:'Geist',sans-serif; --body:'Geist',sans-serif; --radius:16px; } * { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:108px; } body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 var(--body); -webkit-font-smoothing:antialiased; } body.modal-open,body.menu-open { overflow:hidden; } button,input,select,textarea { font:inherit; } button,a,input,textarea,select,summary { -webkit-tap-highlight-color:transparent; } button,summary { cursor:pointer; } button { color:inherit; } a { color:inherit; text-decoration:none; } a,button { touch-action:manipulation; } button { border:0; } svg { display:block; } button svg,a svg { width:20px; height:20px; flex-shrink:0; } a,button,summary { transition:color .18s,background .18s,border-color .18s; } :focus-visible { outline:3px solid var(--accent); outline-offset:5px; } h1,h2,h3,p,figure { margin:0; } h1,h2,h3 { font-family:var(--display); font-weight:500; } h1 { font-size:clamp(48px,5.2vw,78px); line-height:1.07; letter-spacing:-.062em; } h2 { font-size:clamp(36px,3.55vw,52px); line-height:1.14; letter-spacing:-.045em; } h3 { font-size:24px; line-height:1.3; letter-spacing:-.025em; } p { color:var(--muted); } [hidden] { display:none!important; } summary { list-style:none; } summary::-webkit-details-marker { display:none; } .skip-link { position:fixed; top:8px; left:8px; z-index:300; padding:12px 20px; background:var(--ink); color:white; transform:translateY(-150%); } .skip-link:focus { transform:none; } .preview-bar { min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:5px var(--gutter); background:var(--ink); color:#fff; font-size:11px; } .preview-bar>span { letter-spacing:.13em; opacity:.75; } .preview-bar>div { display:flex; gap:6px; } .preview-bar>div a { padding:3px 13px; border-radius:4px; color:#d6d6dc; } .preview-bar a[aria-current] { background:#fff; color:#17191c; } .preview-bar a span { margin-left:5px; } .original-link { display:flex; align-items:center; gap:7px; color:#d6d6dc; } .original-link svg { width:14px; height:14px; } .site-header { position:sticky; top:0; z-index:40; background:var(--paper); border-bottom:1px solid var(--line); } .header-inner { max-width:1296px; margin:auto; height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; } .brand { display:inline-flex; align-items:center; gap:10px; flex-shrink:0; color:var(--accent); } .brand-symbol { width:37px; } .brand-symbol svg { width:100%; height:auto; } .brand-word { font:700 27px/.95 var(--display); letter-spacing:-1.2px; color:var(--ink); } .brand-word>span { display:block; font-size:13px; font-weight:500; line-height:1; letter-spacing:1.6px; margin-top:5px; } .site-navigation { display:flex; align-items:center; gap:24px; margin-left:auto; font-size:13px; font-weight:500; } .site-navigation>a { padding:20px 0; } .nav-group { position:relative; } .nav-group:has(.nav-panel-wide) { position:static; } .nav-group>summary { display:flex; align-items:center; gap:7px; min-height:88px; white-space:nowrap; } .chevron { height:5px; width:5px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); margin-top:-3px; } .nav-group[open]>summary { color:var(--accent); } .nav-panel { position:absolute; top:100%; left:-18px; width:300px; background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:12px; box-shadow:0 20px 50px #29292920; } .nav-panel>a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 12px; font-size:14px; line-height:1.5; border-radius:6px; } .nav-panel a:hover { color:var(--accent); background:var(--tint); } .nav-panel a svg { width:15px; height:15px; } .nav-panel-wide { left:0; right:0; top:calc(100% - 1px); width:auto; padding:24px; max-height:75dvh; overflow-y:auto; overscroll-behavior:contain; } .mega-heading { display:flex; justify-content:space-between; gap:24px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--line); font-size:17px; } .mega-heading>a { display:flex; gap:8px; align-items:center; font-size:13px; color:var(--accent); } .mega-categories,.category-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 26px; align-items:start; } .category-menu>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; font-size:14px; font-weight:500; border-bottom:1px solid var(--line); line-height:1.45; } .category-menu>div { padding:8px 0; } .category-menu a { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:8px 5px; font-size:13px; line-height:1.5; border-radius:4px; } .category-menu a svg { width:14px; height:14px; margin-top:3px; } .category-menu[open]>summary { color:var(--accent); } .header-actions { flex-shrink:0; } .menu-toggle.icon-button,.mobile-nav-actions { display:none; } .button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:52px; padding:14px 24px; background:var(--accent); color:#fff; border:1px solid transparent; border-radius:6px; font-size:14px; line-height:1.4; font-weight:500; } .button:hover { background:var(--ink); } .button svg,.text-link svg { transition:transform .2s; } .button:hover svg,.text-link:hover svg { transform:translateX(3px); } .button-small { min-height:43px; font-size:12px; padding:11px 16px; gap:15px; } .button-small svg { width:16px; height:16px; } .text-link { display:inline-flex; align-items:center; gap:14px; padding:8px 0; font-size:14px; font-weight:500; background:none; color:var(--accent); text-align:left; } .text-link:hover { color:var(--ink); } .button-secondary { border-color:var(--line); background:transparent; color:var(--ink); } .button-secondary:hover { background:var(--tint); } .eyebrow { display:flex; align-items:center; gap:10px; font-size:11px; line-height:1.5; letter-spacing:.12em; font-weight:600; text-transform:uppercase; color:var(--accent); margin-bottom:22px; } .status-dot { width:6px; height:6px; border-radius:50%; display:inline-block; background:currentColor; color:var(--accent); flex-shrink:0; } .small-label { font-size:10px; font-weight:500; letter-spacing:.12em; } .hero { padding:72px var(--gutter) 64px; } .hero-1 { display:grid; grid-template-columns:1.08fr 1fr; gap:32px; align-items:center; min-height:630px; } .hero h1 { max-width:760px; } .hero h1 span { color:var(--accent); } .hero-copy { animation:hero-arrive .65s ease-out both; } .hero-description { margin-top:26px; max-width:560px; font-size:17px; line-height:1.75; } .hero-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-top:32px; } .hero-footnote { display:flex; align-items:center; gap:20px; margin-top:42px; font-size:9px; letter-spacing:.14em; color:var(--muted); } .hero-footnote>span+span:before { content:'/'; margin-right:20px; color:#777780; } .contour-scene { position:relative; align-self:stretch; min-height:450px; isolation:isolate; overflow:clip; } .contour-art { position:absolute; inset:0; width:100%; height:100%; overflow:visible; } .contour-lines { transform-origin:50% 50%; animation:contour-breathe 12s ease-in-out infinite alternate; } .scene-label { position:absolute; padding:14px 19px; border:1px solid var(--line); box-shadow:0 10px 24px #29292907; background:#fbfaff; border-radius:8px; font-size:13px; font-weight:500; } .scene-label .status-dot { margin-right:8px; } .scene-small { display:block; font-size:10px; color:var(--muted); font-weight:400; padding-left:14px; margin-top:3px; } .scene-label-one { top:15%; left:3%; animation:float-note 7s ease-in-out infinite alternate; } .scene-label-two { right:0; bottom:23%; animation:float-note 8s ease-in-out infinite alternate-reverse; } .scene-caption { position:absolute; bottom:2%; left:8%; right:0; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:10px; letter-spacing:.12em; } .scene-caption span:last-child { color:var(--accent); font:500 14px var(--display); letter-spacing:-.02em; } .hero-2 { padding-top:68px; padding-bottom:0; background:radial-gradient(ellipse at 50% 75%,#edf3ff 0,transparent 65%); } .hero-2 .hero-copy { text-align:center; max-width:1050px; margin:0 auto; } .hero-2 .eyebrow,.hero-2 .hero-actions { justify-content:center; } .hero-2 h1 { max-width:1000px; font-size:clamp(46px,5.7vw,84px); margin:auto; } .hero-2 .hero-description { max-width:680px; margin:24px auto 0; } .hero-2 .hero-actions { margin-top:28px; } .workflow-scene { margin-top:52px; background:#fff; border:1px solid var(--line); border-radius:12px 12px 0 0; box-shadow:0 12px 60px #1d4dab0b; overflow:hidden; } .workflow-toolbar { display:flex; align-items:center; justify-content:space-between; padding:14px 24px; border-bottom:1px solid var(--line); font-size:12px; gap:12px; } .workflow-toolbar>span:first-child { display:flex; align-items:center; gap:8px; } .workflow-pill { border:1px solid var(--line); border-radius:5px; padding:3px 8px; font-size:10px; color:var(--muted); } .workflow-canvas { padding:34px 5%; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:10%; position:relative; background-image:radial-gradient(#c6d1e2 0.7px,transparent .7px); background-size:18px 18px; } .workflow-column { display:grid; gap:12px; position:relative; z-index:1; } .workflow-group-label { font-size:9px; letter-spacing:.12em; color:var(--muted); } .workflow-node { background:white; border:1px solid var(--line); border-radius:6px; padding:12px 15px; display:flex; align-items:center; gap:10px; font-size:12px; min-height:47px; } .workflow-node>svg { width:14px; height:14px; margin-left:auto; } .node-icon svg { width:17px; height:17px; color:var(--muted); } .workflow-core { padding:22px 12px 16px; background:white; border:1px solid #9eb8ec; border-radius:12px; text-align:center; z-index:1; box-shadow:0 0 0 7px #245cdb05,0 6px 22px #245cdb12; } .core-symbol { margin:0 auto 11px; display:grid; place-items:center; width:46px; height:46px; border-radius:11px; color:var(--accent); background:var(--tint); } .core-symbol svg { width:26px; height:26px; } .workflow-core>strong { display:block; font:500 18px var(--display); } .workflow-core>span { display:block; font-size:11px; color:var(--muted); margin-top:6px; } .core-status { margin-top:15px; padding-top:12px; border-top:1px solid var(--line); font-size:10px; display:flex; justify-content:center; gap:7px; align-items:center; } .workflow-wires { position:absolute; inset:15% 0 0; width:100%; height:75%; color:#a9bde5; } .signal-path { animation:signal 4s linear infinite; } .workflow-footer { display:flex; justify-content:flex-start; align-items:center; gap:28px; font-size:10px; color:var(--muted); border-top:1px solid var(--line); padding:12px 24px; } .workflow-footer>span:before { content:'+'; margin-right:7px; color:var(--accent); } .workflow-footer .diagram-label { margin-left:auto; font-size:9px; } .workflow-footer .diagram-label:before { content:none; } .industry-band { padding:28px var(--gutter); display:flex; align-items:center; gap:48px; border-block:1px solid var(--line); } .industry-band>span { flex-shrink:0; font-size:9px; letter-spacing:.12em; color:var(--muted); } .industry-band>div { flex:1; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; } .industry-band a { font:500 13px var(--display); } .industry-band a:hover { color:var(--accent); } .industry-more { padding:0 var(--gutter); border-bottom:1px solid var(--line); } .industry-more>summary { display:flex; align-items:center; gap:12px; width:max-content; margin-left:auto; padding:11px 0; color:var(--muted); font-size:11px; } .industry-more>div { padding:10px 0 24px; display:flex; flex-wrap:wrap; gap:15px 28px; font-size:12px; } .industry-more a:hover { color:var(--accent); } .section { padding:104px var(--gutter); } .section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; margin-bottom:52px; } .section-heading>div:first-child { min-width:45%; } .section-heading>p,.section-heading>div:nth-child(2) { max-width:415px; } .section-heading p:not(.eyebrow) { font-size:16px; line-height:1.75; } .section-heading .text-link { margin-top:12px; } .services-section { background:var(--surface); } .service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; } .service-item { position:relative; border-top:1px solid var(--line); padding:30px 6px 30px 66px; } .service-icon { position:absolute; top:31px; left:0; color:var(--accent); } .service-icon svg { width:29px; height:29px; } .service-index { position:absolute; top:30px; right:0; font-size:10px; color:var(--muted); } .service-item h3 { padding-right:26px; font-size:22px; margin-bottom:12px; } .service-item p { font-size:14px; line-height:1.75; max-width:46ch; } .service-item .text-link { font-size:12px; margin-top:15px; } [data-theme=precision] .service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } [data-theme=precision] .services-section { background:var(--paper); } [data-theme=precision] .service-item { padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); display:flex; flex-direction:column; align-items:flex-start; } [data-theme=precision] .service-item:hover { border-color:#a9bcec; } [data-theme=precision] .service-icon { position:static; margin-bottom:26px; } [data-theme=precision] .service-index { right:30px; } [data-theme=precision] .service-item p { margin-bottom:12px; } [data-theme=precision] .service-item .text-link { margin-top:auto; } [data-theme=precision] .service-featured { grid-column:span 2; background:var(--tint); padding-right:40%; min-height:295px; overflow:hidden; } [data-theme=precision] .service-featured p { max-width:none; } .service-mini-diagram { position:absolute; right:6%; top:20%; width:25%; display:grid; justify-items:center; } .service-mini-diagram span { text-align:center; padding:10px; border:1px solid #bed0f4; background:white; border-radius:5px; font-size:11px; width:100%; } .service-mini-diagram i { width:1px; height:28px; background:#b6c9ed; } .ai-section { border-bottom:1px solid var(--line); } .ai-tabs { display:flex; gap:32px; border-bottom:1px solid var(--line); margin-bottom:48px; } .ai-tabs button { background:none; padding:0 0 16px; font-size:14px; color:var(--muted); border-bottom:2px solid transparent; } .ai-tabs button[aria-selected=true] { color:var(--accent); border-color:var(--accent); } .ai-feature-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; } .ai-panels h3 { font-size:33px; line-height:1.25; max-width:20ch; margin-bottom:20px; } .ai-panels p { font-size:16px; line-height:1.8; } .check-list { list-style:none; padding:0; margin:24px 0 28px; } .check-list li { padding:6px 0 6px 27px; position:relative; font-size:14px; } .check-list li:before { content:''; position:absolute; width:9px; height:5px; border-left:1.5px solid var(--accent); border-bottom:1.5px solid var(--accent); transform:rotate(-45deg); left:2px; top:14px; } .knowledge-visual { background:var(--tint); border-radius:var(--radius); padding:30px; position:relative; border:1px solid var(--line); } .knowledge-top { display:flex; align-items:center; gap:10px; font-size:12px; } .mini-brand { font:700 24px var(--display); letter-spacing:-2px; color:var(--accent); } .knowledge-top .small-label { margin-left:auto; color:var(--accent); font-size:8px; } .knowledge-sources { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:30px; } .knowledge-sources span { font-size:10px; text-align:center; padding:11px 3px; background:var(--paper); border:1px solid var(--line); border-radius:5px; } .knowledge-flow { height:54px; display:grid; grid-template-columns:repeat(3,1fr); padding-inline:15%; } .knowledge-flow i { border-bottom:1px dashed var(--accent); border-left:1px dashed var(--accent); height:30px; opacity:.4; } .knowledge-flow i:first-child { border-radius:0 0 0 12px; } .knowledge-flow i:nth-child(2) { border-left:0; } .knowledge-flow i:last-child { border-left:0; border-right:1px dashed var(--accent); border-radius:0 0 12px 0; } .copilot-panel { background:var(--paper); padding:26px; border:1px solid var(--line); border-radius:10px; box-shadow:0 14px 20px #38304406; } .copilot-title { display:flex; gap:10px; align-items:center; font-size:14px; } .copilot-title svg { width:20px; height:20px; color:var(--accent); } .copilot-panel p { font-size:13px; margin-top:16px; } .copilot-input { display:flex; align-items:center; justify-content:space-between; margin-top:22px; padding:12px; border:1px solid var(--line); font-size:11px; color:var(--muted); border-radius:6px; gap:10px; } .copilot-input svg { width:15px; height:15px; } .copilot-controls { display:flex; gap:8px; align-items:center; margin-top:13px; font-size:9px; color:var(--muted); } .copilot-controls .status-dot { width:4px; height:4px; } .diagram-label { display:block; color:var(--muted); font-size:9px; } .knowledge-visual>.diagram-label { text-align:right; margin-top:17px; } .products-section { background:var(--surface); } .product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; } .product-card { display:block; min-width:0; } .product-visual { padding:33px 26px 0; min-height:218px; overflow:hidden; border-radius:var(--radius); background:#e9e4fb; border:1px solid var(--line); } .crm-visual { background:#fbeddf; } .media-visual { background:#e6f3f6; } [data-theme=precision] .product-visual { background:#e7edf9; } [data-theme=precision] .crm-visual { background:#e9edf3; } [data-theme=precision] .media-visual { background:#dde6f4; } .mini-ui { background:var(--paper); padding:18px; border:1px solid var(--line); border-radius:8px 8px 0 0; min-height:190px; transform:translateY(5px); transition:transform .3s; box-shadow:0 12px 30px #2929290a; } .product-card:hover .mini-ui { transform:translateY(0); } .mini-ui-header { display:flex; justify-content:space-between; gap:12px; font-size:10px; padding-bottom:14px; border-bottom:1px solid var(--line); } .mini-ui-header>span { color:var(--muted); font-size:8px; } .inventory-rows>div { display:flex; align-items:center; gap:8px; font-size:9px; border-bottom:1px solid var(--line); padding:12px 0; } .inventory-rows i { width:15px; height:15px; border:1px solid var(--line); border-radius:3px; background:var(--tint); } .inventory-rows em { margin-left:auto; font-size:8px; font-style:normal; color:var(--accent); background:var(--tint); padding:2px 4px; border-radius:3px; } .kanban { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding-top:14px; } .kanban>div>span { display:block; font-size:8px; margin-bottom:9px; } .kanban i { display:block; height:38px; background:linear-gradient(var(--tint),var(--tint)); border:1px solid var(--line); border-radius:4px; margin-bottom:8px; position:relative; } .kanban i:before,.kanban i:after { content:''; position:absolute; left:7px; right:12px; top:10px; height:2px; background:var(--accent); opacity:.24; } .kanban i:after { top:18px; right:22px; } .media-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:7px; padding-top:14px; } .media-grid>div { height:83px; border-radius:4px; background:linear-gradient(140deg,#d5cef6,#9890c7); position:relative; overflow:hidden; } .media-grid>div:before { content:''; position:absolute; width:70px; height:70px; border:1px solid #ffffff55; border-radius:50%; left:-10px; top:38px; box-shadow:0 0 0 10px #ffffff15,0 0 0 20px #ffffff10; } .media-grid>div:nth-child(2) { background:linear-gradient(140deg,#f1c3b7,#bd8287); } .media-grid>div:nth-child(3) { background:linear-gradient(140deg,#c6e1f1,#7eabc2); } [data-theme=precision] .media-grid>div { background:linear-gradient(140deg,#c7d8ff,#486cb3); } .play-symbol { position:absolute; top:32px; left:calc(50% - 3px); border-left:10px solid white; border-block:6px solid transparent; } .media-tags { display:flex; gap:7px; font-size:7px; padding-top:11px; color:var(--muted); } .product-copy { padding:24px 0; } .product-copy .small-label { color:var(--accent); margin-bottom:12px; font-size:9px; } .product-copy h3 { display:flex; gap:20px; justify-content:space-between; font-size:22px; line-height:1.35; } .product-copy h3 svg { width:20px; height:20px; margin-top:5px; } .product-copy>p:last-child { font-size:14px; line-height:1.75; margin-top:14px; } .all-products { margin-top:30px; border-block:1px solid var(--line); scroll-margin-top:110px; } .all-products>summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:23px 0; font-size:17px; font-weight:500; } .all-products>summary>span { display:flex; gap:22px; font-size:11px; color:var(--muted); align-items:center; } .category-directory { padding-bottom:25px; } .stats-section { padding:48px var(--gutter); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:30px; background:var(--dark); color:white; } .stats-section>div { padding-left:25px; border-left:1px solid #ffffff25; } .stats-section>div:first-child { padding-left:0; border:0; } .stats-section strong { display:block; font:500 clamp(32px,3.3vw,48px) var(--display); letter-spacing:-.05em; } .stats-section span { display:block; margin-top:7px; font-size:11px; color:#d6d6dc; } .approach-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:center; } .approach-art { position:relative; aspect-ratio:1.15; max-height:400px; overflow:hidden; } .approach-orbit { position:absolute; width:65%; height:65%; border:1px solid #b7afcc60; border-radius:50%; background:radial-gradient(ellipse at 50% 100%,#dbd1f320,transparent 70%); } .orbit-one { top:0; left:18%; } .orbit-two { bottom:0; left:0; } .orbit-three { bottom:0; right:0; } .orbit-label { position:absolute; font-size:11px; color:var(--muted); z-index:1; } .orbit-label-one { top:13%; left:39%; } .orbit-label-two { bottom:15%; left:13%; } .orbit-label-three { bottom:15%; right:8%; } .approach-center { position:absolute; top:40%; left:36%; text-align:center; font:500 28px/1.18 var(--display); letter-spacing:-.04em; color:var(--accent); } .approach-center span { display:block; margin-top:10px; font:500 8px var(--body); letter-spacing:.15em; } [data-theme=precision] .approach-orbit { border-color:#7e9ee277; background:radial-gradient(ellipse at 50% 100%,#c2d6ff40,transparent 70%); } .approach-list details,.faq-list details { border-bottom:1px solid var(--line); } .approach-list details:first-child,.faq-list details:first-child { border-top:1px solid var(--line); } .approach-list summary { display:flex; align-items:center; gap:18px; font-size:17px; padding:22px 0; line-height:1.4; } .step-number { font-size:10px; color:var(--muted); font-weight:400; letter-spacing:.02em; } .plus { width:13px; height:13px; flex-shrink:0; position:relative; margin-left:auto; display:inline-block; } .plus:before,.plus:after { content:''; position:absolute; background:currentColor; top:6px; left:0; width:13px; height:1px; } .plus:after { transform:rotate(90deg); transition:transform .2s; } details[open]>summary>.plus:after,details[open]>summary>span>.plus:after { transform:rotate(0); } .approach-list details p { margin:0 25px 23px 34px; font-size:14px; line-height:1.75; } .testimonial-section { display:grid; grid-template-columns:1fr 1.6fr; gap:100px; background:var(--tint); } .testimonial-intro>p:not(.eyebrow) { margin-top:22px; max-width:30ch; font-size:14px; } .quote-controls { display:flex; align-items:center; gap:20px; margin-top:35px; } .icon-button { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:transparent; flex-shrink:0; font-size:25px; } .icon-button:hover { background:var(--surface); border-color:var(--accent); } .icon-button svg { width:17px; height:17px; } .quote-controls button:first-child svg { transform:rotate(180deg); } .quote-controls>span { font-size:10px; color:var(--muted); letter-spacing:.1em; } .quote { padding-top:6px; } .quote-mark { font:90px/.8 Georgia,serif; color:var(--accent); display:block; } .quote blockquote { font:400 clamp(23px,2.2vw,31px)/1.5 var(--display); letter-spacing:-.025em; margin:12px 0 32px; } .quote figcaption { display:flex; gap:14px; align-items:center; } .person-initials { width:44px; height:44px; background:var(--paper); border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; font-size:12px; } .quote figcaption strong { display:block; font-size:13px; font-weight:500; } .quote figcaption>span>span { display:block; color:var(--muted); font-size:11px; margin-top:3px; } .tech-section { background:var(--surface); } .tech-row { display:grid; grid-template-columns:1fr 2fr; gap:48px; padding:26px 0; border-top:1px solid var(--line); } .tech-row:last-child { border-bottom:1px solid var(--line); } .tech-row h3 { font-size:16px; display:flex; gap:18px; align-items:baseline; } .tech-row>div { display:flex; flex-wrap:wrap; gap:10px 12px; } .tech-row>div>span { padding:6px 11px; border:1px solid var(--line); border-radius:4px; font-size:12px; color:var(--ink); } .faq-section { display:grid; grid-template-columns:1fr 1.45fr; gap:100px; } .faq-section>div>p:not(.eyebrow) { margin-top:25px; font-size:14px; } .faq-list summary { display:flex; align-items:center; gap:25px; padding:22px 0; font-size:16px; line-height:1.55; } .faq-list p { font-size:14px; line-height:1.8; padding:0 25px 24px 0; } .contact-section { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; background:var(--surface); border-top:1px solid var(--line); } .contact-copy>p:not(.eyebrow) { margin-top:23px; max-width:34ch; line-height:1.8; } .contact-email { display:inline-flex; gap:15px; align-items:center; font-size:18px; margin-top:25px; padding-bottom:6px; border-bottom:1px solid var(--line); color:var(--accent); } .discovery-note { margin-top:55px; display:flex; gap:18px; padding-top:30px; border-top:1px solid var(--line); } .discovery-note>span { background:var(--tint); padding:12px; border-radius:8px; align-self:start; color:var(--accent); } .discovery-note>span svg { width:24px; height:24px; } .discovery-note strong { font-weight:500; font-size:15px; } .discovery-note p { font-size:12px; line-height:1.6; margin-top:5px; } .discovery-note .text-link { font-size:12px; margin-top:10px; } .contact-form-shell { padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); } .form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .field-full { grid-column:1/-1; } .field label { display:block; font-size:12px; color:var(--ink); font-weight:500; margin-bottom:8px; } .field label>span:not(.optional) { color:var(--accent); } .optional { color:var(--muted); font-weight:400; margin-left:5px; font-size:10px; } .field input,.field select,.field textarea { width:100%; border:1px solid var(--line); border-radius:5px; background:var(--surface); color:var(--ink); padding:12px 13px; font-size:14px; min-height:46px; } .field textarea { resize:vertical; min-height:95px; } .field input::placeholder,.field textarea::placeholder { color:var(--muted); opacity:1; } .field select { padding-right:25px; } .form-bottom { margin-top:22px; display:flex; align-items:center; gap:24px; justify-content:space-between; } .form-bottom>span { color:var(--muted); font-size:10px; max-width:24ch; } .form-bottom>span a { text-decoration:underline; text-underline-offset:3px; } .form-bottom .button { flex-shrink:0; } .form-feedback { font-size:13px; color:#963222; margin-top:15px; } .form-feedback:empty { display:none; } .form-confirmation { text-align:center; padding:55px 15px; } .form-confirmation h3 { margin:22px 0 12px; font-size:30px; } .form-confirmation p { font-size:15px; max-width:30ch; margin:auto; } .success-icon { width:66px; height:66px; border:1px solid var(--accent); background:var(--tint); border-radius:50%; color:var(--accent); display:grid; place-items:center; margin:auto; animation:success-appear .4s ease-out; } .success-icon svg { width:32px; height:32px; } .footer { padding:68px var(--gutter) 26px; background:var(--dark); color:#f5f5f5; } .footer-main { display:grid; grid-template-columns:1.3fr .8fr 1.2fr 1.7fr; gap:44px; } .footer .brand { color:var(--highlight); --logo-mark:var(--dark); } .footer .brand-word { color:#fff; } .footer-brand>p { font-size:13px; line-height:1.8; max-width:26ch; color:#d0cfd6; margin:22px 0 18px; } .footer-brand>a:not(.brand) { font-size:12px; } .footer-brand .footer-locations { font-size:11px; } .footer-col>h2 { font:500 11px var(--body); color:#fff; margin:8px 0 24px; letter-spacing:.08em; text-transform:uppercase; } .footer-col>a,.footer-products>div>a { display:block; font-size:11px; line-height:1.6; margin-bottom:11px; color:#d0cfd6; } .footer a:hover { color:white; text-decoration:underline; text-underline-offset:4px; } .footer-products>div { columns:2; column-gap:25px; } .footer-products>div>a { break-inside:avoid; } .footer-wordmark { font:500 clamp(42px,7.4vw,108px)/1.15 var(--display); letter-spacing:-.06em; margin:60px 0 35px; color:#e7e1f5; } .footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #ffffff25; padding-top:24px; font-size:10px; color:#d0cfd6; } .footer-bottom>div { display:flex; gap:20px; } .plain-button { padding:0; background:none; font-size:inherit; } .back-top { display:flex; gap:8px; align-items:center; } .back-top svg { width:14px; height:14px; } .inquiry-dialog,.cookie-dialog { padding:0; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:16px; box-shadow:0 28px 100px #0003; width:min(660px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overscroll-behavior:contain; } dialog::backdrop { background:#27243275; backdrop-filter:blur(3px); } .dialog-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 30px; position:sticky; top:0; background:var(--paper); z-index:1; border-bottom:1px solid var(--line); } .dialog-top .eyebrow { margin:0; font-size:9px; } .dialog-top .icon-button { width:35px; height:35px; line-height:1; } .dialog-content { padding:28px 36px 32px; } .dialog-content>h2 { font-size:34px; } .dialog-content>p { margin:15px 0 26px; font-size:14px; } .inquiry-dialog .form-fields { gap:16px; } .inquiry-dialog .form-confirmation { padding:30px 10px; } .cookie-dialog { width:min(470px,calc(100% - 32px)); padding:0 26px 26px; } .cookie-dialog .dialog-top { padding:20px 0; } .cookie-dialog h2 { font-size:22px; } .cookie-dialog>p { font-size:13px; margin:22px 0; } .cookie-dialog>p a { text-decoration:underline; } .cookie-dialog>label { display:flex; justify-content:space-between; align-items:center; font-size:14px; padding:12px 0; border-top:1px solid var(--line); } .cookie-dialog input { accent-color:var(--accent); width:18px; height:18px; } .cookie-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; } .cookie-actions .button { font-size:12px; min-height:44px; padding:10px 14px; } @keyframes contour-breathe { to { transform:translateY(-5px) rotate(1.5deg); } } @keyframes hero-arrive { from { transform:translateY(12px); opacity:.6; } to { transform:translateY(0); opacity:1; } } @keyframes float-note { to { transform:translateY(-8px); } } @keyframes signal { to { stroke-dashoffset:-616; } } @keyframes success-appear { from { transform:scale(.8); opacity:.2; } to { transform:scale(1); opacity:1; } } @media(min-width:1181px) and (max-width:1400px) { .header-inner { margin-inline:24px; gap:20px; } .site-navigation { gap:17px; font-size:12px; } } @media(max-width:1180px) { .header-inner { margin-inline:24px; height:76px; } .menu-toggle.icon-button { display:flex; flex-direction:column; justify-content:center; gap:5px; order:3; } .menu-toggle>span { width:17px; height:1px; background:currentColor; transition:transform .2s; } .menu-toggle[aria-expanded=true]>span:first-child { transform:translateY(3px) rotate(45deg); } .menu-toggle[aria-expanded=true]>span:last-child { transform:translateY(-3px) rotate(-45deg); } .header-actions { margin-left:auto; } .site-navigation { display:none; } .site-navigation.is-open { display:flex; position:absolute; top:100%; left:-24px; right:-24px; flex-direction:column; align-items:stretch; gap:0; background:var(--paper); padding:12px 24px 26px; border-bottom:1px solid var(--line); max-height:calc(100dvh - 120px); overflow-y:auto; overscroll-behavior:contain; box-shadow:0 24px 32px #29292912; } .nav-group { position:static; border-bottom:1px solid var(--line); } .nav-group>summary { min-height:55px; font-size:16px; justify-content:space-between; } .site-navigation>a { padding:17px 0; border-bottom:1px solid var(--line); font-size:16px; } .nav-panel { position:static; width:100%; border:0; padding:0 0 12px; box-shadow:none; background:var(--paper); max-height:none; overflow:visible; } .nav-panel>a { padding:12px; font-size:14px; } .mega-heading { display:none; } .mega-categories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; padding:0 10px 12px; } .mobile-nav-actions { display:grid; gap:18px; margin-top:24px; } .mobile-nav-actions>a { display:flex; align-items:center; justify-content:space-between; padding:5px 0; font-size:15px; } .hero-1 { gap:20px; min-height:580px; padding-top:60px; } .hero-1 h1 { font-size:58px; } .hero-footnote { gap:12px; font-size:8px; } .hero-footnote>span+span:before { margin-right:12px; } .hero-actions { gap:20px; } .scene-label { padding:11px 13px; font-size:11px; } .scene-small { font-size:9px; } .scene-caption { font-size:8px; } .scene-caption span:last-child { font-size:12px; } .industry-band { gap:24px; } .industry-band>div { justify-content:flex-start; gap:12px 24px; } .industry-band a { font-size:12px; } .section { padding-block:80px; } .section-heading { gap:40px; } .ai-feature-layout,.approach-layout { gap:50px; } .testimonial-section,.faq-section,.contact-section { gap:55px; } .footer-main { gap:26px; grid-template-columns:1.1fr .8fr 1.1fr 1.4fr; } .footer-products>div { columns:1; } .footer-bottom { flex-wrap:wrap; } } @media(max-width:800px) { .preview-bar>span { display:none; } .preview-bar { font-size:10px; padding-inline:16px; min-height:38px; } .preview-bar>div a { padding:3px 8px; } .preview-bar a span { margin-left:2px; } .hero-1 { grid-template-columns:1fr; padding-top:45px; padding-bottom:24px; gap:10px; } .hero-1 .hero-copy { max-width:610px; } .hero-1 h1 { font-size:clamp(44px,7.6vw,64px); } .hero-description { font-size:16px; max-width:560px; } .hero-footnote { margin-top:28px; } .contour-scene { min-height:345px; max-width:580px; width:100%; margin:auto; } .contour-art { left:0; right:0; height:390px; top:-25px; } .scene-label-one { top:12%; left:10%; } .scene-label-two { bottom:24%; right:6%; } .scene-caption { bottom:0; left:5%; } .hero-2 { padding-top:44px; } .hero-2 h1 { font-size:clamp(43px,7.3vw,60px); } .workflow-scene { margin-top:40px; } .workflow-canvas { padding:26px 3%; gap:5%; } .workflow-node { padding:11px 8px; font-size:10px; gap:7px; } .workflow-node .node-icon { display:none; } .workflow-core { padding-inline:8px; } .workflow-core>strong { font-size:14px; } .workflow-core>span { font-size:9px; } .workflow-footer { gap:15px; font-size:8px; padding-inline:16px; flex-wrap:wrap; } .workflow-footer .diagram-label { display:none; } .industry-band { align-items:flex-start; flex-direction:column; gap:15px; } .industry-band>div { row-gap:13px; column-gap:24px; } .section { padding-block:65px; } .section-heading { align-items:flex-start; gap:22px; flex-direction:column; margin-bottom:35px; } .section-heading>p,.section-heading>div:nth-child(2) { max-width:560px; } h2 { font-size:38px; } .service-grid { column-gap:25px; } .service-item { padding-left:0; padding-top:64px; } .service-icon { top:23px; } .service-item h3 { font-size:21px; padding-right:0; } .service-index { top:23px; } [data-theme=precision] .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; } [data-theme=precision] .service-featured { padding-right:40%; } [data-theme=precision] .service-item:last-child { grid-column:span 2; } .ai-feature-layout { grid-template-columns:1fr; gap:35px; } .ai-tabs { gap:0; justify-content:space-between; margin-bottom:34px; } .ai-tabs button { font-size:12px; padding:0 5px 14px; } .ai-panels h3 { max-width:30ch; font-size:30px; } .knowledge-visual { max-width:560px; width:100%; margin:auto; } .product-grid { gap:16px; } .product-visual { min-height:170px; padding:20px 12px 0; } .mini-ui { padding:12px; min-height:170px; } .mini-ui-header>span { display:none; } .inventory-rows>div { font-size:8px; gap:4px; } .inventory-rows em { display:none; } .media-grid>div { height:67px; } .media-tags { font-size:6px; gap:3px; } .product-copy h3 { font-size:18px; gap:8px; } .product-copy h3 svg { width:15px; height:15px; } .product-copy>p:last-child { font-size:12px; } .product-copy .small-label { font-size:8px; } .stats-section { padding-block:35px; gap:20px; } .stats-section>div { padding-left:13px; } .stats-section strong { font-size:30px; } .stats-section span { font-size:9px; } .approach-layout { grid-template-columns:1fr; gap:40px; } .approach-art { width:min(100%,440px); margin:auto; } .testimonial-section { grid-template-columns:1fr; gap:35px; } .testimonial-intro>p:not(.eyebrow) { max-width:55ch; } .quote-controls { margin-top:24px; } .quote blockquote { font-size:27px; } .tech-row { grid-template-columns:1fr; gap:20px; } .faq-section { grid-template-columns:1fr; gap:30px; } .contact-section { grid-template-columns:1fr; gap:35px; } .contact-copy>p:not(.eyebrow) { max-width:55ch; } .discovery-note { margin-top:30px; } .footer-main { grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; } .footer-brand { grid-column:1/-1; } .footer-brand>p { max-width:100%; } .footer-brand .footer-locations br { display:none; } .footer-col>h2 { margin-top:0; } .footer-wordmark { font-size:8vw; margin-top:45px; } .category-directory { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:520px) { :root { --gutter:22px; } .header-inner { height:70px; margin-inline:20px; gap:14px; } .brand-symbol { width:32px; } .brand-word { font-size:24px; } .brand-word>span { font-size:11px; } .header-actions .button { font-size:10px; padding:10px 12px; min-height:39px; gap:0; } .header-actions .button svg { display:none; } .menu-toggle { width:37px; height:37px; } .original-link { font-size:0; gap:0; } .original-link svg { width:15px; height:15px; } .preview-bar>div a { font-size:9px; padding:3px 7px; } .site-navigation.is-open { left:-20px; right:-20px; max-height:calc(100dvh - 111px); padding-inline:22px; } .mega-categories { grid-template-columns:1fr; padding-inline:8px; } .hero-1 { padding-top:37px; } .eyebrow { font-size:9px; letter-spacing:.085em; margin-bottom:19px; } .hero h1 { font-size:44px; letter-spacing:-.05em; } .hero-description { margin-top:21px; font-size:15px; line-height:1.75; } .hero-actions { gap:16px; margin-top:26px; } .hero-actions .button { font-size:12px; padding:13px 17px; gap:14px; min-height:48px; } .hero-actions .text-link { font-size:12px; gap:8px; } .hero-actions .text-link svg { width:16px; } .hero-footnote { gap:8px; font-size:7px; margin-top:25px; } .hero-footnote>span+span:before { margin-right:8px; } .contour-scene { min-height:285px; margin-top:14px; } .contour-art { height:310px; top:-16px; } .scene-label { font-size:10px; padding:9px 11px; } .scene-label-one { top:9%; left:0; } .scene-label-two { bottom:22%; right:0; } .scene-small { font-size:8px; } .scene-caption { font-size:6px; } .scene-caption span:last-child { font-size:10px; } .hero-2 .eyebrow { justify-content:center; font-size:8px; } .hero-2 .hero-actions { flex-direction:column; gap:6px; } .hero-2 .hero-description { font-size:15px; } .workflow-toolbar { padding:12px; font-size:10px; } .workflow-pill { font-size:8px; } .workflow-canvas { grid-template-columns:1fr; justify-items:center; gap:20px; padding:22px 16px; } .workflow-column { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; width:100%; } .workflow-group-label { width:100%; text-align:center; margin-bottom:3px; } .workflow-node { font-size:8px; min-height:36px; padding:7px 8px; flex:1; white-space:normal; justify-content:center; text-align:center; } .workflow-node>svg { display:none; } .workflow-core { width:80%; padding:17px; } .workflow-core>strong { font-size:17px; } .workflow-core>span { font-size:10px; } .core-symbol { width:37px; height:37px; } .workflow-wires { display:none; } .workflow-footer { justify-content:center; gap:6px 16px; } .industry-band>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; } .industry-band a { font-size:11px; } .section { padding-block:56px; } h2 { font-size:34px; } .section-heading p:not(.eyebrow) { font-size:15px; } .service-grid { grid-template-columns:1fr; } .service-item { padding:24px 0 24px 49px; } .service-icon { top:24px; } .service-icon svg { width:24px; height:24px; } .service-item h3 { font-size:20px; padding-right:22px; } .service-item p { font-size:13px; } .service-index { top:25px; font-size:9px; } [data-theme=precision] .service-grid { grid-template-columns:1fr; } [data-theme=precision] .service-item,[data-theme=precision] .service-featured { grid-column:1; padding:25px; min-height:0; } [data-theme=precision] .service-item:last-child { grid-column:1; } [data-theme=precision] .service-item .text-link { margin-top:10px; } [data-theme=precision] .service-icon { margin-bottom:22px; } .service-mini-diagram { display:none; } .ai-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; border:0; } .ai-tabs button { padding:10px 8px; text-align:left; border-bottom:1px solid var(--line); } .ai-tabs button[aria-selected=true] { background:var(--tint); border-bottom:2px solid var(--accent); } .ai-panels h3 { font-size:28px; } .ai-panels p { font-size:15px; } .knowledge-visual { padding:20px 16px; } .knowledge-top { font-size:11px; } .knowledge-top .small-label { font-size:7px; } .knowledge-sources { gap:6px; } .knowledge-sources span { font-size:8px; } .copilot-panel { padding:20px 16px; } .copilot-title { font-size:12px; gap:8px; } .copilot-controls { font-size:8px; gap:6px; } .product-grid { grid-template-columns:1fr; gap:20px; } .product-visual { padding:30px 26px 0; min-height:210px; } .mini-ui { padding:18px; min-height:180px; } .mini-ui-header>span { display:block; } .inventory-rows em { display:block; } .inventory-rows>div { font-size:10px; } .media-grid>div { height:85px; } .media-tags { font-size:8px; gap:9px; } .product-copy { padding-top:20px; } .product-copy h3 { font-size:23px; } .product-copy>p:last-child { font-size:14px; } .product-copy .small-label { font-size:9px; } .all-products>summary { font-size:15px; } .all-products>summary>span { font-size:0; gap:0; } .all-products>summary .plus { font-size:14px; } .category-directory { grid-template-columns:1fr; } .stats-section { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; } .stats-section>div,.stats-section>div:first-child { border:0; padding:0; } .stats-section>div:last-child { grid-column:1/-1; border-top:1px solid #ffffff25; padding-top:20px; } .stats-section strong { font-size:38px; } .stats-section span { font-size:10px; } .approach-center { font-size:23px; } .orbit-label { font-size:9px; } .approach-list summary { font-size:15px; gap:15px; } .approach-list details p { font-size:13px; margin-left:30px; } .quote blockquote { font-size:23px; } .tech-row h3 { font-size:15px; } .tech-row>div { gap:8px; } .tech-row>div>span { font-size:10px; padding:6px 8px; } .faq-list summary { font-size:15px; } .contact-email { font-size:17px; } .contact-form-shell { padding:22px 18px; } .form-fields { grid-template-columns:1fr; gap:17px; } .field input,.field select,.field textarea { font-size:16px; } .form-bottom { flex-direction:column-reverse; align-items:stretch; gap:16px; } .form-bottom>span { max-width:100%; text-align:center; } .footer { padding-top:45px; } .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; } .footer-products { grid-column:1/-1; } .footer-products>div { columns:2; column-gap:22px; } .footer-wordmark { font-size:8vw; margin:38px 0 26px; } .footer-bottom { gap:20px; flex-direction:column; align-items:flex-start; font-size:9px; } .footer-bottom>div { gap:16px; } .inquiry-dialog { max-height:calc(100dvh - 20px); width:calc(100% - 20px); border-radius:12px; } .dialog-top { padding:14px 18px; gap:10px; } .dialog-top .eyebrow { font-size:8px; letter-spacing:.04em; } .dialog-content { padding:22px 20px 26px; } .dialog-content>h2 { font-size:29px; } .dialog-content>p { font-size:13px; } .inquiry-dialog .form-fields { gap:15px; } } @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation:none!important; transition:none!important; } } :root[data-palette=adobe] { --paper:#fff; --surface:#fff; --ink:#222; --muted:#555; --accent:#292929; --highlight:#e3ddfb; --tint:#f3f1fb; --line:#e3e2e8; --dark:#242424; --logo-mark:#fff; } [data-palette=adobe] .hero-1 { background: linear-gradient(180deg,transparent 0%,#ffffff80 45%,#fff 90%), radial-gradient(ellipse 58% 95% at 0% -24%,#e88999 0%,#f4bbc5 33%,transparent 76%), radial-gradient(ellipse 53% 87% at 58% -28%,#b4afea 0%,#d5dff8 35%,#e2f0f4 53%,transparent 82%), radial-gradient(ellipse 40% 72% at 107% -12%,#e8987f 0%,#f8d0bd 36%,transparent 80%), #fff; } [data-palette=adobe] .hero h1 span { color:var(--ink); } [data-palette=adobe] .hero-footnote>span+span:before { color:#a0a0a7; } [data-palette=adobe] .signature-home .hero-actions>.button { background:#292929; border-color:#292929; box-shadow:0 8px 22px #29292924,inset 0 1px 0 #ffffff1a; } [data-palette=adobe] .signature-home .hero-actions>.button:hover { background:#111; border-color:#111; box-shadow:0 12px 26px #29292930; } [data-palette=adobe] .signature-home .hero-actions>.button svg { background:#eee9ff; color:#292929; } [data-palette=adobe] .scene-label { background:#ffffffeb; border-color:#e4e2ed; box-shadow:0 10px 24px #33304b0a; } [data-palette=adobe] #contour-color stop:nth-child(1) { stop-color:#dd96ae; } [data-palette=adobe] #contour-color stop:nth-child(2) { stop-color:#9f96d2; } [data-palette=adobe] #contour-color stop:nth-child(3) { stop-color:#688bab; } [data-palette=adobe] #contour-wash stop:first-child { stop-color:#d8d0f4; stop-opacity:.46; } [data-palette=adobe] #contour-wash stop:last-child { stop-color:#fff; } [data-palette=adobe] .contour-art [fill="#F7F4EE"] { fill:#fff; } [data-palette=adobe] .contour-art [fill="#245347"] { fill:#292929; } [data-palette=adobe] .contour-art [stroke="#245347"] { stroke:#555064; } [data-palette=adobe] .contour-art [stroke="#BDCCBA"] { stroke:#d3cde3; } [data-palette=adobe] .nav-panel { box-shadow:0 20px 50px #29292916; } [data-palette=adobe] .ai-section { background:#fbfaff; } [data-palette=adobe] .knowledge-visual { background:linear-gradient(145deg,#dcd8f9,#efedff 52%,#e8f2f6); } [data-palette=adobe] .copilot-panel { box-shadow:0 14px 20px #38304408; } [data-palette=adobe] .product-visual { background:linear-gradient(145deg,#d9d5f8,#ece9fc); } [data-palette=adobe] .crm-visual { background:linear-gradient(145deg,#f7d6cc,#fbeddf); } [data-palette=adobe] .media-visual { background:linear-gradient(145deg,#d7e7f5,#e6f3f6); } [data-palette=adobe] .mini-ui { box-shadow:0 12px 30px #302d420a; } [data-palette=adobe] .media-grid>div { background:linear-gradient(140deg,#d5cef6,#9890c7); } [data-palette=adobe] .media-grid>div:nth-child(2) { background:linear-gradient(140deg,#f1c3b7,#bd8287); } [data-palette=adobe] .media-grid>div:nth-child(3) { background:linear-gradient(140deg,#c6e1f1,#7eabc2); } [data-palette=adobe] .stats-section span { color:#d6d6dc; } [data-palette=adobe] .approach-orbit { border-color:#b7afcc80; background:radial-gradient(ellipse at 50% 100%,#dbd1f34a,transparent 70%); } [data-palette=adobe] .orbit-two { border-color:#ddbba980; background:radial-gradient(ellipse at 50% 100%,#f8d3c447,transparent 70%); } [data-palette=adobe] .orbit-three { border-color:#adcbd780; background:radial-gradient(ellipse at 50% 100%,#d5e9f552,transparent 70%); } [data-palette=adobe] .testimonial-section { background:linear-gradient(115deg,#fff5ef,#faf3f8 58%,#f4f2fd); } [data-palette=adobe] .faq-section { background:#f8f8fa; } [data-palette=adobe] .footer { color:#f5f5f5; } [data-palette=adobe] .footer-brand>p, [data-palette=adobe] .footer-col>a, [data-palette=adobe] .footer-products>div>a, [data-palette=adobe] .footer-bottom { color:#d0cfd6; } [data-palette=adobe] .footer-wordmark { color:#e7e1f5; } [data-palette=adobe] .footer .brand { color:#e7e1f5; } [data-palette=adobe] dialog::backdrop { background:#27243270; }