@layer reset, base, layout, components, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, h4, p, figure, ul, ol { margin: 0; }
  button, input, select, textarea { font: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
  img, svg { display: block; max-width: 100%; }
  [hidden] { display: none !important; }
}
@layer base {
  @font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../assets/fonts/inter-latin-variable.woff2") format("woff2"); }
  :root {
    --nc-navy: #0a152b;
    --nc-blue: #0764e8;
    --nc-blue-bright: #3190ff;
    --nc-white: #fff;
    --nc-surface: #f5f7fc;
    --nc-text: #16233b;
    --nc-text-muted: #57657c;
    --nc-border: #e1e7f0;
    --nc-radius: 16px;
    --nc-shadow: 0 18px 55px -25px rgb(23 52 94 / .22);
    --nc-font: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --nc-ease: cubic-bezier(.2,.7,.2,1);
    color-scheme: light;
    font-family: var(--nc-font);
    color: var(--nc-text);
    background: var(--nc-white);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  html { scroll-behavior: smooth; scroll-padding-top: 105px; }
  body { font-size: 1rem; line-height: 1.65; }
  a { color: inherit; text-decoration: none; }
  button { cursor: pointer; }
  a, button, input, select, textarea, summary { touch-action: manipulation; }
  :focus-visible { outline: 3px solid #2580ff; outline-offset: 5px; }
  ::selection { background: #c9e1ff; color: #0a152b; }
  p { color: var(--nc-text-muted); }
  h1, h2, h3, h4 { line-height: 1.14; letter-spacing: -.035em; font-weight: 650; }
  h2 { font-size: clamp(2rem, 3.6vw, 3.15rem); text-wrap: balance; }
  h3 { font-size: 1.25rem; }
  ul { padding: 0; list-style: none; }
  .icon { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
  .container { width: min(100% - 40px, 1200px); margin-inline: auto; }
  .section { padding-block: clamp(64px, 7vw, 104px); }
  .eyebrow { display: flex; align-items: center; gap: 10px; color: var(--nc-blue); font-size: .75rem; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 18px; }
  .eyebrow::before { content: ''; width: 20px; height: 2px; background: currentColor; }
  .section-copy { max-width: 600px; margin-top: 22px; font-size: 1.0625rem; }
  .section-head { display: flex; flex-direction: column; gap: 26px; margin-bottom: 42px; }
  .section-head .section-copy { margin: 0; }
  .accent { color: var(--nc-blue); }
  .skip-link { position: fixed; left: 16px; top: 10px; z-index: 200; transform: translateY(-160%); padding: 12px 18px; background: white; color: var(--nc-navy); border-radius: 6px; }
  .skip-link:focus { transform: translateY(0); }
}

@layer components {
  .button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 48px; border: 1px solid transparent; border-radius: 7px; padding: 13px 22px; font-weight: 600; font-size: .875rem; line-height: 1.35; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s var(--nc-ease); }
  .button .icon { width: 18px; height: 18px; transition: transform .2s; }
  .button:hover .icon, .text-link:hover .icon { transform: translateX(3px); }
  .button:active { transform: translateY(1px); }
  .button-primary { color: white; background: var(--nc-blue); box-shadow: 0 4px 12px rgb(7 100 232 / .12); }
  .button-primary:hover { background: #0057d4; box-shadow: 0 5px 20px rgb(7 100 232 / .26); }
  .button-outline { color: var(--nc-text); border-color: #cdd7e7; background: white; }
  .button-outline:hover { background: #edf4ff; border-color: #7099d9; }
  .button-ghost { background: rgb(255 255 255 / .02); color: white; border-color: rgb(255 255 255 / .23); }
  .button-ghost:hover { background: rgb(255 255 255 / .1); border-color: rgb(255 255 255 / .5); }
  .button-white { background: white; color: #102e5a; }
  .button-white:hover { background: #e5efff; }
  .button-small { min-height: 41px; padding: 11px 16px; font-size: .8125rem; }
  .text-link { display: inline-flex; align-items: center; gap: 15px; color: var(--nc-blue); font-size: .875rem; font-weight: 650; line-height: 1.5; width: fit-content; padding-block: 8px; }
  .text-link .icon { width: 18px; height: 18px; transition: transform .2s; }
  .brand { display: block; width: 184px; flex: 0 0 auto; }
  .brand img { width: 100%; height: auto; object-fit: contain; }
  .site-header { position: sticky; top: 0; z-index: 50; background: rgb(255 255 255 / .97); border-bottom: 1px solid #e5e9f0; transition: box-shadow .25s, background .25s; }
  .site-header.is-scrolled { background: rgb(255 255 255 / .94); box-shadow: 0 6px 28px rgb(11 24 49 / .07); backdrop-filter: blur(15px); }
  .header-inner { min-height: 78px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 18px; padding-block: 13px; }
  .navigation { display: flex; align-items: center; gap: 20px; }
  .nav-links, .nav-actions { display: flex; align-items: center; gap: 22px; }
  .nav-links a, .login-link { font-size: .8125rem; font-weight: 550; color: #49546a; transition: color .2s; white-space: nowrap; }
  .nav-links a:hover, .nav-links a[aria-current], .login-link:hover { color: var(--nc-blue); }
  .login-link { display: inline-flex; gap: 5px; align-items: center; }
  .login-link .icon { width: 14px; height: 14px; }
  .nav-actions { padding-left: 18px; border-left: 1px solid var(--nc-border); gap: 17px; }
  .menu-toggle { background: transparent; border: 1px solid var(--nc-border); color: var(--nc-text); border-radius: 6px; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; gap: 8px; }
  .menu-toggle span { font-size: .8125rem; }
  .hero { position: relative; overflow: clip; background: #0a152b; color: white; isolation: isolate; }
  .hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 72% 40%, #123666 0, transparent 53%), linear-gradient(112deg, #0a152b 20%, #0b1c36 100%); }
  .hero-grid { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgb(120 170 238 / .035) 1px, transparent 1px), linear-gradient(90deg, rgb(120 170 238 / .035) 1px, transparent 1px); background-size: 66px 66px; mask-image: linear-gradient(90deg, transparent 20%, black 90%); }
  .hero-layout { display: grid; align-items: center; grid-template-columns: 1fr 1fr; padding-block: 66px 54px; min-height: 640px; gap: 8px; }
  .hero-copy { position: relative; z-index: 2; }
  .hero-kicker { display: flex; align-items: center; gap: 10px; color: #a3b6d6; font-size: .75rem; font-weight: 550; letter-spacing: .18em; margin-bottom: 23px; }
  .tiny-hex { width: 10px; height: 12px; background: #3187fa; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display: inline-block; flex: 0 0 auto; }
  .hero h1 { font-size: clamp(3.35rem, 5.4vw, 4.55rem); font-weight: 620; line-height: 1.05; letter-spacing: -.055em; }
  .hero h1 > span { color: #4495ff; background: linear-gradient(120deg,#2988ff 5%,#63b3ff 95%); background-clip: text; -webkit-text-fill-color: transparent; }
  .hero-lead { margin-top: 25px; color: #d4deee; font-size: 1.0625rem; max-width: 455px; line-height: 1.7; }
  .hero-description { color: #93a6c5; max-width: 430px; font-size: .875rem; margin-top: 12px; line-height: 1.75; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
  .hero-bottom { display: flex; align-items: center; gap: 26px; justify-content: space-between; padding-block: 25px 29px; border-top: 1px solid rgb(148 173 214 / .14); }
  .hero-bottom > span { max-width: 110px; font-size: .75rem; color: #859bbd; letter-spacing: .13em; line-height: 1.8; }
  .hero-bottom ul { display: flex; align-items: center; gap: clamp(15px,3vw,40px); }
  .hero-bottom li { display: flex; gap: 10px; align-items: center; font-size: .75rem; color: #b0c1da; }
  .hero-bottom .icon { width: 19px; height: 19px; color: #6d93cd; }
  .core-scene { position: relative; width: 100%; height: 500px; margin-left: 15px; isolation: isolate; }
  .core-scene::before { content: ''; position: absolute; left: 50%; top: 49%; width: 315px; height: 315px; transform: translate(-50%,-50%); background: radial-gradient(#066cfa30,transparent 69%); filter: blur(16px); }
  .orbit { position: absolute; border: 1px solid rgb(71 132 222 / .14); border-radius: 50%; left: 50%; top: 47%; transform: translate(-50%,-50%); }
  .orbit-outer { width: 438px; height: 438px; }
  .orbit-inner { width: 316px; height: 316px; border-style: dashed; border-color: rgb(75 141 237 / .16); }
  .orbit-outer::before, .orbit-outer::after { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #378efa; }
  .orbit-outer::before { top: 53px; left: 66px; box-shadow: 0 0 15px #2c90ff; }
  .orbit-outer::after { bottom: 80px; right: 41px; }
  .scene-coordinate { font-family: var(--nc-font); position: absolute; color: #7491b9; font-size: .5625rem; letter-spacing: .17em; }
  .coordinate-top { top: 14px; left: 23%; }
  .coordinate-bottom { bottom: 6px; left: 25%; display: flex; align-items: center; gap: 7px; }
  .coordinate-bottom .tiny-hex { width: 6px; height: 7px; }
  .core-platform { position: absolute; width: 219px; height: 219px; left: 50%; top: 50%; transform: translate(-50%,-37%) rotateX(57deg) rotateZ(-45deg); border: 1px solid #237afa65; border-radius: 21px; background: linear-gradient(150deg,#1678e82b,#082958); }
  .platform-bottom { margin-top: 53px; background: #0b2545; border-color: #346390; box-shadow: -10px 14px 24px #030c2050; }
  .platform-top { margin-top: 23px; background: linear-gradient(90deg,#1168d626,#1c61b926); box-shadow: 0 0 40px #0764e815; }
  .core-tile { position: absolute; left: 50%; top: 45%; width: 154px; height: 182px; transform: translate(-50%,-50%); padding: 17px 20px 14px; border-radius: 20px; border: 1px solid #76b9ff44; background: linear-gradient(145deg,#fefeff,#e9f2ff); box-shadow: 0 18px 35px #020b234f, 0 0 0 8px #1d73d009, 0 0 0 18px #1d73d008; animation: levitate 7s ease-in-out infinite; }
  .core-tile img { width: 98px; height: auto; margin-inline: auto; mix-blend-mode: multiply; }
  .core-tile span { display: block; text-align: center; color: #49739d; font-size: .4375rem; line-height: 1.65; margin-top: 8px; letter-spacing: .13em; }
  .core-connection { position: absolute; height: 1px; background: linear-gradient(90deg,#2285ff90,#1e76d526); z-index: -1; }
  .connection-one { width: 195px; top: 166px; left: 78px; transform: rotate(22deg); }
  .connection-two { width: 139px; top: 215px; right: 47px; transform: rotate(-29deg); }
  .connection-three { width: 140px; top: 354px; left: 124px; transform: rotate(-36deg); }
  .floating-label { position: absolute; z-index: 3; display: flex; gap: 12px; align-items: center; padding: 15px 18px; color: #e5edfd; background: linear-gradient(120deg,#142b48f7,#10253ff2); border: 1px solid #6497db32; border-radius: 10px; box-shadow: 0 16px 30px #020b2026; }
  .floating-label > .icon { padding: 9px; width: 39px; height: 39px; border-radius: 9px; color: #4898ff; background: #2874db17; }
  .floating-label span { display: block; font-size: .5625rem; font-weight: 500; letter-spacing: .13em; color: #84a8d6; }
  .floating-label strong { display: block; margin-top: 4px; font-size: .75rem; font-weight: 500; }
  .float-software { top: 78px; left: -9px; transform: rotate(-3deg); }
  .float-people { top: 181px; right: -12px; transform: rotate(3deg); }
  .float-tech { bottom: 54px; left: 28px; transform: rotate(-2deg); }
  .product-heading { align-items: center; flex-direction: row; justify-content: space-between; gap: 60px; }
  .product-intro { max-width: 430px; }
  .product-signature { display: flex; align-items: center; gap: 12px; font-size: 1.625rem; font-weight: 650; letter-spacing: -.04em; margin-bottom: 14px; }
  .product-signature span { border-left: 1px solid #ced8e8; padding-left: 12px; font-size: .75rem; font-weight: 500; letter-spacing: 0; color: #526984; }
  .product-intro p { font-size: .9375rem; }
  .product-intro .text-link { margin-top: 12px; }
  .product-stage { position: relative; padding: 25px; background: radial-gradient(ellipse at 50% 25%,#d8e8ff,#f0f5fc 62%,#f5f8fc); border: 1px solid #e5edf9; border-radius: 21px; }
  .dashboard { overflow: hidden; border: 1px solid #d6e0ee; border-radius: 11px; box-shadow: 0 15px 35px -15px #213d6324, 0 1px 3px #31476c10; background: white; }
  .browser-bar { min-height: 37px; background: #fafbfd; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid #e2e8f2; color: #64738a; font-size: .75rem; }
  .browser-bar > span { display: flex; align-items: center; gap: 7px; }
  .browser-bar .icon { width: 10px; height: 10px; }
  .window-dots i { height: 6px; width: 6px; background: #c8d1df; border-radius: 100%; }
  .browser-bar .demo-chip { font-size: .75rem; letter-spacing: .1em; color: #526984; }
  .dashboard-layout { display: grid; grid-template-columns: 188px minmax(0,1fr); min-height: 384px; }
  .dashboard-sidebar { display: flex; flex-direction: column; padding: 20px 10px 14px; background: #101d35; color: #b1c0d6; }
  .dashboard-brand { display: flex; align-items: center; gap: 9px; margin: 0 9px 23px; color: white; font-weight: 650; font-size: 1rem; letter-spacing: -.02em; }
  .dashboard-brand img { width: 28px; height: 30px; border-radius: 5px; }
  .dashboard-brand small { display: block; font-size: .75rem; font-weight: 400; letter-spacing: .16em; color: #8396b8; }
  .dashboard-nav { display: grid; gap: 5px; }
  .dashboard-nav-item { display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; background: transparent; color: #aabbd5; border: 1px solid transparent; border-radius: 5px; padding: 10px; font-size: .75rem; transition: color .2s, background .2s; }
  .dashboard-nav-item .icon { width: 16px; height: 16px; }
  .dashboard-nav-item:hover { color: white; background: #1b304f; }
  .dashboard-nav-item.is-active { color: #b6d7ff; background: #183b67; border-color: #2c579035; }
  .dashboard-user { display: flex; align-items: center; gap: 9px; margin: auto 8px 0; padding-top: 30px; font-size: .75rem; }
  .dashboard-user small { display: block; color: #7990b0; font-size: .75rem; }
  .avatar { flex: 0 0 auto; display: grid; place-items: center; width: 31px; height: 31px; font-size: .75rem; background: #e5eeff; color: #4875b7; border-radius: 8px; font-weight: 600; }
  .dashboard-user .avatar { color: #9ec5ff; background: #233b5a; }
  .dashboard-main { background: #f6f8fc; min-width: 0; }
  .dashboard-top { height: 43px; background: white; border-bottom: 1px solid #e4eaf2; display: flex; align-items: center; justify-content: space-between; padding-inline: 25px; font-size: .75rem; color: #526984; }
  .dashboard-initials { border-radius: 50%; font-weight: 600; background: #eaf0fb; color: #346abb; width: 23px; height: 23px; display: grid; place-items: center; font-size: .75rem; }
  #dashboard-content { padding: 24px; min-height: 340px; }
  .dashboard-welcome { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
  .micro-label { display: block; font-size: .75rem; letter-spacing: .1em; color: #526984; margin-bottom: 7px; }
  .dashboard-welcome h3 { font-size: 1.1875rem; font-weight: 600; letter-spacing: -.03em; }
  .dashboard-welcome p { font-size: .75rem; margin-top: 7px; color: #526984; }
  .workspace-badge { border: 1px solid #dde7f4; border-radius: 5px; padding: 5px 9px; font-size: .75rem; color: #526984; white-space: nowrap; }
  .dashboard-shortcuts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-block: 23px 18px; }
  .dashboard-shortcuts > div { display: flex; gap: 11px; align-items: center; padding: 12px 14px; background: white; border: 1px solid #e4eaf4; border-radius: 7px; font-size: .75rem; font-weight: 550; }
  .dashboard-shortcuts > div > .icon { width: 29px; height: 29px; color: #3e7ccb; background: #f1f6ff; padding: 6px; border-radius: 6px; }
  .dashboard-shortcuts small { display: block; font-size: .75rem; font-weight: 400; color: #526984; }
  .dashboard-panels { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; }
  .workspace-panel { padding: 16px; border: 1px solid #e4eaf3; border-radius: 7px; background: white; min-width: 0; }
  .panel-title { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
  .panel-title h4 { font-size: .75rem; letter-spacing: -.01em; font-weight: 600; }
  .panel-title > .icon { width: 14px; height: 14px; color: #8a9dba; }
  .project-row { display: flex; align-items: center; gap: 8px; border-top: 1px solid #f0f3f8; padding-block: 10px; font-size: .75rem; }
  .project-row small { display: block; font-size: .75rem; color: #526984; margin-top: 2px; }
  .project-icon { width: 29px; height: 29px; background: #f1f5fc; border-radius: 5px; display: grid; place-items: center; color: #668bbb; flex-shrink: 0; }
  .project-icon .icon { width: 15px; height: 15px; }
  .status-pill { color: #3b64a1; font-size: .75rem; margin-left: auto; white-space: nowrap; border: 1px solid #e3ecfb; border-radius: 4px; background: #f3f7ff; padding: 2px 5px; }
  .status-light { color: #526984; border-color: #e7ecf4; background: #f7f9fc; }
  .context-strip { display: flex; gap: 7px; font-size: .75rem; color: #526984; align-items: center; padding-top: 10px; border-top: 1px solid #edf1f6; }
  .context-strip .icon { width: 12px; height: 12px; }
  .demo-message { display: flex; gap: 8px; align-items: flex-start; }
  .demo-message strong { font-size: .75rem; font-weight: 600; }
  .demo-message p { font-size: .75rem; line-height: 1.5; margin-top: 3px; color: #526984; }
  .demo-message .avatar { width: 24px; height: 24px; font-size: .75rem; border-radius: 6px; }
  .message-response { margin: 10px 0 0 21px; padding: 9px; background: #edf4ff; color: #6285b3; font-size: .75rem; border-radius: 5px; display: flex; align-items: center; gap: 6px; }
  .message-response .icon { width: 12px; height: 12px; }
  .demo-data-note { font-size: .75rem; color: #526984; display: block; margin-top: 10px; text-align: right; }
  .product-after { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: 30px; align-items: center; padding-block: 29px; border-bottom: 1px solid var(--nc-border); }
  .product-after > p:first-child { font-size: .9375rem; color: #64718a; line-height: 1.6; }
  .product-after strong { color: #2c3b55; font-weight: 600; }
  .product-after > p:nth-child(2) { font-size: .8125rem; max-width: 440px; }
  .product-status { display: inline-flex; align-items: center; color: #5a7296; font-size: .75rem; border: 1px solid #dce6f4; border-radius: 100px; padding: 7px 12px; width: fit-content; background: #f7faff; white-space: nowrap; }
  .module-strip { display: flex; gap: 9px; justify-content: center; flex-wrap: wrap; margin-top: 27px; }
  .module-chip { display: inline-flex; gap: 7px; align-items: center; font-size: .75rem; padding: 8px 12px; border: 1px solid #e5ebf4; border-radius: 6px; color: #63748e; transition: border-color .2s, color .2s; }
  .module-chip:hover { border-color: #94b7ea; color: #0764e8; }
  .module-chip .icon { width: 14px; height: 14px; color: #6488b9; }
  .center-link { text-align: center; margin-top: 16px; }
  .center-link .text-link { font-size: .8125rem; }
  .solutions-section { background: var(--nc-surface); border-block: 1px solid #edf1f7; }
  .solutions-section > .container > .section-head { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 70px; }
  .solutions-section .section-copy { max-width: 440px; font-size: .9375rem; }
  .solutions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .solution-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 27px 28px 32px; border: 1px solid #e1e8f2; border-radius: 12px; background: white; transition: transform .25s var(--nc-ease), box-shadow .25s, border-color .25s; }
  .solution-card:hover { transform: translateY(-4px); border-color: #b3cbed; box-shadow: var(--nc-shadow); }
  .solution-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--nc-blue); border: 1px solid #dde9fb; background: #f0f6ff; border-radius: 10px; margin-bottom: 26px; }
  .solution-icon .icon { width: 21px; height: 21px; }
  .solution-card h3 { font-size: 1.0625rem; font-weight: 600; letter-spacing: -.02em; padding-right: 12px; }
  .solution-card p { font-size: .875rem; line-height: 1.7; margin-top: 11px; max-width: 260px; }
  .solution-arrow { position: absolute; top: 30px; right: 25px; color: #9aadc7; }
  .solution-arrow .icon { width: 17px; height: 17px; }
  .audience-block { display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; padding-top: 57px; margin-top: 50px; border-top: 1px solid #dae3f0; }
  .audience-intro .eyebrow { font-size: .75rem; }
  .audience-intro h3 { font-size: 1.75rem; line-height: 1.22; }
  .audience-switch { display: inline-flex; gap: 3px; background: #e7edf6; padding: 4px; border-radius: 8px; margin-top: 24px; }
  .audience-switch button { display: flex; align-items: center; gap: 8px; color: #526580; font-size: .8125rem; padding: 10px 15px; border-radius: 5px; border: 1px solid transparent; background: transparent; min-height: 44px; }
  .audience-switch .icon { width: 16px; height: 16px; }
  .audience-switch button.is-active { color: #105cb9; background: white; border-color: #d7e2f1; box-shadow: 0 2px 5px #1b3a6010; }
  .audience-panel { padding: 5px 0; }
  .audience-panel h4 { font-size: 1.1875rem; letter-spacing: -.02em; }
  .audience-panel > p { font-size: .875rem; margin-top: 12px; max-width: 440px; }
  .tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 20px; }
  .tag-list li { font-size: .75rem; color: #627591; padding: 5px 10px; border: 1px solid #dce5f2; border-radius: 4px; background: #fbfcff; }
  .service-section { background: #0b1830; color: #f3f7ff; position: relative; overflow: hidden; }
  .service-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 90% 100%,#10438150,transparent 60%); pointer-events: none; }
  .service-layout { position: relative; display: grid; grid-template-columns: 1fr 1.03fr; gap: 100px; align-items: center; }
  .service-copy .eyebrow { color: #76abf5; }
  .service-copy h2 { font-size: clamp(1.9rem,3.1vw,2.7rem); }
  .service-copy h2 > span { color: #99b9e7; }
  .service-copy .section-copy { font-size: .9375rem; color: #96a9c6; margin-bottom: 27px; }
  .support-note { display: flex; align-items: center; gap: 9px; margin-top: 24px; color: #819bbc; font-size: .75rem; }
  .support-note .icon { width: 15px; height: 15px; }
  .service-list { border-top: 1px solid #42618a50; }
  .service-item { display: flex; align-items: center; gap: 15px; min-height: 61px; border-bottom: 1px solid #42618a50; padding: 15px 3px; transition: color .2s, padding .2s; font-size: .875rem; }
  .service-item > .icon:first-child { color: #729de0; width: 20px; height: 20px; }
  .service-item > .icon:last-child { color: #627d9e; width: 16px; height: 16px; margin-left: auto; }
  .service-item:hover { color: #8ec0ff; padding-inline: 9px; }
  .hardware-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
  .hardware-visual { background: linear-gradient(145deg,#edf3fc,#f8faff); border: 1px solid #e3eaf5; border-radius: 16px; min-height: 458px; padding: 27px; overflow: hidden; position: relative; }
  .hardware-visual::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(#ccdbee35 1px,transparent 1px),linear-gradient(90deg,#ccdbee35 1px,transparent 1px); background-size: 30px 30px; mask-image: radial-gradient(ellipse at center,black,transparent 73%); pointer-events: none; }
  .hardware-caption { display: flex; justify-content: space-between; align-items: center; color: #526984; font-size: .75rem; letter-spacing: .15em; position: relative; }
  .hardware-caption .icon { width: 19px; height: 19px; }
  .component-stack { height: 272px; position: relative; perspective: 700px; }
  .hardware-layer { position: absolute; width: 162px; height: 162px; top: 50%; left: 50%; border-radius: 12px; transform: translate(-50%,-50%) rotateX(52deg) rotateZ(-45deg); }
  .layer-board { background: linear-gradient(45deg,#102a4f,#245c98); border: 4px solid #d5e2f2; box-shadow: -8px 9px 0 #819dbd,-17px 17px 0 #c5d5e7, -20px 22px 25px #406ea736; margin-top: 51px; }
  .layer-board::before { content: ''; position: absolute; inset: 19px; border: 1px solid #4a88c4; border-radius: 5px; background: repeating-linear-gradient(90deg,transparent 0 15px,#528fd71f 15px 16px), repeating-linear-gradient(transparent 0 15px,#528fd71f 15px 16px); }
  .layer-processor { background: linear-gradient(160deg,#2788fa,#075fdd); margin-top: 6px; display: grid; place-items: center; color: #d4eaff; box-shadow: -5px 5px 0 #1f4e8d, 0 0 50px #1078ef33; border: 2px solid #80baff; }
  .layer-processor > span { display: block; font-size: 2.5rem; letter-spacing: -.06em; font-weight: 500; text-align: center; transform: rotate(45deg); }
  .layer-processor > span > span { display: block; font-size: .3rem; letter-spacing: .12em; font-weight: 400; }
  .layer-outline { border: 1px solid #9cbee8; margin-top: -38px; background: #ddeeff40; }
  .hardware-pin { position: absolute; width: 1px; height: 88px; background: linear-gradient(#519cff00,#83ace280); top: 107px; }
  .pin-one { left: 28%; }
  .pin-two { left: 51%; height: 110px; top: 134px; }
  .pin-three { left: 73%; }
  .hardware-select { display: flex; gap: 5px; justify-content: center; position: relative; flex-wrap: wrap; }
  .hardware-select button { min-height: 36px; background: #f9fbfe; border: 1px solid #d7e2f0; padding: 7px 12px; border-radius: 5px; font-size: .75rem; color: #526984; }
  .hardware-select button.is-active { background: #e6efff; color: #1465c9; border-color: #b6d1fb; }
  #hardware-detail { position: relative; text-align: center; font-size: .75rem; margin-top: 15px; color: #526984; min-height: 2.8em; }
  .hardware-copy h2 { font-size: clamp(2rem,3.2vw,2.8rem); }
  .hardware-copy .section-copy { font-size: .9375rem; }
  .hardware-tags { margin-block: 22px; }
  .hardware-tags li { background: white; }
  .software-section { padding-top: 28px; }
  .software-section .section-head { display: flex; flex-direction: row; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 17px; }
  .software-section .section-copy { font-size: .9375rem; max-width: 740px; }
  .software-section h2 { font-size: clamp(1.85rem,3vw,2.6rem); }
  .process-flow { list-style: none; padding: 0; margin-top: 45px; display: grid; grid-template-columns: repeat(6,1fr); }
  .process-flow li { border-top: 1px solid #cddcf0; position: relative; padding: 28px 20px 0 0; }
  .process-flow li::before { content: ''; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border: 1px solid #6698e3; background: white; border-radius: 2px; }
  .step-number { color: #526984; font-size: .75rem; font-weight: 500; }
  .process-flow h3 { font-size: .9375rem; letter-spacing: -.02em; margin-top: 14px; font-weight: 600; }
  .process-flow p { color: #526984; font-size: .75rem; line-height: 1.7; margin-top: 10px; max-width: 160px; }
  .pricing-section { background: var(--nc-surface); border-block: 1px solid #edf1f7; }
  .pricing-heading { text-align: center; max-width: 640px; margin-inline: auto; margin-bottom: 61px; }
  .pricing-heading .eyebrow { justify-content: center; }
  .pricing-heading .eyebrow::before { display: none; }
  .pricing-heading > p { font-size: .9375rem; margin-top: 19px; }
  .billing-switch { display: inline-flex; align-items: center; gap: 3px; margin-top: 24px; border: 1px solid #d6e0ef; border-radius: 7px; padding: 4px; background: #eaf0f8; }
  .billing-switch button { font-size: .8125rem; min-height: 40px; padding: 8px 20px; border: 0; border-radius: 4px; background: transparent; color: #627692; }
  .billing-switch button[aria-pressed=true] { background: white; color: #145dba; box-shadow: 0 2px 7px #1f48721a; }
  .pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 21px; align-items: stretch; }
  .price-card { display: flex; flex-direction: column; padding: 32px 28px 23px; border: 1px solid #dce4f0; background: white; border-radius: 12px; position: relative; box-shadow: 0 4px 15px #19324f03; }
  .price-card.featured { border-color: #337fec; box-shadow: 0 12px 36px -14px #0d63da30; transform: translateY(-8px); }
  .recommended { position: absolute; top: -15px; left: 27px; background: var(--nc-blue); color: white; border: 4px solid var(--nc-surface); border-radius: 7px; font-size: .75rem; letter-spacing: .08em; font-weight: 600; padding: 4px 10px; }
  .plan-top { display: flex; flex-direction: column; gap: 20px; }
  .plan-top > .icon { color: #4c75a7; width: 25px; height: 25px; }
  .featured .plan-top > .icon { color: var(--nc-blue); }
  .plan-top h3 { font-size: .75rem; letter-spacing: .1em; color: #344563; font-weight: 650; }
  .plan-tagline { font-size: .75rem; color: #526984; margin-top: 10px; min-height: 2em; }
  .plan-price { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; border-bottom: 1px solid var(--nc-border); margin-top: 22px; padding-bottom: 24px; }
  .price-value { color: #334763; font-size: clamp(1.2rem,1.7vw,1.45rem); font-weight: 580; letter-spacing: -.035em; overflow-wrap: anywhere; }
  .plan-price.has-price .price-value { color: #142a47; font-size: 2rem; }
  .price-period { color: #72839d; font-size: .75rem; }
  .plan-description { font-size: .875rem; line-height: 1.8; margin-top: 22px; margin-bottom: 25px; }
  .price-card .button { width: 100%; margin-top: auto; }
  .plan-features { font-size: .8125rem; color: #506783; margin-bottom: 23px; }
  .plan-features li { display: flex; align-items: start; gap: 9px; padding-block: 5px; }
  .plan-features .icon { width: 16px; height: 16px; color: var(--nc-blue); margin-top: 3px; }
  .plan-scope { text-align: center; font-size: .75rem; color: #526984; margin-top: 13px; }
  .pricing-note { font-size: .75rem; text-align: center; color: #526984; max-width: 750px; margin: 27px auto 0; }
  .company-heading { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 80px; margin-bottom: 50px; }
  .company-heading h2 { font-size: clamp(1.9rem,3.1vw,2.7rem); }
  .company-heading > p { font-size: .9375rem; }
  .pillars { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; }
  .pillar { position: relative; border-top: 1px solid #cfdbeb; padding-top: 25px; }
  .pillar::before { content: ''; position: absolute; left: 0; top: -1px; width: 0; height: 2px; background: var(--nc-blue); transition: width .5s var(--nc-ease); }
  .pillar:hover::before { width: 100%; }
  .pillar-number { display: block; font-size: 2.25rem; font-weight: 450; letter-spacing: -.05em; color: #6483ac; margin-bottom: 24px; line-height: 1; }
  .pillar h3 { font-size: 1.0625rem; line-height: 1.4; max-width: 240px; font-weight: 600; }
  .pillar p { font-size: .8125rem; margin-top: 13px; line-height: 1.8; max-width: 230px; }
  .final-cta { position: relative; overflow: hidden; background: #09204a; color: white; padding-block: 70px; }
  .final-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 65%, #084b9770,transparent 65%),linear-gradient(110deg,#0a1937,#0a2d58); }
  .cta-layout { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 60px; }
  .final-cta .eyebrow { color: #82b7ff; font-size: .75rem; }
  .final-cta h2 { font-size: clamp(2rem,3.6vw,3rem); }
  .final-cta p { color: #9fb7d7; font-size: .9375rem; margin-top: 23px; }
  .cta-emblem { position: relative; width: 270px; height: 290px; flex-shrink: 0; margin-right: 45px; display: grid; place-items: center; }
  .cta-emblem > div { position: absolute; inset: 10px; background: linear-gradient(135deg,#659bff33,transparent 70%); clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
  .cta-emblem > div:nth-child(2) { inset: 30px; background: #0c2d52; }
  .cta-emblem > div:nth-child(3) { inset: 69px; background: linear-gradient(135deg,#4ba1ff30,#5a9eff05); }
  .cta-emblem > span { position: relative; font-size: 3.2rem; color: #70a9ef; font-weight: 500; letter-spacing: -.06em; }
  .cta-emblem > span > span { color: #326fb9; }
  .contact-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 100px; align-items: start; }
  .contact-copy { padding-top: 15px; }
  .contact-copy h2 { font-size: clamp(1.9rem,3vw,2.7rem); }
  .contact-copy .section-copy { font-size: .9375rem; max-width: 380px; }
  .contact-points { margin-block: 38px; display: grid; gap: 18px; }
  .contact-points > div { display: flex; align-items: center; gap: 13px; font-size: .8125rem; color: #566b88; }
  .contact-points .icon { width: 19px; height: 19px; color: #608ac3; }
  .contact-brand-note { border-top: 1px solid #e1e8f2; padding-top: 21px; display: flex; gap: 10px; align-items: center; font-size: .75rem; color: #526984; max-width: 385px; }
  .contact-owner { display: grid; gap: 4px; margin: 0 0 15px; font-size: .8125rem; color: #526984; }
  .contact-owner strong { color: #17365f; font-weight: 600; }
  .contact-owner span { line-height: 1.45; }
  .hp-field { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
  .contact-direct { display: grid; gap: 12px; padding-bottom: 25px; font-size: .875rem; }
  .contact-direct a { display: flex; align-items: center; gap: 10px; color: #1767ce; }
  .contact-direct a .icon { width: 18px; height: 18px; }
  .contact-form { border: 1px solid #e1e7f0; box-shadow: 0 14px 40px -22px #27497324; border-radius: 13px; padding: 30px; background: #fff; }
  .form-heading h3 { font-size: 1.0625rem; font-weight: 600; }
  .form-heading p { font-size: .75rem; color: #526984; margin-top: 8px; }
  .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 19px 16px; margin-top: 24px; }
  .field { display: flex; flex-direction: column; min-width: 0; }
  .field-full { grid-column: 1 / -1; }
  .field > label { font-size: .75rem; font-weight: 550; color: #41536f; margin-bottom: 7px; }
  .field > label > span { color: #526984; font-weight: 400; }
  input:not([type=checkbox]), select, textarea { width: 100%; max-width: 100%; color: #263e61; border: 1px solid #dce3ee; background: #fcfdff; border-radius: 5px; padding: 11px 12px; min-height: 44px; font-size: .8125rem; line-height: 1.5; transition: border-color .2s, box-shadow .2s; }
  input::placeholder, textarea::placeholder { color: #94a0b3; opacity: 1; }
  select { padding-right: 25px; }
  textarea { resize: vertical; min-height: 105px; }
  input:not([type=checkbox]):focus, select:focus, textarea:focus { outline: 2px solid #267aff; outline-offset: 2px; background: white; }
  .field-error { font-size: .75rem; color: #334d73; display: block; }
  .field-error:not(:empty) { margin-top: 7px; }
  [aria-invalid=true] { border-color: #315d96 !important; box-shadow: inset 3px 0 0 #315d96; }
  .consent-field { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; }
  .consent-field input { margin: 3px 0 0; width: 17px; height: 17px; min-height: 17px; flex-shrink: 0; accent-color: #0764e8; cursor: pointer; }
  .consent-field label { font-size: .75rem; color: #526984; line-height: 1.7; }
  .consent-field a { text-decoration: underline; text-underline-offset: 3px; color: #356cac; }
  .form-availability { font-size: .75rem; line-height: 1.6; color: #526984; margin-top: 16px; }
  .form-submit { width: 100%; margin-top: 16px; }
  .button:disabled { opacity: .6; cursor: wait; }
  .selected-plan { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 12px; border: 1px solid #bcd3f6; background: #eef5ff; border-radius: 5px; margin-top: 18px; color: #2465b9; font-size: .75rem; }
  .selected-plan button { background: transparent; border: 0; color: inherit; display: grid; place-items: center; width: 32px; height: 32px; }
  .selected-plan button .icon { width: 16px; height: 16px; }
  .form-status { padding: 15px; background: #eef4fd; border: 1px solid #ccddf6; border-radius: 6px; font-size: .8125rem; margin-top: 18px; color: #365c8b; }
  #copy-request { margin-top: 12px; }
  .request-preview { margin-top: 12px; font-size: .75rem; min-height: 230px; }
  .no-script { border: 1px solid #d2e1f5; padding: 12px; font-size: .8125rem; margin-top: 15px; }
  .site-footer { background: #f8fafd; border-top: 1px solid #e4eaf3; padding-top: 54px; }
  .footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1.25fr .8fr .7fr; gap: 30px; padding-bottom: 48px; }
  .footer-brand .brand { width: 181px; mix-blend-mode: multiply; }
  .footer-brand > p { font-size: .8125rem; color: #445d7e; margin-top: 12px; }
  .footer-brand > span { font-size: .75rem; color: #526984; display: block; margin-top: 7px; }
  .footer-column h2 { font-size: .75rem; letter-spacing: 0; font-weight: 650; color: #385172; margin: 9px 0 19px; }
  .footer-column li { font-size: .75rem; color: #526984; margin-top: 11px; }
  .footer-column a:hover { color: var(--nc-blue); }
  .footer-bottom { display: flex; justify-content: space-between; gap: 20px; align-items: center; border-top: 1px solid #e0e8f3; padding-block: 21px; font-size: .75rem; color: #526984; }
  .footer-bottom > p { color: #526984; }
  .footer-bottom > span { font-size: .75rem; letter-spacing: .08em; }
  .product-hero { background: linear-gradient(135deg,#f7faff,#eef5ff); }
  .back-link { display: inline-block; font-size: .8125rem; color: #5b7498; margin-bottom: 37px; }
  .back-link:hover { color: var(--nc-blue); }
  .product-hero .eyebrow > span { font-size: .75rem; color: #6784ad; letter-spacing: .08em; border-left: 1px solid #bdcfe9; padding-left: 14px; }
  .product-hero h1 { font-size: clamp(2.35rem,4.9vw,4rem); max-width: 970px; line-height: 1.12; }
  .product-hero p { max-width: 595px; margin-top: 25px; font-size: 1.0625rem; }
  .product-hero .product-status { margin-top: 25px; }
  .product-subnav { position: sticky; top: 78px; z-index: 20; border-block: 1px solid #e1e8f3; background: #ffffffed; backdrop-filter: blur(10px); }
  .product-subnav nav { display: flex; flex-wrap: wrap; column-gap: 27px; padding-block: 15px; }
  .product-subnav a { font-size: .75rem; color: #62799a; padding-block: 4px; }
  .product-subnav a:hover { color: #0867e5; }
  .product-availability p { font-size: .8125rem; padding-top: 35px; max-width: 850px; color: #526984; }
  .detail-section { scroll-margin-top: 70px; }
  .detail-section:nth-of-type(2n+1) { background: #f7f9fd; }
  .detail-heading { display: flex; align-items: center; gap: 38px; margin-bottom: 39px; }
  .detail-number { font-size: 2.8rem; color: #6483ac; letter-spacing: -.05em; }
  .detail-heading .eyebrow { font-size: .75rem; margin-bottom: 12px; }
  .detail-heading h2 { font-size: clamp(1.75rem,3vw,2.4rem); }
  .detail-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }
  .detail-cards article { padding: 27px; background: white; border: 1px solid #e0e8f4; border-radius: 10px; }
  .detail-cards h3 { font-size: 1.125rem; }
  .detail-cards p { font-size: .9375rem; margin-top: 15px; }
  .detail-cards .solution-icon { margin-bottom: 25px; }
  .product-end { background: #edf4ff; }
  .product-end .container { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
  .product-end p { margin-top: 20px; }
  .legal-main { max-width: 850px; padding-block: 55px 85px; }
  .legal-main > h1 { font-size: clamp(2.1rem,4.5vw,3.3rem); }
  .legal-lead { margin-top: 22px; font-size: 1.0625rem; }
  .legal-main section { margin-top: 36px; }
  .legal-main h2 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 13px; }
  .legal-main section p { font-size: 1rem; line-height: 1.85; }
  .not-found { min-height: 60vh; padding-block: 100px; }
  .not-found h1 { font-size: clamp(2rem,4.5vw,4rem); }
  .not-found p { margin-block: 25px; }
  .reveal-enter { animation: reveal .65s var(--nc-ease) both; }
}
@keyframes levitate { 0%,100% { transform: translate(-50%,-50%); } 50% { transform: translate(-50%,-54%); } }
@keyframes reveal { from { opacity: .65; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@layer responsive {
  @media (min-width: 1500px) { .container { width: min(100% - 100px,1280px); } .hero-layout { padding-block: 75px; } .core-scene { margin-left: 0; } }
  @media (max-width: 1190px) {
    .brand { width: 162px; }
    .nav-links { gap: 15px; }
    .navigation { gap: 15px; }
    .nav-actions { padding-left: 14px; gap: 13px; }
    .nav-links a, .login-link { font-size: .75rem; }
    .button-small { padding: 10px 13px; }
    .core-scene { margin-left: 0; height: 465px; }
    .float-software { left: -15px; }
    .float-people { right: -8px; }
    .floating-label { padding: 12px; gap: 9px; }
    .floating-label strong { font-size: .75rem; }
    .floating-label > .icon { width: 33px; height: 33px; padding: 7px; }
    .orbit-outer { width: 365px; height: 365px; }
    .orbit-inner { width: 278px; height: 278px; }
    .hero-bottom ul { gap: 23px; }
    .hero-bottom li { font-size: .75rem; gap: 8px; }
    .service-layout, .hardware-layout, .contact-layout { gap: 60px; }
    .product-after { gap: 20px; }
    .dashboard-panels { grid-template-columns: 1.15fr 1fr; }
    .dashboard-shortcuts > div { gap: 8px; padding: 12px 10px; }
    .footer-grid { gap: 24px; }
  }
  @media (max-width: 1023px) {
    .header-inner { min-height: 72px; }
    .brand { width: 178px; }
    .menu-toggle:not([hidden]) { display: inline-flex; padding-inline: 12px; }
    .navigation { flex-basis: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 20px; border-top: 1px solid #e1e8f2; padding-top: 10px; }
    .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
    .nav-links a { font-size: .875rem; padding: 12px 8px; border-bottom: 1px solid #edf1f7; }
    .nav-actions { border: 0; padding: 0 0 8px; justify-content: flex-end; }
    .login-link { font-size: .875rem; }
    .hero-layout { grid-template-columns: 1fr 1fr; min-height: 610px; gap: 0; padding-block: 50px; }
    .hero h1 { font-size: 3.6rem; }
    .hero-lead { font-size: .9375rem; max-width: 350px; }
    .hero-description { font-size: .8125rem; max-width: 330px; }
    .hero-actions .button { padding: 12px 16px; font-size: .8125rem; }
    .core-scene { height: 425px; }
    .orbit-outer { width: 326px; height: 326px; }
    .orbit-inner { width: 235px; height: 235px; }
    .core-tile { width: 137px; height: 166px; padding: 13px; }
    .core-tile img { width: 90px; }
    .core-platform { width: 186px; height: 186px; }
    .float-software { left: -5px; top: 56px; }
    .float-people { top: 166px; right: -8px; }
    .float-tech { bottom: 38px; left: 9px; }
    .floating-label { gap: 7px; padding: 10px; }
    .floating-label strong { font-size: .75rem; }
    .floating-label span { font-size: .5rem; }
    .floating-label > .icon { width: 27px; height: 27px; padding: 5px; }
    .coordinate-top { left: 16%; font-size: .5rem; }
    .coordinate-bottom { left: 18%; font-size: .5rem; }
    .hero-bottom > span { display: none; }
    .hero-bottom ul { width: 100%; justify-content: space-between; gap: 18px; }
    .product-heading { gap: 40px; }
    .product-intro { max-width: 380px; }
    .product-stage { padding: 17px; }
    .dashboard-layout { grid-template-columns: 155px minmax(0,1fr); }
    .dashboard-brand { font-size: .875rem; gap: 6px; margin-inline: 3px; }
    .dashboard-nav-item { font-size: .75rem; gap: 7px; padding: 9px 7px; }
    #dashboard-content { padding: 19px; }
    .workspace-badge { display: none; }
    .dashboard-shortcuts { gap: 8px; }
    .dashboard-shortcuts small { display: none; }
    .dashboard-shortcuts > div { font-size: .75rem; }
    .dashboard-panels { grid-template-columns: 1fr; }
    .message-panel { display: none; }
    .product-after { grid-template-columns: 1fr 1.2fr; }
    .product-after .product-status { grid-column: 1 / -1; }
    .solutions-section > .container > .section-head { gap: 35px; }
    .solution-card { padding: 23px; }
    .solution-card h3 { font-size: 1rem; line-height: 1.35; }
    .solution-card p { font-size: .8125rem; }
    .audience-block { gap: 40px; }
    .service-layout, .hardware-layout, .contact-layout { gap: 40px; }
    .service-copy h2 { font-size: 2rem; }
    .service-item { font-size: .8125rem; }
    .hardware-visual { min-height: 400px; padding: 20px; }
    .component-stack { height: 253px; }
    .hardware-copy h2 { font-size: 2rem; }
    .hardware-select button { padding-inline: 9px; }
    .software-section .section-head { align-items: start; flex-direction: column; }
    .process-flow { grid-template-columns: repeat(3,1fr); gap: 28px 0; }
    .process-flow p { max-width: 200px; }
    .price-card { padding: 28px 21px 23px; }
    .plan-tagline { min-height: 3.5em; }
    .price-value { font-size: 1.15rem; }
    .plan-description { font-size: .8125rem; }
    .company-heading { gap: 40px; }
    .pillars { gap: 22px; }
    .pillar h3 { font-size: 1rem; }
    .cta-emblem { width: 190px; height: 210px; margin-right: 0; }
    .cta-emblem > div:nth-child(3) { inset: 52px; }
    .cta-emblem > span { font-size: 2.25rem; }
    .contact-form { padding: 24px; }
    .form-grid { gap: 17px 12px; }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1.2fr; row-gap: 35px; }
    .footer-brand { grid-row: span 2; }
    .product-subnav { top: 72px; }
  }
  @media (max-width: 767px) {
    .container { width: calc(100% - 40px); }
    .section { padding-block: 66px; }
    h2 { font-size: 2rem; }
    .hero-layout { display: flex; flex-direction: column; align-items: stretch; gap: 15px; padding: 45px 0 10px; }
    .hero h1 { font-size: clamp(3.25rem,10vw,4.25rem); }
    .hero-kicker { margin-bottom: 23px; font-size: .75rem; }
    .hero-lead { max-width: 490px; font-size: 1rem; margin-top: 24px; }
    .hero-description { max-width: 450px; font-size: .875rem; }
    .hero-actions { gap: 10px; margin-top: 25px; }
    .hero-actions .button { min-height: 46px; font-size: .8125rem; }
    .core-scene { max-width: 410px; height: 355px; margin: 18px auto 0; }
    .orbit-outer { width: 303px; height: 303px; }
    .orbit-inner { width: 219px; height: 219px; }
    .core-tile { width: 120px; height: 145px; padding: 12px; }
    .core-tile img { width: 73px; }
    .core-tile span { font-size: .375rem; margin-top: 8px; }
    .core-platform { width: 166px; height: 166px; }
    .platform-bottom { margin-top: 40px; }
    .platform-top { margin-top: 17px; }
    .floating-label { padding: 10px; gap: 8px; }
    .floating-label strong { font-size: .75rem; }
    .float-software { top: 45px; left: 0; }
    .float-people { top: 138px; right: -1px; }
    .float-tech { bottom: 24px; left: 12px; }
    .scene-coordinate { font-size: .4375rem; }
    .coordinate-top { left: 24%; top: 0; }
    .coordinate-bottom { left: 34%; bottom: -2px; font-size: .375rem; }
    .connection-one { width: 134px; top: 113px; left: 70px; }
    .connection-two { width: 120px; top: 177px; right: 36px; }
    .connection-three { width: 109px; top: 253px; left: 94px; }
    .hero-bottom { margin-top: 24px; padding-block: 24px 29px; }
    .hero-bottom ul { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; }
    .hero-bottom li { font-size: .75rem; gap: 10px; }
    .hero-bottom .icon { width: 16px; height: 16px; }
    .product-heading { align-items: start; flex-direction: column; gap: 28px; }
    .product-intro { max-width: 100%; }
    .product-signature { font-size: 1.4rem; }
    .product-stage { padding: 11px; border-radius: 12px; margin-inline: -3px; }
    .dashboard-layout { display: block; }
    .browser-bar { padding: 9px; }
    .window-dots, .browser-bar .demo-chip { display: none !important; }
    .browser-bar { justify-content: center; font-size: .75rem; }
    .dashboard-sidebar { padding: 9px 7px; }
    .dashboard-brand, .dashboard-user { display: none; }
    .dashboard-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
    .dashboard-nav-item { width: auto; padding: 8px; font-size: .75rem; min-height: 36px; gap: 5px; }
    .dashboard-nav-item .icon { width: 13px; height: 13px; }
    .dashboard-top { padding-inline: 15px; height: 38px; }
    #dashboard-content { padding: 18px 13px; min-height: 353px; }
    .dashboard-welcome h3 { font-size: 1rem; line-height: 1.25; }
    .dashboard-welcome p { font-size: .75rem; }
    .dashboard-shortcuts { gap: 6px; margin-top: 18px; }
    .dashboard-shortcuts > div { display: flex; flex-direction: column; gap: 6px; padding: 9px 5px; font-size: .75rem; }
    .dashboard-shortcuts > div > .icon { width: 25px; height: 25px; padding: 5px; }
    .workspace-panel { padding: 13px; }
    .project-row { font-size: .75rem; }
    .product-after { grid-template-columns: 1fr; gap: 16px; padding-block: 25px; }
    .product-after > p:nth-child(2) { font-size: .875rem; max-width: none; }
    .module-strip { justify-content: flex-start; gap: 7px; }
    .module-chip { font-size: .75rem; padding: 7px 9px; }
    .solutions-section > .container > .section-head { grid-template-columns: 1fr; gap: 21px; }
    .solutions-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
    .solution-card { padding: 20px 17px 24px; }
    .solution-icon { width: 37px; height: 37px; margin-bottom: 22px; }
    .solution-card h3 { font-size: 1rem; padding-right: 0; }
    .solution-card p { font-size: .8125rem; }
    .solution-arrow { right: 15px; top: 23px; }
    .solution-arrow .icon { width: 14px; height: 14px; }
    .audience-block { grid-template-columns: 1fr; gap: 31px; padding-top: 38px; margin-top: 38px; }
    .audience-intro h3 { font-size: 1.625rem; }
    .audience-switch { width: 100%; }
    .audience-switch button { flex: 1; justify-content: center; font-size: .8125rem; padding: 10px; }
    .service-layout { grid-template-columns: 1fr; gap: 37px; }
    .service-copy h2 { font-size: 2.1rem; }
    .service-item { min-height: 60px; font-size: .9375rem; }
    .service-copy .section-copy { max-width: none; }
    .hardware-layout { display: flex; flex-direction: column-reverse; gap: 35px; align-items: stretch; }
    .hardware-copy h2 { font-size: 2.1rem; }
    .hardware-visual { min-height: 405px; max-width: 490px; width: 100%; align-self: center; }
    .hardware-caption { font-size: .75rem; }
    .hardware-select button { font-size: .75rem; padding-inline: 15px; }
    .component-stack { height: 263px; }
    .software-section { padding-top: 9px; }
    .software-section .section-head { gap: 21px; }
    .software-section h2 { font-size: 2rem; }
    .process-flow { grid-template-columns: 1fr 1fr; gap: 30px 0; margin-top: 35px; }
    .process-flow li { padding: 22px 15px 0 0; }
    .process-flow h3 { font-size: 1rem; }
    .process-flow p { font-size: .8125rem; }
    .pricing-heading { text-align: left; margin-bottom: 38px; }
    .pricing-heading .eyebrow { justify-content: start; }
    .pricing-heading .eyebrow::before { display: block; }
    .pricing-heading h2 { font-size: 2rem; }
    .pricing-grid { grid-template-columns: 1fr; gap: 29px; max-width: 480px; margin-inline: auto; }
    .price-card, .price-card.featured { transform: none; padding: 27px; }
    .plan-top { flex-direction: row; align-items: center; gap: 12px; }
    .plan-top > .icon { width: 23px; height: 23px; }
    .plan-tagline { min-height: 0; font-size: .8125rem; margin-top: 15px; }
    .plan-price { margin-top: 19px; padding-bottom: 20px; }
    .price-value { font-size: 1.5rem; }
    .plan-description { font-size: .9375rem; margin-top: 20px; }
    .plan-scope { font-size: .75rem; }
    .pricing-note { font-size: .75rem; text-align: left; }
    .company-heading { grid-template-columns: 1fr; gap: 26px; margin-bottom: 36px; }
    .company-heading h2 { font-size: 2.05rem; }
    .pillars { grid-template-columns: 1fr 1fr; gap: 31px 22px; }
    .pillar { padding-top: 22px; }
    .pillar-number { font-size: 2rem; margin-bottom: 20px; }
    .pillar h3 { font-size: 1.0625rem; }
    .pillar p { font-size: .875rem; }
    .final-cta { padding-block: 62px; }
    .cta-layout { display: block; }
    .cta-emblem { display: none; }
    .final-cta h2 { font-size: 2.3rem; }
    .final-cta p { font-size: .9375rem; }
    .final-cta p br { display: none; }
    .final-cta .hero-actions { gap: 12px; }
    .final-cta .hero-actions .button { width: 100%; }
    .contact-layout { grid-template-columns: 1fr; gap: 32px; }
    .contact-copy { padding: 0; }
    .contact-copy h2 { font-size: 2.05rem; }
    .contact-copy .section-copy { max-width: none; }
    .contact-points { margin-block: 28px; gap: 15px; }
    .contact-points > div { font-size: .875rem; }
    .contact-brand-note { max-width: none; font-size: .75rem; }
    .contact-form { padding: 24px 20px; }
    .form-grid { gap: 19px 13px; }
    .field > label { font-size: .75rem; }
    input:not([type=checkbox]), select, textarea { font-size: 1rem; padding: 11px 10px; }
    .consent-field label { font-size: .75rem; }
    .form-availability { font-size: .75rem; }
    .form-heading h3 { font-size: 1.125rem; }
    .form-heading p { font-size: .75rem; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 24px; }
    .footer-brand { grid-column: 1 / -1; grid-row: auto; }
    .footer-brand .brand { width: 182px; }
    .footer-brand > p { font-size: .875rem; }
    .footer-brand > span { font-size: .75rem; }
    .footer-column h2 { font-size: .8125rem; margin-bottom: 18px; }
    .footer-column li { font-size: .75rem; margin-top: 12px; }
    .footer-bottom { flex-direction: column; align-items: start; gap: 10px; font-size: .75rem; }
    .footer-bottom > span { font-size: .75rem; }
    .product-hero h1 { font-size: 2.6rem; }
    .product-hero p { font-size: 1rem; }
    .product-subnav { position: static; }
    .product-subnav nav { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .product-subnav a { font-size: .75rem; padding-block: 8px; }
    .detail-heading { gap: 20px; align-items: start; }
    .detail-heading h2 { font-size: 1.8rem; }
    .detail-heading .eyebrow { font-size: .75rem; }
    .detail-number { font-size: 2rem; }
    .detail-cards { grid-template-columns: 1fr; gap: 16px; }
    .detail-cards article { padding: 24px; }
    .detail-section { scroll-margin-top: 0; }
    .product-end .container { flex-direction: column; align-items: start; }
    .legal-main { padding-block: 38px 65px; }
    .legal-main > h1 { font-size: 2.5rem; }
    .legal-main section { margin-top: 30px; }
  }
  @media (max-width: 389px) {
    .container { width: calc(100% - 32px); }
    .hero h1 { font-size: 3.05rem; }
    .hero-kicker { font-size: .75rem; }
    .hero-actions .button { width: 100%; }
    .core-scene { height: 330px; }
    .orbit-outer { width: 266px; height: 266px; }
    .orbit-inner { width: 200px; height: 200px; }
    .floating-label { padding: 8px; }
    .floating-label strong { font-size: .75rem; }
    .floating-label > .icon { width: 23px; height: 23px; }
    .float-people { right: -2px; top: 151px; }
    .float-software { top: 36px; }
    .coordinate-top { left: 21%; }
    .hero-bottom li { font-size: .75rem; gap: 6px; }
    .solutions-grid { grid-template-columns: 1fr; }
    .solution-card { padding: 24px; }
    .solution-card p { max-width: none; font-size: .875rem; }
    .solution-card h3 { font-size: 1.125rem; }
    .solution-icon { margin-bottom: 20px; }
    .form-grid { grid-template-columns: 1fr; }
    .plan-top h3 { font-size: .75rem; }
    .dashboard-nav-item { padding: 7px; }
    .status-pill { padding: 2px 4px; font-size: .75rem; }
    .project-row { gap: 6px; }
    .project-row small { font-size: .75rem; }
    .hardware-select button { padding-inline: 10px; }
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  }
  @media (forced-colors: active) {
    .hero h1 > span { background: none; -webkit-text-fill-color: currentColor; }
    .button, .solution-card, .price-card, .dashboard-nav-item, .audience-switch button { border: 1px solid ButtonText; }
  }
  @media print {
    .site-header, .core-scene, .hardware-visual, .contact-form, .site-footer, .hero-actions { display: none !important; }
    .section, .hero { padding-block: 25px; background: white !important; color: black; break-inside: avoid; }
    .hero::before, .hero-grid { display: none; }
    .hero-layout { min-height: 0; padding: 0; display: block; }
    h1, h2, p { color: black !important; }
    .hero h1 > span { -webkit-text-fill-color: black; }
    .pricing-grid { grid-template-columns: repeat(3,1fr); }
  }
}