:root{--navy:#0b223b;--navy-2:#133753;--ink:#112d46;--muted:#60768a;--blue:#126dd0;--blue-soft:#eaf3fc;--green:#087e61;--green-soft:#e8f5ee;--red:#c34640;--red-soft:#fbefec;--amber:#aa6028;--amber-soft:#fcf2e6;--line:#dce5eb;--canvas:#eef2f5;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #48a7ff;outline-offset:4px}button:disabled{cursor:default}a{color:var(--blue)}p,h1,h2,h3,figure{margin:0}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}svg.sprite{position:absolute;width:0;height:0;overflow:hidden}.toolbar{max-width:1360px;margin:auto;padding:19px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar-left{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.toolbar-left strong{font-size:13px;letter-spacing:.1em;color:var(--navy)}.toolbar-sep{width:1px;height:18px;background:#bbcbd5}.toolbar-actions{display:flex;gap:8px}.tool-btn{display:flex;gap:8px;align-items:center;border:1px solid #c9d6de;background:#fff;color:var(--navy);padding:9px 13px;border-radius:8px;font-size:12px;font-weight:600}.tool-btn svg{width:16px;height:16px}.tool-btn:hover{background:#e9f1f8}.tool-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.tool-btn.primary:hover{background:#1b425e}.document{max-width:1360px;margin:0 auto 32px;background:#fff;border:1px solid #d9e3e9;box-shadow:0 16px 60px #14324c0b;overflow:hidden;border-radius:20px}.hero{color:#fff;background:var(--navy);position:relative;min-height:365px;display:flex;align-items:center;isolation:isolate}.hero-photo{position:absolute;inset:0 0 0 auto;width:33%;height:100%;object-fit:cover;object-position:75% 40%;z-index:-2;mask-image:linear-gradient(90deg,transparent 0%,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b223b 0%,#0b223b 54%,#0b223bf2 62%,#0b223b45 76%,#0b223b0a 100%);z-index:-1}.hero-main{padding:38px 44px 32px;max-width:83%;width:100%}.hero-brand-row{display:flex;align-items:center;gap:20px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:7px;font-size:31px;letter-spacing:-.7px;font-weight:800;line-height:1}.brand img{height:44px;width:auto;object-fit:contain}.hero-tag{padding-left:20px;border-left:1px solid #ffffff35;color:#b4c8d7;font-size:10px;font-weight:650;letter-spacing:2px;line-height:1.65}.hero h1{font-size:58px;line-height:1.08;letter-spacing:-2.2px;font-weight:750;max-width:850px}.hero h1 span{display:block}.hero-sub{font-size:18px;letter-spacing:.15px;margin-top:16px;color:#e2ebf1}.hero-desc{margin-top:8px;max-width:700px;font-size:14px;color:#b7cbd9;line-height:1.55}.hero-bottom{display:flex;gap:26px;align-items:center;margin-top:28px}.hero-pillar{display:flex;gap:10px;align-items:center;font-size:13px;color:#e8f2f7}.hero-pillar svg{width:25px;height:25px;color:#8fcab6}.hero-pillar+.hero-pillar{padding-left:26px;border-left:1px solid #ffffff2b}.hero-pill{position:absolute;right:20px;bottom:18px;border:1px solid #ffffff40;border-radius:5px;color:#fff;background:#0b223ba6;padding:5px 8px;font-size:9px;letter-spacing:.3px}.content{padding:24px;display:grid;gap:20px;background:#f7f9fb}.intro-grid{display:grid;grid-template-columns:5fr 8fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-width:0}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.heading-group{display:flex;gap:11px;align-items:center;min-width:0}.section-no{font-size:12px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.4px;color:var(--blue);background:var(--blue-soft);border:1px solid #d7e8f8;border-radius:8px;min-width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center}.section-head h2{font-size:24px;font-weight:720;line-height:1.2;letter-spacing:-.7px}.section-head>p{font-size:11px;color:var(--muted);text-align:right;max-width:300px;margin-top:7px}.intro-grid .section-head h2{font-size:23px}.goals{display:grid;gap:14px}.goal{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}.check-dot{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:var(--green-soft);color:var(--green)}.check-dot svg{width:15px;height:15px;stroke-width:2.5}.goal strong{font-weight:650}.goal:last-child{padding-top:13px;border-top:1px solid var(--line)}.methodology{display:flex;flex-direction:column}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.step{position:relative;background:#f5f8fb;padding:14px 12px 13px;border-radius:10px;border:1px solid #e3ebf2}.step:last-child{background:var(--green-soft);border-color:#d6ebe0}.step-top{display:flex;justify-content:space-between;align-items:center;color:var(--blue);margin-bottom:12px}.step:last-child .step-top{color:var(--green)}.step-top svg{height:25px;width:25px}.step-top span{font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.65}.step h3{font-size:14px;letter-spacing:-.1px;margin-bottom:7px;white-space:nowrap}.step p{font-size:11px;line-height:1.55;color:var(--muted)}.note{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.55;color:var(--muted)}.note svg{width:17px;height:17px;margin-top:1px;flex-shrink:0;color:var(--blue)}.method-note{margin-top:18px;padding:12px 14px;background:var(--blue-soft);border-radius:8px;color:#2b557b}.note strong{font-weight:700}.modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.module{display:flex;gap:12px;padding:19px 15px;border-right:1px solid var(--line);min-width:0}.module:nth-child(4n){border-right:0}.module:nth-child(-n+4){padding-top:5px;padding-bottom:21px;border-bottom:1px solid var(--line)}.module:nth-child(n+5){padding-top:22px;padding-bottom:1px}.module:nth-child(4n+1){padding-left:0}.module h3{font-size:14px;font-weight:680;line-height:1.4;margin-bottom:5px;letter-spacing:-.12px}.module p{font-size:11px;color:var(--muted);line-height:1.55}.icon-box{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box svg{width:23px;height:23px}.icon-box.small{width:33px;height:33px;border-radius:8px}.icon-box.small svg{width:19px;height:19px}.blue{background:var(--blue-soft);color:var(--blue)}.green{background:var(--green-soft);color:var(--green)}.amber{background:var(--amber-soft);color:var(--amber)}.red{background:var(--red-soft);color:var(--red)}.slate{background:#edf1f5;color:#49627a}.green-text{color:var(--green)}.mobile-card{background:linear-gradient(125deg,#0b223b,#133854);border-color:#14334d;color:#fff;padding:28px}.mobile-card .section-head{margin-bottom:24px}.mobile-card .section-no{background:#ffffff10;border-color:#ffffff24;color:#8ec6ed}.mobile-card .section-head p{color:#abc3d6}.mobile-card .section-head h2{font-size:26px}.mobile-description{font-size:13px;color:#b7ccda;margin:7px 0 0 44px;max-width:900px;line-height:1.55}.phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.phone-figure{min-width:0}.phone{height:610px;padding:0 0 15px;background:#f8fafc;color:var(--ink);border:5px solid #23313d;border-radius:35px;box-shadow:inset 0 0 0 1px #7e8d96,0 12px 24px #00000030;position:relative;display:flex;flex-direction:column;overflow:hidden;font-size:11px}.speaker{position:absolute;z-index:2;left:50%;transform:translateX(-50%);top:7px;width:58px;height:10px;background:#1d2832;border-radius:10px}.statusbar{padding:11px 15px 7px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;height:33px;flex-shrink:0}.statusbar>div{display:flex;gap:3px}.statusbar svg{width:11px;height:11px;stroke-width:2}.phone-content{padding:6px 12px 7px;display:flex;flex-direction:column;gap:11px;flex:1;min-height:0}.home-indicator{height:3px;width:78px;border-radius:4px;background:#142a3c;position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}.app-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.app-brand>.icon{width:17px;height:17px;color:var(--navy)}.app-brand .brand{font-size:18px;gap:4px}.app-brand .brand img{height:27px}.app-greeting h3{font-size:15px;line-height:1.25;letter-spacing:-.4px}.app-greeting p{font-size:9px;color:var(--muted);margin-top:4px}.app-check{padding:12px;background:var(--green-soft);border:1px solid #cfe6db;border-radius:11px}.inline-title{display:flex;align-items:center;gap:6px}.inline-title svg{width:17px;height:17px;color:var(--green)}.inline-title strong{font-size:10px}.app-check p{font-size:9px;line-height:1.5;color:#486b5d;margin:7px 0 10px}.app-button{display:flex;justify-content:center;align-items:center;gap:7px;border-radius:7px;padding:10px 8px;font-size:10px;font-weight:700;line-height:1.4}.app-button svg{width:14px;height:14px}.app-button span{font-size:8px;font-weight:500;opacity:.8}.app-button.green-bg{background:var(--green);color:#fff}.app-button.warn-bg{background:#ac5423;color:#fff}.app-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-mini-grid>div{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}.app-mini-grid span,.app-mini-grid small{display:block;font-size:8px;color:var(--muted)}.app-mini-grid strong{display:block;font-size:13px;margin:3px 0}.app-mini-grid small{font-size:7px}.app-eyebrow{font-size:8px;font-weight:750;letter-spacing:1px;color:#6b8294;margin-top:1px}.app-item{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 7px}.app-item>.icon{width:21px;height:21px;color:var(--blue)}.app-item>.icon:last-child{width:12px;height:12px;margin-left:auto;color:#8799a7}.app-item div{min-width:0}.app-item strong{font-size:9px;display:block;line-height:1.3}.app-item span{display:block;font-size:7.5px;margin-top:3px;color:var(--muted)}.phone-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:8px 3px 0;margin-top:auto;gap:4px}.phone-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px;color:var(--muted)}.phone-nav svg{width:15px;height:15px}.phone-nav .active{color:var(--blue)}.phone-figure figcaption{padding:16px 3px 0;display:flex;flex-direction:column;gap:5px}.phone-figure figcaption strong{font-size:14px;font-weight:650;letter-spacing:.05px}.phone-figure figcaption span{font-size:10px;color:#b4c9d8;line-height:1.5}.app-topline{display:flex;align-items:center;gap:6px;min-height:25px}.back{width:22px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid var(--line);background:#fff;font-size:21px;font-weight:400;line-height:1}.app-topline strong{font-size:9px;line-height:1.35}.app-topline small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.tiny-pill{padding:4px 6px;border-radius:5px;font-size:6.5px;white-space:nowrap;font-weight:700;margin-left:auto}.rule-banner{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:13px 10px;border-radius:10px}.rule-banner>.icon{width:25px;height:25px;color:#f3b98c}.rule-banner h3{font-size:12px;letter-spacing:-.2px}.rule-banner p{font-size:7px;color:#c8d7e2;margin-top:5px;white-space:nowrap}.app-explain{font-size:9px;line-height:1.6;color:#546a7d}.app-explain strong{color:var(--ink)}.energy-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.energy-pair>div{display:flex;flex-direction:column;align-items:center;border-radius:8px;border:1px solid;padding:9px 3px;gap:3px}.energy-pair .valid{background:var(--green-soft);color:var(--green);border-color:#c7e2d6}.energy-pair .invalid{background:var(--red-soft);color:var(--red);border-color:#efdad5}.energy-pair svg{width:20px;height:20px;margin-bottom:3px}.energy-pair strong{font-size:9px}.energy-pair span{font-size:7px}.app-actions{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 10px}.app-actions .app-eyebrow{color:var(--green)}.app-actions ol{counter-reset:action;list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}.app-actions li{counter-increment:action;font-size:8.3px;line-height:1.45;display:flex;gap:7px}.app-actions li:before{content:counter(action);font-weight:750;color:var(--green);font-size:9px;line-height:1.4}.app-warning{padding:9px 10px;border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:5px;color:#81542f;font-size:8px;line-height:1.55}.app-bottom{margin-top:auto;display:flex;flex-direction:column;gap:6px}.app-note{font-size:7px;color:#6f8393;line-height:1.5;text-align:center}.app-progress{height:3px;background:#dfe7ed;border-radius:5px;overflow:hidden;margin-top:-4px}.app-progress span{display:block;height:100%;width:33.333%;background:var(--green)}.app-scene{position:relative;border-radius:10px;overflow:hidden;flex-shrink:0;height:118px;background:#284255}.app-scene img{width:100%;height:100%;object-fit:cover}.app-scene:after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(transparent,#0b223ba6)}.app-scene>span{position:absolute;z-index:1;bottom:8px;left:8px;color:#fff;padding:5px 7px;border-radius:4px;font-size:7px;display:flex;gap:4px;align-items:center;background:#a85526}.app-scene svg{width:11px;height:11px}.app-question{font-size:12px;letter-spacing:-.1px;line-height:1.45}.app-options{display:flex;flex-direction:column;gap:7px}.app-options>div{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:9px 8px;border-radius:7px;background:#fff;color:#6c7e8e;font-size:8px;line-height:1.45}.app-options b{font-size:9px;align-self:flex-start}.app-options .chosen{background:var(--green-soft);border-color:#88bca5;color:#1a5842}.app-options svg{width:14px;height:14px;margin-left:auto}.app-feedback{background:var(--green-soft);border:1px solid #d0e8dc;border-radius:7px;padding:10px;color:#21624a}.app-feedback>strong{display:flex;gap:5px;align-items:center;font-size:9px}.app-feedback svg{width:13px;height:13px}.app-feedback p{font-size:8px;line-height:1.55;margin-top:4px}.app-categories{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-categories>span{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 4px;text-align:center;font-size:8px}.app-categories>.chosen{background:var(--navy);border-color:var(--navy);color:#fff}.photo-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:17px 8px;border:1px dashed #aabac6;border-radius:8px;color:#688094;background:#f4f7f9}.photo-slot>.icon{width:24px;height:24px}.photo-slot strong{font-size:9px}.photo-slot span{font-size:7px}.app-input{padding:11px 10px;background:#fff;border:1px solid var(--line);border-radius:7px;min-height:49px;font-size:9px;line-height:1.5;color:#63798b}.app-location{padding:8px 9px;border:1px solid var(--line);border-radius:6px;font-size:8px;color:#486e64;display:flex;gap:5px;align-items:center}.app-location svg{width:13px;height:13px}.app-anon{display:flex;gap:6px;align-items:center;font-size:8px;color:var(--muted)}.app-anon>span{width:11px;height:11px;border:1px solid #a0b0bc;border-radius:2px;background:#fff}.report-flow{display:flex;gap:3px;align-items:center;justify-content:space-between;font-size:7px;margin-top:7px}.report-flow .icon{width:10px;height:10px}.mobile-footnote{margin-top:22px;padding-top:15px;border-top:1px solid #ffffff20;display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#b9ccda;line-height:1.6}.mobile-footnote svg{width:16px;height:16px;flex-shrink:0;color:#8cbfb5}.rules-simulation{display:grid;grid-template-columns:7fr 5fr;gap:20px}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rule{position:relative;background:#f6f9fb;border:1px solid #e3ebf1;border-radius:10px;padding:13px;min-height:91px}.rule-num{color:#64829b;font-size:10px;font-weight:750;letter-spacing:.5px}.rule>.icon{width:20px;height:20px;position:absolute;right:12px;top:12px;color:var(--blue)}.rule h3{margin-top:12px;font-size:11px;font-weight:650;line-height:1.45;letter-spacing:-.1px}.rule-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.rule-meta>div{border-radius:8px;padding:10px 12px;background:var(--green-soft);color:#306951}.rule-meta>div:last-child{background:var(--amber-soft);color:#89542c}.rule-meta h3{font-size:10px;font-weight:750}.rule-meta p{font-size:9px;line-height:1.5;margin-top:4px}.source-small{font-size:9px;color:#7890a3;margin-top:11px}.simulation-card{display:flex;flex-direction:column}.scenario-head{display:grid;grid-template-columns:124px 1fr;gap:13px;align-items:center;margin-bottom:16px}.scenario-head figure{position:relative;height:98px;border-radius:10px;overflow:hidden;background:#dde7ef}.scenario-head img{width:100%;height:100%;object-fit:cover;object-position:28% center}.scenario-head figcaption{position:absolute;left:0;right:0;bottom:0;background:#0b223bbc;padding:4px;color:#fff;text-align:center;font-size:7px}.scenario-overline{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:var(--amber);margin-bottom:7px;display:flex;gap:5px;align-items:center}.scenario-overline .icon{width:13px;height:13px}.scenario-head h3{font-size:17px;line-height:1.35;letter-spacing:-.3px}.choices{display:grid;gap:8px}.choice{width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 11px;color:#576e82;display:flex;align-items:center;gap:10px;font-size:11px;text-align:left;line-height:1.4}.choice>b{border-radius:6px;background:#f0f4f7;font-size:11px;flex-shrink:0;display:flex;width:24px;height:24px;justify-content:center;align-items:center}.choice>span{flex:1}.choice>.icon{width:16px;height:16px;opacity:0}.choice.correct{color:#14543f;background:var(--green-soft);border-color:#87bda6}.choice.correct>b{background:var(--green);color:#fff}.choice.correct>.icon{opacity:1}.choice:hover{border-color:var(--blue)}.choice.selected-wrong{border-color:#d28680;color:#a03934;background:var(--red-soft)}.choice.selected-wrong>b{background:var(--red);color:#fff}.simulation-feedback{padding:11px 13px;border-radius:9px;background:var(--green-soft);display:flex;gap:9px;margin-top:11px;align-items:flex-start;color:#265f49;font-size:10px;line-height:1.55;min-height:63px}.simulation-feedback>.icon{height:18px;width:18px;margin-top:1px}.simulation-feedback strong{display:block;font-size:11px;margin-bottom:2px}.simulation-feedback.wrong{background:var(--red-soft);color:#933d34}.scenario-note{font-size:9px;color:#73889a;line-height:1.5;margin-top:11px}.monitor-card>.section-head{margin-bottom:18px}.demo-label{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-size:10px;border-radius:6px;background:var(--amber-soft);color:#8d572e;padding:7px 10px}.demo-label svg{height:14px;width:14px}.monitor-subtitle{font-size:11px;color:var(--muted);margin-top:-8px;margin-bottom:16px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.kpi{padding:14px 15px 12px;border:1px solid var(--line);border-radius:10px;background:#fafcfd;min-width:0}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi-top>span{font-size:10px;color:#5a7387;line-height:1.4;max-width:128px}.kpi>strong{display:block;font-size:31px;line-height:1.1;font-weight:650;letter-spacing:-1px;margin:11px 0 8px;color:var(--navy)}.kpi small{display:block;font-size:8px;color:#698297;line-height:1.4}.monitor-grid{display:grid;grid-template-columns:1.75fr 1fr 1.15fr;gap:17px;margin-top:19px;align-items:stretch}.monitor-block{border:1px solid var(--line);border-radius:10px;padding:15px;min-width:0}.monitor-block>h3{font-size:13px;font-weight:700;letter-spacing:-.15px;margin-bottom:13px}.monitor-table{width:100%;border-collapse:collapse;font-size:9px;text-align:left;table-layout:fixed}.monitor-table th{font-size:8px;font-weight:650;color:#7890a3;padding:0 3px 8px;border-bottom:1px solid var(--line)}.monitor-table th:first-child{width:31%;padding-left:0}.monitor-table th:last-child{width:21%;text-align:right;padding-right:0}.monitor-table td{padding:11px 3px;border-bottom:1px solid #e9eef2;font-variant-numeric:tabular-nums}.monitor-table tr:last-child td{border-bottom:0;padding-bottom:1px}.monitor-table td:first-child{padding-left:0;font-weight:600}.monitor-table td:first-child small{display:block;font-size:7px;font-weight:400;color:#8295a4;margin-top:2px}.monitor-table td:last-child{text-align:right;padding-right:0}.state{font-size:7px;padding:4px 5px;border-radius:5px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.state:before{content:"";width:4px;height:4px;display:inline-block;border-radius:50%;background:currentColor}.state.normal{background:var(--green-soft);color:var(--green)}.state.attention{background:var(--amber-soft);color:var(--amber)}.state.escalated{background:var(--red-soft);color:var(--red)}.tier-caption{font-size:9px;color:#7c91a1;margin:-4px 0 9px}.tier-stack{display:grid;gap:6px;justify-items:center}.tier{border-radius:5px;color:white;text-align:center;font-size:8px;padding:6px 4px;line-height:1.5;max-width:100%}.tier strong{font-weight:750;display:inline}.tier1{width:57%;background:#a45b35}.tier2{width:71%;background:#ae7844}.tier3{width:86%;background:#2b5b7d}.tier4{width:100%;background:#247457}.tier-axis{display:flex;justify-content:space-between;font-size:7.5px;color:#7d92a2;margin-top:10px}.escalation-block{background:var(--navy);border-color:var(--navy);color:#fff}.escalation-block>h3{color:#fff}.queue{display:grid;gap:7px}.queue>div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;padding:9px}.queue strong{display:flex;align-items:center;gap:5px;font-size:9px;color:#e7c59e}.queue strong .icon{height:12px;width:12px}.queue p{font-size:8px;line-height:1.5;color:#a8bfd1;margin-top:4px}.queue-note{font-size:7.5px;color:#9cb8cb;line-height:1.5;margin-top:9px}.monitor-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:16px;padding:12px 0 0;border-top:1px solid var(--line)}.monitor-tags strong{font-size:10px;margin-right:3px}.monitor-tags span{font-size:9px;padding:5px 8px;border-radius:5px;background:#f0f5f8;color:#5b758b}.monitor-note{font-size:9px;color:#748b9c;margin-top:11px;line-height:1.55}.standards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.standard{border-left:1px solid var(--line);padding:0 13px;min-width:0}.standard:first-child{border-left:0;padding-left:0}.standard-brand{display:block;color:#193b60;font-weight:800;font-size:26px;letter-spacing:-1px;margin:0 0 12px;line-height:1.2}.standard h3{font-size:11px;line-height:1.55;font-weight:700;margin-bottom:4px}.standard p{font-size:9px;line-height:1.55;color:var(--muted)}.standard-note{margin-top:17px;padding:11px 13px;background:#f2f7f5;border-radius:8px;font-size:10px;line-height:1.55;color:#4b6f60;display:flex;gap:9px;align-items:flex-start}.standard-note svg{width:16px;height:16px;margin-top:1px}.roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.phase{min-width:0}.phase-line{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:15px}.phase-line:before{content:"";position:absolute;top:50%;left:40px;right:90px;height:1px;background:#d4e0e7}.phase-line>span{width:31px;height:31px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.phase:nth-child(2) .phase-line>span,.phase:nth-child(4) .phase-line>span{background:var(--green)}.phase-line>strong{font-size:12px;color:var(--green);padding:5px 9px;background:var(--green-soft);border-radius:6px;position:relative;z-index:1;font-weight:650}.phase h3{font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.15px;min-height:40px;margin-bottom:6px}.phase p{font-size:10px;color:var(--muted);line-height:1.5}.roadmap-note{margin-top:20px;font-size:10px;border-top:1px solid var(--line);padding-top:12px;color:#768b9b}.closing{background:var(--navy);color:white;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:14px}.closing .brand{font-size:26px;flex-shrink:0}.closing .brand img{height:36px}.closing p{font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.2px}.closing .closing-mark{color:#98c5b8}.closing-mark svg{height:34px;width:34px}.sources{padding:0 3px;font-size:9px;color:#7b8f9e;line-height:1.7;display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.sources strong{color:#536e83;font-weight:650}.sources a{color:#526e83;text-decoration:underline;text-underline-offset:2px}.document-end{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#879dac;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#112d46;color:#fff;padding:11px 18px;border-radius:8px;box-shadow:0 5px 24px #0002;font-size:12px;z-index:50;max-width:calc(100vw - 24px);text-align:center}.toast:empty{display:none}
@media screen and (min-width:1600px){.toolbar,.document{max-width:1420px}.hero h1{font-size:62px}.phone{height:610px}.phone-content{gap:12px}}
@media screen and (max-width:1420px){.toolbar{margin:0 24px}.document{margin:0 24px 28px}.content{padding:20px;gap:18px}.intro-grid,.rules-simulation{gap:18px}.card{padding:22px}.phone-grid{gap:17px}.mobile-card{padding:24px}.phone-content{padding-left:10px;padding-right:10px}}
@media screen and (max-width:1150px){.hero h1{font-size:50px}.hero-main{max-width:90%;padding:33px}.hero-sub{font-size:16px}.hero-desc{max-width:610px;font-size:13px}.hero-photo{width:31%}.intro-grid{grid-template-columns:1fr}.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.goal:last-child{padding-top:0;border:0}.step{padding:15px}.step p{font-size:12px}.steps{gap:12px}.intro-grid .section-head h2{font-size:24px}.intro-grid .section-head{margin-bottom:19px}.module{padding-left:12px;padding-right:12px;gap:9px}.module h3{font-size:12px}.module p{font-size:10px}.icon-box{width:34px;height:34px;border-radius:9px}.icon-box svg{width:20px;height:20px}.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:710px;margin:auto}.phone-figure{max-width:310px;width:100%;justify-self:center}.phone{height:610px}.phone-content{padding-left:13px;padding-right:13px}.rules-simulation{grid-template-columns:1.2fr 1fr}.rules-grid{gap:8px}.rule{padding:10px}.rule>.icon{right:9px;top:10px}.rule h3{font-size:10px}.section-head h2{font-size:22px}.scenario-head{grid-template-columns:95px 1fr;gap:11px}.scenario-head h3{font-size:15px}.scenario-overline{font-size:8px}.monitor-grid{grid-template-columns:1.6fr 1fr}.escalation-block{grid-column:1/-1}.queue{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.queue p{font-size:9px}.queue strong{font-size:10px}.queue-note{font-size:9px}.monitor-block>h3{font-size:14px}.monitor-table{font-size:11px}.monitor-table th{font-size:10px}.monitor-table td:first-child small{font-size:8px}.state{font-size:8px}.tier{font-size:10px}.tier-caption{font-size:10px}.kpi{padding:11px}.kpi-top .icon-box{display:none}.kpi>strong{font-size:27px}.standards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}.standard:nth-child(4){border-left:0;padding-left:0}.standard-brand{margin-bottom:8px}.standard h3{font-size:13px}.standard p{font-size:11px}.phase h3{font-size:13px}.closing p{font-size:15px}}
@media screen and (max-width:800px){.toolbar{margin:0 16px;padding:14px 0}.toolbar-left>span:not(.toolbar-sep){display:none}.toolbar-sep{display:none}.tool-btn{padding:8px 10px}.document{margin:0 16px 24px;border-radius:16px}.hero{min-height:340px}.hero-main{padding:28px;max-width:100%}.hero h1{font-size:43px;max-width:80%;letter-spacing:-1.7px}.hero-photo{width:40%;opacity:.55}.hero:after{background:linear-gradient(90deg,#0b223b 0%,#0b223bf2 42%,#0b223b7d 78%,#0b223b30 100%)}.hero-sub{font-size:14px;max-width:80%;line-height:1.6}.hero-desc{font-size:12px;max-width:77%}.hero-brand-row{gap:15px}.hero-tag{font-size:8px;padding-left:15px}.hero-bottom{gap:15px;flex-wrap:wrap;margin-top:23px}.hero-pillar{font-size:11px;gap:7px}.hero-pillar+.hero-pillar{padding-left:15px}.hero-pillar svg{width:21px;height:21px}.brand{font-size:28px}.brand img{height:40px}.content{padding:16px;gap:16px}.card{padding:20px}.section-head{margin-bottom:19px}.section-head h2{font-size:22px}.section-head>p{font-size:10px;max-width:190px}.goal{font-size:13px}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.module{padding:18px 12px!important;border-right:0;border-bottom:1px solid var(--line)!important}.module:nth-child(odd){padding-left:0!important;border-right:1px solid var(--line)}.module:nth-child(-n+2){padding-top:0!important}.module:nth-last-child(-n+2){padding-bottom:0!important;border-bottom:0!important}.module h3{font-size:13px}.module p{font-size:10px}.module:nth-child(even){padding-right:0!important}.icon-box{width:36px;height:36px}.rules-simulation{grid-template-columns:1fr;gap:16px}.rules-grid{gap:10px}.rule{padding:14px;min-height:91px}.rule h3{font-size:12px}.rule>.icon{top:13px;right:13px}.rule-meta p{font-size:10px}.rule-meta h3{font-size:11px}.source-small{font-size:10px}.scenario-head{grid-template-columns:160px 1fr;gap:17px}.scenario-head h3{font-size:20px}.scenario-overline{font-size:10px}.scenario-head figure{height:110px}.scenario-head figcaption{font-size:8px}.choice{font-size:12px;padding:12px}.simulation-feedback{font-size:12px}.simulation-feedback strong{font-size:12px}.scenario-note{font-size:10px}.mobile-description{font-size:12px}.mobile-card{padding:24px 20px}.mobile-card .section-head{display:block}.mobile-card .section-head>p{text-align:left;margin:10px 0 0 44px;max-width:none}.mobile-card .section-head h2{font-size:24px}.phone-grid{gap:22px 15px}.phone{height:610px}.phone-figure figcaption strong{font-size:13px}.mobile-footnote{font-size:10px}.monitor-card .section-head{flex-wrap:wrap;gap:12px}.monitor-subtitle{font-size:10px;margin-top:0}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.kpi{padding:13px}.kpi-top>span{font-size:10px}.kpi small{font-size:9px}.kpi:nth-last-child(-n+2){min-height:109px}.kpi>strong{font-size:28px}.monitor-grid{grid-template-columns:1fr}.escalation-block{grid-column:auto}.tier-stack{max-width:430px;margin:auto}.tier-axis{max-width:430px;margin:10px auto 0;font-size:9px}.monitor-table th{font-size:10px}.monitor-table td{padding:12px 3px}.monitor-table td:first-child small{font-size:9px}.monitor-table td:first-child{font-size:12px}.state{font-size:9px}.queue{grid-template-columns:1fr}.queue strong{font-size:11px}.queue p{font-size:10px}.queue-note{font-size:9px}.tier{font-size:11px;padding:7px 5px}.monitor-note{font-size:10px}.monitor-tags{gap:6px}.monitor-tags strong{font-size:11px}.monitor-tags span{font-size:10px}.roadmap{grid-template-columns:1fr 1fr;gap:23px}.phase h3{font-size:14px;min-height:auto;margin-bottom:6px}.phase p{font-size:11px}.phase-line{margin-bottom:12px}.roadmap-note{font-size:10px}.closing{padding:22px;gap:20px;flex-wrap:wrap}.closing p{flex:1;min-width:240px;font-size:15px}.closing-mark{display:none}.sources{grid-template-columns:1fr;gap:10px;font-size:10px}.document-end{font-size:8px;flex-wrap:wrap}.standards{gap:18px 12px}.standard h3{font-size:12px}.standard p{font-size:10px}.standard-note{font-size:10px}}
@media screen and (max-width:600px){body{font-size:15px}.toolbar{margin:0 12px;padding:11px 0}.toolbar-left strong{font-size:10px;letter-spacing:.08em}.toolbar-left>.icon{width:19px;height:19px}.toolbar-left{gap:7px}.tool-btn{font-size:10px;padding:7px 9px;gap:6px}.tool-btn svg{width:14px;height:14px}.toolbar-actions{gap:5px}.tool-btn#fullscreen-btn span{display:none}.document{margin:0;border:0;border-radius:0;box-shadow:none}.hero{min-height:400px;align-items:flex-start}.hero-main{padding:27px 21px 28px;max-width:100%}.hero-photo{width:61%;opacity:.63;object-position:70% 50%}.hero:after{background:linear-gradient(90deg,#0b223b 0%,#0b223bf7 25%,#0b223bd9 48%,#0b223b70 77%,#0b223b48 100%)}.hero h1{font-size:42px;max-width:100%;letter-spacing:-1.8px;line-height:1.12}.hero h1 span{white-space:normal}.hero-sub{font-size:13px;max-width:100%;line-height:1.8;margin-top:17px;letter-spacing:0}.hero-desc{font-size:12px;max-width:86%;margin-top:8px;line-height:1.65}.hero-brand-row{margin-bottom:25px;gap:15px}.hero-tag{font-size:7.5px;letter-spacing:1.5px;padding-left:14px}.brand{font-size:28px}.brand img{height:40px}.hero-bottom{gap:12px;margin-top:25px}.hero-pillar{gap:6px;font-size:10px;line-height:1.3}.hero-pillar svg{height:20px;width:20px}.hero-pillar+.hero-pillar{padding-left:12px}.hero-pill{right:12px;bottom:8px;font-size:7px;padding:3px 6px}.content{padding:14px 12px;gap:14px}.card{padding:20px 16px;border-radius:14px}.intro-grid{gap:14px}.section-head{flex-direction:column;gap:8px;margin-bottom:19px}.section-head h2{font-size:22px;line-height:1.2;letter-spacing:-.7px}.intro-grid .section-head h2{font-size:22px}.section-head>p{margin:0 0 0 43px;text-align:left;max-width:none;font-size:11px;line-height:1.5}.section-no{min-width:32px;height:32px;border-radius:8px;font-size:11px}.heading-group{gap:10px}.goal-grid{grid-template-columns:1fr;gap:15px}.goal{font-size:14px;line-height:1.55;gap:11px}.goal:last-child{padding-top:13px;border-top:1px solid var(--line)}.check-dot{width:22px;height:22px;margin-top:1px}.steps{grid-template-columns:1fr;gap:8px}.step{display:grid;grid-template-columns:42px 96px 1fr;align-items:center;gap:10px;padding:11px 12px;border-radius:8px}.step-top{margin:0;flex-direction:column;align-items:flex-start;gap:2px;position:relative}.step-top svg{width:22px;height:22px}.step-top span{position:absolute;top:-1px;right:0;font-size:8px}.step h3{font-size:14px;margin:0}.step p{font-size:11px;line-height:1.5}.method-note{font-size:11px;line-height:1.6;padding:11px 12px;margin-top:14px}.modules{gap:0}.module{flex-direction:column;gap:10px;padding:17px 13px!important}.module h3{font-size:13px;line-height:1.45;letter-spacing:-.1px}.module p{font-size:10px;line-height:1.6}.icon-box{width:38px;height:38px;border-radius:10px}.icon-box svg{width:22px;height:22px}.mobile-card{padding:22px 16px}.mobile-card .section-head h2{font-size:22px}.mobile-card .section-head p{margin-left:42px;font-size:11px}.mobile-description{font-size:11px;line-height:1.65;margin-left:42px}.phone-grid{grid-template-columns:1fr;gap:28px;max-width:320px}.phone-figure{max-width:302px;width:100%}.phone{height:635px;border-width:5px;border-radius:35px}.phone-content{padding:7px 14px 7px;gap:12px}.app-greeting h3{font-size:16px}.app-greeting p{font-size:10px}.app-check p{font-size:10px}.inline-title strong{font-size:11px}.app-button{font-size:11px;padding:10px}.app-button span{font-size:9px}.app-mini-grid>div{padding:9px}.app-mini-grid strong{font-size:14px}.app-mini-grid span{font-size:9px}.app-mini-grid small{font-size:8px}.app-eyebrow{font-size:9px}.app-item strong{font-size:10px}.app-item span{font-size:8px}.app-item{padding:9px}.phone-nav span{font-size:8px}.phone-nav .icon{width:17px;height:17px}.phone-figure figcaption{padding-top:14px;gap:5px;text-align:center}.phone-figure figcaption strong{font-size:15px}.phone-figure figcaption span{font-size:11px}.app-topline strong{font-size:10px}.tiny-pill{font-size:7px}.rule-banner h3{font-size:13px}.rule-banner p{font-size:7.5px}.app-explain{font-size:10px}.energy-pair>div{padding:9px}.energy-pair strong{font-size:10px}.energy-pair span{font-size:8px}.app-actions li{font-size:9px}.app-warning{font-size:9px}.app-note{font-size:8px}.app-question{font-size:13px}.app-options>div{font-size:9px}.app-feedback>strong{font-size:10px}.app-feedback p{font-size:9px}.app-categories>span{font-size:9px}.photo-slot strong{font-size:10px}.photo-slot span{font-size:8px}.app-input{font-size:10px}.app-location{font-size:9px}.app-anon{font-size:9px}.report-flow{font-size:8px}.mobile-footnote{font-size:10px;line-height:1.7;margin-top:24px}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rule{padding:10px 8px;min-height:108px}.rule-num{font-size:9px}.rule>.icon{height:17px;width:17px;right:8px;top:10px}.rule h3{font-size:10px;line-height:1.5;margin-top:13px}.rule-meta{grid-template-columns:1fr;gap:8px;margin-top:11px}.rule-meta>div{padding:12px}.rule-meta h3{font-size:12px}.rule-meta p{font-size:11px;line-height:1.6}.source-small{font-size:9px}.scenario-head{grid-template-columns:100px 1fr;gap:12px;margin-bottom:14px}.scenario-head h3{font-size:17px;line-height:1.4}.scenario-overline{font-size:8px;letter-spacing:.3px;gap:4px;line-height:1.4}.scenario-head figure{height:114px}.scenario-head figcaption{font-size:7px}.choice{font-size:12px;padding:11px 9px;gap:8px}.choice>b{height:24px;width:24px}.choice>.icon{width:14px;height:14px}.simulation-feedback{font-size:11px;min-height:78px;line-height:1.6;padding:12px}.simulation-feedback strong{font-size:12px}.scenario-note{font-size:10px;line-height:1.65}.monitor-card .section-head{gap:12px}.monitor-subtitle{font-size:10px;line-height:1.65;margin-bottom:14px}.demo-label{font-size:10px;margin-left:42px;white-space:normal;padding:6px 8px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{padding:12px}.kpi-top>span{font-size:11px;line-height:1.5}.kpi>strong{font-size:29px;margin:12px 0 7px}.kpi small{font-size:9px;line-height:1.5}.kpi:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;min-height:0}.kpi:last-child .kpi-top{grid-column:1}.kpi:last-child .kpi-top>span{max-width:none}.kpi:last-child>strong{grid-column:2;grid-row:1/3;margin:0}.kpi:last-child>small{grid-column:1}.monitor-grid{gap:12px;margin-top:14px}.monitor-block{padding:14px 12px}.monitor-block>h3{font-size:14px;margin-bottom:12px}.monitor-table{font-size:10px}.monitor-table th{font-size:8px;padding:0 2px 9px;line-height:1.5}.monitor-table td{padding:12px 2px}.monitor-table th:first-child{width:29%}.monitor-table th:last-child{width:25%}.monitor-table td:first-child{font-size:11px}.monitor-table td:first-child small{font-size:8px;line-height:1.45}.state{font-size:7px;padding:4px;gap:3px}.queue p{font-size:10px}.queue strong{font-size:11px}.queue>div{padding:10px}.queue-note{font-size:9px;line-height:1.6}.monitor-tags strong{width:100%;font-size:11px}.monitor-tags span{font-size:9px;line-height:1.5}.monitor-note{font-size:10px;line-height:1.65}.standards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.standard{padding:0 0 0 13px}.standard:nth-child(odd){border-left:0;padding-left:0}.standard:nth-child(even){border-left:1px solid var(--line);padding-left:13px}.standard-brand{font-size:27px;margin-bottom:7px}.standard h3{font-size:11px;line-height:1.5}.standard p{font-size:10px;line-height:1.5}.standard-note{font-size:10px;line-height:1.65;padding:11px;margin-top:20px}.roadmap{grid-template-columns:1fr;gap:21px}.phase{padding-left:48px;position:relative}.phase:not(:last-child):before{content:"";position:absolute;width:1px;top:31px;bottom:-21px;left:15px;background:#d4e0e7}.phase-line{margin:0 0 7px;display:block}.phase-line:before{display:none}.phase-line>span{position:absolute;left:-48px;top:0;width:31px;height:31px;font-size:11px}.phase-line>strong{font-size:12px;padding:4px 8px}.phase h3{font-size:15px;line-height:1.4;margin:0 0 5px;max-width:250px}.phase p{font-size:11px;line-height:1.55}.roadmap-note{font-size:10px;line-height:1.65}.closing{flex-direction:column;align-items:flex-start;padding:23px 21px;gap:17px;border-radius:12px}.closing p{font-size:18px;line-height:1.5;min-width:0;letter-spacing:-.35px}.closing .brand{font-size:26px}.closing .brand img{height:37px}.sources{font-size:9px;padding:2px 4px;line-height:1.75;gap:12px}.document-end{font-size:7px;line-height:1.6;margin-top:8px}}
@media screen and (max-width:360px){.hero h1{font-size:37px}.hero-main{padding-left:18px;padding-right:18px}.hero-tag{font-size:7px}.hero-bottom{gap:9px}.hero-pillar+.hero-pillar{padding-left:9px}.hero-pillar{font-size:9px}.card{padding:18px 13px}.section-head h2,.intro-grid .section-head h2,.mobile-card .section-head h2{font-size:20px}.step{grid-template-columns:35px 87px 1fr;gap:8px;padding:11px 9px}.step h3{font-size:13px}.step p{font-size:10px}.rule h3{font-size:9px}.scenario-head h3{font-size:15px}.phone-content{padding-left:11px;padding-right:11px}.demo-label{margin-left:0}.phone{height:635px}.mobile-description{margin-left:0}}
@media print{@page{size:1360px 3900px;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;width:1360px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.toolbar,.toast{display:none!important}.document{width:1360px!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.hero{break-inside:avoid}.content{padding:24px;gap:20px}.card,.phone-figure,.closing{break-inside:avoid}.phone{box-shadow:none}.choice{pointer-events:none}.sources a{color:inherit;text-decoration:none}.document-end{padding-bottom:0}.hero-photo{opacity:1}.hero h1{font-size:58px}}
@font-face{font-family:Geist;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/58a6b173d5ca1dec.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Geist;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/9b6f5ff45b278c74.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Reading first: the original document remains usable without JavaScript. */
:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --muted: #465e71;
  --canvas: #f1f4f6;
  --radius: 12px;
  --blue: #12634f;
  --blue-soft: #edf5f1;
  --green: #087254;
  --red: #b63b36;
  --amber: #945421;
  --layer-nav: 10;
  --layer-toast: 20;
}
body { font-family: "Geist", Arial, sans-serif; }
h1,h2,h3 { text-wrap: balance; }
p { text-wrap: pretty; }
a,button { touch-action: manipulation; }
button:focus-visible,a:focus-visible { outline: 3px solid #087e61; outline-offset: 4px; }
.skip-link { position: fixed; top: 12px; left: 16px; z-index: var(--layer-toast); background: #fff; color: var(--navy); padding: 12px 18px; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.toolbar { padding: 18px 0; }
.toolbar-left strong { letter-spacing: .02em; }
.tool-btn { min-height: 44px; padding: 10px 14px; border-radius: 7px; font-size: 12px; transition: transform 140ms var(--ease-out), background-color 160ms ease; }
.tool-btn:active,.hero-link:active,.choice:active { transform: scale(.98); }
.document { border: 0; border-radius: 12px; box-shadow: none; overflow: visible; }
.hero { min-height: 470px; border-radius: 12px 12px 0 0; overflow: hidden; }
.hero-photo { width: 47%; object-position: 70% 40%; opacity: .9; }
.hero:after { background: linear-gradient(90deg,#0b223b 0%,#0b223b 40%,#0b223bf2 53%,#0b223b50 76%,#0b223b18 100%); }
.hero-main { padding: 48px; max-width: 85%; }
.hero-brand-row { margin-bottom: 30px; }
.hero-tag { font-size: 10px; letter-spacing: .7px; color: #c3d3de; }
.hero h1 { font-size: clamp(40px,4.8vw,68px); letter-spacing: -.035em; line-height: 1.08; font-weight: 650; }
.hero-sub { font-size: 17px; margin-top: 22px; }
.hero-desc { max-width: 49ch; font-size: 15px; line-height: 1.7; color: #c3d3de; }
.hero-bottom { margin-top: 25px; }
.hero-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 26px; }
.hero-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 17px; min-height: 46px; color: var(--navy); background: #fff; border-radius: 7px; text-decoration: none; font-size: 13px; font-weight: 650; transition: transform 140ms var(--ease-out), background-color 160ms ease; }
.hero-link .icon { width: 17px; height: 17px; }
.hero-secondary { color: #e1ebe8; text-decoration: underline; text-underline-offset: 5px; font-size: 13px; padding: 12px 6px; }
.hero-pill { font-size: 10px; text-transform: none; letter-spacing: 0; padding: 6px 10px; }
.section-nav { position: sticky; top: 0; z-index: var(--layer-nav); background: #fff; border-bottom: 1px solid var(--line); }
.nav-track { display: flex; align-items: center; gap: 4px; padding: 10px 24px; overflow-x: auto; scrollbar-width: thin; }
.section-nav a { flex-shrink: 0; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 550; color: var(--muted); transition: background-color 160ms ease; }
.section-nav a[aria-current="location"] { background: var(--blue-soft); color: var(--blue); }
.content { padding: 32px; gap: 28px; background: #fff; border-radius: 0 0 12px 12px; }
.card { padding: 28px; border-radius: 12px; box-shadow: none; scroll-margin-top: 84px; }
.content>.card:not(.mobile-card):not(.monitor-card) { border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 34px 0 10px; }
.intro-grid { gap: 32px; grid-template-columns: 4fr 7fr; }
.intro-grid>.card { border: 0; padding: 12px 0; }
.intro-grid>.methodology { border-left: 1px solid var(--line); border-radius: 0; padding-left: 32px; }
.section-no { display: none; }
.section-head { gap: 16px; margin-bottom: 25px; }
.section-head h2,.intro-grid .section-head h2 { font-size: clamp(23px,2vw,29px); letter-spacing: -.025em; line-height: 1.25; font-weight: 650; }
.section-head>p { font-size: 12px; line-height: 1.6; }
.goal { font-size: 15px; line-height: 1.65; }
.goals { gap: 17px; }
.step { border: 0; background: #f2f5f7; padding: 16px 12px; }
.step-top { margin-bottom: 16px; }
.step-top span { opacity: 1; }
.step p { font-size: 12px; line-height: 1.6; }
.step h3 { font-size: 14px; }
.method-note { font-size: 12px; line-height: 1.65; color: #315949; }
.modules { grid-template-columns: repeat(4,minmax(0,1fr)); }
.module { gap: 13px; padding: 24px 20px; }
.module h3 { font-size: 15px; line-height: 1.5; }
.module p { font-size: 12px; line-height: 1.65; }
.module .icon-box { background: none; width: 28px; height: 28px; color: var(--blue); }
.mobile-card { background: var(--navy); padding: 32px; border: 0; }
.mobile-card .section-head h2 { font-size: 29px; }
.mobile-card .section-head>p { max-width: 33ch; color: #c3d3de; font-size: 12px; }
.phone-grid { gap: 24px; }
.phone { box-shadow: inset 0 0 0 1px #7e8d96; }
.phone-figure figcaption strong { font-size: 15px; }
.phone-figure figcaption span { font-size: 12px; color: #c3d3de; }
.phone-controls { display: none; }
.app-warning { border-left: 0; border: 1px solid #dac4a9; }
.app-options>div,.app-note,.app-eyebrow,.photo-slot { color: var(--muted); }
.app-button span { opacity: 1; }
.mobile-footnote { font-size: 12px; color: #c3d3de; }
.rules-simulation { gap: 32px; grid-template-columns: 1.1fr 1fr; }
.rules-simulation>.card { padding: 28px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.rules-grid { gap: 0; }
.rule { padding: 16px 14px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; min-height: 112px; }
.rule-num { color: var(--muted); }
.rule h3 { font-size: 13px; line-height: 1.5; margin-top: 16px; }
.rule-meta h3 { font-size: 13px; }
.rule-meta p { font-size: 12px; line-height: 1.65; }
.source-small,.scenario-note { font-size: 12px; line-height: 1.65; color: var(--muted); }
.scenario-head { grid-template-columns: 125px 1fr; gap: 16px; }
.scenario-head h3 { font-size: 20px; letter-spacing: -.02em; }
.scenario-overline { color: #804619; font-size: 10px; }
.scenario-head figure { height: 120px; }
.scenario-head figcaption { font-size: 9px; }
.choice { min-height: 60px; font-size: 14px; line-height: 1.55; padding: 12px 14px; transition: transform 140ms var(--ease-out), background-color 160ms ease; }
.choice>b { width: 28px; height: 28px; font-size: 12px; }
.choice.correct:not([aria-pressed="true"]) { color: #576e82; background: #fff; border-color: var(--line); }
.choice.correct:not([aria-pressed="true"])>b { background: #f0f4f7; color: #576e82; }
.choice.correct:not([aria-pressed="true"])>.icon { opacity: 0; }
.simulation-feedback { min-height: 94px; font-size: 13px; padding: 16px; color: #265f49; transition: opacity 160ms ease; }
.simulation-feedback strong { font-size: 14px; }
.simulation-feedback.neutral { background: #f0f4f7; color: var(--muted); }
.reset-choice { align-self: flex-start; margin-top: 10px; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--blue); padding: 10px 0; min-height: 44px; font-size: 12px; }
.reset-choice[hidden] { display: none; }
.monitor-card { background: #f4f7f8; border: 0; }
.monitor-subtitle { font-size: 13px; line-height: 1.65; max-width: 75ch; }
.demo-label { font-size: 11px; }
.kpis { gap: 0; padding: 12px 0 24px; }
.kpi { background: none; border: 0; border-right: 1px solid #d1dce2; border-radius: 0; padding: 4px 20px; }
.kpi:first-child { padding-left: 0; }
.kpi:last-child { border-right: 0; }
.kpi-top>span { font-size: 12px; color: var(--muted); }
.kpi small { font-size: 11px; color: var(--muted); }
.kpi .icon-box { display: none; }
.monitor-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 22px; }
.monitor-block { border: 0; border-radius: 0; padding: 0; }
.monitor-block>h3 { font-size: 15px; margin-bottom: 18px; }
.monitor-table { font-size: 11px; }
.monitor-table th { font-size: 10px; color: var(--muted); }
.monitor-table td:first-child small { font-size: 10px; color: var(--muted); }
.state { font-size: 9px; }
.tier-caption { font-size: 11px; color: var(--muted); }
.tier { font-size: 11px; padding: 8px 4px; }
.tier-axis { font-size: 10px; color: var(--muted); gap: 8px; }
.tier1 { background: #884522; }
.tier2 { background: #8b5829; }
.escalation-block { padding: 20px; border-radius: 10px; }
.queue>div { border: 0; border-bottom: 1px solid #ffffff20; border-radius: 0; background: none; padding: 8px 0 12px; }
.queue>div:last-child { border: 0; }
.queue strong { font-size: 12px; }
.queue p { font-size: 11px; color: #c3d3de; }
.queue-note { font-size: 10px; color: #c3d3de; }
.monitor-note,.monitor-tags span { font-size: 12px; color: var(--muted); }
.monitor-tags strong { font-size: 12px; }
.standard h3 { font-size: 13px; }
.standard p { font-size: 12px; }
.standard-note { font-size: 12px; line-height: 1.65; color: #365f4b; }
.phase h3 { font-size: 16px; line-height: 1.5; }
.phase p { font-size: 13px; }
.roadmap-note { font-size: 12px; line-height: 1.7; color: var(--muted); }
.sources { font-size: 11px; line-height: 1.8; color: var(--muted); padding-top: 4px; }
.sources p { max-width: 75ch; }
.document-end { font-size: 10px; color: var(--muted); letter-spacing: 0; text-transform: none; }
.share-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; padding: 30px 0; border-top: 1px solid var(--line); }
.share-panel h2 { font-size: 24px; font-weight: 650; letter-spacing: -.02em; }
.share-panel p { max-width: 55ch; font-size: 14px; color: var(--muted); margin: 8px 0 17px; }
.share-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.share-actions a { text-decoration: none; }
.share-qr { display: block; width: 148px; height: 148px; }
.share-qr img { display: block; width: 100%; height: 100%; }
.toast { z-index: var(--layer-toast); box-shadow: none; font-size: 14px; }
@keyframes hero-enter { from { opacity: .2; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hero-fade { from { opacity: .2; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .hero h1 { animation: hero-enter 600ms var(--ease-out) both; }
  .hero-sub,.hero-desc { animation: hero-enter 600ms 60ms var(--ease-out) both; }
  .hero-actions { animation: hero-enter 600ms 120ms var(--ease-out) both; }
}
@media (hover: hover) and (pointer: fine) {
  .hero-link:hover { background: #e5f1ec; transform: translateY(-2px); }
  .section-nav a:hover { background: #f0f4f7; }
  .choice:hover { border-color: var(--green); }
}
@media (prefers-reduced-motion: reduce) {
  .hero h1,.hero-sub,.hero-desc,.hero-actions { animation: hero-fade 160ms ease both; }
  .tool-btn:active,.hero-link:active,.hero-link:hover,.choice:active { transform: none; }
}
@media screen and (max-width:1150px) {
  .intro-grid { grid-template-columns: 1fr; gap: 28px; }
  .intro-grid>.methodology { border-left: 0; border-top: 1px solid var(--line); padding: 28px 0 0; }
  .hero-main { padding: 40px; }
  .modules { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .module { border-right: 0; border-bottom: 1px solid var(--line); padding: 20px!important; }
  .module:nth-child(odd) { padding-left: 0!important; border-right: 1px solid var(--line); }
  .module:nth-last-child(-n+2) { border-bottom: 0; }
  .module:nth-child(even) { padding-right: 0!important; }
  .monitor-grid { grid-template-columns: 1.5fr 1fr; }
  .escalation-block { grid-column: 1/-1; }
  .queue { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
  .queue>div { border: 0; }
}
@media screen and (max-width:800px) {
  .content { padding: 24px; gap: 28px; }
  .hero { min-height: 470px; }
  .hero h1 { max-width: 100%; font-size: 48px; }
  .hero-main { max-width: 100%; padding: 32px; }
  .hero-photo { width: 55%; }
  .hero-desc { max-width: 45ch; }
  .rules-simulation { grid-template-columns: 1fr; gap: 20px; }
  .monitor-grid { grid-template-columns: 1fr; }
  .queue { grid-template-columns: 1fr; gap: 10px; }
  .kpi { border: 0; border-bottom: 1px solid var(--line); padding: 16px!important; }
  .kpi:nth-child(odd) { padding-left: 0!important; }
  .kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kpi:last-child { grid-column: 1/-1; }
  .section-head { flex-wrap: wrap; }
  .section-head>p { text-align: left; margin: 0; max-width: 50ch; }
  .mobile-card .section-head>p { margin: 10px 0 0; max-width: 50ch; }
}
@media screen and (max-width:600px) {
  .toolbar { margin: 0; padding: 10px 16px; background: #fff; }
  .toolbar-left strong { font-size: 11px; }
  .tool-btn { padding: 9px 11px; font-size: 12px; }
  .tool-btn#fullscreen-btn { width: 44px; padding: 10px; justify-content: center; }
  .document { border-radius: 0; }
  .hero { border-radius: 0; min-height: 530px; }
  .hero-main { padding: 30px 22px 38px; }
  .hero-photo { width: 75%; opacity: .5; }
  .hero:after { background: linear-gradient(90deg,#0b223b 0%,#0b223bf5 20%,#0b223bc9 60%,#0b223b70 100%); }
  .hero-brand-row { margin-bottom: 32px; gap: 12px; }
  .hero-tag { font-size: 8px; letter-spacing: .3px; padding-left: 12px; }
  .hero h1 { font-size: clamp(36px,9.6vw,53px); letter-spacing: -.03em; }
  .hero-sub { font-size: 14px; line-height: 1.8; max-width: 30ch; }
  .hero-desc { font-size: 14px; max-width: 31ch; line-height: 1.7; }
  .hero-pillar { font-size: 11px; }
  .hero-actions { gap: 10px; margin-top: 24px; }
  .hero-pill { font-size: 9px; bottom: 10px; }
  .nav-track { padding: 7px 12px; gap: 0; }
  .section-nav a { font-size: 12px; padding: 8px 13px; }
  .content { padding: 26px 20px; gap: 28px; }
  .card { padding: 22px 18px; }
  .section-head h2,.intro-grid .section-head h2,.mobile-card .section-head h2 { font-size: 25px; line-height: 1.3; }
  .section-head>p { margin-left: 0; font-size: 12px; }
  .goal { font-size: 15px; }
  .step { grid-template-columns: 32px 84px minmax(0,1fr); gap: 10px; padding: 14px 12px; }
  .step p { font-size: 12px; }
  .step h3 { font-size: 14px; white-space: normal; }
  .method-note { font-size: 12px; }
  .module { gap: 12px; padding: 20px 14px!important; }
  .module h3 { font-size: 14px; overflow-wrap: anywhere; }
  .module p { font-size: 12px; }
  .module .icon-box { width: 26px; height: 26px; }
  .mobile-card { margin: 0 -20px; padding: 28px 20px; border-radius: 0; }
  .phone-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; gap: 20px; max-width: none; padding: 4px 0 18px; }
  .phone-figure { flex: 0 0 min(286px,100%); max-width: none; scroll-snap-align: start; }
  .phone { height: 635px; }
  .phone-figure figcaption { text-align: left; }
  .phone-figure figcaption strong { font-size: 15px; }
  .phone-figure figcaption span { font-size: 12px; }
  .phone-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0 0; }
  .phone-controls>span { color: #c3d3de; font-size: 12px; }
  .phone-controls>div { display: flex; gap: 8px; }
  .phone-controls button { background: #17394e; color: #fff; border: 1px solid #466172; border-radius: 6px; width: 44px; height: 44px; }
  .phone-controls button:disabled { opacity: .4; }
  .mobile-footnote { font-size: 11px; margin-top: 20px; }
  .rules-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rule { min-height: 104px; padding: 16px 12px; }
  .rule h3 { font-size: 13px; }
  .rule-meta { grid-template-columns: 1fr; }
  .rule-meta p { font-size: 12px; }
  .scenario-head { grid-template-columns: 92px minmax(0,1fr); gap: 13px; }
  .scenario-head h3 { font-size: 19px; }
  .choice { font-size: 13px; }
  .simulation-feedback { font-size: 12px; min-height: 104px; }
  .scenario-note,.source-small { font-size: 11px; }
  .monitor-card { margin: 0 -20px; padding: 28px 20px; border-radius: 0; }
  .demo-label { margin-left: 0; font-size: 11px; }
  .monitor-table th { font-size: 9px; }
  .monitor-table td:first-child { font-size: 12px; }
  .monitor-table td:first-child small { font-size: 9px; }
  .state { font-size: 9px; padding: 4px 5px; }
  .monitor-block { padding: 0; }
  .escalation-block { padding: 20px; }
  .monitor-note { font-size: 11px; line-height: 1.7; }
  .standard h3 { font-size: 12px; }
  .standard p,.standard-note { font-size: 11px; }
  .phase h3 { font-size: 16px; }
  .phase p { font-size: 13px; }
  .roadmap-note { font-size: 12px; }
  .closing { margin: 0 -20px; border-radius: 0; padding: 28px 22px; }
  .closing p { font-size: 20px; }
  .sources { font-size: 11px; line-height: 1.8; }
  .document-end { font-size: 10px; }
  .share-panel { grid-template-columns: 1fr; gap: 16px; }
  .share-panel h2 { font-size: 23px; }
  .share-qr { width: 160px; height: 160px; }
}
@media print {
  @page { size: 1360px 4300px; margin: 0; }
  .section-nav,.hero-actions,.phone-controls,.share-panel,.skip-link,.reset-choice { display: none!important; }
  .hero h1,.hero-sub,.hero-desc,.hero-actions { animation: none!important; }
  .document { overflow: visible; }
  .content { padding: 24px; gap: 20px; }
  .hero { min-height: 365px; }
  .phone-grid { display: grid; overflow: visible; grid-template-columns: repeat(4,minmax(0,1fr)); }
  .phone-figure { max-width: none; }
}