:root { --bc-blue:#1260c4; --bs-primary:#1260c4; --bc-ink:#252b32; }
html { scroll-behavior:smooth; scroll-padding-top:20px; }
body { font-family:Arial,Helvetica,sans-serif; color:var(--bc-ink); letter-spacing:0; }
h1,h2,h3,h4,.brand { font-weight:700; }
h2 { font-size:40px; line-height:1.15; }
a { color:var(--bc-blue); text-underline-offset:3px; }
.btn { border-radius:5px; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; font-weight:600; }
.btn-primary { --bs-btn-bg:var(--bc-blue); --bs-btn-border-color:var(--bc-blue); --bs-btn-hover-bg:#084b9d; --bs-btn-hover-border-color:#084b9d; }
.btn-outline-primary { --bs-btn-color:var(--bc-blue); --bs-btn-border-color:var(--bc-blue); --bs-btn-hover-bg:var(--bc-blue); --bs-btn-hover-border-color:var(--bc-blue); }
.lucide { width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
.skip-link { position:absolute; top:4px; left:4px; background:white; padding:12px; z-index:2000; }
.brand { display:flex; align-items:center; gap:11px; font-size:26px; }
.brand img { border-radius:6px; }
.navbar .nav-link { color:#343c45; font-weight:600; font-size:14px; }
.navbar-collapse.show { padding-top:16px; }
.nav-tools { display:flex; align-items:center; gap:12px; margin-left:auto; }
.language-switch { display:flex; align-items:center; gap:2px; }
.language-switch a { display:grid; place-items:center; min-width:38px; min-height:42px; font-size:13px; font-weight:700; color:#53606e; border-radius:4px; text-decoration:none; }
.language-switch a[aria-current=page] { color:#084b9d; background:#e3edfa; }
.language-switch a:hover { text-decoration:underline; }
@media(min-width:1200px) { .nav-tools { order:3; margin-left:20px; } .navbar .navbar-nav { column-gap:12px!important; } }
@media(max-width:359px) { .navbar .brand { font-size:22px; gap:7px; margin-right:5px; } .brand img { width:34px; height:34px; } .nav-tools { gap:6px; } .language-switch a { min-width:32px; } .navbar-toggler { padding:5px 7px; } }
.hero { height:570px; max-height:calc(100svh - 175px); min-height:430px; position:relative; background:#26323b; overflow:hidden; }
.hero-image { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-caption { position:absolute; inset:0; color:white; padding:36px 0; }
.hero-content { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:26px; height:100%; animation:hero-enter .5s ease-out both; }
@keyframes hero-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.hero-content>div { max-width:420px; }
.hero-eyebrow { font-size:12px; font-weight:700; text-transform:uppercase; color:#dce8f1; margin-bottom:18px; }
.hero h1 { font-size:62px; line-height:1; margin-bottom:20px; }
.hero-lead { font-size:26px; line-height:1.35; margin-bottom:16px; font-weight:600; }
.hero-content .btn { font-size:14px; padding:12px 16px; }
.capability-band { padding:56px 0 50px; background:white; border-bottom:1px solid #e1e6ed; }
.capability-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; padding-bottom:34px; }
.capability-eyebrow { display:flex; align-items:center; gap:9px; color:var(--bc-blue); font-size:13px; font-weight:700; margin:0 0 15px; }
.capability-eyebrow .lucide { width:20px; height:20px; }
.capability-intro h2 { font-size:32px; max-width:460px; margin:0; }
.capability-promise { font-size:15px; line-height:1.7; margin:0; color:#606c7a; }
.capability-promise strong { display:block; color:#24593e; font-size:18px; margin-bottom:7px; line-height:1.5; }
.capability-features { border-top:1px solid #e1e6ed; padding-top:30px; }
.capability-features>div { padding:0 26px; border-left:1px solid #e1e6ed; }
.capability-features>div:first-child { padding-left:0; border-left:0; }
.capability-features>div:last-child { padding-right:0; }
.capability-features .lucide { width:24px; height:24px; color:var(--bc-blue); margin-bottom:17px; }
.capability-features h3 { font-size:17px; font-weight:700; margin:0 0 9px; }
.capability-features p { font-size:14px; color:#657080; line-height:1.65; margin:0; max-width:260px; }
@media(max-width:991px){.capability-intro{gap:28px}.capability-features{row-gap:28px}.capability-features>div:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:575px){.capability-features{padding-top:8px;row-gap:0}.capability-features>div{display:grid;grid-template-columns:28px 1fr;gap:6px 14px;padding:20px 0;border-left:0;border-bottom:1px solid #e1e6ed}.capability-features>div:last-child{padding-bottom:0;border:0}.capability-features .lucide{grid-row:1/3;margin:0}.capability-features h3{margin:0}.capability-features p{grid-column:2;max-width:none}.capability-promise strong{font-size:17px}}
.section { padding:80px 0; }
.hardware-link-band { padding:32px 0; background:#edf3fb; border-block:1px solid #dce5ee; }
.hardware-link-band h2 { font-size:24px; line-height:1.25; margin:0; }
#contactProductContext { font-size:14px; font-weight:600; margin-bottom:18px; color:white; }
.section-heading { margin-bottom:38px; max-width:720px; }
.section-heading p:last-child { margin-bottom:0; font-size:17px; line-height:1.6; }
.eyebrow { color:var(--bc-blue); font-size:13px; font-weight:700; margin-bottom:9px; text-transform:uppercase; }
.module-preview-label { font-size:10px; font-weight:600; color:#78590c; background:#fff2cc; border:1px solid #efdda7; padding:3px 6px; border-radius:3px; margin-left:auto; flex-shrink:0; }
.module-group-note { color:#63717e; font-size:14px; margin:-3px 0 20px; }
.device-section { background:#edf3fb; border-bottom:1px solid #dce5ee; }
.device-composition { position:relative; width:min(960px,100%); margin:auto; padding:0 100px 23px 0; }
.device-laptop { position:relative; padding-bottom:3%; filter:drop-shadow(0 20px 18px #21344324); }
.device-laptop::before { content:""; position:absolute; bottom:-7px; left:8%; width:84%; height:12px; border-radius:50%; background:#172a3d38; filter:blur(9px); }
.device-laptop-screen { position:relative; margin:0 4.7%; padding:19px 10px 20px; border:1px solid #7d8994; border-radius:17px 17px 5px 5px; overflow:hidden; background:linear-gradient(130deg,#343b43,#12171d 28%,#191f26 80%,#38424c); box-shadow:inset 0 1px 1px #e5ecf37a,0 0 0 1px #25303b,0 2px 0 2px #d0d6db; }
.device-laptop-screen::before { content:""; position:absolute; top:7px; left:calc(50% - 3px); width:6px; height:6px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#7196b6 0 12%,#233a4d 24%,#080d13 65%); box-shadow:0 0 0 2px #10161d,0 0 0 3px #424a534d; }
.device-laptop-screen::after { content:""; position:absolute; inset:19px 10px 20px; border-radius:3px; pointer-events:none; background:linear-gradient(122deg,#ffffff0d,transparent 35%,transparent 76%,#d9e8ff08); box-shadow:inset 0 0 0 1px #00000026; }
.device-laptop-screen img { display:block; width:100%; height:auto; border-radius:3px; }
.device-laptop-base { position:absolute; bottom:0; width:100%; height:3.6%; min-height:11px; border:1px solid #7f8c99; border-top-color:#e8edf1; border-radius:2px 2px 48% 48% / 2px 2px 78% 78%; background:linear-gradient(90deg,#84929e,#e3e9ee 3%,#b4c0ca 15%,#e1e7eb 50%,#acb8c2 86%,#dce3e9 97%,#7c8996); box-shadow:inset 0 2px 0 #f7fbfd, inset 0 -4px 3px #42505d80,0 2px 1px #20344633; }
.device-laptop-base::before { content:""; position:absolute; top:-5px; left:10%; width:80%; height:4px; border-radius:2px 2px 0 0; background:linear-gradient(90deg,#7e8993,#131a21 6%,#4d5964 50%,#131a21 94%,#7e8993); }
.device-laptop-base::after { content:""; position:absolute; left:43%; width:14%; top:0; height:39%; border-radius:0 0 8px 8px; background:linear-gradient(#7d8b98,#c1ccd5); box-shadow:inset 0 -1px 1px #f6faffb3; }
.device-phone { position:relative; padding:23px 6px 18px; border:2px solid #8d97a1; border-radius:35px; background:linear-gradient(#9aa4af,#9aa4af) center calc(100% - 7px)/27% 3px no-repeat,linear-gradient(115deg,#333b45,#0b1017 27%,#121922 79%,#39434e); box-shadow:inset 0 0 0 2px #090f15,inset 3px 0 2px #cbd7e952,inset -2px 0 2px #b1bfd24d,0 0 0 1px #1c2630,7px 8px 0 -5px #586674,13px 23px 29px #152c4433,0 2px 4px #111d2c4d; }
.device-phone::before,.device-phone::after { content:""; position:absolute; width:3px; border:1px solid #5a6978; background:linear-gradient(90deg,#a7b2bd,#4c5864); border-radius:2px; }
.device-phone::before { left:-5px; top:18%; height:6%; box-shadow:0 34px 0 -1px #83919f; }
.device-phone::after { right:-5px; top:27%; height:12%; }
.device-phone img { display:block; width:100%; height:auto; border-radius:21px; box-shadow:0 0 0 1px #05090d; }
.device-phone-speaker { position:absolute; top:9px; left:40%; width:20%; height:4px; border-radius:4px; background:repeating-linear-gradient(90deg,#131c25 0 1px,#404b57 1px 2px); box-shadow:0 1px 0 #66727e80,0 -1px 0 #080d13; }
.device-phone-speaker::after { content:""; position:absolute; top:-1px; left:calc(100% + 9px); width:6px; height:6px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#7899b7 0 10%,#263f55 25%,#090e16 70%); box-shadow:0 0 0 1px #37434e; }
.device-composition>.device-phone { position:absolute; right:3px; bottom:0; width:23.5%; transform:rotate(2deg); transform-origin:center bottom; }
.screen-switch { width:max-content; margin:0 auto 24px; border:1px solid #c3cfd6; border-radius:6px; background:#fff; padding:3px; gap:3px; }
.screen-switch button { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:#566771; padding:10px 19px; font-size:14px; font-weight:600; border-radius:4px; }
.screen-switch button[aria-selected=true] { background:#e3edfa; color:#14549c; }
.screen-preview { display:grid; align-items:center; height:580px; max-width:900px; margin:auto; }
.screen-preview>.tab-pane { grid-area:1/1; min-width:0; }
.device-browser { max-width:840px; margin:auto; border:1px solid #abb8c1; background:#fff; box-shadow:0 15px 25px #29445b15; border-radius:8px; overflow:hidden; }
.device-browser-bar { height:30px; background:#e2e7eb; display:flex; align-items:center; gap:5px; padding:0 12px; position:relative; }
.device-browser-bar>span { width:6px; height:6px; background:#9caab4; border-radius:50%; }
.device-browser-bar b { position:absolute; left:40%; width:20%; text-align:center; font-size:10px; font-weight:500; color:#5d6e7c; }
.screen-preview .device-phone { width:246px; margin:auto; }
.screen-preview .screenshot-open { border:0; border-radius:0; }
.screen-preview .device-phone .screenshot-open { border-radius:12px; }
.card { border-radius:6px; overflow:hidden; }
.solution-card { border-color:#d3dce3; transition:border-color .18s,box-shadow .18s; background:#f0f6fa; }
.solution-card:hover { border-color:#8199ad; box-shadow:0 8px 20px #162d4410; }
.solution-card .card-body { padding:32px 32px 26px; }
.solution-card h3 { font-size:28px; line-height:1.2; margin-bottom:14px; }
.solution-card p { font-size:16px; color:#465563; line-height:1.6; max-width:480px; }
.solution-card .solution-category { font-size:12px; font-weight:700; text-transform:uppercase; color:#246b92; display:flex; align-items:center; gap:9px; margin-bottom:20px; }
.solution-media { display:flex; align-items:center; justify-content:center; padding:0 22px 22px; aspect-ratio:1.65; overflow:hidden; }
.solution-media img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 4px 8px #172b3d16); transition:transform .2s; }
.solution-media:hover img { transform:translateY(-3px); }
.solution-weather { background:#f0f6ef; }
.solution-weather .solution-category { color:#346d40; }
.solution-operations { background:#f4f3f8; }
.solution-operations .solution-category { color:#665580; }
.solution-remote { background:#f7f4ef; }
.solution-remote .solution-category { color:#835720; }
.tour-section { background:#eef2f5; }
.network-section { padding:50px 0; background:#f7f9fb; border-top:1px solid #e5eaee; }
.network-copy h2 { font-size:42px; margin-bottom:24px; }
.network-lead { font-size:17px; line-height:1.65; color:#52616d; max-width:430px; }
.network-benefits { padding:0; margin:28px 0; list-style:none; }
.network-benefits li { display:flex; gap:16px; margin-bottom:20px; }
.network-benefits .lucide { color:var(--bc-blue); width:24px; height:24px; margin-top:3px; }
.network-benefits h3 { font-size:17px; margin-bottom:5px; }
.network-benefits p { color:#586773; font-size:14px; margin:0; }
.globe-stage { position:relative; width:100%; aspect-ratio:1.2; min-width:0; }
.globe-stage canvas,.globe-fallback { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.globe-stage canvas { opacity:0; touch-action:pan-y; cursor:grab; }
.globe-stage canvas:active { cursor:grabbing; }
.globe-stage.is-ready canvas { opacity:1; }
.globe-stage.is-ready .globe-fallback { visibility:hidden; }
.globe-controls { position:absolute; right:16px; bottom:12px; display:none; gap:8px; }
.globe-stage.is-ready .globe-controls { display:flex; }
.globe-controls .btn { width:38px; height:38px; padding:7px; --bs-btn-bg:#fff; }
.icon-link { font-weight:600; text-decoration:none; font-size:14px; }
.icon-link .lucide { transition:transform .15s; }
.icon-link:hover .lucide { transform:translateX(3px); }
.tour-nav { overflow-x:auto; scrollbar-width:thin; }
.tour-nav .nav-tabs { width:max-content; min-width:100%; }
.tour-nav .nav-link { color:#455568; white-space:nowrap; display:flex; gap:7px; align-items:center; border-top-left-radius:5px; border-top-right-radius:5px; padding:13px 16px; font-weight:600; font-size:14px; }
.tour-nav .nav-link.active { color:var(--bc-blue); background:#fff; }
.tour-content { background:white; padding:24px; border:1px solid #dee2e6; border-top:0; }
.tour-description { display:flex; align-items:center; gap:25px; justify-content:space-between; margin-bottom:22px; }
.tour-description p { max-width:830px; font-size:15px; line-height:1.5; }
.tour-steps { flex-shrink:0; }
.tour-steps .btn { font-size:13px; padding:9px 11px; }
.screenshot-open { display:block; position:relative; width:100%; padding:0; border:1px solid #d4dbe4; background:#f4f6fa; border-radius:4px; overflow:hidden; cursor:zoom-in; text-align:left; }
.screenshot-open img { display:block; width:100%; height:auto; }
.image-enlarge { position:absolute; right:12px; bottom:12px; display:flex; align-items:center; gap:7px; font-size:12px; color:white; background:#263442; padding:8px 11px; border-radius:4px; }
.image-enlarge .lucide { width:15px; height:15px; }
.screenshot-modal-body { background:#f3f5f8; }
#screenshotImage { display:block; width:100%; min-width:760px; height:auto; }
.module-group-heading { display:flex; align-items:center; gap:10px; margin:0 0 17px; }
.module-group-heading h3 { font-size:19px; margin:0; }
.module-group-heading .lucide { color:#657689; }
.module-group { margin-bottom:36px; }
.module-card { border-color:#d6dfe7; box-shadow:0 2px 7px #24384908; }
.module-card .card-header { display:flex; align-items:center; gap:12px; padding:22px; background:#eef4fb; border-color:#d6dfe7; }
.module-card .card-header h4 { font-size:16px; margin:0; line-height:1.35; }
.module-card .card-header .lucide { color:var(--bc-blue); width:24px; height:24px; }
.module-card .card-body { padding:22px; }
.module-card p,.module-card li { font-size:14px; color:#53606e; line-height:1.65; }
.module-card ul { padding-left:18px; margin-bottom:0; }
.module-group:nth-of-type(5) .card-header { background:#edf6f1; }
.module-group:nth-of-type(7) .card-header { background:#f1f2f5; }
.accordion { --bs-accordion-border-radius:5px; }
.accordion-button { font-weight:600; line-height:1.5; }
.accordion-body { color:#53606e; line-height:1.6; }
.questions-section { background:#f3f7f5; }
.questions-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.questions-intro h2 { margin-bottom:28px; }
.questions-image { margin-bottom:23px; box-shadow:0 10px 24px #1b3b5710; aspect-ratio:1.44; }
.questions-image img { width:100%; height:100%; object-fit:contain; }
.question-topics { display:flex; flex-wrap:wrap; gap:6px; border-bottom:1px solid #cbd8d1; padding-bottom:18px; margin-bottom:22px; }
.question-topics button { display:flex; align-items:center; gap:7px; padding:10px 12px; border:1px solid transparent; border-radius:5px; background:none; font-size:13px; font-weight:600; color:#50665c; }
.question-topics button[aria-selected=true] { border-color:#c7d6cd; background:white; color:#1c6347; }
.question-topics .lucide { width:17px; height:17px; }
.question-panels { min-height:495px; }
.question-panels .accordion { --bs-accordion-bg:transparent; --bs-accordion-border-width:0; --bs-accordion-btn-focus-box-shadow:none; }
.question-panels .accordion-item { border:0; border-bottom:1px solid #d2ddd7; background:transparent; }
.question-panels .accordion-button { padding:22px 20px; gap:20px; color:#24342d; font-size:16px; background:transparent; box-shadow:none; border-radius:6px; }
.question-panels .accordion-button::after { display:none; }
.question-panels .accordion-button:hover { background:#eaf1ed; }
.question-panels .accordion-button:not(.collapsed) { background:#e5efea; border-radius:6px 6px 0 0; }
.question-panels .accordion-body { padding:0 20px 23px; font-size:14px; color:#506159; background:#e5efea; border-radius:0 0 6px 6px; }
.question-indicator { display:grid; width:22px; height:22px; margin-left:auto; flex-shrink:0; }
.question-indicator .lucide { grid-area:1/1; width:22px; height:22px; }
.question-indicator .open-icon { display:none; }
.accordion-button[aria-expanded=true] .question-indicator .open-icon { display:block; }
.accordion-button[aria-expanded=true] .question-indicator .closed-icon { display:none; }
.contact-band { padding:60px 0; background:#22292c; color:white; }
.contact-band h2 { font-size:28px; }
.contact-band p { color:#c8d2dc; }
.contact-band .btn { font-size:16px; }
.contact-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.contact-callout { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.contact-intro { max-width:360px; }
.contact-intro .eyebrow { color:#91c5ff; }
.contact-intro h2 { font-size:36px; margin-bottom:20px; }
.contact-intro p { font-size:16px; line-height:1.6; }
.contact-modal .modal-content { background:#22292c; color:white; }
.contact-modal .modal-header { border-color:#46515a; padding:20px 24px; }
.contact-modal .modal-body { padding:24px; }
.contact-modal-intro,.contact-modal .contact-actions p { color:#c8d2dc; }
.contact-modal .form-label { font-size:14px; font-weight:600; }
.contact-modal .form-label span { font-weight:400; color:#acbbc8; }
.contact-modal .form-control { border:1px solid #637484; border-radius:4px; padding:11px 12px; font-size:16px; }
.contact-modal textarea { resize:vertical; min-height:130px; max-height:400px; }
.contact-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:22px; }
.contact-actions .btn { min-width:156px; min-height:46px; }
.contact-actions p { flex:1; min-width:170px; margin:0; font-size:12px; line-height:1.5; }
.contact-result { margin:20px 0 0; padding:13px 16px; background:#163f30; color:#deffeb !important; border:1px solid #5d9e7d; border-radius:4px; font-size:14px; }
.contact-result[data-state=error] { background:#4b292b; color:#ffe4e3 !important; border-color:#c58080; }
.contact-result[data-state=pending] { background:#243a4b; color:#e1efff !important; border-color:#7296b3; }
@media(max-width:991px) { .contact-layout { grid-template-columns:1fr; gap:28px; } .contact-callout { flex-direction:column; align-items:flex-start; gap:20px; } .contact-intro { max-width:550px; } }
@media(max-width:575px) { .contact-modal .modal-header,.contact-modal .modal-body { padding:18px; } }
.remote-preview { border:1px solid #cfd7df; border-radius:5px; overflow:hidden; background:#f1f3f6; }
.remote-preview-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:15px 19px; border-bottom:1px solid #cfd7df; font-size:14px; font-weight:600; }
.remote-preview-header .lucide { margin-right:7px; }
.remote-screen-open { display:block; width:100%; padding:20px; border:0; background:#24282b; cursor:zoom-in; }
.remote-preview img { width:100%; max-width:1100px; height:auto; display:block; margin:auto; }
.kondor-equipment-image { display:block; width:100%; height:auto; border:1px solid #cfd7df; }
.wash-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:14px; }
.wash-toolbar .btn { width:40px; height:38px; padding:7px; }
.wash-toolbar .form-check { white-space:nowrap; }
#remoteFrame:fullscreen { border:0; border-radius:0; height:100%; overflow:auto; background:white; }
#remoteFrame:fullscreen .modal-body { flex:1; }
:focus-visible { outline:3px solid #e49b13; outline-offset:3px; }
@media(min-width:1600px) { .hero-content>div { max-width:400px; } }
@media(max-width:1199px) { .hero-content { gap:20px; } .hero-content>div { max-width:350px; } .hero { height:550px; } .hero-image { object-position:left center; } .tour-description { align-items:flex-start; flex-direction:column; gap:15px; } }
@media(max-width:991px) { .questions-layout { grid-template-columns:1fr; gap:35px; } .questions-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:35px; align-items:start; } .questions-intro .eyebrow { grid-column:1; } .questions-intro h2 { grid-column:1; } .questions-image { grid-column:2; grid-row:1/4; margin:0; } .questions-intro .icon-link { grid-column:1; } .screen-preview { height:550px; } }
@media(max-width:767px) {
  h2 { font-size:30px; }
  .section { padding:48px 0; }
  .solution-card .card-body { padding:24px 23px; }
  .solution-card h3 { font-size:25px; }
  .solution-card p { font-size:15px; }
  .solution-media { padding:0 12px 16px; }
  .network-section { padding:40px 0; }
  .network-copy h2 { font-size:32px; }
  .network-lead { font-size:16px; }
  .section-heading p:last-child { font-size:16px; }
  .device-composition { padding-right:37px; padding-bottom:13px; }
  .device-laptop-screen { padding:10px 5px 10px; border-radius:9px 9px 3px 3px; box-shadow:inset 0 1px 1px #e5ecf37a,0 0 0 1px #25303b,0 1px 0 1px #d0d6db; }
  .device-laptop-screen::before { top:3px; left:calc(50% - 2px); width:4px; height:4px; box-shadow:0 0 0 1px #10161d; }
  .device-laptop-screen::after { inset:10px 5px; }
  .device-laptop-base { min-height:7px; box-shadow:inset 0 1px 0 #f7fbfd,inset 0 -2px 2px #42505d80,0 1px 1px #20344633; }
  .device-laptop-base::before { top:-3px; height:2px; }
  .device-phone { border-radius:24px; padding:17px 5px 13px; }
  .device-phone img { border-radius:15px; }
  .device-phone-speaker { top:6px; height:3px; }
  .device-phone-speaker::after { width:4px; height:4px; left:calc(100% + 6px); }
  .device-composition>.device-phone { width:25.5%; padding:11px 3px 9px; border-width:1px; border-radius:16px; background-size:27% 2px,auto; background-position:center calc(100% - 4px),center; box-shadow:inset 0 0 0 1px #090f15,inset 2px 0 2px #cbd7e952,0 0 0 1px #1c2630,3px 4px 0 -2px #586674,6px 12px 17px #152c4433; }
  .device-composition>.device-phone img { border-radius:10px; }
  .device-composition>.device-phone::before { left:-3px; width:2px; box-shadow:0 15px 0 -1px #83919f; }
  .device-composition>.device-phone::after { right:-3px; width:2px; }
  .device-composition>.device-phone .device-phone-speaker { top:4px; height:2px; }
  .device-composition>.device-phone .device-phone-speaker::after { width:3px; height:3px; top:0; left:calc(100% + 4px); }
  .screen-preview { height:450px; }
  .screen-preview .device-phone { width:190px; }
  .screen-switch button { font-size:13px; padding:9px 15px; }
  .questions-intro { display:block; }
  .questions-intro h2 { margin-bottom:22px; }
  .questions-image { max-width:420px; margin-bottom:20px; }
  .question-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding-bottom:15px; margin-bottom:13px; }
  .question-topics button { flex-direction:column; justify-content:center; gap:6px; min-height:66px; font-size:12px; padding:9px 5px; }
  .question-topics .lucide { width:15px; height:15px; }
  .question-panels { min-height:0; }
  .question-panels .accordion-button { font-size:15px; padding:20px 14px; gap:14px; }
  .question-panels .accordion-body { padding:0 14px 20px; }
  .brand { font-size:23px; }
  .hero { height:530px; max-height:calc(100svh - 175px); min-height:430px; }
  .hero-image { object-position:68% center; }
  .hero-caption { inset:auto 0 0; padding:22px 0; background:rgba(22,29,37,.92); }
  .hero-content { gap:17px; }
  .hero-eyebrow { font-size:10px; margin-bottom:13px; }
  .hero h1 { font-size:39px; }
  .hero-lead { font-size:21px; line-height:1.3; margin-bottom:12px; }
  .hero-content>div>p:last-child { font-size:14px; max-width:360px; }
  .hero-content .btn { padding:11px 12px; font-size:13px; }
  .capability-band { padding:32px 0; }
  .capability-intro { grid-template-columns:1fr; gap:20px; padding-bottom:25px; }
  .capability-intro h2 { font-size:28px; }
  .tour-content { padding:14px; }
  .image-enlarge { right:5px; bottom:5px; padding:5px 7px; font-size:10px; }
  .tour-nav .nav-link { font-size:13px; padding:12px; }
  .remote-preview-header { padding:12px; font-size:12px; }
  .remote-screen-open { padding:7px; }
  .wash-toolbar { gap:10px; }
  #remoteStatus { font-size:12px; }
  .wash-toolbar .form-check { font-size:13px; }
  .modal-header .modal-title { font-size:16px !important; }
  .contact-band .btn { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }