@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-cyrillic-ext-400-normal.2745gcdax2e3-.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-cyrillic-ext-400-normal.36zaces6jujad.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-thai-400-normal.2vcybq-irdqrs.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-thai-400-normal.03p84ch9rz841.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-latin-ext-400-normal.2lv5q7h8bitvd.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-ext-400-normal.15xdqjbi4gllc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-latin-400-normal.2wxbltz-qby0j.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-400-normal.39rh64oh7xmb3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-thai-cyrillic-ext-500-normal.328h13xt279m5.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-cyrillic-ext-500-normal.20gl2zzq6zvbb.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-thai-thai-500-normal.1d0qrsn_0wd_n.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-thai-500-normal.2r4duxo5eh6pc.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-thai-latin-ext-500-normal.2tyej6om-13_x.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-ext-500-normal.26lu0b5ioqlaf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-thai-latin-500-normal.351t6xkx8vlu3.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-500-normal.3a1ldtgk1hom_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-cyrillic-ext-600-normal.2n504n1moeh0r.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-cyrillic-ext-600-normal.1ek02e03dlhu2.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-thai-600-normal.213tq94-94uef.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-thai-600-normal.1k51c4-fx5jlv.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-latin-ext-600-normal.0zkm8lubzbj0y.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-ext-600-normal.42tszjx51lv3a.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-latin-600-normal.0tzs4s06sxxpz.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-600-normal.3hpavg9eo_n_1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#10172f;--navy:#1f2d5a;--navy-2:#243460;--card:#192447;--raised:#243460;--ink:#f4f7ff;--muted:#bac9e4;--line:#3b507c;--teal:#5ec6e8;--teal-soft:#233f6b;--amber:#fbc642;--red:#ff7a3c;--green:#5ec6e8;--blue:#2f7dd3;--cyan:#5ec6e8;--yellow:#fbc642;--orange:#ff7a3c;--brand-navy:#1f2d5a;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#3f4d74 var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope Variable,IBM Plex Sans Thai,sans-serif;font-size:15px;line-height:1.65}::selection{color:#10172f;background:var(--teal)}button,input,select{font:inherit}button,select{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button{transition:background-color .16s,border-color .16s,color .16s}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-underline-offset:4px;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:4px}p{overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance;line-height:1.35}button svg,a svg{flex-shrink:0}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{color:#98c1db;overflow-wrap:anywhere}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#1f2d5a}::-webkit-scrollbar-thumb{background:#36446a;border-radius:8px}.skip-link{z-index:200;background:var(--teal);color:var(--paper);border-radius:8px;padding:12px 18px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--navy);border-right:1px solid #202b4a;flex-direction:column;gap:24px;height:100dvh;padding:28px 16px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-lockup{align-items:center;gap:10px;padding:0 4px 12px;display:flex}.brand-mark{width:38px;height:42px;color:var(--teal);background:#233f6b;border-radius:10px;place-items:center;display:grid}.brand-lockup strong{letter-spacing:-.025em;font-size:14px;font-weight:700;display:block}.brand-lockup small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.nav-group-label{color:#9ab3c2;margin-bottom:8px;padding:0 12px;font-size:11px}.nav-list{gap:3px;display:grid}.nav-item{color:#b0c2ce;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:9px 12px;font-size:13px;display:flex}.nav-item svg{stroke-width:1.7px;width:18px;height:18px}.nav-item:hover{color:#eef5f9;background:#141e3b}.nav-item.active{color:#a1cce7;background:#233f6b}.side-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding:18px 8px 0;font-size:11px}.status-live,.mini-live{color:#a6cae0;align-items:center;gap:7px;font-size:12px;display:inline-flex}.status-live{margin-bottom:6px}.status-live i,.mini-live i,.demo-badge i{background:var(--teal);border-radius:50%;flex:none;width:6px;height:6px}.side-foot>span{display:block}.back-project{color:#b7cad5;align-items:center;gap:7px;min-height:36px;margin-top:15px;font-size:12px;display:flex}.main{min-width:0;padding:0 32px 28px}.topbar{z-index:20;background:#0b1227f2;border-bottom:1px solid #253153;justify-content:space-between;align-items:center;gap:14px;height:76px;margin-inline:-32px;padding-inline:32px;display:flex;position:sticky;top:0}.topbar-place{align-items:center;gap:12px;min-width:0;display:flex}.topbar-place span{color:var(--ink);font-size:13px}.topbar-place small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.top-right{align-items:center;gap:10px;display:flex}.demo-badge{color:#adcbdd;white-space:nowrap;background:#17213b;border-radius:5px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;display:inline-flex}.sim-clock{font-variant-numeric:tabular-nums;color:var(--muted);margin:0 6px;font-size:12px}.icon-btn{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--ink);border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:#1d294b;border-color:#495a88}.mobile-menu-trigger,.mobile-bottom-nav{display:none}.content{max-width:1720px;margin:auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 0 24px;display:flex}.page-heading h1{letter-spacing:-.025em;margin:0 0 8px;font-size:28px;font-weight:600}.page-heading p{color:var(--muted);max-width:76ch;margin:0;font-size:13px}.eyebrow{display:none}.sim-controls,.export-row,.manual-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-btn,.select-btn{color:#f4f7ff;background:#24365d;border:1px solid #49618b;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font-size:12px;font-weight:500;display:inline-flex}.control-btn:hover,.select-btn:hover{background:#286cbd;border-color:#5c70a8}.control-btn.primary{color:#fff;background:#2f7dd3;border-color:#5ec6e8}.control-btn.danger{color:#ffae82}.simulation-tag{color:#e7d496;background:#3a3027;border-radius:5px;padding:5px 8px;font-size:11px}.scenario-toolbar{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;display:flex}.scenario-toolbar>strong{color:var(--muted);margin-right:4px;font-size:12px;font-weight:500}.scenario-chip{border:1px solid var(--line);color:#becfda;background:#192447;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:8px 11px;font-size:12px;display:inline-flex}.scenario-chip:hover{background:#182446;border-color:#596da5}.scenario-chip.chosen{color:#b4d7ec;background:#1b2643;border-color:#45588c}.overview-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.scene-card{border-radius:var(--radius);isolation:isolate;background:#0a1123;border:1px solid #344062;height:650px;min-height:540px;position:relative;overflow:hidden}.scene-canvas{touch-action:none;width:100%;height:100%}.scene-canvas canvas{display:block}.scene-large{height:min(760px,78dvh);min-height:580px}.scene-expanded{z-index:100;border-radius:14px;width:auto;height:auto;min-height:0;position:fixed;inset:12px;box-shadow:0 20px 120px #000c}.scene-expanded .scene-canvas{height:100%}.scene-top,.scene-bottom{z-index:4;pointer-events:none;position:absolute;left:20px;right:20px}.scene-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;top:18px}.scene-top>*,.scene-bottom>*{pointer-events:auto}.scene-place{color:#e3eaee;background:#192447ec;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;display:flex}.scene-place strong{font-size:13px;font-weight:600;display:block}.scene-place small{color:#bbccd7;margin-top:2px;font-size:10px;display:block}.scene-tools{align-items:center;gap:8px;display:flex}.scene-tool-btn{color:#eff5f9;background:#192447e8;border:1px solid #6073a980;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.scene-status{color:#b4d7ec;background:#192447e8;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:inline-flex}.scene-status i{background:var(--teal);border-radius:50%;width:6px;height:6px}.scene-status.warning{color:#f9e9b5}.scene-status.warning i{background:var(--amber)}.scene-bottom{bottom:16px}.scene-camera-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.camera-tabs{background:#0c152de8;border-radius:8px;gap:3px;padding:4px;display:flex}.camera-tabs button{color:#c9d7df;background:0 0;border:0;border-radius:5px;min-height:38px;padding:6px 10px;font-size:11px}.camera-tabs button:hover{background:#334167}.camera-tabs button.active{color:#bcdbee;background:#243257}.quality-control{color:#c9d7df;background:#0c152de8;border-radius:7px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:flex}.quality-control select{color:#e5edf2;background:0 0;border:0;min-height:34px;font-size:11px}.scene-help{color:#dce4e9;text-shadow:0 1px 5px #080e20;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:10px;display:flex}.scene-help span{align-items:center;gap:5px;display:inline-flex}.scene-loading,.scene-fallback{color:#c9d9e3;text-align:center;background:#141e38;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:380px;padding:24px;display:flex}.scene-loading small,.scene-fallback p{color:#a9becb;max-width:48ch;font-size:13px}.loading-mark{width:50px;height:50px;color:var(--teal);border:1px solid #3c4b75;border-radius:14px;place-items:center;font-size:14px;display:grid}.hotspot-label{color:#d5e1e9;white-space:nowrap;background:#192447ed;border:1px solid #4d5f90;border-radius:6px;padding:6px 10px;font-size:11px;display:block}.scene-node-tag{color:#edf4f8;text-align:center;background:#192447ed;border:1px solid #91acbc;border-radius:8px;min-width:62px;min-height:44px;padding:7px 11px;font-size:13px;font-weight:700}.scene-node-tag.selected{background:#2f7dd3;border-color:#c4f1ff}.scene-node-tag small{color:#c1d0da;margin-top:2px;font-size:9px;font-weight:500;display:block}.scene-node-tag:hover{border-color:#c4f1ff}.panel-card,.metric-card,.chart-card,.table-card,.page-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.inspect-card{flex-direction:column;gap:14px;padding:18px;display:flex}.panel-title-row,.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-title-row h2,.section-heading h2{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:600}.panel-title-row p,.section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.6}.panel-title-row>svg,.section-heading>svg{color:#8bacc0;margin-top:3px}.node-stack{gap:8px;display:grid}.node-card{text-align:left;width:100%;color:var(--ink);background:#101a34;border:1px solid #2c385a;border-radius:8px;padding:12px}.node-card:hover{background:#1a2544;border-color:#4a5a88}.node-card.selected{background:#192340;border-color:#506294}.node-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.node-name{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.node-symbol{color:#b9d2e1;background:#243051;border-radius:6px;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.node-state{color:#a9cbe0;white-space:nowrap;background:#1b243c;border-radius:4px;padding:3px 6px;font-size:9px}.node-state.warn{color:#f0dda0;background:#493b2c}.node-state.offline{color:#f5cab6;background:#483137}.node-desc{color:#a9bfcd;margin:4px 0 0 37px;font-size:10px}.node-reading{color:#aec2cf;justify-content:space-between;gap:8px;margin:8px 0 0 37px;font-size:11px;display:flex}.node-reading b{color:#e6eff4;font-variant-numeric:tabular-nums;font-weight:600}.selected-detail{border-top:1px solid var(--line);padding-top:16px}.detail-title{color:#b0cee1;font-size:14px;font-weight:600}.selected-detail p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.7}.priority-flow{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.priority-chip{color:#c0d2dd;background:#1b2643;border-radius:4px;padding:4px 7px;font-size:10px}.inspector-caveat,.inspector-foot{color:#a8bdca;font-size:11px;line-height:1.6}.inspector-caveat{margin-top:12px;display:block}.inspector-foot{border-top:1px solid var(--line);padding-top:12px}.sensor-values{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.sensor-values>div{border:1px solid #2d3a5c;border-radius:6px;padding:8px}.sensor-values small{color:#aabecb;font-size:10px;display:block}.sensor-values b{font-variant-numeric:tabular-nums;margin-top:3px;font-size:18px;font-weight:600;display:block}.sensor-values i{color:#bac9e4;font-size:11px;font-style:normal}.sensor-values .unavailable{color:#e4d39c;font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.metric-card{padding:19px 20px}.metric-head{color:#b1c5d2;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.metric-head svg{color:#8caabd;width:17px;height:17px}.metric-value{color:#e8f0f5;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:7px;margin-top:9px;display:flex}.metric-value strong{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:1.4}.metric-value small{color:#b4c7d3;font-size:12px}.metric-note{color:#a6bdcb;margin-top:6px;font-size:11px}.warn-text{color:var(--amber)!important}.green-text{color:var(--green)!important}.lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:18px;display:grid}.chart-card,.table-card{padding:22px}.chart-wrap{height:250px;margin-top:18px}.chart-foot{color:#a4bbca;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11px;display:flex}.chart-key{color:#aac0ce;margin-top:8px;font-size:11px}.chart-key i,.chart-legend i{background:var(--teal);vertical-align:middle;width:10px;height:3px;margin-right:6px;display:inline-block}.chart-legend{color:#b4c8d5;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:13px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:4px;display:inline-flex}.event-list{margin-top:15px}.event-row{border-bottom:1px solid #283454;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;padding:14px 0;display:grid}.event-row:last-child{border-bottom:0}.event-pin{background:var(--teal);border-radius:50%;width:6px;height:6px;margin-top:7px}.event-pin.warn{background:var(--amber)}.event-pin.danger{background:var(--red)}.event-text strong{font-size:12px;font-weight:500;line-height:1.7}.event-text small{color:#a1b8c7;margin-top:4px;font-size:11px;line-height:1.7;display:block}.event-time{color:#aabfcc;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.event-empty{color:var(--muted);padding:20px 0;font-size:13px}.text-link{color:#92c1df;align-items:center;gap:5px;min-height:36px;font-size:12px;display:inline-flex}.text-link:hover{color:#cae3f2}.page-panel{padding:24px}.page-two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.spaced{margin-top:22px}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.scenario-card{text-align:left;color:var(--ink);background:#121c39;border:1px solid #374469;border-radius:9px;padding:16px}.scenario-card:hover{background:#1c294b;border-color:#7396ab}.scenario-card.selected{background:#202a46;border-color:#5f73a9}.scenario-icon{color:#a6c2d3}.scenario-icon svg{width:21px;height:21px}.scenario-card strong{margin:10px 0 6px;font-size:13px;font-weight:600;display:block}.scenario-card p{color:#aec3d0;margin:0;font-size:12px;line-height:1.7}.manual-controls{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.manual-controls small{color:var(--muted);width:100%;font-size:11px}.battery-big{gap:12px;margin:22px 0 8px;display:grid}.battery-big strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1.3}.battery-big span{color:var(--muted);font-size:12px}.battery-track{background:#253050;border-radius:8px;height:9px;overflow:hidden}.battery-track i{background:var(--teal);border-radius:inherit;height:100%;display:block}.disclaimer{color:#e3d4a2;background:#2a2a2a;border:1px solid #625240;border-radius:8px;align-items:flex-start;gap:10px;margin-top:15px;padding:14px 16px;font-size:12px;line-height:1.8;display:flex}.disclaimer svg{flex-shrink:0;margin-top:3px}.load-priority{gap:0;margin-top:18px;display:grid}.load-row{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr 80px auto;align-items:center;gap:14px;padding:16px 6px;display:grid}.load-row:last-child{border-bottom:0}.load-row.shed{color:#adbfca}.load-rank{color:#a5c9df;background:#243052;border-radius:6px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.load-row strong{font-size:14px;font-weight:600}.load-row small{color:#a9bfcd;margin-top:3px;font-size:12px;display:block}.load-watts{text-align:right;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.load-watts small{font-size:12px;display:inline}.status-pill{color:#c1d3df;white-space:nowrap;background:#263e69;border-radius:5px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:inline-flex}.status-pill.normal{color:#9de2f5;background:#234a73}.status-pill.simulated{color:#fbc642;background:#4d412d}.status-pill.unavailable{color:#d0c3d6;background:#33303c}.status-key{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.circuit-layout{grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:18px;display:grid}.circuit-main{padding:18px}.sub-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:12px;display:flex}.sub-tabs button{color:#b0c6d3;background:0 0;border:1px solid #0000;border-radius:7px;min-height:40px;padding:8px 12px;font-size:12px}.sub-tabs button:hover{background:#232f4f}.sub-tabs button.active{color:#9ec9e4;background:#202943;border-color:#394a78}.circuit-stage{background:#0b1224;border:1px solid #354163;border-radius:9px;height:580px;overflow:hidden}.circuit-3d{height:100%;position:relative}.circuit-scene-overlay{color:#c3d4df;pointer-events:none;background:#192447e8;border-radius:6px;width:fit-content;max-width:calc(100% - 32px);padding:7px 10px;font-size:11px;position:absolute;bottom:12px;left:16px;right:16px}.schematic-wrap{background:#0c142a;height:100%;overflow:auto}.schematic-wrap svg{width:100%;min-width:820px;height:100%;display:block}.component-label{fill:#d9e6ee;font-size:11px;font-weight:600}.component-pin{fill:#adc4d2;font-size:9px}.wire-label{fill:#aec1cd;text-anchor:middle;font-size:8px}.schematic-caption{fill:#d0c191;font-size:8px}.svg-component{cursor:pointer}.svg-component:focus-visible{outline:none}.svg-component:focus-visible rect{stroke:#badaee;stroke-width:3px}.component-inspector{padding:20px}.selected-component{border-bottom:1px solid var(--line);margin-top:4px;padding:18px 0 15px}.selected-component h3{margin:5px 0 11px;font-size:20px;font-weight:600}.component-category{color:#8fb8d1;font-size:11px}.component-spec{grid-template-columns:70px minmax(0,1fr);gap:12px;margin:18px 0;font-size:12px;line-height:1.8;display:grid}.component-spec dt{color:#a3bccb}.component-spec dd{color:#d6e3eb;overflow-wrap:anywhere;margin:0}.component-list{border-top:1px solid var(--line);gap:3px;max-height:250px;padding-top:12px;display:grid;overflow:auto}.component-list button{color:#c2d4df;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:7px;min-height:40px;padding:8px;font-size:11px;display:flex}.component-list button:hover,.component-list button.selected{color:#acd2ea;background:#202943}.component-list small{color:#bfd0da;white-space:nowrap;font-size:10px}.table-scroll{margin-top:18px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:660px;font-size:12px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #2a3657;padding:15px 12px}.data-table th{color:#c4d5df;background:#17223f;font-size:12px;font-weight:500}.data-table td{color:#c2d4df}.data-table code{font-size:11px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.full-row{grid-column:1/-1}.monitor-context{color:#aec4d2;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 24px;padding-bottom:16px;font-size:12px;display:flex}.dashboard-scenarios{margin:0 0 22px}.do-banner{border-top:1px solid var(--line);color:#d3c7a1;align-items:flex-start;gap:9px;margin-top:17px;padding-top:17px;display:flex}.do-banner svg{flex-shrink:0;margin-top:2px}.do-banner strong{font-size:12px;font-weight:500;display:block}.do-banner small{color:#c4bea9;margin-top:4px;font-size:11px;display:block}.event-node-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.event-node{background:#17223f;border-radius:7px;padding:12px 14px}.event-node b,.event-node span,.event-node small{display:block}.event-node b{font-size:12px;font-weight:500}.event-node span{color:#a6c2d4;margin-top:7px;font-size:11px}.event-node small{color:#b8cad5;margin-top:3px;font-size:11px}.arch-stack{justify-items:center;gap:13px;margin-top:24px;display:grid}.arch-stack>span{color:#b3c5d1;font-size:12px}.arch-block{text-align:center;background:#192441;border:1px solid #4b5c8a;border-radius:8px;width:min(100%,440px);padding:16px 22px}.arch-block strong{font-size:16px;font-weight:500;display:block}.arch-block small{color:#aac0ce;margin-top:5px;font-size:12px;display:block}.arch-block.backup{background:#332e2a;border-color:#8b7d4f}.arch-branches{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-top:14px;display:grid}.arch-node-card{background:#141f3d;border:1px solid #3f4d74;border-radius:8px;padding:18px}.arch-node-card b{color:#9bc1d9;font-size:12px;font-weight:500}.arch-node-card strong{margin:7px 0;font-size:15px;font-weight:600;display:block}.arch-node-card small,.arch-node-card p{color:#b8ccd8;font-size:12px;line-height:1.8}.priority-rule{color:#b4c8d5;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:12px;padding:17px 0 0;font-size:13px;display:flex}.priority-rule b{color:#afd2e8;font-size:17px;font-weight:500}.priority-rule small{text-align:center;color:#b2c5d1;width:100%;font-size:12px}.data-flow{color:#aec6d5;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.data-flow b{background:#1e2948;border-radius:6px;padding:13px;font-weight:500}.inspector-json{color:#b4d1e3;background:#0a1227;border-radius:7px;max-height:390px;margin:18px 0 0;padding:18px;font-size:12px;line-height:1.8;overflow:auto}.problem-grid,.source-doc-grid,.presentation-layout{grid-template-columns:1fr 1fr;gap:22px;display:grid}.problem-column,.response-column{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:26px}.problem-column h2,.response-column h2{margin:0 0 24px;font-size:22px;font-weight:500}.evidence-list{gap:22px;margin:0;padding-left:19px;display:grid}.evidence-list li{color:#b5c8d4;padding-left:4px;font-size:14px}.evidence-list strong{color:#e2ecf2;margin-bottom:5px;font-weight:500;display:block}.evidence-list span{font-size:13px;line-height:1.9;display:block}.source-ref{border-top:1px solid var(--line);color:#aabfcc;margin-top:24px;padding-top:17px;font-size:12px;line-height:1.8}.source-ref a{color:#9fc6de;text-decoration:underline}.response-step{grid-template-columns:34px minmax(0,1fr);gap:15px;padding:0 0 22px;display:grid}.response-step b{color:#a5c6da;font-size:14px;font-weight:500}.response-step strong{font-size:15px;font-weight:500}.response-step p{color:#b0c4d0;margin:6px 0 0;font-size:13px;line-height:1.8}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.role-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.role-card.large{gap:16px;display:flex}.role-avatar{color:#a4cae1;background:#25304e;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.role-card strong{font-size:16px;font-weight:500}.role-card small{color:#a6becd;margin-top:9px;font-size:12px;display:block}.role-card p{color:#c2d4df;margin:5px 0 0;font-size:13px;line-height:1.8}.stakeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin-top:20px;display:grid}.stakeholder{border-top:1px solid var(--line);padding:18px 0}.stakeholder strong{font-size:14px;font-weight:500}.stakeholder p{color:#b4c7d3;margin:7px 0 0;font-size:13px;line-height:1.9}.process-layout{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.process-steps{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.process-step{grid-template-columns:38px 1fr;gap:18px;display:grid;position:relative}.process-step>span{color:#a9cde3;z-index:1;background:#212c4b;border-radius:7px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.process-step strong{font-size:16px;font-weight:500}.process-step p{color:#b7cad5;margin:6px 0 30px;font-size:13px;line-height:1.9}.step-connector{display:none}.process-live{align-self:start}.process-indicators{gap:15px;margin:24px 0;display:grid}.process-indicators div{justify-content:space-between;gap:16px;font-size:13px;display:flex}.process-indicators span{color:#b0c4d0}.process-indicators b{font-weight:500}.process-actions{flex-wrap:wrap;gap:8px;display:flex}.state-compare{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px;margin-top:20px;display:grid}.state-compare>div{border-top:1px solid var(--line);padding:15px 0}.state-compare b{font-size:14px;font-weight:500;display:block}.state-compare span{color:#b3c7d4;margin-top:9px;font-size:13px;line-height:1.9;display:block}.truth-rows{gap:0;margin-top:15px;display:grid}.truth-rows>div{border-top:1px solid var(--line);padding:20px 0}.truth-key{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.truth-key.verified{color:#b3d2e6;background:#232c44}.truth-key.team{color:#c1ddee;background:#273457}.truth-key.proposal{color:#d7ccaa;background:#3c3a32}.truth-key.simulated{color:#f0dda0;background:#463b2b}.truth-key.unknown{color:#f4cab6;background:#463039}.truth-rows p{color:#c3d4df;margin:10px 0 0;font-size:13px;line-height:1.9}.risk-list{gap:0;margin-top:18px;display:grid}.risk-row{border-top:1px solid var(--line);padding:18px 0}.risk-row strong{color:#e7d7a1;font-size:14px;font-weight:500}.risk-row p{color:#c0d2de;margin:8px 0 0;font-size:13px;line-height:1.9}.presentation-layout{grid-template-columns:1.2fr .8fr}.presentation-steps{gap:0;display:grid}.presentation-step{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:18px;padding:22px 0;display:grid}.presentation-number{color:#a4c8df;font-variant-numeric:tabular-nums;font-size:20px}.presentation-step h2{margin:0 0 8px;font-size:19px;font-weight:500}.presentation-step p{color:#b7cad6;margin:0 0 17px;font-size:14px;line-height:1.8}.demo-check{align-self:start}.demo-check h2{margin:0;font-size:22px;font-weight:500}.demo-check blockquote{color:#c5d7e3;margin:22px 0;font-size:16px;line-height:1.9}.platform-footer{border-top:1px solid var(--line);color:#a2bac9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding:20px 0;font-size:11px;display:flex}.platform-footer a{color:#a7c5d8;text-decoration:underline}.explore-tour{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:32px;display:grid}.tour-visual{position:sticky;top:96px}.tour-visual .scene-card{height:min(720px,73dvh);min-height:500px}.tour-follow{color:#bad0dd;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:12px;display:inline-flex}.tour-chapter{border-top:1px solid var(--line);opacity:.72;min-height:350px;padding:28px 0 60px}.tour-chapter.current{opacity:1}.tour-node{color:#a4c9e0;margin-bottom:14px;font-size:16px;font-weight:600;display:inline-block}.tour-chapter h2{margin:0 0 13px;font-size:21px;font-weight:500}.tour-chapter p{color:#c0d1dc;margin:0 0 20px;font-size:13px;line-height:1.9}.field-references{margin-top:36px}.field-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.field-photo-grid figure{margin:0}.field-photo-grid img{object-fit:cover;border-radius:9px;width:100%;height:220px;display:block}.field-photo-grid figcaption{color:#cfdce4;margin-top:13px;font-size:13px;line-height:1.8}.field-photo-grid small{color:#a8becc;margin-top:5px;font-size:11px;display:block}.mobile-menu-dialog{width:min(430px,100vw - 28px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--navy);border:1px solid #4a5b89;border-radius:14px;padding:20px}.mobile-menu-dialog::backdrop{background:#050812bd}.mobile-menu-dialog:not([open]){display:none}.mobile-menu-dialog[open]{display:block}.mobile-menu-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.mobile-menu-heading strong{font-size:18px;font-weight:600}.mobile-menu-dialog .nav-group{margin-top:18px}.mobile-menu-dialog .nav-item{min-height:44px}@media (max-width:1300px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.main{padding-inline:24px}.topbar{margin-inline:-24px;padding-inline:24px}.overview-grid,.circuit-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.scene-card{height:680px}.node-name{font-size:11px}.node-desc,.node-reading{margin-left:0}.quality-control>span{display:none}.scene-top,.scene-bottom{left:14px;right:14px}.camera-tabs button{padding-inline:7px}.metrics{gap:10px}.metric-card{padding:16px}}@media (max-width:1150px){.overview-grid,.circuit-layout,.lower-grid,.problem-grid,.source-doc-grid,.process-layout,.presentation-layout,.page-two{grid-template-columns:1fr}.overview-grid .node-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-card{height:620px}.scene-expanded{height:auto}.inspect-card .selected-detail{max-width:70ch}.arch-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-tour{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.tour-visual .scene-card{height:620px}.component-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.component-spec{grid-template-columns:100px 1fr}.state-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-help>span:last-child{display:none}}@media (max-width:900px){.app-shell{display:block}.sidebar{display:none}.main{padding:0 20px 105px}.topbar{height:68px;margin-inline:-20px;padding-inline:20px}.mobile-menu-trigger{display:grid}.mobile-bottom-nav{padding:7px 8px max(7px, env(safe-area-inset-bottom));z-index:35;background:#0c152cf5;border-top:1px solid #39466a;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav>*{color:#bdced8;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:49px;padding:4px 2px;font-size:10px;display:flex}.mobile-bottom-nav svg{width:19px;height:19px}.mobile-bottom-nav .active{color:#b4d7ec;background:#212b45}.page-heading{padding:28px 0 20px}.page-heading h1{font-size:26px}.topbar-place small{display:none}.demo-badge{font-size:10px}.top-right{gap:6px}.sim-clock{margin:0 2px}.explore-tour{grid-template-columns:1fr}.tour-visual{position:static}.tour-visual .scene-card{height:580px;min-height:500px}.tour-chapters{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tour-chapter{opacity:1;min-height:0;padding-bottom:22px}.overview-grid .node-stack,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.chart-wrap{height:250px}.stakeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-photo-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){body{font-size:15px}.main{padding-inline:16px}.topbar{margin-inline:-16px;padding-inline:16px}.topbar-place{gap:9px}.topbar-place span{font-size:12px}.top-right .demo-badge{display:none}.top-right .icon-btn{width:38px;height:40px}.sim-clock{font-size:11px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px;line-height:1.8}.scenario-toolbar{gap:6px}.scenario-toolbar>strong{width:100%;margin-bottom:3px}.scenario-chip{min-height:42px;padding:8px 10px;font-size:11px}.scene-card,.scene-large,.tour-visual .scene-card{border-radius:10px;height:580px;min-height:500px}.scene-expanded{border-radius:0;height:auto;min-height:0;inset:0}.scene-top{flex-wrap:wrap;top:12px;left:12px;right:12px}.scene-place{padding:8px 10px}.scene-place small{font-size:9px}.scene-tools{margin-left:auto}.scene-status{padding:9px;font-size:10px}.scene-bottom{bottom:12px;left:12px;right:12px}.camera-tabs{justify-content:space-between;gap:2px;width:100%}.camera-tabs button{min-height:44px;padding-inline:7px;font-size:10px}.quality-control{margin-left:auto}.scene-help{margin-top:8px;font-size:9px}.node-name{font-size:12px}.node-reading{font-size:11px}.inspect-card,.chart-card,.table-card,.page-panel,.problem-column,.response-column{padding:18px}.metrics{gap:10px;margin:18px 0}.metric-card{padding:14px}.metric-head{font-size:11px}.metric-head svg{width:15px;height:15px}.metric-value strong{font-size:28px}.metric-value small{font-size:11px}.metric-note{font-size:10px;line-height:1.8}.panel-title-row h2,.section-heading h2{font-size:16px}.section-heading{flex-wrap:wrap}.chart-wrap{height:240px;margin-top:14px}.chart-card .section-heading{flex-wrap:nowrap}.event-row{grid-template-columns:6px minmax(0,1fr)}.event-time{grid-column:2;margin-top:-6px}.scenario-grid{grid-template-columns:1fr 1fr}.scenario-card{padding:13px}.scenario-card strong{font-size:12px}.scenario-card p{font-size:11px}.load-row{grid-template-columns:30px 1fr 52px;gap:10px}.load-row strong{font-size:13px}.load-row .status-pill{grid-column:2;justify-self:start}.load-row small{font-size:11px}.load-watts{font-size:17px}.circuit-stage{height:480px}.circuit-main{padding:12px}.sub-tabs{gap:3px}.sub-tabs button{min-height:44px;padding:8px;font-size:11px}.component-list{grid-template-columns:1fr}.event-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.event-node{padding:10px}.role-grid,.stakeholder-grid,.field-photo-grid,.tour-chapters,.state-compare{grid-template-columns:1fr}.arch-branches{gap:9px}.arch-node-card{padding:13px}.arch-node-card strong{font-size:14px}.arch-node-card p{font-size:11px}.role-card{padding:18px}.role-card strong{font-size:15px}.process-steps{padding:20px}.process-step{gap:12px}.presentation-step{grid-template-columns:33px 1fr;gap:12px}.field-photo-grid img{aspect-ratio:1.6;height:auto}.tour-chapter{padding-top:22px}.tour-follow{display:none}.monitor-context{gap:8px;font-size:11px}.monitor-context>span:last-child{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.scene-webgl-fallback{color:#e3ecf2;text-align:center;background:#141e38;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:32px;display:flex}.scene-webgl-fallback span,.scene-webgl-fallback small{color:#aec4d2;max-width:48ch;font-size:13px}.chart-loading{color:#b2c6d2;background:#192447;justify-content:center;align-items:center;height:250px;margin-top:18px;font-size:13px;display:flex}.scene-card.scene-expanded{height:auto;min-height:0}.site-experience{min-width:0}.site-scene{background:#131d38;height:790px}.site-scene.scene-large{height:840px}.site-scene .scene-place strong{font-size:15px}.site-scene .scene-place small{font-size:12px}.site-view-toolbar{z-index:35;flex-wrap:wrap;align-items:center;gap:7px;display:flex;position:absolute;top:78px;left:16px;right:16px}.site-view-toolbar button,.site-reference-controls button{color:#dce6ed;cursor:pointer;background:#111c39;border:1px solid #404e76;border-radius:7px;min-height:36px;padding:6px 10px;font-size:12px}.site-view-toolbar [aria-pressed=true]{color:#ecf5fa;background:#283559;border-color:#70a5c6}.site-view-toolbar [role=group]{gap:5px;display:flex}.site-opacity{color:#e5ebef;align-items:center;gap:8px;font-size:12px;display:flex}.site-opacity input{accent-color:#5ec6e8;width:90px}.site-scene-content{grid-template-columns:1fr;min-width:0;display:grid;position:absolute;inset:130px 0 125px}.site-compare .site-scene-content{grid-template-columns:minmax(0,.78fr) minmax(0,1fr)}.site-scene .scene-canvas{width:100%;min-width:0;height:100%;position:relative;inset:auto;overflow:hidden}.site-comparison-reference{background:#0b142b;border-right:1px solid #354163;min-width:0;padding:14px;overflow:auto}.site-scene .scene-bottom{z-index:35;bottom:14px;left:16px;right:16px}.site-scene .scene-camera-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.site-scene .camera-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.site-scene .camera-tabs button{flex-shrink:0;min-height:40px;padding:8px 11px;font-size:12px}.site-scene .scene-help{margin-top:9px;font-size:11px}.site-scene .quality-control select{font-size:12px}.node-proposed{color:#b7cedc;margin:3px 0;font-size:9px;font-style:normal;font-weight:500;display:block}.proposal-label{color:#c5d7e2;border:1px dashed #566aa0;border-radius:5px;margin-left:5px;padding:3px 5px;font-size:11px;font-weight:500;display:inline-flex}.site-source-strip{color:#bac9e4;flex-wrap:wrap;gap:8px 25px;padding:13px 2px 4px;font-size:12px;line-height:1.7;display:flex}.site-landmark-tag,.site-reference-tag{font:inherit;color:#eff5f9;cursor:pointer;background:#101a35ed;border:1px solid #618eaa;border-radius:7px;max-width:190px;padding:8px 11px;font-size:12px;box-shadow:0 5px 18px #0005}.site-reference-tag{border-style:dashed;gap:3px;font-size:11px;display:grid}.site-reference-controls{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.site-reference-controls label{cursor:pointer;font-size:12px;position:relative;overflow:hidden}.site-reference-controls input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.site-reference-controls label:focus-within{outline-offset:3px;outline:2px solid #5ec6e8}.site-private-image{margin:0}.site-private-image img{width:100%;height:auto;display:block}.site-private-image figcaption,.site-reference-note{color:#b6c6d0;margin-top:10px;font-size:12px;line-height:1.7}.site-reference-note a{color:#90c3e3;text-decoration:underline}.site-documentary{background:#192447;border-radius:14px;margin:0 0 20px;padding:24px}.site-documentary-head,.site-water-heading,.site-plan-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.site-documentary h2,.site-water-heading h2{margin:0;font-size:19px}.site-documentary p,.site-water-heading p{color:#b7c8d3;margin:7px 0 0;font-size:13px}.site-tour-steps{gap:6px;margin:20px 0;padding-bottom:7px;display:flex;overflow:auto}.site-tour-steps button{text-align:left;color:#cfdde5;cursor:pointer;background:#131e3b;border:1px solid #333f60;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;min-height:45px;padding:8px 12px;font-size:12px;display:flex}.site-tour-steps button.active{background:#243156;border-color:#649bbd}.site-tour-steps span{color:#90c3e3;font-size:14px}.site-tour-current{grid-template-columns:48px 1fr auto;align-items:start;gap:15px;display:grid}.site-tour-current>span{color:#80aecb;padding-top:3px;font-size:15px}.site-tour-current h3{margin:0;font-size:17px}.site-tour-current p{max-width:76ch;line-height:1.8}.site-tour-current>div:last-child{gap:7px;display:flex}.site-plan{width:100%;min-width:0;margin:0}.site-plan-heading{margin-bottom:12px}.site-plan-heading strong,.site-plan-heading h3{margin:0;font-size:15px}.site-plan-heading p{color:#b5c6d0;margin:4px 0;font-size:12px}.site-plan-badge{color:#b4cad7;white-space:nowrap;border:1px dashed #526598;padding:4px 7px;font-size:11px}.site-plan-stage{background:#173b36;border-radius:8px;height:440px;overflow:hidden}.site-plan-svg{width:100%;height:100%;display:block}.site-plan-node{cursor:pointer;outline:none}.site-plan-node:focus-visible>circle:first-of-type{stroke:#fff;stroke-width:5px}.site-plan-node-controls{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.site-plan-node-control{text-align:left;color:#dbe5ec;cursor:pointer;background:#131e3e;border:1px solid #3c496f;border-radius:7px;gap:4px;min-height:52px;padding:10px;font-size:12px;display:grid}.site-plan-node-control.is-selected{background:#243153;border-color:#65a3c9}.site-plan-node-control span{color:#b5c8d4;font-size:11px}.site-plan-legend{color:#b5c7d3;flex-wrap:wrap;gap:9px 15px;margin:14px 0;font-size:12px;display:flex}.site-plan-legend>span{align-items:center;gap:6px;display:inline-flex}.site-plan-legend i{border-radius:2px;width:10px;height:10px}.site-plan-landmarks{flex-wrap:wrap;gap:6px;display:flex}.site-plan-landmarks button{color:#c5d7e2;cursor:pointer;background:#141f3d;border:1px solid #3f4e76;border-radius:6px;min-height:36px;padding:7px 9px;font-size:12px}.site-plan-caption{color:#b0c3cf;margin:12px 0 0;font-size:12px;line-height:1.8}.site-water-panel{background:#192447;border-radius:14px;margin-top:22px;padding:23px}.site-water-heading{margin-bottom:18px}.site-water-heading .status-pill{flex-shrink:0}.site-water-zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.site-water-zone{border-top:1px solid #364263;min-width:0;padding-top:15px}.site-water-zone-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.site-water-zone-title strong{font-size:15px}.site-water-zone-title span{color:#bbccd7;font-size:11px}.site-water-zone p{color:#b8cad5;margin-top:8px;font-size:13px;line-height:1.8}.site-water-readings{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0;display:grid}.site-water-readings dt{color:#a9becb;font-size:12px}.site-water-readings dd{color:#e0e9ef;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:19px}.site-water-quality,.site-water-no-data{color:#99b7c9;font-size:12px;line-height:1.7}.site-water-quality.is-warning{color:#f0d784}.site-water-caveat{color:#bccdd8;border-top:1px solid #2d3959;justify-content:space-between;align-items:start;gap:18px;margin-top:20px;padding-top:14px;font-size:12px;line-height:1.8;display:flex}.site-water-caveat a{color:#91c1df;white-space:nowrap;text-decoration:underline}.site-system-summary{color:#b9cad5;flex-wrap:wrap;gap:8px 22px;margin:0 0 20px;font-size:13px;display:flex}.site-guide{width:100%;min-width:0}.guide-heading{margin-bottom:25px}.guide-heading h1{margin:0 0 9px;font-size:28px}.guide-heading p{color:#afc3d0;max-width:76ch;font-size:14px;line-height:1.8}.guide-eyebrow{display:none}.guide-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guide-role-card,.guide-community-card{background:#192447;border-radius:14px;padding:23px}.guide-person{color:#87bdde;align-items:center;gap:10px;margin-bottom:15px;font-size:21px;display:flex}.guide-person small{color:#bbccd6;font-size:12px}.guide-role-card h3,.guide-community-card h3{margin:0 0 10px;font-size:17px}.guide-role-duty,.guide-role-deliverable,.guide-handoff{color:#bbccd6;margin:10px 0;font-size:13px;line-height:1.9}.guide-role-deliverable strong,.guide-handoff strong{color:#e1e8ed;display:block}.guide-community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.guide-community-card p{color:#b8cad5;font-size:13px;line-height:1.85}.guide-process-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:25px;display:grid}.guide-process-list{margin:0;padding:0;list-style:none}.guide-process-step{border-bottom:1px solid #3b507c;grid-template-columns:38px 1fr;gap:16px;padding:18px 0;display:grid}.guide-step-number{color:#96c1dc;border:1px solid #404e76;border-radius:6px;place-items:center;height:32px;font-size:13px;display:grid}.guide-step-body h3{margin:0 0 7px;font-size:17px}.guide-step-body p,.guide-note{color:#baccd7;margin:0;font-size:13px;line-height:1.9}.guide-live-status{background:#192447;border-radius:14px;padding:22px}.guide-live-grid{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;display:grid}.guide-live-reading{color:#b2c6d3;gap:5px;font-size:12px;display:grid}.guide-live-reading strong{color:#e3ebf0;font-size:21px}.guide-node-status{gap:9px;margin-top:14px;display:grid}.guide-node-status>div{color:#bdd0db;border-top:1px solid #2b3758;padding:11px 0;font-size:13px}.guide-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.guide-note{margin-top:18px}.guide-deck-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:15px;margin-bottom:16px;display:flex}.guide-deck-progress{background:#232e4e;border-radius:4px;flex:1;min-width:140px;height:4px;overflow:hidden}.guide-deck-progress>span{background:#5ec6e8;height:100%;display:block}.guide-deck-layout{grid-template-columns:240px minmax(0,1fr);gap:22px;display:grid}.guide-deck-chapters{align-content:start;gap:5px;display:grid}.guide-deck-chapter{text-align:left;color:#c2d4df;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:start;gap:10px;min-height:44px;padding:12px;font-size:13px;display:flex}.guide-deck-chapter[aria-current=step],.guide-deck-chapter.active{background:#212c49;border-color:#566aa0}.guide-deck-body{background:#192447;border-radius:14px;min-width:0;padding:25px}.guide-deck-body h2{margin:0 0 12px;font-size:23px}.guide-deck-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:25px;margin-top:24px;display:grid}.guide-deck-stage-copy{color:#bdced9;min-width:0;font-size:14px;line-height:1.9}.guide-deck-stage .site-plan-stage{height:415px}.guide-deck-controls{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.guide-benefit-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.guide-benefit-card{color:#bdccd5;border-top:1px solid #344061;padding:18px;font-size:14px;line-height:1.9}.guide-live-compact{margin-top:18px}@media (max-width:1300px){.site-view-toolbar{top:83px}.site-scene-content{top:161px}.site-scene{height:840px}.guide-role-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.site-water-zones{grid-template-columns:1fr;gap:18px}.guide-process-layout,.guide-deck-layout{grid-template-columns:1fr}.guide-deck-chapters{padding-bottom:8px;display:flex;overflow-x:auto}.guide-deck-chapter{flex-shrink:0;max-width:210px}.site-compare .site-scene-content{grid-template-columns:1fr 1fr}}@media (max-width:600px){.site-scene,.site-scene.scene-large{height:780px}.site-scene .scene-place{max-width:66%}.site-scene .scene-place strong{font-size:13px;line-height:1.5}.site-scene .scene-place small{white-space:normal;font-size:11px}.site-scene .scene-tools .scene-status{display:none}.site-view-toolbar{gap:6px;top:86px;left:10px;right:10px}.site-view-toolbar button{min-height:36px;padding:7px 8px;font-size:11px}.site-scene-content{inset:181px 0 134px}.site-compare .site-scene-content{grid-template-rows:minmax(0,1fr) minmax(0,1.2fr);grid-template-columns:1fr}.site-compare{height:1120px!important}.site-compare.scene-expanded{height:auto!important}.site-comparison-reference{border-bottom:1px solid #354163;border-right:0;padding:12px}.site-comparison-reference .site-plan-stage{height:310px}.site-scene .scene-bottom{bottom:12px;left:10px;right:10px}.site-scene .scene-camera-row{grid-template-columns:1fr 36px;gap:7px;display:grid}.site-scene .camera-tabs{grid-column:1/-1;width:100%}.site-scene .scene-help{font-size:10px;line-height:1.5}.site-scene .scene-help span:last-child{display:none}.site-documentary,.site-water-panel,.guide-deck-body{padding:18px}.site-documentary-head{display:block}.site-documentary-head .control-btn{margin-top:14px}.site-tour-current{grid-template-columns:35px 1fr;gap:10px}.site-tour-current>div:last-child{grid-column:2}.site-water-caveat{display:block}.site-water-caveat a{margin-top:8px;display:inline-block}.site-plan-heading{flex-wrap:wrap}.site-plan-stage{height:490px}.guide-role-grid,.guide-community-grid,.guide-deck-stage,.guide-benefit-grid{grid-template-columns:1fr}.guide-heading h1{font-size:25px}.guide-deck-stage .site-plan-stage{height:460px}.site-source-strip{font-size:11px}}.site-plan-only .site-scene-content{grid-template-columns:1fr;bottom:70px}.site-plan-only .site-comparison-reference{border-right:0}.site-plan-only .site-comparison-reference .site-plan{max-width:760px;margin:0 auto}.site-plan-only .scene-camera-row{display:none}.site-water-heading h3{margin:0;font-size:19px}.site-water-zone-title h4{margin:0;font-size:15px}.site-water-no-data{gap:9px;display:grid}.site-water-zone>small{color:#a9becb;margin-top:8px;font-size:11px;display:block}.site-water-caveat>strong{color:#d2e0e8;min-width:140px;max-width:21ch}.site-water-caveat>p{margin:0}.site-scene.scene-expanded{min-height:0;height:auto!important}.control-btn.primary{border-color:var(--blue);color:#fff;background:#225fa6}.control-btn.primary:hover{border-color:var(--cyan);background:#286cbd}.control-btn.danger,.warn-text{color:var(--orange)}.environment-panel{min-width:0}.env-intro{justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 22px;display:flex}.env-intro h1{margin:6px 0 10px;font-size:26px;font-weight:600}.env-intro p{color:var(--muted);max-width:72ch;margin:0;font-size:14px;line-height:1.9}.env-clock,.env-presets,.env-layers,.env-toggles,.env-spatial-view{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.env-clock{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px;padding:15px 0}.env-clock>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.env-clock label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.env-clock select,.env-select select{color:#f4f7ff;background:#1f2d5a;border:1px solid #49618b;border-radius:7px;min-height:42px;padding:8px 12px}.env-presets{margin-bottom:22px}.env-readouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.env-readouts .metric-note{margin-bottom:0}.env-workbench{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);align-items:start;gap:22px;display:grid}.env-spatial,.env-controls,.env-zones,.env-risk,.env-energy{min-width:0;padding:22px}.env-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.env-panel-heading h3{margin:0;font-size:18px;font-weight:600}.env-panel-heading p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.8}.env-panel-heading svg{color:var(--cyan);flex-shrink:0}.env-layers{gap:7px;margin-bottom:14px}.env-layers .control-btn{padding:7px 10px;font-size:11px}.env-toggles{color:var(--muted);gap:10px 20px;margin-bottom:18px;font-size:12px}.env-toggles label{cursor:pointer;align-items:center;gap:8px;min-height:36px;display:flex}.env-toggles input{accent-color:var(--cyan);width:17px;height:17px}.env-spatial-view{margin-bottom:14px}.env-map{min-width:0}.env-map>svg{touch-action:manipulation;cursor:crosshair;background:#152345;border-radius:9px;width:100%;height:580px;display:block}.env-map-key{gap:7px;padding:14px 0 0;display:grid}.env-map-key span{color:#d2dffc;font-size:12px}.env-map-key small{color:var(--muted);max-width:72ch;font-size:11px;line-height:1.8}.env-3d .site-scene{height:650px;min-height:540px}.env-3d .site-scene.scene-expanded{height:auto!important}.env-point-controls,.env-threshold-grid{grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 0;display:grid}.env-cross-section{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.env-cross-section>svg{width:100%;height:auto;display:block}.env-cross-section>p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.9}.env-select{color:#d2dffc;gap:8px;margin:18px 0;font-size:13px;display:grid}.env-select select{width:100%}.env-weather-values{color:#d4e1f6;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding:13px 0 18px;font-size:12px;display:grid}.env-weather-values span{align-items:center;gap:6px;display:flex}.env-weather-values svg{color:var(--cyan);flex-shrink:0}.env-slider{min-width:0;margin:17px 0}.env-slider label{color:#d5e3f8;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;font-size:12px;line-height:1.7;display:flex}.env-slider output{color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums}.env-slider input{width:100%;min-height:28px;accent-color:var(--blue);cursor:pointer;margin:0}.env-slider input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.env-slider small{color:var(--muted);font-size:11px;line-height:1.7;display:block}.env-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.env-detail summary{color:#d3e1fa;cursor:pointer;min-height:34px;font-size:14px}.env-solar-note{color:var(--yellow);border-top:1px solid var(--line);align-items:flex-start;gap:9px;margin-top:22px;padding-top:20px;font-size:12px;line-height:1.8;display:flex}.env-solar-note svg{flex-shrink:0;margin-top:3px}.env-zones{margin-top:22px}.env-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.env-zone-card{border-top:1px solid var(--line);padding-top:16px}.env-zone-card>span{font-size:12px;font-weight:600}.env-zone-card h4{margin:9px 0 15px;font-size:15px;font-weight:500}.env-zone-card>strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.env-zone-card small{color:var(--muted);font-size:13px;font-weight:400}.env-zone-card p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.8}.env-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.env-history-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:19px}.env-history-card>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.env-history-card h3{margin:0;font-size:14px;font-weight:500}.env-history-card strong{font-variant-numeric:tabular-nums;font-size:21px;font-weight:600}.env-history-card strong small{color:var(--muted);font-size:11px;font-weight:400}.env-history-card svg{width:100%;height:110px;margin-top:15px;display:block}.env-history-card>small{color:var(--muted);font-size:10px;line-height:1.8;display:block}.env-footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:22px;display:grid}.env-threshold-grid{margin-top:0}.env-warnings{border-top:1px solid var(--line);padding-top:17px}.env-warnings p{color:var(--muted);font-size:13px;line-height:1.85}.env-warnings .env-warning{color:var(--yellow);border-left:2px solid var(--yellow);padding-left:12px}.env-warnings .env-do{color:#d6e4ff}.env-energy>p{color:#d2dffc;font-size:13px}.env-event-list{margin:20px 0 10px;padding:0;list-style:none}.env-event-list li{border-top:1px solid var(--line);padding:14px 0}.env-event-list small{color:var(--cyan);margin-bottom:7px;font-size:11px;display:block}.env-event-list strong{font-size:13px;font-weight:500;line-height:1.8;display:block}.env-event-list p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.8}.env-model-note{color:var(--muted);border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:27px;padding-top:22px;font-size:12px;line-height:1.9;display:flex}.env-model-note svg{color:var(--cyan);flex-shrink:0;margin-top:3px}.env-model-note a{color:var(--cyan);text-decoration:underline}@media (max-width:1150px){.env-workbench{grid-template-columns:minmax(0,1.1fr) minmax(285px,.8fr);gap:16px}.env-intro{flex-wrap:wrap;gap:14px}.env-readouts,.env-history-grid{gap:12px}.env-history-card>div{flex-wrap:wrap}}@media (max-width:900px){.env-workbench,.env-footer-grid{grid-template-columns:1fr}.env-controls .env-detail{max-width:100%}.env-controls{display:block}.env-readouts{grid-template-columns:1fr 1fr}.env-history-grid{grid-template-columns:1fr}.env-history-card>div{flex-wrap:nowrap}}@media (max-width:600px){.env-intro h1{font-size:23px}.env-intro p{font-size:13px}.env-clock{gap:10px 8px}.env-clock>span{order:3;width:100%}.env-clock select{min-height:42px}.env-presets{gap:7px}.env-presets .control-btn{flex-grow:1}.env-spatial,.env-controls,.env-zones,.env-risk,.env-energy{padding:17px}.env-readouts{gap:10px}.env-readouts .metric-value strong{font-size:25px}.env-panel-heading{flex-wrap:wrap;gap:9px}.env-panel-heading h3{font-size:17px}.env-panel-heading .text-link{min-height:34px}.env-layers{gap:6px}.env-layers .control-btn{flex:42%;min-height:42px}.env-map>svg{height:500px}.env-spatial-view .control-btn{width:100%}.env-3d .site-scene{height:700px;min-height:640px}.env-point-controls,.env-threshold-grid,.env-zone-grid{grid-template-columns:1fr;gap:4px}.env-zone-grid{gap:22px}.env-cross-section>svg{min-height:150px}.env-slider label{font-size:12px}.env-history-card>div{gap:9px}.env-history-card h3{font-size:13px}.env-model-note{font-size:11px}}.prototype-scope-note{color:#1f2d5a;background:#f4faff;border:1px solid #bcd7eb;border-left:3px solid #2f7dd3;border-radius:8px;flex-wrap:wrap;gap:5px 14px;margin:0 0 16px;padding:10px 14px;font-size:12px;line-height:1.6;display:flex}.prototype-scope-note small{color:#536a82;flex-basis:100%}.prototype-scope-note a{color:#2463a8;text-decoration:underline}.prototype-boxes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.prototype-boxes article{border:1px solid #c9dceb;border-radius:8px;padding:16px}.prototype-boxes ul{padding-left:20px}.prototype-boxes li{margin:10px 0;font-size:14px}.prototype-boxes li small{color:#536a82;font-size:12px;line-height:1.6;display:block}.prototype-brief .disclaimer{margin-top:16px;display:block}.prototype-brief .export-row{flex-wrap:wrap;gap:20px;margin-top:16px}@media (max-width:1100px){.prototype-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.prototype-boxes{grid-template-columns:1fr}.prototype-scope-note{font-size:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--pg-yellow:#f8c642;--pg-orange:#ff7a3c;--pg-blue:#2f7dd3;--pg-sky:#5ec6e8;--pg-navy:#1f2d5a;--pg-success:#26b99a;--pg-danger:#ef5a5a;--pg-bg:#f6fbff;--pg-card:#fff;--pg-text:#1f2d5a;--pg-muted:#657a91;--pg-radius-sm:14px;--pg-radius-md:22px;--pg-radius-lg:30px;--pg-shadow:0 14px 38px #1f2d5a17;color:var(--pg-text);font-family:Noto Sans Thai,system-ui,sans-serif}.pg-card{border-radius:var(--pg-radius-lg);background:var(--pg-card);box-shadow:var(--pg-shadow);border:1px solid #e6f0f6}.pg-button{background:var(--pg-blue);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}.pg-bubble{color:var(--pg-navy);background:#e9f7fc;border-radius:22px 22px 22px 4px;padding:12px 16px}.pg-status-ok{color:#168b70}.pg-status-warning{color:#bd7400}.pg-status-critical{color:#d53946}@media (prefers-reduced-motion:reduce){.pg-animated,.pg-rain,.pg-wave,.pg-spark,.pg-bubble-float{animation:none!important}}
@keyframes pg-rain-fall{0%{opacity:0;transform:translateY(-35px)}15%{opacity:.7}to{opacity:0;transform:translate(-30px,180px)}}@keyframes pg-wave-sway{0%,to{transform:translate(-4%)}50%{transform:translate(4%)}}@keyframes pg-spark-blink{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes pg-bubble-rise{0%{opacity:0;transform:translateY(24px)scale(.8)}30%{opacity:.6}to{opacity:0;transform:translateY(-46px)scale(1.1)}}@keyframes pg-mouth-talk{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1.14)}}.pg-rain{pointer-events:none;animation:1.5s linear infinite pg-rain-fall}.pg-wave{pointer-events:none;animation:4.4s ease-in-out infinite pg-wave-sway}.pg-spark{transform-origin:50%;pointer-events:none;animation:1s ease-in-out infinite pg-spark-blink}.pg-bubble-float{pointer-events:none;animation:3.4s ease-out infinite pg-bubble-rise}.pg-mascot-speaking{transform-origin:50% 80%;animation:.32s ease-in-out infinite pg-spark-blink}@media (prefers-reduced-motion:reduce){.pg-rain,.pg-wave,.pg-spark,.pg-bubble-float,.pg-mascot-speaking{animation:none!important}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6fbff;--navy:#fff;--navy-2:#edf4fd;--card:#fff;--raised:#edf4fd;--ink:#1f2d5a;--muted:#657a91;--line:#d9e7f2;--teal:#2f7dd3;--teal-soft:#e9f7fc;--amber:#9b6600;--red:#cb3c49;--green:#13775f;--radius:22px;--cyan:#2165ac;--yellow:#9b6600}body{background:var(--paper);color:var(--ink)}.pg-app .sidebar{background:#fff;border-color:#e0eaf3;gap:22px;padding:20px 14px}.pg-app .brand-lockup{justify-content:center;padding:0 3px 8px}.pg-app .brand-lockup img{width:196px;max-width:100%;height:auto}.pg-app .nav-item{color:#657a91;border-radius:14px;justify-content:space-between;min-height:46px}.pg-app .nav-item:hover{color:#1f2d5a;background:#f0f6ff}.pg-app .nav-item.active{color:#2165ac;background:#e5f1ff;font-weight:600}.pg-app .nav-group-label,.pg-app .side-foot,.pg-app .back-project{color:#657a91}.pg-app .topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-color:#d9e7f2}.pg-app .topbar-place span{color:#1f2d5a}.pg-app .topbar-place small{color:#657a91}.pg-app .demo-badge{color:#87611b;background:#fff4cf;border-radius:9px}.pg-app .demo-badge i{background:#f8c642}.pg-app .icon-btn{color:#1f2d5a;background:#fff;border-color:#d9e7f2;border-radius:12px}.pg-app .icon-btn:hover{background:#e9f7fc;border-color:#5ec6e8}.pg-app .platform-footer{color:#657a91;border-color:#d9e7f2}.pg-app .mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-color:#d9e7f2}.pg-app .mobile-bottom-nav a,.pg-app .mobile-bottom-nav button{color:#657a91}.pg-app .mobile-bottom-nav a.active{color:#2165ac;background:#eaf3ff}.pg-app .mobile-menu-dialog{color:#1f2d5a;background:#fff;border:1px solid #d9e7f2;border-radius:24px}.pg-app .control-btn,.pg-app .select-btn,.pg-app .scenario-chip{color:#1f2d5a;background:#f3f8ff;border-color:#d5e4f2;border-radius:12px}.pg-app .control-btn:hover,.pg-app .scenario-chip:hover{background:#e5f1ff;border-color:#5ec6e8}.pg-app .control-btn.primary,.pg-app .scenario-chip.chosen{color:#185fac;background:#e1eeff;border-color:#95bce8}.pg-app .panel-card,.pg-app .chart-card,.pg-app .metric-card,.pg-app .table-card,.pg-app .page-panel{background:#fff;border-color:#d9e7f2;box-shadow:0 4px 18px #1f2d5a06}.pg-app .metric-value{color:#1f2d5a}.pg-app .metric-head,.pg-app .metric-value small,.pg-app .metric-note{color:#657a91}.pg-app .node-card,.pg-app .scenario-card{color:#1f2d5a;background:#f6faff;border-color:#d9e7f2}.pg-app .node-card.selected,.pg-app .scenario-card.selected{background:#e8f3ff;border-color:#8db9e5}.pg-app .node-desc,.pg-app .node-foot,.pg-app .scenario-card p,.pg-app .chart-foot,.pg-app .chart-key,.pg-app .chart-legend{color:#657a91}.pg-app .node-symbol,.pg-app .load-rank{color:#2165ac;background:#e9f7fc}.pg-app .node-state{color:#13775f;background:#e8f8f1}.pg-app .node-state.warn{color:#9b6600;background:#fff4cf}.pg-app .node-state.offline{color:#b8303c;background:#fff0f0}.pg-app .status-pill{color:#39577f;background:#edf4fd;border-color:#d5e4f2}.pg-app .status-pill.normal{color:#13775f;background:#e8f8f1}.pg-app .status-pill.simulated,.pg-app .simulation-tag{color:#87611b;background:#fff4cf}.pg-app .event-row{border-color:#e3edf4}.pg-app .event-text small,.pg-app .event-time,.pg-app .source-ref{color:#657a91}.pg-app .text-link{color:#2165ac}.pg-app .text-link:hover{color:#1f2d5a}.pg-app .disclaimer,.pg-app .do-banner{color:#786230;background:#fff8e4;border-color:#f0deac}.pg-app .inspector-json{color:#385578;background:#f0f6ff;border-color:#d9e7f2}.pg-app .data-table th,.pg-app .data-table td{color:#39577f;border-color:#e0eaf3}.pg-app .data-table th{color:#1f2d5a;background:#edf4fd}.pg-app .circuit-tabs{background:#edf4fd}.pg-app .circuit-tabs button{color:#39577f}.pg-app .circuit-tabs button.active{color:#185fac;background:#dcebff}.pg-app .circuit-detail,.pg-app .component-item{color:#1f2d5a;background:#fff;border-color:#d9e7f2}.pg-app .guide-role-card,.pg-app .guide-process-step,.pg-app .guide-deck-chapter,.pg-app .site-water-zone{color:#1f2d5a;background:#f7fbff;border-color:#d9e7f2}.pg-app .guide-deck-chapter.is-active,.pg-app .site-plan-node-control.is-selected{background:#e1eeff;border-color:#8db9e5}.pg-app .guide-process-step p,.pg-app .guide-role-card p,.pg-app .guide-deck-header p,.pg-app .site-water-zone p,.pg-app .site-water-zone>small,.pg-app .site-water-caveat p{color:#657a91}.pg-app .site-water-caveat{background:#fff8e4;border-color:#f0deac}.pg-app .site-water-caveat>strong{color:#786230}.pg-app .env-header h2,.pg-app .env-panel-heading h3,.pg-app .env-metric strong{color:#1f2d5a}.pg-app .env-metric span,.pg-app .env-metric small,.pg-app .env-header p,.pg-app .env-panel-heading p,.pg-app .env-range,.pg-app .env-weather-readout{color:#657a91}.pg-app .env-metric,.pg-app .env-trend,.pg-app .env-zone-card,.pg-app .env-thresholds,.pg-app .env-energy{color:#1f2d5a;background:#fff;border-color:#d9e7f2}.pg-app .env-controls select,.pg-app .env-controls input,.pg-app .env-offline-control select{color:#1f2d5a;background:#f3f8ff;border-color:#d9e7f2}.pg-app .env-layer-btn,.pg-app .env-view-btn,.pg-app .env-scenario-btn{color:#39577f;background:#f3f8ff;border-color:#d5e4f2}.pg-app .env-layer-btn.is-active,.pg-app .env-view-btn.is-active,.pg-app .env-scenario-btn.is-active{color:#185fac;background:#e1eeff}.pg-app .scene-card{background:#1f2d5a;border-color:#cfdfec}.pg-app .scene-place,.pg-app .scene-tool-btn,.pg-app .scene-status,.pg-app .camera-tabs,.pg-app .quality-control,.pg-app .scene-node-tag{color:#f4f7ff;background:#1f2d5aef}.pg-app .scene-node-tag.selected{background:#2165ac;border-color:#5ec6e8}.pg-app .scene-view-toolbar,.pg-app .site-view-toolbar{background:#1f2d5a}.pg-app .site-view-toolbar button{color:#fff;background:#243460}.pg-app .site-view-toolbar button[aria-pressed=true]{background:#2f7dd3}.pg-app .site-comparison-reference{color:#1f2d5a;background:#f3f8ff}.pg-app .site-reference-note,.pg-app .site-source-strip{color:#657a91}.pg-app .site-plan{color:#1f2d5a}.pg-app .site-plan-node-control{color:#1f2d5a;background:#fff;border-color:#d9e7f2}.pg-app .scene-bottom{color:#fff}.pg-app .scene-help,.pg-app .scene-place small,.pg-app .scene-node-tag small{color:#d5e8f8}code{color:#246da3}::selection{color:#1f2d5a;background:#5ec6e8}.pg-button,.pg-text-button,.pg-icon-btn,.pg-mode-toggle{font:inherit;cursor:pointer}.pg-button{color:#fff;background:#2468b5;border:1px solid #2468b5;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pg-button:hover{background:#1f2d5a;border-color:#1f2d5a}.pg-button.secondary{color:#1f2d5a;background:#edf5ff;border-color:#d3e4f4}.pg-button.secondary:hover{background:#e0edff;border-color:#8db9e5}.pg-button:disabled{opacity:.45}.pg-icon-btn{color:#1f2d5a;background:#fff;border:1px solid #d9e7f2;border-radius:12px;place-items:center;min-width:40px;height:40px;display:inline-grid}.pg-text-button{color:#2165ac;background:0 0;border:0;align-items:center;gap:6px;min-height:36px;padding:4px 0;font-size:13px;display:inline-flex}.pg-mode-toggle{color:#1f2d5a;white-space:nowrap;background:#edf5ff;border:1px solid #d3e4f4;border-radius:14px;min-height:40px;padding:8px 12px;font-size:11px}.pg-bell{position:relative}.pg-bell b{color:#fff;background:#cb3c49;border-radius:20px;min-width:18px;padding:1px 4px;font-size:9px;position:absolute;top:-5px;right:-4px}.pg-card{background:#fff;border:1px solid #e0eaf3;border-radius:24px;padding:24px;box-shadow:0 5px 20px #1f2d5a05}.pg-card h2{color:#1f2d5a;margin:0 0 8px;font-size:20px}.pg-card h3{color:#1f2d5a;margin:0;font-size:16px}.pg-card p{color:#657a91;margin:5px 0 16px;font-size:13px}.pg-page-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:34px 0 24px;display:flex}.pg-page-heading h1{margin:0 0 7px;font-size:30px}.pg-page-heading p{color:#657a91;margin:0;font-size:14px}.pg-data-badge{color:#87611b;white-space:nowrap;background:#fff4cf;border-radius:10px;align-items:center;padding:6px 11px;font-size:11px;font-weight:500;display:inline-flex}.pg-home-hero{background:#e9f7fc;border:1px solid #d4eaf4;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:32px;margin:26px 0;padding:38px 38px 28px;display:grid;overflow:hidden}.pg-home-copy h1{letter-spacing:-.03em;color:#1f2d5a;margin:19px 0 6px;font-size:clamp(44px,5vw,70px);line-height:1.3}.pg-home-hero.outage{background:#fff1e9;border-color:#f1d7c7}.pg-home-hero.outage h1{color:#c1432d}.pg-home-hero.sag{background:#fff7dd}.pg-home-copy>p{color:#506686;margin:0 0 26px;font-size:21px}.pg-home-copy small{color:#657a91;margin-top:18px;font-size:12px;display:block}.pg-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.pg-fish-button{cursor:pointer;background:0 0;border:0;border-radius:30px;flex:none;padding:0;display:block}.pg-fish-button img{width:112px;height:auto;display:block}.pg-assistant.large .pg-fish-button img{width:230px;max-width:100%}.pg-assistant{align-items:center;gap:14px;max-width:460px;margin:8px 0 22px;display:flex}.pg-assistant.large{flex-direction:column;justify-self:center;gap:0;width:100%;max-width:340px;margin:0;display:flex}.pg-bubble{background:#fff;border:1px solid #d7e9f1;padding:14px 17px;box-shadow:0 5px 20px #1f2d5a07}.pg-bubble p{color:#1f2d5a;margin:0;font-size:15px;font-weight:500}.pg-bubble.open{min-width:260px}.pg-speech-controls{gap:7px;margin-top:12px;display:flex}.pg-speech-controls button{min-height:38px;padding:6px 10px;font-size:12px}.pg-voice-status{color:#657a91;max-width:30ch;margin-top:8px;font-size:11px;display:block}.pg-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 24px;display:grid}.pg-facts .pg-card{padding:20px 23px}.pg-facts span{color:#657a91;align-items:center;gap:8px;font-size:13px;display:flex}.pg-facts span svg{color:#2f7dd3}.pg-facts strong{color:#1f2d5a;margin:9px 0 3px;font-size:31px;font-weight:600;line-height:1.4;display:block}.pg-facts strong em{color:#657a91;margin-left:5px;font-size:16px;font-style:normal}.pg-facts small{color:#657a91;font-size:11px}.pg-home-links{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 30px;display:grid}.pg-home-links a{align-items:center;gap:20px;display:flex}.pg-home-links h2{margin-bottom:3px}.pg-home-links p{margin:0}.pg-home-links a>svg{color:#2f7dd3;margin-left:auto}.pg-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:26px 0 16px;display:flex}.pg-section-heading h2{margin:0;font-size:20px}.pg-section-heading p{color:#657a91;margin:4px 0 0;font-size:13px}.pg-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 26px;display:grid}.pg-device{align-items:flex-start;gap:15px;display:flex}.pg-device img{flex:none}.pg-device p{margin:6px 0 2px}.pg-device small{color:#657a91;font-size:11px}.pg-state{border-radius:8px;margin-top:6px;padding:4px 8px;font-size:12px;display:inline-block}.pg-state.ok{color:#10705b;background:#e6f7f0}.pg-state.warning{color:#9b6600;background:#fff4cf}.pg-community-scene{background:#e9f7fc;border:1px solid #d5e9f2;border-radius:26px;margin:12px 0 26px;position:relative;overflow:hidden}.pg-community-art{object-fit:contain;width:100%;height:auto;max-height:450px;display:block}.pg-community-scene.outage .pg-community-art{filter:saturate(.75)}.pg-scene-statuses{background:#ffffffd9;flex-wrap:wrap;gap:8px;padding:14px 18px;display:flex}.pg-scene-statuses>span{background:#fff;border:1px solid #d8e8f3;border-radius:10px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:flex}.pg-scene-statuses b{color:#657a91;font-size:10px;font-weight:500}.pg-scene-statuses i{background:#26b99a;border-radius:50%;width:6px;height:6px}.pg-scene-statuses .off i{background:#ff7a3c}.pg-community-scene figcaption{color:#657a91;background:#fff;padding:9px 18px;font-size:10px}.pg-vfx{pointer-events:none;position:absolute;inset:0 0 88px;overflow:hidden}.pg-vfx .pg-wave{opacity:.35;width:80%;height:60px;position:absolute;bottom:0;left:10%}.pg-vfx .pg-rain{opacity:.45;width:16px;height:28px;position:absolute;top:0}.pg-vfx .pg-spark{opacity:.6;width:52px;position:absolute;top:30%;left:19%}.pg-vfx .pg-bubble-float{width:22px;height:22px;position:absolute;bottom:30px}.pg-lab{margin:24px 0}.pg-lab .pg-section-heading{margin:0 0 18px}.pg-lab-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.pg-lab-buttons button{padding:10px 12px;font-size:12px}.pg-offline-control{flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0;display:flex}.pg-offline-control select{color:#1f2d5a;background:#fff;border:1px solid #d9e7f2;border-radius:12px;min-height:44px;padding:10px;font-size:12px}.pg-lab-result{background:#edf5ff;border-radius:13px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:15px;padding:12px 15px;font-size:12px;display:flex}.pg-lab>small{color:#657a91;max-width:100ch;margin-top:12px;font-size:11px;display:block}.pg-dialog{color:#1f2d5a;background:#fff;border:1px solid #d9e7f2;border-radius:26px;width:min(580px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.pg-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2d5a66}.pg-dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-dialog-heading h2{margin:0;font-size:22px}.pg-dialog>p,.pg-dialog>small{color:#657a91;font-size:12px}.pg-sound-switches{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.pg-sound-switches>label,.pg-loop-controls label{font-size:12px}.pg-volume-grid{gap:18px;margin:20px 0;display:grid}.pg-volume-grid label>span{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.pg-volume-grid input{accent-color:#2f7dd3;width:100%}.pg-loop-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pg-loop-controls select{color:#1f2d5a;background:#f3f8ff;border:1px solid #d9e7f2;border-radius:12px;padding:9px;font-size:12px}.pg-audio-status{background:#e9f7fc;border-radius:12px;padding:10px}.pg-sound-dialog summary{cursor:pointer;min-height:36px;font-size:13px}.pg-sound-tests{grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;display:grid}.pg-sound-tests button{font-size:11px}.pg-toast-stack{z-index:60;pointer-events:none;gap:9px;width:min(370px,100vw - 32px);display:grid;position:fixed;top:92px;right:20px}.pg-toast{pointer-events:auto;background:#fff;border:1px solid #d9e7f2;border-left:4px solid #2f7dd3;border-radius:18px;padding:14px 15px;box-shadow:0 8px 28px #1f2d5a1a}.pg-toast.critical{border-left-color:#ef5a5a}.pg-toast.warning{border-left-color:#f8c642}.pg-toast.success{border-left-color:#26b99a}.pg-toast strong{font-size:14px}.pg-toast small{color:#657a91;font-size:10px;display:block}.pg-toast-actions{align-items:center;gap:13px;margin-top:9px;display:flex}.pg-toast-actions>a,.pg-toast-actions>button:not(.pg-icon-btn){color:#2165ac;cursor:pointer;background:0 0;border:0;min-height:30px;padding:4px 0;font-size:11px}.pg-toast-actions .pg-icon-btn{min-width:28px;height:28px;margin-left:auto}.pg-filter-row{color:#657a91;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 20px;font-size:12px;display:flex}.pg-filter-row label{align-items:center;gap:10px;display:flex}.pg-filter-row select{color:#1f2d5a;background:#fff;border:1px solid #d9e7f2;border-radius:12px;padding:10px}.pg-notice-list{gap:12px;display:grid}.pg-notice{background:#fff;border:1px solid #d9e7f2;border-radius:21px;align-items:flex-start;gap:13px;padding:20px;display:flex}.pg-notice.critical{border-left:4px solid #ef5a5a}.pg-notice.warning{border-left:4px solid #f8c642}.pg-notice.success{border-left:4px solid #26b99a}.pg-notice-main{flex:1;min-width:0}.pg-notice-top{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.pg-notice h3{margin:0 0 3px;font-size:16px}.pg-notice-top span,.pg-notice small{color:#657a91;font-size:10px}.pg-notice summary{color:#2165ac;cursor:pointer;margin-top:7px;font-size:12px}.pg-notice details p{color:#657a91;margin:9px 0;font-size:12px}.pg-notice>.pg-button{min-height:38px;padding:7px 12px;font-size:11px}.pg-resolution{gap:8px;margin-top:14px;display:grid}.pg-resolution label{font-size:12px}.pg-resolution textarea,.pg-problem-form textarea{resize:vertical;color:#1f2d5a;width:100%;min-height:76px;font:inherit;background:#f8fbff;border:1px solid #d9e7f2;border-radius:13px;margin-top:7px;padding:11px;font-size:13px;display:block}.pg-resolution button{justify-self:start}.pg-problem-form{margin:24px 0}.pg-problem-form label{font-size:13px;display:block}.pg-problem-form button{margin-top:14px}.pg-problem-form small{color:#657a91;margin-top:9px;font-size:11px;display:block}.pg-empty{background:#fff;border:1px dashed #b8d3e5;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:42px;display:flex}.pg-empty svg{color:#5ec6e8}.pg-empty h3{margin:12px 0 5px}.pg-empty p{color:#657a91;margin:0;font-size:13px}.pg-report-actions{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.pg-footnote{color:#657a91;margin-top:18px;font-size:11px}.pg-planner-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;margin-bottom:24px;display:grid}.pg-plan-load{border-bottom:1px solid #e4edf5;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;font-size:13px;display:flex}.pg-plan-load input[type=number]{width:84px;margin-right:5px}.pg-plan-load input[type=checkbox],.pg-loop-controls input,.pg-sound-switches input{accent-color:#2f7dd3;margin-right:7px}.pg-plan-load input[type=number],.pg-number-fields input{color:#1f2d5a;font:inherit;background:#f8fbff;border:1px solid #d9e7f2;border-radius:11px;padding:9px 10px}.pg-number-fields{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.pg-number-fields label{color:#657a91;font-size:11px}.pg-number-fields input{width:100%;margin-top:6px;font-size:13px;display:block}.pg-plan-result dl{margin:20px 0}.pg-plan-result dl>div{border-bottom:1px solid #e4edf5;justify-content:space-between;gap:16px;padding:13px 0;font-size:13px;display:flex}.pg-plan-result dd{margin:0;font-weight:600}.pg-plan-result small,.pg-ups-compare small{color:#657a91;margin:12px 0 20px;font-size:11px;line-height:1.8;display:block}.pg-plan-result>.pg-button{margin:7px 8px 0 0}.pg-plan-result>span{color:#10705b;margin:9px 0;font-size:12px;display:block}.pg-table-scroll{overflow:auto}.pg-ups-compare table{border-collapse:collapse;width:100%;font-size:13px}.pg-ups-compare th,.pg-ups-compare td{text-align:left;border-bottom:1px solid #d9e7f2;padding:14px}.pg-ups-compare th{background:#edf5ff;font-weight:600}.pg-roadmap{grid-template-columns:1fr 1fr;gap:15px;margin:22px 0;display:grid}.pg-roadmap article{align-items:flex-start;gap:17px;display:flex}.pg-roadmap article>span{color:#2165ac;background:#e9f7fc;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-weight:600;display:grid}.pg-roadmap h2{font-size:18px}.pg-roadmap small{color:#657a91;font-size:11px}@media (min-width:1600px){.pg-home-hero{padding:48px 55px}.pg-assistant.large .pg-fish-button img{width:265px}}@media (max-width:1050px){.pg-home-hero{grid-template-columns:1fr 280px;gap:20px;padding:28px}.pg-lab-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-planner-grid,.pg-home-links{grid-template-columns:1fr}.pg-assistant.large .pg-fish-button img{width:205px}.pg-notice>img{width:48px;height:48px}}@media (max-width:760px){.pg-app .topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:72px;padding:10px 16px}.pg-app .top-right{justify-content:flex-end;gap:7px;width:100%}.pg-app .pg-mode-toggle{margin-right:auto}.pg-app .top-right .demo-badge,.pg-app .sim-clock,.pg-app .topbar-place small{display:none}.pg-app .topbar .icon-btn,.pg-app .topbar .pg-icon-btn{width:35px;min-width:35px;height:35px}.pg-app .mobile-bottom-nav a{min-height:52px;padding-inline:3px;font-size:10px}.pg-page-heading{flex-wrap:wrap;padding:27px 0 20px}.pg-page-heading h1{font-size:25px}.pg-page-heading p{font-size:12px}.pg-home-hero{grid-template-columns:1fr;gap:22px;margin:20px 0;padding:25px 22px}.pg-home-copy h1{margin-top:15px;font-size:51px}.pg-home-copy>p{font-size:18px}.pg-assistant.large{grid-template-columns:135px 1fr;align-items:center;gap:8px;max-width:none;display:grid}.pg-assistant.large .pg-fish-button img{width:135px}.pg-assistant.large .pg-bubble{min-width:0;padding:12px;font-size:12px}.pg-assistant.large .pg-bubble p{font-size:13px}.pg-assistant.large .pg-bubble.open{grid-column:1/-1;justify-self:center;min-width:275px}.pg-facts{grid-template-columns:1fr;gap:10px}.pg-facts .pg-card{grid-template-columns:1fr auto;padding:17px 20px;display:grid}.pg-facts strong{grid-area:1/2/3;margin:0;font-size:27px}.pg-facts small{grid-area:2/1;margin-top:6px}.pg-card{border-radius:21px;padding:20px}.pg-device-grid{grid-template-columns:1fr}.pg-home-links a{gap:14px}.pg-home-links h2{font-size:18px}.pg-home-links img{width:62px;height:60px}.pg-lab{padding:19px 16px}.pg-lab-buttons button{padding:9px;font-size:12px}.pg-section-heading{gap:10px}.pg-section-heading h2{font-size:18px}.pg-section-heading p{font-size:11px}.pg-scene-statuses{gap:5px;padding:10px}.pg-scene-statuses>span{font-size:10px}.pg-scene-statuses b{display:none}.pg-notice{flex-wrap:wrap;gap:10px;padding:16px}.pg-notice>img{width:43px;height:43px}.pg-notice-main{flex-basis:calc(100% - 56px)}.pg-notice>.pg-button{margin-left:53px}.pg-toast-stack{width:calc(100vw - 32px);top:auto;bottom:80px;right:16px}.pg-dialog{max-height:calc(100dvh - 24px);padding:20px}.pg-speech-controls{flex-wrap:wrap}.pg-roadmap{grid-template-columns:1fr}.pg-number-fields{gap:12px}.pg-plan-load{font-size:12px}.pg-plan-load input[type=number]{width:75px}.pg-table-scroll table{min-width:480px}.pg-ups-compare th,.pg-ups-compare td{padding:11px}.pg-assistant:not(.large) .pg-bubble.open{min-width:0}.pg-assistant:not(.large){gap:7px}.pg-assistant:not(.large) .pg-fish-button img{width:90px}}@media (prefers-reduced-motion:reduce){.pg-vfx img,.pg-mascot-speaking{animation:none!important}.pg-vfx .pg-rain{opacity:.18;transform:none}}.pg-app .env-intro h1,.pg-app .env-spatial h3,.pg-app .env-controls h3,.pg-app .env-zone h4,.pg-app .env-trend-card h3,.pg-app .site-water-zone h4,.pg-app .site-water-zone dd{color:#1f2d5a}.pg-app .env-intro p,.pg-app .env-cross-section p,.pg-app .env-map-key,.pg-app .env-footnote,.pg-app .status-live,.pg-app .mini-live,.pg-app .component-spec dt,.pg-app .component-list small,.pg-app .component-category{color:#657a91}.pg-app .component-spec dd,.pg-app .component-list button{color:#1f2d5a}.pg-app .component-list button.selected,.pg-app .component-list button:hover{color:#2165ac;background:#e8f3ff}.pg-app .monitor-context,.pg-app .site-system-summary{color:#657a91;background:#f3f8ff;border-color:#d9e7f2}.pg-app .env-cross-section text{fill:#657a91}.pg-toast-actions>a,.pg-toast-actions>button:not(.pg-icon-btn){min-height:40px}.pg-toast-actions .pg-icon-btn{min-width:36px;height:36px}.pg-app .guide-heading h1,.pg-app .guide-deck-header h1{color:#1f2d5a;margin:0 0 8px;font-size:clamp(22px,2.1vw,30px);line-height:1.4}.pg-app .env-select,.pg-app .env-weather-values,.pg-app .env-slider label,.pg-app .env-detail summary,.pg-app .env-map-key span,.pg-app .env-energy>p,.pg-app .env-warnings .env-do{color:#39577f}.pg-app .site-water-panel,.pg-app .site-documentary,.pg-app .guide-live-status,.pg-app .guide-community-card,.pg-app .guide-deck-body{color:#1f2d5a;background:#fff;border:1px solid #d9e7f2}.pg-app .guide-heading p,.pg-app .guide-person small,.pg-app .guide-role-duty,.pg-app .guide-role-deliverable,.pg-app .guide-handoff,.pg-app .guide-community-card p,.pg-app .guide-step-body p,.pg-app .guide-note,.pg-app .guide-live-reading,.pg-app .guide-node-status>div,.pg-app .guide-deck-stage-copy,.pg-app .guide-benefit-card,.pg-app .site-plan-heading p,.pg-app .site-plan-badge,.pg-app .site-plan-node-control span,.pg-app .site-plan-legend,.pg-app .site-plan-caption,.pg-app .site-water-zone-title span,.pg-app .site-water-readings dt,.pg-app .site-water-quality,.pg-app .site-water-no-data{color:#657a91}.pg-app .guide-person,.pg-app .guide-step-number{color:#2165ac}.pg-app .guide-role-deliverable strong,.pg-app .guide-handoff strong,.pg-app .guide-live-reading strong{color:#1f2d5a}.pg-app .guide-deck-chapter[aria-current=step]{background:#e1eeff;border-color:#8db9e5}.pg-app .site-water-quality.is-warning{color:#9b6600}.pg-app .site-water-caveat{color:#786230;padding:14px}.pg-app .site-documentary p,.pg-app .site-water-heading p,.pg-app .site-tour-current>span,.pg-app .site-private-image figcaption{color:#657a91}.pg-app .site-reference-note a,.pg-app .site-water-caveat a{color:#2165ac}