:root{color-scheme:light;--ink:#102131;--muted:#526779;--navy:#071c2d;--navy-2:#0a2c42;--blue:#1769e8;--cyan:#27c7da;--pale:#f3f8fb;--line:#dfe9ef;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,summary{font:inherit}
img{display:block;max-width:100%}
::selection{background:#b7eef2;color:#08233b}
:focus-visible{outline:3px solid #1596c6;outline-offset:4px;border-radius:4px}
.wrap{width:min(100% - 96px,1280px);margin-inline:auto}
.skip-link{position:fixed;z-index:20;left:12px;top:-80px;background:#fff;padding:14px 20px;border:2px solid var(--blue);border-radius:8px;font-weight:700}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #e6edf2}
.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:19px;font-weight:850;font-style:italic;letter-spacing:.16em;line-height:1}
.brand .original-logo{display:block;width:114px;height:78px;border-radius:5px;overflow:hidden}
.brand-x{color:#1680dd}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:34px;font-size:14px;font-weight:600;color:#3f5466}
.desktop-nav a,.mobile-nav a{transition:color .18s ease}
.desktop-nav a:hover,.mobile-nav a:hover{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:12px}
.header-login{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:0 19px;background:#0c2940;color:white;border-radius:7px;font-size:13px;font-weight:700;transition:background .18s ease}
.header-login:hover{background:#1769e8}
.header-login span{font-size:15px}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{display:grid;place-content:center;gap:4px;width:43px;height:43px;list-style:none;border:1px solid #d9e5ed;border-radius:7px;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary span{display:block;width:18px;height:2px;border-radius:4px;background:#19364a}
.mobile-nav{position:absolute;right:0;top:53px;width:218px;padding:8px;background:#fff;border:1px solid #dbe7ee;border-radius:10px;box-shadow:0 14px 30px #0b253324}
.mobile-nav a{display:block;padding:12px 14px;font-size:15px;font-weight:650}

.hero{position:relative;overflow:hidden;background:#f5f9fc;border-bottom:1px solid #e8f0f4}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,#deeff9 0%,transparent 40%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:72px;padding-top:88px;padding-bottom:73px}
.hero-copy{max-width:580px;padding-bottom:14px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#216b9f;font-size:11px;line-height:1.35;font-weight:800;letter-spacing:.16em}
.eyebrow-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#22bad0;box-shadow:0 0 0 4px #27c7da18}
h1,h2,h3,p{margin-top:0}
.hero h1{max-width:670px;margin:0;font-size:clamp(49px,5.3vw,75px);line-height:1.035;letter-spacing:-.055em;font-weight:760}
.hero h1 span{color:#1478cf}
.hero-lead{max-width:525px;margin:26px 0 0;color:#4f6474;font-size:18px;line-height:1.75}
.brand-parent{margin:18px 0 0;color:#405e70;font-size:14px;line-height:1.55}
.brand-parent strong{color:#153b55}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:32px}
.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 20px;border-radius:7px;font-size:14px;line-height:1.2;font-weight:750;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:#1266df;color:white;box-shadow:0 10px 22px #1266df24}
.button-primary:hover{background:#0c55bd;box-shadow:0 12px 25px #1266df38}
.button-text{color:#213d51}
.button-text:hover{background:#e6f0f6}
.hero-notes{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:35px;color:#466476;font-size:13px;font-weight:650}
.hero-notes span{display:inline-flex;align-items:center;gap:7px}
.hero-notes b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ddf3f4;color:#047f8a;font-size:11px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:450px}
.orbit{position:absolute;border:1px solid #58b8e338;border-radius:50%;pointer-events:none}
.orbit-one{width:115%;height:85%;transform:rotate(-27deg)}
.orbit-two{width:106%;height:69%;transform:rotate(-27deg)}
.dashboard{position:relative;z-index:1;width:min(100%,540px);overflow:hidden;background:var(--navy);border:1px solid #173d54;border-radius:15px;box-shadow:0 34px 65px #0a33452e,0 12px 25px #0a33451c;color:#fff}
.dashboard-top{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff18}
.dashboard-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-style:italic;letter-spacing:.12em;font-size:13px}
.dashboard-brand img{width:27px;height:27px}
.dashboard-tag{padding:6px 8px;border:1px solid #73cce055;border-radius:4px;color:#9cdcea;font-size:9px;font-weight:800;letter-spacing:.1em}
.dashboard-body{padding:26px 26px 19px}
.dashboard-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:23px}
.dashboard-intro p,.board-label{margin:0 0 8px;color:#78a2b8;font-size:9px;font-weight:800;letter-spacing:.12em}
.dashboard-intro h2{margin:0;color:#edfaff;font-size:22px;line-height:1.2;letter-spacing:-.025em}
.board-badge{flex:none;padding:7px 9px;border:1px solid #3a8d8266;border-radius:5px;background:#153e3f;color:#a4e6d2;font-size:9px;font-weight:700}
.board-customer{display:flex;align-items:center;gap:13px;padding:15px;background:#102f43;border:1px solid #1c4961;border-radius:8px}
.customer-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:7px;background:#164a60;color:#64dbe8;font-size:24px;font-weight:500}
.board-customer div:nth-child(2){display:grid;gap:4px;min-width:0}
.board-customer small,.work-card small,.prep-card small,.message-ticket small{font-size:8px;font-weight:800;letter-spacing:.1em}
.board-customer small{color:#86b8c6}
.board-customer strong{font-size:13px}
.board-customer div>span{color:#a9c3ce;font-size:10px}
.customer-arrow{margin-left:auto;align-self:flex-start;color:#70b4c9;font-size:16px}
.board-label{display:flex;justify-content:space-between;gap:6px;margin:22px 0 11px}
.board-label span{color:#6e92a4;font-size:8px;letter-spacing:.07em}
.activity-list{display:grid;gap:0;list-style:none;padding:0;margin:0}
.activity-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #ffffff10}
.activity-list li>div{display:grid;gap:4px;flex:1}
.activity-list strong{font-size:11px;color:#ecf8fc}
.activity-list small{color:#9ebdca;font-size:10px}
.activity-list li>span:last-child{color:#68899a;font-size:10px}
.activity-icon{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;font-size:12px;font-weight:800}
.activity-done{background:#1b4b50;color:#9de8d7}
.activity-current{background:#17527b;color:#b3e7ff}
.dashboard-bottom{display:flex;justify-content:space-between;gap:10px;padding:16px 26px;border-top:1px solid #ffffff16;color:#89b1c0;font-size:9px;font-weight:750;letter-spacing:.03em}
.dashboard-bottom span:first-child{display:flex;align-items:center;gap:7px}
.dashboard-bottom i{width:6px;height:6px;border-radius:50%;background:#45d2c2}
.floating-card{position:absolute;z-index:2;right:-26px;bottom:43px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #e3edf2;border-radius:9px;background:white;box-shadow:0 16px 38px #123b5222}
.floating-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e0f6f4;color:#078b79;font-size:15px;font-weight:800}
.floating-card div{display:grid;gap:3px}
.floating-card strong{font-size:10px}
.floating-card small{font-size:9px;color:#718593}
.hero-bottom{position:relative;display:flex;align-items:center;gap:18px;padding-bottom:22px;color:#7791a2;font-size:9px;font-weight:800;letter-spacing:.13em}
.hero-bottom div{height:1px;flex:1;background:#d9e8ef}

.section{padding:112px 0}
.section-intro h2,.workflow h2,.roles h2,.closing h2{margin:0;color:var(--ink);font-size:clamp(36px,4vw,52px);line-height:1.09;letter-spacing:-.045em;font-weight:760}
.split-intro,.example-intro{display:grid;grid-template-columns:1fr .67fr;align-items:end;gap:70px;margin-bottom:54px}
.section-intro>p{max-width:510px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.capability{display:flex;gap:18px;min-height:168px;padding:27px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.line-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:9px;background:#eaf5fa;color:#1174a8;font-size:23px;font-weight:600}
.capability h3{margin:3px 0 9px;font-size:16px;letter-spacing:-.02em}
.capability p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}

.examples{background:#f2f7fa}
.camera-feature{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:42px;margin:0 0 28px;padding:36px;background:#071d2e;color:#e9f6fa;border:1px solid #184055;border-radius:12px;box-shadow:0 18px 38px #0c344414}
.camera-feature .card-kicker{color:#78d7e4;font-size:10px}
.camera-feature-copy h3{margin:0 0 16px;color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.04em}
.camera-feature-copy>p:not(.card-kicker){max-width:440px;margin:0;color:#c0d7df;font-size:15px;line-height:1.7}
.camera-feature-copy .camera-disclaimer{margin-top:20px!important;padding:13px 15px;border:1px solid #2e6273;border-radius:7px;background:#0e3444;color:#d3e8ec!important;font-size:13px!important;line-height:1.6!important}
.camera-disclaimer strong{color:#fff}
.camera-figure{min-width:0;margin:0}
.camera-screen{position:relative;overflow:hidden;aspect-ratio:16/10;border:1px solid #467084;border-radius:8px;background:#15394b}
.camera-screen img{width:100%;height:100%;object-fit:cover}
.camera-example-tag,.camera-location{position:absolute;z-index:2;padding:7px 9px;border-radius:4px;background:#071d2ee8;color:#fff;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.06em}
.camera-example-tag{top:12px;left:12px}.camera-location{right:12px;bottom:12px}
.camera-frame{position:absolute;inset:10px;border:1px solid #c6f2ff77;border-radius:3px;pointer-events:none}
.camera-figure figcaption{margin-top:10px;color:#bdd5df;font-size:12px;line-height:1.4}
.ai-examples{margin:72px 0 52px;scroll-margin-top:104px}
.ai-intro{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:50px;margin-bottom:28px}
.ai-intro h3{margin:0;color:var(--ink);font-size:clamp(32px,3.5vw,46px);line-height:1.12;letter-spacing:-.04em}
.ai-intro>p{max-width:560px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ai-card{overflow:hidden;background:#fff;border:1px solid #dfeaf0;border-radius:11px;box-shadow:0 12px 25px #0c34440a}
.ai-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a2436}
.ai-screen img{width:100%;height:100%;object-fit:cover}
.ai-demo-label{position:absolute;top:12px;left:12px;padding:7px 9px;border-radius:4px;background:#071d2eec;color:#fff;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.05em}
.ai-readout{position:absolute;right:14px;bottom:14px;left:14px;padding:13px 15px;background:#071d2ef0;color:#fff;border:1px solid #7cc3da55;border-radius:7px}
.ai-readout small{display:block;margin-bottom:7px;color:#b7e3ed;font-size:10px;font-weight:800;letter-spacing:.1em}
.ai-readout>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ai-readout strong{font-size:16px;line-height:1.3;letter-spacing:.02em}
.ai-readout span{padding:5px 8px;border-radius:4px;background:#164e55;color:#c0f5e8;font-size:10px;font-weight:800}
.ai-readout-warning span{background:#634b1e;color:#fff0bf}
.ai-readout p{margin:6px 0 0;color:#c7dce4;font-size:11px;line-height:1.4}
.ai-card-copy{padding:26px 26px 30px}
.ai-card-copy h4,.quality-copy h4{margin:0 0 12px;font-size:23px;line-height:1.2;letter-spacing:-.035em}
.ai-card-copy>p:not(.card-kicker),.quality-copy>p:not(.card-kicker){margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.ai-steps{margin-top:22px;padding-top:16px;border-top:1px solid #edf1f4;color:#3a6071;font-size:12px;line-height:1.6;font-weight:750}
.ai-steps span{padding:0 6px;color:#1ea9c3}
.camera-quality{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;margin-top:20px;padding:30px;background:#fff;border:1px solid #dfeaf0;border-radius:11px}
.quality-copy .quality-note{margin-top:15px!important;color:#496475!important;font-size:13px!important}
.quality-monitor{padding:16px;background:#0a293b;color:#edf9fb;border:1px solid #27586c;border-radius:8px}
.quality-monitor-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;color:#a9d6df;font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.08em}
.quality-views{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quality-views figure{min-width:0;margin:0}
.quality-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#234657;border:1px solid #426a7b;border-radius:5px}
.quality-image img{width:100%;height:100%;object-fit:cover}
.quality-image-obstructed::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 66% 35%,#4a4235b8 0%,#695d4e8a 20%,transparent 59%),radial-gradient(ellipse at 37% 79%,#4b4239a8 0%,transparent 47%)}
.quality-views figcaption{display:flex;align-items:center;gap:6px;margin-top:7px;color:#c9e4e9;font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.04em}
.quality-views figcaption i{width:7px;height:7px;flex:none;border-radius:50%;background:#6ed7b3}
.quality-views figure:last-child figcaption i{background:#ffca75}
.quality-alert{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px;background:#183c49;border:1px solid #43626a;border-radius:5px}
.quality-alert>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#6c5020;color:#ffdf99;font-weight:800}
.quality-alert>div{display:grid;gap:3px;min-width:0;flex:1}.quality-alert strong{font-size:11px}.quality-alert small{color:#c3dce1;font-size:10px;line-height:1.35}.quality-alert b{color:#a9d6df;font-size:9px}
.ai-footnote{margin:20px 0 0;color:#526779;font-size:13px;line-height:1.65}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.example-card{overflow:hidden;background:white;border:1px solid #dfeaf0;border-radius:11px;box-shadow:0 12px 25px #0c34440a}
.example-visual{height:235px;display:flex;flex-direction:column;padding:19px 21px;overflow:hidden}
.example-visual-head{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.1em}
.visual-message{background:#0b283b;color:#d4edf5}
.visual-message .example-visual-head{color:#8fb9c9}
.message-ticket{display:flex;align-items:center;gap:11px;margin-top:30px;padding:13px;background:#103b51;border:1px solid #1b5267;border-radius:7px}
.ticket-symbol{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:7px;color:#6ae1e7;background:#1b5064;font-size:22px}
.message-ticket div{display:grid;gap:4px}
.message-ticket small{color:#83bac7}
.message-ticket strong{font-size:12px}
.message-ticket div span{color:#a8c9d5;font-size:9px}
.example-status{display:flex;justify-content:space-between;align-items:center;padding:12px 3px 8px;color:#9fded5;font-size:10px;font-weight:700}
.example-status i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#66d5c0}
.example-lines{display:grid;gap:6px;margin-top:4px}
.example-lines span{height:4px;width:70%;border-radius:9px;background:#ffffff13}.example-lines span:last-child{width:48%}
.visual-prep{background:#ddecf1;color:#315f73}
.visual-prep .example-visual-head{color:#426b7b}
.prep-card{width:85%;align-self:center;margin-top:20px;padding:15px 17px;background:#fff;border:1px solid #d7e6ea;border-radius:8px;box-shadow:0 7px 16px #244b5810}
.prep-head,.work-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.prep-file,.work-symbol{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:6px;background:#e5f3f7;color:#1587ac;font-size:18px}
.prep-head div,.work-head div{display:grid;gap:4px}
.prep-card small,.work-card small{color:#75909f}
.prep-card strong,.work-card strong{color:#193a4c;font-size:11px}
.prep-line{display:flex;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #edf2f4;color:#53707d;font-size:10px}
.prep-line i{color:#12a2a4;font-style:normal;font-weight:800}
.visual-work{background:#e7f0fc;color:#365c8b}
.visual-work .example-visual-head{color:#526f8c}
.work-card{width:83%;align-self:center;margin-top:15px;padding:14px 16px;background:white;border:1px solid #dde8f4;border-radius:8px;box-shadow:0 7px 16px #294b7610}
.work-symbol{background:#e4f2ec;color:#289e7b;font-size:15px;font-weight:800}
.time-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid #edf2f7;color:#5c7787;font-size:10px}
.time-row span:last-child{color:#183d54;font-weight:700}
.work-footer{display:flex;justify-content:space-between;margin-top:5px;padding-top:8px;border-top:1px solid #edf2f7;color:#1671c5;font-size:9px;font-weight:750}
.visual-monitor{background:#0c2d40;color:#d3edf3}.visual-monitor .example-visual-head{color:#a6cbd4}
.monitor-panel,.maintenance-panel,.stock-panel{width:86%;align-self:center;margin-top:20px;padding:14px 16px;border-radius:8px}
.monitor-panel{background:#123d50;border:1px solid #286078;color:#e3f6fa}
.monitor-head,.maintenance-head,.stock-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.monitor-head{align-items:flex-start;flex-direction:column;gap:4px}.monitor-head span,.maintenance-head small,.stock-head small{font-size:9px;font-weight:800;letter-spacing:.09em}.monitor-head span{color:#9bc9d4}.monitor-head strong,.maintenance-head strong,.stock-head strong{font-size:12px}
.monitor-line{display:flex;align-items:center;gap:7px;padding:9px 0;border-top:1px solid #ffffff1c;font-size:10px;color:#c9e0e6}.monitor-line i{width:7px;height:7px;flex:none;border-radius:50%;background:#58d3ae}.monitor-line b{margin-left:auto;color:#a9edd7;font-size:9px}.monitor-warning i{background:#ffd278}.monitor-warning b{color:#ffda94}.monitor-footer{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #ffffff1c;color:#84dbe9;font-size:10px;font-weight:700}
.visual-maintenance{background:#e4f2ee;color:#466d63}.visual-maintenance .example-visual-head{color:#527b70}.maintenance-panel,.stock-panel{background:#fff;border:1px solid #dae9e6;box-shadow:0 7px 16px #244b5810}
.maintenance-head>span,.stock-head>span{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:7px;background:#e3f5ee;color:#239879;font-size:16px;font-weight:800}
.maintenance-head div,.stock-head div{display:grid;gap:4px}.maintenance-head small,.stock-head small{color:#718d91}.maintenance-head strong,.stock-head strong{color:#193a4c}
.maintenance-line{display:flex;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #edf3f1;color:#4d6d68;font-size:10px}.maintenance-line i{color:#199c83;font-style:normal;font-weight:800}
.visual-stock{background:#f0eefa;color:#625d86}.visual-stock .example-visual-head{color:#766f98}.stock-panel{border-color:#e6e2f2}.stock-head>span{background:#ede9fb;color:#7767c0}.stock-line{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #f1eff6;color:#627382;font-size:10px}.stock-line b{color:#397f70}.stock-code{width:75%;height:22px;margin-top:7px;background:repeating-linear-gradient(90deg,#284758 0 2px,transparent 2px 4px,#284758 4px 5px,transparent 5px 8px)}.stock-caption{margin-top:6px;color:#6a8491;font-size:9px;font-weight:800;letter-spacing:.08em}
.example-copy{padding:26px 25px 24px}
.card-kicker{margin-bottom:12px;color:#1e78a7;font-size:9px;font-weight:850;letter-spacing:.12em}
.example-copy h3{margin-bottom:12px;font-size:21px;line-height:1.25;letter-spacing:-.035em}
.example-copy>p:not(.card-kicker){min-height:110px;margin-bottom:21px;color:var(--muted);font-size:15px;line-height:1.65}
.card-path{padding-top:16px;border-top:1px solid #edf1f4;color:#3a6071;font-size:12px;line-height:1.5;font-weight:750}
.card-path span{padding:0 6px;color:#1ea9c3}
.example-footnote{margin:20px 0 0;color:#526779;font-size:13px;line-height:1.6}

.workflow-grid{display:grid;grid-template-columns:.85fr 1fr;gap:130px}
.workflow-copy>p:not(.eyebrow){max-width:455px;margin:24px 0;color:var(--muted);font-size:16px;line-height:1.8}
.inline-link{display:inline-flex;align-items:center;gap:12px;color:#1267c6;font-size:13px;font-weight:750}
.inline-link:hover{color:#07498d}
.workflow-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.workflow-list li{display:flex;align-items:flex-start;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.workflow-list li>span{flex:none;padding-top:3px;color:#1496b6;font-size:11px;font-weight:800}
.workflow-list h3{margin-bottom:5px;font-size:16px;letter-spacing:-.02em}
.workflow-list p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}

.roles{position:relative;overflow:hidden;background:#071d2e;color:#e7f4f8}
.roles::before{content:"";position:absolute;left:-200px;bottom:-420px;width:800px;height:800px;border:1px solid #32a3c633;border-radius:50%;box-shadow:0 0 0 75px #32a3c60a,0 0 0 150px #32a3c609}
.roles-grid{position:relative;display:grid;grid-template-columns:.9fr 1fr;gap:140px}
.roles-intro{max-width:470px}
.eyebrow-light{color:#8bcdde}
.roles h2{color:#f5fbff}
.roles-intro>p:not(.eyebrow){margin:24px 0 28px;color:#afc7d2;font-size:16px;line-height:1.8}
.button-white{background:#fff;color:#12334a}
.button-white:hover{background:#e9faff}
.role-list{border-top:1px solid #ffffff22}
.role-list article{display:grid;grid-template-columns:35px 1fr 20px;gap:16px;padding:23px 0;border-bottom:1px solid #ffffff22}
.role-number{padding-top:3px;color:#6ed5dc;font-size:10px;font-weight:800}
.role-list h3{margin-bottom:7px;color:#f6fbfd;font-size:17px;letter-spacing:-.02em}
.role-list p{margin:0;color:#aec6d1;font-size:15px;line-height:1.65}
.role-list article>span:last-child{color:#6ca7ba;font-size:18px}

.closing{background:#f4f9fb}
.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.closing h2 span{color:#167bc7}
.closing-inner p:not(.eyebrow){margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.closing-actions{display:grid;justify-items:start;gap:20px;flex:none}
.footer{background:#fff;border-top:1px solid #e6eef2}
.footer-inner{min-height:112px;display:flex;align-items:center;gap:22px}
.brand-footer{font-size:16px}
.brand-footer .original-logo{width:100px;height:68px}
.footer p{flex:1;margin:0;color:#526779;font-size:13px}
.footer-inner>a:last-child{color:#376175;font-size:13px;font-weight:700}

@media(max-width:1100px){.wrap{width:min(100% - 64px,1280px)}.desktop-nav{gap:21px}.hero-grid{gap:38px}.hero h1{font-size:clamp(47px,5.8vw,66px)}.floating-card{right:-12px}.workflow-grid,.roles-grid{gap:75px}.capability{padding:24px 19px}.example-copy{padding-inline:20px}.example-copy>p:not(.card-kicker){min-height:110px}}
@media(max-width:920px){.desktop-nav{display:none}.mobile-menu{display:block}}
@media(max-width:780px){.wrap{width:min(100% - 40px,600px)}.header-inner{height:68px;gap:14px}.brand{font-size:17px}.brand img{width:36px;height:36px}.desktop-nav{display:none}.mobile-menu{display:block}.header-login{min-height:40px;padding:0 13px;gap:8px}.hero-grid{grid-template-columns:1fr;gap:28px;padding-top:58px;padding-bottom:48px}.hero-copy{padding:0}.hero h1{font-size:clamp(45px,9.6vw,63px)}.hero-lead{font-size:16px;line-height:1.7}.hero-art{min-height:0;padding:15px 8px}.dashboard{width:100%}.floating-card{right:-6px;bottom:35px}.hero-bottom{font-size:8px;letter-spacing:.1em}.hero-bottom span:last-child{display:none}.section{padding:78px 0}.split-intro,.example-intro{grid-template-columns:1fr;gap:17px;margin-bottom:38px}.section-intro h2,.workflow h2,.roles h2,.closing h2{font-size:clamp(34px,7.5vw,46px)}.section-intro>p{font-size:15px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability{min-height:155px}.example-grid{grid-template-columns:1fr;gap:17px}.example-card{display:grid;grid-template-columns:1fr 1fr}.example-visual{height:auto;min-height:250px}.example-copy>p:not(.card-kicker){min-height:0}.example-copy{display:flex;flex-direction:column;justify-content:center;padding:24px}.card-path{margin-top:auto}.workflow-grid,.roles-grid{grid-template-columns:1fr;gap:40px}.roles-intro{max-width:560px}.closing-inner{align-items:flex-start;flex-direction:column;gap:28px}.closing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.footer-inner{flex-wrap:wrap;gap:12px 20px;padding-top:28px;padding-bottom:28px}.footer p{min-width:65%}}
@media(max-width:510px){.hero-grid{padding-top:45px}.hero h1{font-size:clamp(41px,10.6vw,54px)}.hero-lead{margin-top:21px;font-size:15px}.hero-actions{margin-top:25px}.hero-notes{margin-top:26px}.hero-art{margin:4px -4px 0}.dashboard-top{height:51px;padding-inline:17px}.dashboard-body{padding:21px 17px 14px}.dashboard-intro h2{font-size:19px}.dashboard-intro{margin-bottom:18px}.board-badge{font-size:8px}.board-label{margin-top:17px;font-size:8px}.board-label span{font-size:7px}.activity-list li{padding:8px 0}.dashboard-bottom{padding:13px 17px;font-size:8px}.floating-card{bottom:23px;right:0;transform:scale(.88);transform-origin:right bottom}.section{padding:68px 0}.capability-grid{grid-template-columns:1fr}.capability{min-height:0;padding:21px 19px}.capability h3{margin-bottom:5px}.example-card{display:block}.example-visual{height:215px;min-height:0}.example-copy{padding:23px}.example-copy h3{font-size:20px}.example-copy>p:not(.card-kicker){margin-bottom:18px}.prep-card{margin-top:12px}.work-card{margin-top:8px}.closing-actions{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.footer p{min-width:0}}
@media(max-width:510px){.header-inner{gap:10px}.header-inner .brand{gap:6px;font-size:15px;letter-spacing:.11em}.header-inner .brand img{width:32px;height:32px}.header-actions{gap:6px}.header-login{padding-inline:9px;gap:5px;font-size:12px}}
@media(max-width:780px){html{scroll-padding-top:90px}.header-inner{height:78px}.header-inner .brand .original-logo{width:100px;height:68px}}
@media(max-width:510px){.header-inner .brand .original-logo{width:92px;height:62px}}
@media(max-width:780px){.camera-feature{grid-template-columns:1fr;gap:24px;padding:26px}.camera-feature-copy h3{font-size:30px}}
@media(max-width:510px){.camera-feature{padding:22px;gap:20px}.camera-feature-copy h3{font-size:27px}.camera-example-tag,.camera-location{font-size:9px}.monitor-panel,.maintenance-panel,.stock-panel{margin-top:12px}}
@media(max-width:780px){.ai-examples{margin:50px 0 38px;scroll-margin-top:90px}.ai-intro{grid-template-columns:1fr;gap:16px}.ai-grid{grid-template-columns:1fr}.camera-quality{grid-template-columns:1fr;gap:22px;padding:26px}}
@media(max-width:510px){.ai-card-copy{padding:23px}.ai-card-copy h4,.quality-copy h4{font-size:21px}.camera-quality{padding:22px}.ai-readout{right:10px;bottom:10px;left:10px;padding:10px 12px}.ai-readout strong{font-size:14px}.ai-demo-label{font-size:9px}.quality-alert b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}