:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162238;background:#f8f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(38,114,234,.4);outline-offset:3px}#root{overflow:hidden}:root{--ink: #162238;--muted: #61708a;--line: #d9e1ec;--canvas: #f8f9fc;--paper: #ffffff;--navy: #0f1b30;--blue: #2672ea;--blue-soft: #eaf2ff;--mint: #2fbd8e;--mint-soft: #e6fbf3;--amber: #ee9b24;--amber-soft: #fff5e5;--rose: #eb5f6c;--rose-soft: #fff0f1}.shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.hero{min-height:720px;color:#f8fbff;background:radial-gradient(circle at 84% 18%,rgba(52,123,235,.25),transparent 30rem),linear-gradient(135deg,#0d1729,#121f37,#162b4a)}.nav{display:flex;align-items:center;justify-content:space-between;padding:27px 0}.brand,.nav-links button{border:0;color:inherit;background:transparent}.brand{padding:4px 0;letter-spacing:.085em;font-size:.84rem;font-weight:800}.brand span{color:#6cb7ff}.nav-links{display:flex;gap:26px}.nav-links button{padding:6px 0;color:#bac8dc;font-size:.86rem;transition:color .16s ease}.nav-links button:hover{color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);align-items:center;gap:80px;padding:104px 0 130px}.eyebrow,.module-label{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.13em;line-height:1.3}.eyebrow{color:var(--blue)}.hero .eyebrow{color:#75b5ff}.hero h1,.intro h2,.section-heading h2,.case-heading h2,.footer h2{margin:0;letter-spacing:-.045em}.hero h1{max-width:690px;margin-top:22px;font-size:clamp(3.2rem,6.5vw,5.65rem);line-height:.99}.hero h1 span{color:#76b5ff}.hero-description{max-width:570px;margin:28px 0 0;color:#b9c6d9;font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:38px}.hero-actions p{max-width:180px;margin:0;color:#8ca0bd;font-size:.74rem;line-height:1.55}.button{border:0;border-radius:8px;padding:13px 18px;font-size:.9rem;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.button.primary{color:#fff;background:var(--blue);box-shadow:0 8px 20px #2672ea42}.button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #2672ea54}.button:disabled{cursor:wait;opacity:.72}.button span{margin-left:10px}.hero-panel{overflow:hidden;border:1px solid rgba(187,211,246,.18);border-radius:15px;background:#0d192d99;box-shadow:0 28px 70px #00000036}.panel-header,.panel-footer{display:flex;justify-content:space-between;padding:17px 21px;color:#9fb0c9;font-size:.68rem;font-weight:700;letter-spacing:.09em}.panel-header{border-bottom:1px solid rgba(187,211,246,.14)}.panel-live{color:#9eeacb}.panel-live i,.sync-state i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--mint)}.panel-lines{display:grid;gap:2px;padding:22px}.panel-lines div{padding:17px 14px;border-radius:8px;background:#9fb7da14;color:#e7f0fd;font-size:.96rem}.panel-lines span{display:inline-block;width:38px;color:#6eb6ff;font-size:.73rem;font-weight:800}.panel-footer{border-top:1px solid rgba(187,211,246,.14);color:#7790b2;letter-spacing:.025em}.intro{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);gap:64px;padding:120px 0 110px}.intro-content h2{max-width:750px;font-size:clamp(2.35rem,4vw,3.85rem);line-height:1.08}.intro-content p{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.work{padding:106px 0 0;background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:66px}.section-heading h2{margin-top:17px;font-size:clamp(2.25rem,4vw,3.65rem);line-height:1}.section-heading>p{max-width:240px;margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}.case-study{padding:90px 0 96px}.case-study:nth-child(2n){background:#f6f8fc}.case-heading{display:grid;grid-template-columns:75px minmax(0,1.15fr) minmax(240px,.72fr);align-items:start;gap:25px;margin-bottom:42px}.case-number{padding-top:5px;color:#aab7cc;font-size:.84rem;font-weight:800;letter-spacing:.1em}.case-heading h2{max-width:680px;margin-top:13px;font-size:clamp(2.05rem,3.5vw,3.25rem);line-height:1.06}.case-summary{margin:0;padding-top:18px;color:var(--muted);font-size:.94rem;line-height:1.65}.demo-grid{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(260px,.65fr);gap:18px}.demo-card,.investigation-detail,.config-demo,.network-layout{border:1px solid var(--line);border-radius:14px;background:var(--paper)}.timeline-card{padding:26px}.card-topline,.config-header,.network-controls{display:flex;align-items:start;justify-content:space-between;gap:12px}.module-label{color:#72819a;font-size:.64rem}.card-topline h3,.config-header h3,.network-controls h3,.investigation-detail h3,.site-detail h3{margin:6px 0 0;font-size:1.22rem;letter-spacing:-.025em}.status-chip,.sync-state{padding:7px 9px;border-radius:5px;background:var(--blue-soft);color:#2860b2;font-size:.62rem;font-weight:800;letter-spacing:.07em}.timeline{position:relative;display:grid;gap:8px;margin-top:31px}.timeline:before{position:absolute;top:18px;bottom:18px;left:12px;width:1px;background:#d8e2f0;content:""}.timeline-event{position:relative;z-index:1;display:grid;grid-template-columns:25px 90px minmax(100px,1fr) 130px;align-items:center;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:7px;color:var(--ink);background:transparent;text-align:left;transition:background .15s ease,border .15s ease}.timeline-event:hover,.timeline-event.active{border-color:#cfe0fa;background:#f0f6ff}.event-dot{width:10px;height:10px;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #cad5e5}.event-dot.info{background:var(--blue)}.event-dot.warning{background:var(--amber)}.event-dot.critical{background:var(--rose)}.event-time{color:#72819a;font-size:.76rem;font-variant-numeric:tabular-nums}.event-label{font-size:.83rem;font-weight:750}.event-source{color:var(--muted);font-size:.74rem}.signal-plot{position:relative;margin-top:30px;padding:18px 12px 16px;border-top:1px solid #e4eaf2}.signal-plot svg{display:block;width:100%;overflow:visible}.signal-plot path{fill:none;stroke:#2e74e7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.signal-plot path.signal-overlay{stroke:#83d9bc;stroke-width:2}.plot-label{display:block;margin-bottom:6px;color:#8795a8;font-size:.6rem;font-weight:800;letter-spacing:.08em}.plot-axis{color:#9aa6b6;font-size:.63rem}.plot-axis.end{float:right}.investigation-detail{padding:26px;background:#18263e;color:#f8fbff}.investigation-detail .module-label{color:#8fa6c8}.detail-icon{display:grid;width:41px;height:41px;place-items:center;margin-top:33px;border-radius:9px;font-size:1.3rem;font-weight:800}.detail-icon.critical{background:#eb5f6c33;color:#ffacb4}.detail-icon.warning{background:#ee9b2433;color:#ffd18b}.detail-icon.info{background:#5596f533;color:#a3ccff}.investigation-detail h3{margin-top:20px}.detail-source,.detail-note,.detail-answer{color:#b8c6d9;font-size:.82rem;line-height:1.62}.detail-source{margin:7px 0 22px;color:#7890b3}.detail-note{margin:0}.detail-divider{height:1px;margin:26px 0;background:#cadaef2e}.detail-key{margin:0;color:#86b9ff;font-size:.68rem;font-weight:800;letter-spacing:.08em}.detail-answer{margin:9px 0 0}.case-result{display:grid;grid-template-columns:130px minmax(0,1fr);gap:25px;margin-top:20px;padding:20px 0 0}.case-result span{color:var(--blue);font-size:.67rem;font-weight:850;letter-spacing:.13em}.case-result p{max-width:750px;margin:0;color:#34425a;font-size:1.03rem;font-weight:600;line-height:1.48}.config-layout{display:grid;gap:18px}.architecture-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.architecture-stage{position:relative;min-height:142px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.stage-index{color:#a7b4c7;font-size:.67rem;font-weight:850;letter-spacing:.09em}.stage-icon{margin-top:18px;color:var(--blue);font-size:1.65rem;line-height:1}.architecture-stage p{margin:15px 0 0;font-size:.82rem;font-weight:750}.architecture-arrow{position:absolute;z-index:2;top:58px;right:-16px;color:#97a8bf;font-size:1.08rem}.config-demo{padding:30px}.sync-state{color:#167355;background:var(--mint-soft)}.sync-state.syncing{color:#a15a00;background:var(--amber-soft)}.sync-state.syncing i{background:var(--amber);animation:blink .65s ease infinite alternate}@keyframes blink{to{opacity:.35}}.config-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:44px;align-items:center;margin-top:45px}.config-body label{display:flex;justify-content:space-between;color:#3d4c64;font-size:.83rem;font-weight:700}.config-body label strong{color:var(--blue)}.config-body input{width:100%;height:7px;margin-top:23px;accent-color:var(--blue)}.range-labels{display:flex;justify-content:space-between;margin-top:8px;color:#8794a7;font-size:.68rem}.config-preview{padding:20px;border-radius:10px;background:#f4f7fc}.gauge{overflow:hidden;height:12px;margin-top:15px;border-radius:99px;background:#dce5f2}.gauge-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a9cf5,#2fbd8e);transition:width .18s ease}.config-preview p{margin:15px 0 0;color:var(--muted);font-size:.74rem}.config-preview strong{color:var(--ink)}.config-button{margin-top:33px}.network-layout{padding:28px}.network-controls{align-items:center}.filter-group{display:flex;gap:7px}.filter{border:1px solid #d6dfed;border-radius:6px;padding:8px 10px;color:#66758d;background:#fff;font-size:.72rem;font-weight:750}.filter.active{border-color:#bdd5fa;color:#175dbf;background:var(--blue-soft)}.network-demo{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;margin-top:26px}.site-map{position:relative;min-height:430px;overflow:hidden;border:1px solid #dfe6f0;border-radius:11px;background:#fbfcfe}.site-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.65;background-image:linear-gradient(#e9eef6 1px,transparent 1px),linear-gradient(90deg,#e9eef6 1px,transparent 1px);background-size:36px 36px}.site-outline{position:absolute;top:14%;right:11%;bottom:14%;left:11%;border:2px solid #b7c5d8;border-radius:18% 8% 18% 10%;transform:rotate(-2deg)}.site-node{position:absolute;z-index:2;display:grid;width:34px;height:34px;place-items:center;padding:0;border:2px solid #ffffff;border-radius:50%;color:#fff;box-shadow:0 4px 13px #263c5c2e;transform:translate(-50%,-50%);transition:transform .14s ease,box-shadow .14s ease}.site-node:hover,.site-node.selected{z-index:4;transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 5px #2672ea29}.site-node.healthy{background:var(--mint)}.site-node.warning{background:var(--amber)}.site-node.offline{background:var(--rose)}.site-node.device{width:26px;height:26px;border-radius:6px}.node-symbol{font-size:.96rem;font-weight:800}.node-ring{position:absolute;width:52px;height:52px;border:1px solid currentColor;border-radius:50%;opacity:.22}.map-key{position:absolute;bottom:14px;left:14px;display:flex;flex-wrap:wrap;gap:10px;padding:9px 11px;border:1px solid #dde5f0;border-radius:7px;color:#728198;background:#ffffffe6;font-size:.65rem;font-weight:700}.map-key span{display:flex;align-items:center;gap:5px}.map-key i{width:7px;height:7px;border-radius:50%}.map-key i.healthy{background:var(--mint)}.map-key i.warning{background:var(--amber)}.map-key i.offline{background:var(--rose)}.site-detail{padding:22px;border-radius:11px;background:#17253d;color:#f7fbff}.site-detail .module-label{color:#96aed2}.site-detail h3{margin-top:8px}.site-status{margin:5px 0 30px;font-size:.75rem;font-weight:800;text-transform:uppercase}.site-status.healthy{color:#86e4bf}.site-status.warning{color:#ffd28f}.site-status.offline{color:#ffacb4}.site-metric{display:grid;gap:5px;padding:14px 0;border-top:1px solid rgba(218,230,246,.16)}.site-metric span{color:#8fa5c6;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-metric strong{font-size:.81rem}.footer{padding:94px 0;color:#fff;background:var(--navy)}.footer-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.54fr);gap:80px;align-items:end}.footer .eyebrow{color:#76b5ff}.footer h2{margin-top:13px;font-size:clamp(2.15rem,4vw,3.4rem);line-height:1}.footer p:last-child{margin:0;color:#9eb0c9;font-size:.82rem;line-height:1.65}@media (max-width: 880px){.hero{min-height:auto}.hero-grid,.intro,.case-heading,.demo-grid,.footer-content{grid-template-columns:1fr}.hero-grid{gap:52px;padding:74px 0 88px}.intro{gap:20px;padding:88px 0}.section-heading{align-items:start;flex-direction:column}.case-heading{gap:13px}.case-summary{padding-top:4px}.architecture-flow{grid-template-columns:repeat(2,1fr)}.architecture-arrow{display:none}.config-body{grid-template-columns:1fr;gap:30px}.network-demo{grid-template-columns:1fr}.site-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.site-detail h3,.site-status,.site-metric{margin:0}.site-detail .module-label{grid-column:1 / -1}.site-metric{border-top:0}}@media (max-width: 580px){.shell{width:min(100% - 32px,1160px)}.nav-links{gap:17px}.hero h1{font-size:3.05rem}.hero-actions,.section-heading{align-items:start;flex-direction:column}.hero-actions{gap:15px}.case-study{padding:70px 0}.timeline-card,.investigation-detail,.config-demo,.network-layout{padding:20px}.timeline-event{grid-template-columns:22px 67px minmax(80px,1fr)}.event-source{display:none}.architecture-flow{grid-template-columns:1fr}.architecture-stage{min-height:104px}.stage-icon{margin-top:10px}.architecture-stage p{margin-top:9px}.network-controls{align-items:start;flex-direction:column}.site-map{min-height:360px}.map-key{max-width:calc(100% - 28px)}.site-detail{display:block}.site-detail .module-label,.site-detail h3,.site-status{display:block;margin-bottom:15px}.site-metric{display:grid;border-top:1px solid rgba(218,230,246,.16)}.case-result{grid-template-columns:1fr;gap:7px}}.personal-hero{color:#f6f4ee;background:#24332d}.personal-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.personal-brand,.personal-nav-links button{border:0;color:inherit;background:transparent}.personal-brand{padding:0;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;font-weight:700;letter-spacing:-.04em}.personal-nav-links{display:flex;gap:24px}.personal-nav-links button{padding:4px 0;color:#ced4c8;font-size:.82rem}.personal-hero-content{padding:108px 0 62px}.personal-kicker,.personal-case-number{margin:0;color:#d0c37d;font-size:.67rem;font-weight:800;letter-spacing:.15em}.personal-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:74px;align-items:end;margin-top:24px}.personal-intro h1,.personal-section-heading h2,.personal-case h2,.personal-about h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.05em}.personal-intro h1{max-width:770px;font-size:clamp(3.2rem,6.2vw,5.8rem);line-height:.98}.personal-intro>div>p{margin:0;color:#d3d7d0;font-size:1.05rem;line-height:1.7}.personal-button{margin-top:32px;border:1px solid #d0c37d;border-radius:999px;padding:12px 17px;color:#24332d;background:#d0c37d;font-size:.83rem;font-weight:800}.personal-button span{margin-left:18px}.personal-note{max-width:370px;margin:102px 0 0 auto;color:#aab5a6;font-size:.75rem;line-height:1.55}.personal-work{padding-top:110px;background:#f5f2eb}.personal-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:70px}.personal-section-heading h2{max-width:680px;margin-top:17px;color:#27322e;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.98}.personal-section-heading>p{max-width:245px;margin:0;color:#657069;font-size:.91rem;line-height:1.65}.personal-case{padding:98px 0;color:#27322e;background:#fff}.personal-case-dark{color:#f6f4ee;background:#202a2a}.personal-case-warm{background:#ece3d6}.personal-case-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:95px;align-items:center}.personal-case-grid.reverse>div{grid-column:2}.personal-case-grid.reverse .personal-visual{grid-column:1;grid-row:1}.personal-case h2{max-width:520px;margin-top:18px;font-size:clamp(2.3rem,4vw,3.9rem);line-height:1.02}.personal-case>.shell>div>p:not(.personal-case-number):not(.personal-result){max-width:470px;margin:22px 0 0;color:#657069;font-size:.96rem;line-height:1.72}.personal-case-dark>.shell>div>p:not(.personal-case-number):not(.personal-result){color:#c4cec6}.personal-result{margin:32px 0 0;padding-top:18px;border-top:1px solid #cfd4cd;color:#4d5d54;font-size:.9rem;line-height:1.6}.personal-case-dark .personal-result{border-color:#52615d;color:#d0c37d}.personal-visual{margin:0}.personal-visual img{display:block;width:100%;max-height:490px;object-fit:cover;object-position:top;border:1px solid rgba(41,50,46,.15);border-radius:4px;box-shadow:0 22px 45px #131d192b}.personal-visual-light img{object-fit:contain;background:#f9f6eb}.personal-visual figcaption{margin-top:12px;color:#7a837c;font-size:.7rem;line-height:1.5}.personal-case-dark .personal-visual figcaption{color:#9eaaa1}.personal-about{padding:108px 0 120px;color:#f7f3ec;background:#7d5c44}.personal-about-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:94px}.personal-about .personal-kicker{color:#f3cf7f}.personal-about h2{max-width:480px;margin-top:17px;font-size:clamp(2.7rem,4.8vw,4.6rem);line-height:.98}.personal-about-grid>p{max-width:590px;margin:4px 0 0;color:#f0e2d6;font-size:1.11rem;line-height:1.75}@media (max-width: 880px){.personal-intro,.personal-case-grid,.personal-about-grid{grid-template-columns:1fr;gap:38px}.personal-case-grid.reverse>div,.personal-case-grid.reverse .personal-visual{grid-column:auto;grid-row:auto}.personal-section-heading{align-items:start;flex-direction:column}.personal-note{margin-top:65px}}@media (max-width: 580px){.personal-nav{padding:22px 0}.personal-nav-links{gap:15px}.personal-hero-content{padding:72px 0 44px}.personal-intro h1{font-size:3.1rem}.personal-work{padding-top:75px}.personal-section-heading{padding-bottom:48px}.personal-case,.personal-about{padding:72px 0}}