/* Industry hub: product scenes, original project screens and readable journeys. */
.ie-experience { --ie-gold:#eba71d; --ie-ink:#11173f; color:#f4f6ff; background:#090d21; font-family:Inter,Arial,sans-serif; }
.ie-experience * { box-sizing:border-box; min-width:0; }
.ie-experience svg { display:block; }
.ie-experience a { text-decoration:none; }
.ie-experience :is(a,button):focus-visible { outline:3px solid #f3bf50; outline-offset:5px; }
.ie-icon { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.ie-section { padding:100px 0; position:relative; }
.ie-heading { max-width:830px; text-align:center; margin:0 auto 48px; }
.ie-kicker { display:inline-flex; align-items:center; gap:9px; margin:0 0 18px; color:#f3bf50; font-size:12px; font-weight:700; letter-spacing:.09em; }
.ie-kicker:before { content:''; width:18px; height:2px; background:currentColor; }
.ie-experience h2 { margin:0 0 20px; font-family:'Space Grotesk',Inter,sans-serif; font-weight:700; font-size:clamp(32px,4.2vw,54px); line-height:1.12; letter-spacing:-.045em; color:#fff; }
.ie-experience h2 em { color:var(--ie-gold); font-style:normal; }
.ie-heading > p:last-child,.ie-lead { color:#b7c1d9; font-size:17px; line-height:1.8; margin:0; }
.ie-bridge { padding:38px 0 42px; background:linear-gradient(135deg,#161d46,#0d132e); border-bottom:1px solid #ffffff12; }
.ie-bridge-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.ie-bridge article { display:flex; gap:17px; align-items:center; }
.ie-bridge-icon { display:grid; place-items:center; width:58px; height:58px; border:1px solid #ffffff20; border-radius:17px; background:#ffffff08; color:#f3bf50; flex-shrink:0; }
.ie-bridge-icon .ie-icon { width:30px; height:30px; }
.ie-bridge h2 { font-family:Inter,sans-serif; font-size:17px; letter-spacing:0; margin:0 0 6px; }
.ie-bridge p { color:#acb9d2; margin:0; font-size:13px; line-height:1.65; }
.ie-work { background:#070a19; border-block:1px solid #ffffff0c; }
.ie-story { --story:#6bdaca; display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:80px; align-items:center; padding:72px 0; border-bottom:1px solid #ffffff12; }
.ie-story:first-of-type { padding-top:10px; }
.ie-story:last-child { border-bottom:0; padding-bottom:0; }
.ie-story.ie-story-reverse .ie-story-visual { order:2; }
.ie-story.ie-story-reverse .ie-story-copy { order:1; }
.ie-story-copy h3 { color:#fff; font:700 clamp(30px,3.1vw,43px)/1.15 'Space Grotesk',sans-serif; letter-spacing:-.04em; margin:12px 0 20px; }
.ie-story-label { display:inline-flex; color:var(--story); font-size:12px; font-weight:700; border:1px solid color-mix(in srgb,var(--story) 35%,transparent); padding:7px 12px; border-radius:999px; }
.ie-story-copy > p { color:#b7c3d9; font-size:15px; line-height:1.85; margin:0 0 25px; }
.ie-story-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0 0 28px; padding:0; gap:8px; }
.ie-story-steps li { padding:15px 10px; border:1px solid #ffffff15; border-radius:13px; background:#ffffff04; color:#d8e1f3; font-size:11px; font-weight:600; text-align:center; }
.ie-story-steps .ie-icon { color:var(--story); margin:0 auto 10px; width:24px; height:24px; }
.ie-link { display:inline-flex; align-items:center; gap:10px; color:#f3bf50; font-size:14px; font-weight:700; border-bottom:1px solid #f3bf5066; padding-bottom:7px; }
.ie-link:hover { color:#fff; }
.ie-story-visual { position:relative; min-height:450px; border:1px solid #ffffff16; border-radius:32px; margin:0; padding:34px 25px 23px; background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--story) 17%,transparent),transparent 62%),#10162c; }
.ie-device-stack { display:flex; align-items:center; justify-content:center; gap:20px; min-height:332px; padding:0 32px; }
.ie-phone { width:180px; height:336px; overflow:hidden; border:6px solid #070b18; border-radius:28px; outline:1px solid #ffffff35; background:#fff; box-shadow:0 25px 50px #0008; flex-shrink:0; transform:rotate(-5deg); transition:transform .35s; }
.ie-phone:nth-child(2) { width:150px; height:292px; transform:translateY(18px) rotate(6deg); }
.ie-phone img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.ie-story-visual figcaption { position:relative; margin:26px 0 0; text-align:center; color:#aab8d2; font-size:11px; line-height:1.8; }
.ie-float-label { position:absolute; z-index:2; display:inline-flex; align-items:center; gap:7px; padding:9px 12px; color:#eef4ff; border:1px solid #ffffff28; background:#141c35ed; border-radius:11px; box-shadow:0 12px 25px #0005; font-size:11px; font-weight:600; }
.ie-float-label .ie-icon { width:17px; height:17px; color:var(--story); }
.ie-float-top { left:20px; top:28px; }
.ie-float-bottom { right:18px; bottom:95px; }
.ie-browser { position:relative; margin:30px 0 0; border:1px solid #ffffff28; border-radius:14px; overflow:hidden; background:#e8edf6; box-shadow:0 22px 45px #0007; transform:perspective(1000px) rotateY(-5deg); }
.ie-browser-bar { padding:10px 14px; color:#b7c1da; background:#171e37; font-size:10px; display:flex; align-items:center; gap:5px; }
.ie-browser-bar i { width:6px; height:6px; border-radius:50%; background:#66728b; }
.ie-browser-bar span { margin-left:9px; }
.ie-browser img { display:block; width:100%; height:290px; object-fit:cover; object-position:top; }
.ie-iot-stack { display:flex; flex-direction:column; justify-content:center; min-height:332px; padding-top:32px; gap:24px; }
.ie-tablet { overflow:hidden; border:7px solid #030611; border-radius:20px; outline:1px solid #ffffff32; box-shadow:0 25px 50px #0008; background:#000; transform:rotate(-2deg); }
.ie-tablet img { display:block; width:100%; height:auto; }
.ie-iot-detail { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.ie-iot-detail span { display:flex; align-items:center; gap:8px; color:#c8d6e9; font-size:11px; }
.ie-iot-detail .ie-icon { color:var(--story); width:19px; height:19px; }
.ie-journey { background:radial-gradient(ellipse at 50% 80%,#1a224a 0,transparent 60%),#11173f; }
.ie-journey-track { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; position:relative; list-style:none; margin:0; padding:0; }
.ie-journey-track:before { content:''; position:absolute; top:53px; left:10%; right:10%; height:1px; background:linear-gradient(90deg,#f3bf5050,#7fdcc850,#8baefb50); }
.ie-journey-track li { text-align:center; position:relative; }
.ie-journey-circle { width:108px; height:108px; display:grid; place-items:center; margin:0 auto 23px; background:#192144; border:1px solid #ffffff26; border-radius:50%; box-shadow:0 0 0 8px #11173f; position:relative; }
.ie-journey-circle .ie-icon { color:#f3bf50; width:41px; height:41px; }
.ie-journey-circle small { position:absolute; right:-1px; bottom:-1px; background:#f3bf50; color:#11173f; border:4px solid #11173f; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:800; }
.ie-journey-track h3 { margin:0 0 10px; color:#fff; font-size:16px; font-weight:700; }
.ie-journey-track p { color:#b6c2da; margin:0; font-size:13px; line-height:1.8; }
.ie-system { background:#f4f6fb; color:#11173f; }
.ie-system h2 { color:#11173f; }
.ie-system h2 em { color:#95640d; }
.ie-system .ie-heading > p:last-child { color:#55617a; }
.ie-system .ie-kicker { color:#96620b; }
.ie-system-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:48px; align-items:center; }
.ie-system-art { padding:30px; border:1px solid #dce2ed; border-radius:28px; background:#fff; box-shadow:0 20px 70px #11173f0b; }
.ie-system-art > p { margin:0 0 26px; color:#6a738a; font-size:11px; font-weight:600; text-align:center; }
.ie-system-row { display:flex; align-items:center; justify-content:center; gap:16px; margin:15px 0; }
.ie-system-node { flex:1; padding:22px 12px; border:1px solid #dce2ed; border-radius:16px; text-align:center; background:#f7f9fd; color:#11173f; font-size:12px; font-weight:700; }
.ie-system-node .ie-icon { width:32px; height:32px; margin:0 auto 13px; color:#506ca4; }
.ie-system-core { margin:20px auto; max-width:280px; border-radius:18px; padding:24px; text-align:center; background:#11173f; color:#fff; box-shadow:0 13px 24px #11173f24; }
.ie-system-core .ie-icon { margin:0 auto 12px; color:#f3bf50; width:35px; height:35px; }
.ie-system-core strong { display:block; font-size:17px; }
.ie-system-core span { font-size:11px; color:#bac6df; }
.ie-system-connector { color:#616d86; font-size:11px; text-align:center; display:flex; align-items:center; justify-content:center; gap:9px; }
.ie-system-connector:before,.ie-system-connector:after { content:''; height:1px; width:40px; background:#dce2ed; }
.ie-control-list { display:grid; gap:18px; }
.ie-control { display:flex; align-items:flex-start; gap:16px; }
.ie-control-icon { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; border-radius:14px; background:#e9edf7; color:#11173f; }
.ie-control h3 { margin:0 0 6px; font-size:17px; font-weight:700; }
.ie-control p { margin:0; color:#596680; font-size:14px; line-height:1.8; }
.ie-services { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:38px; }
.ie-services a { padding:11px 15px; border:1px solid #cfd7e7; border-radius:999px; font-size:12px; font-weight:600; color:#11173f; background:#fff; }
.ie-services a:hover { border-color:#a56a0b; }
.ie-end { background:radial-gradient(ellipse at 50% 100%,#29366e,transparent 65%),#090d21; text-align:center; }
.ie-end-symbols { display:flex; justify-content:center; gap:15px; margin-bottom:30px; }
.ie-end-symbols > span { display:grid; place-items:center; width:57px; height:57px; border:1px solid #ffffff22; border-radius:17px; color:#f3bf50; background:#ffffff05; }
.ie-end .ie-heading { margin-bottom:28px; }
.ie-actions { display:flex; flex-wrap:wrap; gap:13px; justify-content:center; }
.ie-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:16px 24px; border:1px solid #eba71d; background:#eba71d; color:#11173f; border-radius:999px; font-size:14px; font-weight:700; }
.ie-button-outline { background:transparent; border-color:#ffffff30; color:#fff; }
.ie-button:hover { background:#f3bf50; color:#11173f; }
.ie-button-outline:hover { background:#ffffff0a; color:#fff; }
.ie-end-note { margin:24px 0 0; color:#a6b4cf; font-size:12px; }
.ie-arrived { animation:ie-arrive .55s ease-out both; }
@keyframes ie-arrive { from { transform:translateY(14px); } to { transform:translateY(0); } }
@media(hover:hover) { .ie-story-visual:hover .ie-phone:first-child { transform:translateY(-5px) rotate(-3deg); } .ie-story-visual:hover .ie-phone:nth-child(2) { transform:translateY(12px) rotate(4deg); } }
@media(max-width:1100px) {  .ie-story { gap:40px; } .ie-device-stack { padding:0; gap:12px; } .ie-phone { width:165px; height:315px; } .ie-phone:nth-child(2) { width:137px; height:275px; } }
@media(max-width:800px) { .ie-section { padding:72px 0; } .ie-story,.ie-system-grid { grid-template-columns:1fr; gap:32px; } .ie-story { padding:48px 0; } .ie-story.ie-story-reverse .ie-story-visual,.ie-story.ie-story-reverse .ie-story-copy { order:initial; } .ie-story-visual { min-height:420px; max-width:620px; width:100%; margin:auto; } .ie-journey-track { grid-template-columns:1fr; gap:27px; } .ie-journey-track:before { top:35px; bottom:35px; left:36px; right:auto; width:1px; height:auto; background:#ffffff25; } .ie-journey-track li { display:grid; grid-template-columns:74px 1fr; gap:22px; text-align:left; align-items:center; } .ie-journey-circle { width:74px; height:74px; margin:0; grid-row:span 2; } .ie-journey-circle .ie-icon { width:29px; height:29px; } .ie-journey-track h3 { margin:0 0 5px; } .ie-bridge-grid { gap:20px; } .ie-bridge article { flex-direction:column; text-align:center; gap:12px; } .ie-bridge h2 { font-size:15px; } .ie-bridge p { font-size:12px; } }
@media(max-width:540px) { .ie-section { padding:58px 0; } .ie-heading { margin-bottom:30px; } .ie-heading > p:last-child { font-size:15px; } .ie-bridge { padding:27px 0; } .ie-bridge-grid { gap:12px; } .ie-bridge-icon { width:44px; height:44px; border-radius:13px; } .ie-bridge-icon .ie-icon { width:24px; height:24px; } .ie-bridge h2 { font-size:12px; line-height:1.5; } .ie-bridge p { display:none; }       .ie-story { padding:40px 0; } .ie-story-visual { min-height:395px; padding:32px 13px 20px; border-radius:24px; } .ie-phone { width:154px; height:298px; border-width:5px; border-radius:24px; } .ie-phone:nth-child(2) { width:125px; height:254px; } .ie-device-stack { min-height:303px; gap:12px; } .ie-float-label { font-size:10px; padding:8px 10px; } .ie-float-top { top:17px; left:13px; } .ie-float-bottom { bottom:78px; right:12px; } .ie-story-visual figcaption { margin-top:19px; } .ie-browser img { height:235px; } .ie-story-visual.ie-web-visual { min-height:350px; } .ie-story-steps li { font-size:10px; } .ie-system-art { padding:23px 15px; } .ie-system-row { gap:10px; } .ie-system-node { padding:18px 9px; font-size:11px; } .ie-end-symbols { gap:10px; } .ie-end-symbols > span { width:45px; height:45px; border-radius:13px; } .ie-actions { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .ie-experience *, .ie-experience *:before, .ie-experience *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }  }

/* A compact directory beside one large, original product preview. */
.ie-discover { background:#f4f6fb; color:#11173f; }
.ie-discover-head { display:flex; justify-content:space-between; align-items:flex-end; gap:50px; margin-bottom:38px; }
.ie-discover-head .ie-kicker { color:#94620d; }
.ie-discover-head h2 { color:#11173f; margin:0; font-size:clamp(36px,4.3vw,58px); }
.ie-discover-head h2 em { color:#95640d; }
.ie-discover-head > p { max-width:360px; margin:0 0 7px; color:#596680; font-size:16px; line-height:1.8; }
.ie-industry-browser { display:grid; grid-template-columns:320px minmax(0,1fr); gap:30px; align-items:start; }
.ie-industry-directory { background:#fff; padding:16px 12px; border:1px solid #dce2ed; border-radius:22px; }
.ie-directory-label { margin:0 12px 12px; color:#68748a; font-size:11px; font-weight:600; }
.ie-industry-choices { display:grid; gap:3px; }
.ie-choice,.ie-choice-fallback { display:flex; align-items:center; gap:12px; width:100%; min-height:51px; text-align:left; border:1px solid transparent; border-radius:11px; background:transparent; padding:9px 11px; color:#11173f; font-family:Inter,sans-serif; cursor:pointer; transition:background .2s,border-color .2s; }
.ie-choice[hidden],.ie-choice-fallback[hidden] { display:none!important; }
.ie-choice strong { display:block; font-size:12px; font-weight:650; line-height:1.5; }
.ie-choice small { display:block; font-size:10px; line-height:1.5; color:#68748a; }
.ie-choice-icon { color:#607292; display:grid; place-items:center; width:29px; flex-shrink:0; }
.ie-choice-icon .ie-icon { width:22px; height:22px; }
.ie-choice-arrow { margin-left:auto; width:16px; height:16px; color:#b3bdd0; flex-shrink:0; }
.ie-choice:hover { background:#f4f6fb; }
.ie-choice[aria-pressed="true"] { border-color:#ead19d; background:#fff5df; }
.ie-choice[aria-pressed="true"] .ie-choice-icon,.ie-choice[aria-pressed="true"] .ie-choice-arrow { color:#926009; }
.ie-choice-fallback { font-size:12px; font-weight:600; }
.ie-discover :is(a,button):focus-visible { outline-color:#926009; }
.ie-industry-preview { min-height:685px; padding:34px; border:1px solid #ffffff20; border-radius:27px; background:radial-gradient(ellipse at 80% 35%,#243052 0,transparent 65%),#11173f; box-shadow:0 22px 50px #11173f14; color:#fff; }
.ie-preview-panel { display:none; }
.ie-preview-panel:first-child,.ie-preview-panel.is-selected { display:block; }
.ie-preview-panel[hidden] { display:none!important; }
.ie-preview-label { color:var(--preview-accent); font-size:12px; font-weight:650; }
.ie-preview-panel h3 { margin:12px 0; font:700 clamp(27px,2.8vw,38px)/1.12 'Space Grotesk',Inter,sans-serif; letter-spacing:-.035em; color:#fff; }
.ie-preview-panel header > p { color:#bcc7dd; font-size:14px; line-height:1.8; margin:0; max-width:590px; }
.ie-preview-scene { position:relative; height:309px; margin:25px 0 21px; overflow:hidden; border:1px solid #ffffff19; border-radius:20px; background:radial-gradient(ellipse at 75% 60%,color-mix(in srgb,var(--preview-accent) 22%,transparent),transparent 70%),#0c122a; }
.ie-preview-product { position:absolute; left:28px; top:63px; width:50%; z-index:1; }
.ie-preview-product > span { display:block; color:#a9b8d2; font-size:11px; margin-bottom:12px; }
.ie-preview-product > strong { display:block; color:#fff; font:700 clamp(24px,3vw,40px)/1.08 'Space Grotesk',sans-serif; max-width:250px; letter-spacing:-.04em; overflow-wrap:anywhere; }
.ie-preview-mark { width:44px; height:44px; display:grid; place-items:center; margin-top:19px; color:var(--preview-accent); background:#ffffff08; border:1px solid #ffffff20; border-radius:13px; }
.ie-preview-device { position:absolute; right:42px; top:21px; width:145px; height:249px; border:5px solid #030715; outline:1px solid #ffffff38; border-radius:24px; overflow:hidden; transform:rotate(5deg); box-shadow:0 20px 50px #0009; background:#fff; }
.ie-preview-device img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.ie-preview-scene figcaption { position:absolute; left:18px; right:18px; bottom:12px; text-align:center; color:#b6c3dc; font-size:10px; line-height:1.6; }
.ie-preview-illustration .ie-preview-device { width:44%; max-width:260px; height:215px; right:22px; top:40px; background:transparent; outline:none; border:0; border-radius:0; box-shadow:none; transform:none; }
.ie-preview-illustration .ie-preview-device img { object-fit:contain; }
.ie-preview-landscape .ie-preview-product { top:20px; left:21px; width:100%; }
.ie-preview-landscape .ie-preview-product > span,.ie-preview-landscape .ie-preview-mark { display:none; }
.ie-preview-landscape .ie-preview-product > strong { font-size:23px; }
.ie-preview-landscape .ie-preview-device { top:61px; right:21px; left:21px; width:auto; height:208px; border-radius:12px; transform:none; border-width:4px; background:#000; }
.ie-preview-landscape .ie-preview-device img { object-fit:contain; object-position:center; }
.ie-preview-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; list-style:none; padding:0; margin:0 0 25px; }
.ie-preview-flow li { display:flex; align-items:center; gap:9px; color:#e6ecf8; font-size:12px; font-weight:600; }
.ie-preview-flow li span { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:var(--preview-accent); border:1px solid #ffffff22; font-size:9px; flex-shrink:0; }
.ie-preview-links { display:flex; flex-wrap:wrap; gap:20px; align-items:center; }
.ie-preview-links .ie-button { padding:13px 18px; font-size:12px; }
.ie-preview-case { color:#f3bf50; text-decoration:underline!important; text-underline-offset:5px; font-size:12px; font-weight:600; }
.ie-selection-status { color:#5c6880; font-size:11px; margin:12px 0 0; text-align:right; min-height:16px; }
.ie-industry-directory,.ie-industry-preview { scroll-margin-top:100px; }
.ie-preview-back { display:none; }
@media(max-width:1100px) { .ie-industry-browser { grid-template-columns:285px minmax(0,1fr); gap:20px; } .ie-industry-preview { padding:25px; } .ie-preview-device { right:22px; width:125px; height:238px; } .ie-preview-product { left:20px; width:46%; } .ie-preview-product > strong { font-size:28px; } }
@media(max-width:800px) { .ie-discover-head { align-items:flex-start; gap:25px; } .ie-discover-head > p { max-width:250px; font-size:14px; } .ie-industry-browser { grid-template-columns:1fr; gap:22px; } .ie-industry-choices { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } .ie-directory-label { margin-bottom:15px; } .ie-choice { min-height:56px; gap:8px; padding:8px; } .ie-choice-arrow { display:none; } .ie-choice-icon { width:24px; } .ie-choice strong { font-size:11px; } .ie-choice small { font-size:9px; } .ie-industry-preview { min-height:0; padding:30px; } .ie-preview-device { width:155px; height:252px; right:58px; } .ie-preview-product > strong { font-size:36px; } .ie-selection-status { text-align:center; } }
@media(max-width:540px) { .ie-discover-head { display:block; margin-bottom:25px; } .ie-discover-head > p { margin:17px 0 0; max-width:none; } .ie-industry-directory { padding:13px 8px; border-radius:17px; } .ie-industry-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; } .ie-choice { min-height:57px; } .ie-choice strong { font-size:10px; } .ie-choice small { font-size:8px; } .ie-choice-icon { width:20px; } .ie-choice-icon .ie-icon { width:19px; height:19px; } .ie-industry-preview { padding:22px 17px; border-radius:22px; } .ie-preview-panel h3 { font-size:29px; } .ie-preview-panel header > p { font-size:13px; } .ie-preview-scene { height:274px; margin-top:21px; } .ie-preview-product { left:17px; top:55px; width:44%; } .ie-preview-product > strong { font-size:25px; } .ie-preview-product > span { font-size:9px; } .ie-preview-device { width:115px; height:214px; right:18px; top:21px; border-width:4px; border-radius:19px; } .ie-preview-scene figcaption { font-size:8px; bottom:10px; } .ie-preview-flow { gap:6px; margin-bottom:21px; } .ie-preview-flow li { gap:5px; font-size:10px; } .ie-preview-flow li span { width:22px; height:22px; } .ie-preview-links { gap:18px; } .ie-preview-links .ie-button { width:100%; } .ie-preview-landscape .ie-preview-device { height:166px; top:58px; left:13px; right:13px; } .ie-preview-illustration .ie-preview-device { height:180px; top:43px; right:13px; } }
@media(max-width:800px) { .ie-preview-back { display:inline-block; color:#c4d0e8; margin-top:22px; font-size:12px; text-decoration:underline!important; text-underline-offset:4px; } }
@media(max-width:540px) { .ie-choice strong { font-size:12px; } .ie-choice small { font-size:10px; } .ie-choice { min-height:65px; } .ie-preview-scene figcaption { font-size:10px; } }