:root{--navy:#073b47;--teal:#02b8b3;--ink:#173632;--muted:#748985;--line:#dce7e4;--yellow:#ffc82e}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:26px 18px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 10px 24px;display:flex}.brandmark{background:var(--teal);border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.brandmark span,.brand strong span{color:var(--yellow)}.brand strong{font-size:21px}.brand small{color:#92b8b5;letter-spacing:1px;font-size:9px;display:block}.pilot{background:#124c57;border:1px solid #28616a;border-radius:9px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 12px;font-size:12px;display:flex}.pilot i,.side-card i{background:#55e99d;border-radius:50%;width:7px;height:7px}.pilot span{flex:1}.pilot small{color:#54eaa1;font-size:9px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#a8c4c1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.sidebar nav button b{width:21px;font-size:17px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#0d5962}.sidebar nav button.active{box-shadow:inset 3px 0 var(--yellow)}.sidebar nav em{background:var(--yellow);color:var(--navy);border-radius:12px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side-card{background:#0d535c;border:1px solid #28616a;border-radius:10px;margin-top:auto;padding:15px}.side-card small{color:#8db7b4;font-size:9px}.side-card strong,.side-card span{display:block}.side-card strong{margin-top:6px;font-size:13px}.side-card span{color:#8db7b4;margin:3px 0 13px;font-size:11px}.side-card div{border-top:1px solid #2b6269;gap:8px;padding-top:11px;font-size:10px;display:flex}.user{align-items:center;gap:9px;margin-top:16px;display:flex}.user>div{background:var(--yellow);width:32px;height:32px;color:var(--navy);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.user span{flex:1}.user strong,.user small{font-size:11px;display:block}.user small{color:#86aba8}.user>b{color:#729c99}main{min-width:0}header{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:88px;padding:18px 34px;display:flex;position:sticky;top:0}.crumb{color:#94a6a3;letter-spacing:1.3px;font-size:9px}header h1{margin:4px 0 0;font-size:22px}.header-actions{gap:10px;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:42px;position:relative}.icon-btn i{background:#fb6969;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.primary{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:750;box-shadow:0 5px 14px #00a9a42b}.content{max-width:1550px;margin:auto;padding:25px 32px 40px}.hero{color:#fff;background:linear-gradient(115deg,#073b47,#0c5c64);border-radius:14px;justify-content:space-between;min-height:148px;padding:27px 31px;display:flex;overflow:hidden}.hero>div>span{letter-spacing:1.3px;color:#92d0cb;font-size:9px}.hero h2{margin:10px 0 6px;font-size:28px}.hero p{color:#b9d1cf;margin:0;font-size:13px}.hero p b{color:#67e7c3}.hero-art{align-items:center;gap:11px;display:flex}.hero-art span{color:var(--navy);background:#fff;border-radius:9px;padding:20px 16px;font-size:12px;font-weight:800}.hero-art b{color:var(--yellow);font-size:28px}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-top:3px solid;border-radius:11px;justify-content:space-between;padding:17px 18px;display:flex}.metric.green{border-top-color:#38c789}.metric.blue{border-top-color:#34a9dd}.metric.amber{border-top-color:#f4bb36}.metric.purple{border-top-color:#8a76d2}.metric small,.metric strong,.metric span{display:block}.metric small{color:#82918f;font-size:9px}.metric strong{margin:7px 0 5px;font-size:21px}.metric span{color:#83928f;font-size:10px}.metric>b{color:#25a978;background:#eaf8f2;border-radius:7px;align-self:flex-start;padding:5px 8px}.grid-main{grid-template-columns:1.65fr 1fr;gap:15px;display:grid}.grid-bottom{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.panel,.table-panel{border:1px solid var(--line);background:#fff;border-radius:11px}.panel{padding:20px}.panel-head{border-bottom:1px solid #edf2f1;justify-content:space-between;padding-bottom:14px;display:flex}.panel-head h3{margin:0;font-size:14px}.panel-head p{color:#869693;margin:4px 0;font-size:10px}.panel-head button{color:#009b97;background:0 0;border:0;font-size:10px}.match-row{border-bottom:1px solid #edf2f1;align-items:center;gap:11px;padding:13px 0;display:flex}.produce-icon{background:#eff8f4;border-radius:9px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.match-copy{flex:1}.match-copy strong,.match-copy span{display:block}.match-copy strong{font-size:11px}.match-copy span,.route span{color:#82918f;font-size:9px}.route{gap:8px;display:flex}.score{text-align:right}.score b,.score small{display:block}.score b{color:#079b7c}.score small{color:#93a19f;font-size:7px}.timeline>div{align-items:center;gap:11px;padding:12px 0;display:flex}.timeline i{background:#ffc84a;border-radius:50%;width:10px;height:10px}.timeline span{flex:1}.timeline strong,.timeline small{font-size:10px;display:block}.timeline small{color:#8a9996;font-size:9px}.timeline>b{font-size:10px}.bars>div{grid-template-columns:90px 1fr 65px;align-items:center;gap:10px;padding-top:13px;font-size:10px;display:grid}.bars i,.coverage i{background:#edf2f1;border-radius:7px;height:7px;overflow:hidden}.bars i b,.coverage i b{background:var(--teal);height:100%;display:block}.bars strong{text-align:right}.quick>button{text-align:left;width:100%;color:var(--teal);background:0 0;border:0;border-bottom:1px solid #edf2f1;gap:12px;padding:11px 0;display:flex}.quick button span{flex:1}.quick button b,.quick button small{color:var(--ink);font-size:10px;display:block}.quick button small{color:#8a9996}.section-title{justify-content:space-between;align-items:center;padding:23px 25px;display:flex}.section-title h2{margin:0;font-size:20px}.section-title p{color:#7d8f8c;font-size:11px}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#7d8d8a;background:#f5f8f7;padding:12px 16px;font-size:9px}td{color:#49615d;border-top:1px solid #e7efed;padding:15px 16px;font-size:11px}td b{color:var(--ink)}td b small{color:#889996;margin-left:25px;display:block}.status{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:750}.status.green{color:#1f9469;background:#e4f8ef}.status.blue{color:#1687b3;background:#e3f4fb}.status.amber{color:#ac7a00;background:#fff4d7}.match-cards{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.match-cards article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.match-top{align-items:center;gap:13px;display:flex}.produce-icon.large{width:50px;height:50px;font-size:27px}.match-top>div:nth-child(2){flex:1}.match-top span,.match-details small{color:#829390;font-size:8px}.match-top h3{margin:5px 0;font-size:15px}.match-top p{color:#829390;margin:0;font-size:10px}.big-score{text-align:right}.big-score b,.big-score span{display:block}.big-score b{color:#079b7c;font-size:21px}.match-details{background:#f6f9f8;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0;padding:13px;display:grid}.match-details strong,.match-details span{display:block}.match-details strong{margin:5px 0;font-size:10px}.match-details span{color:#83928f;font-size:8px}.coverage{gap:10px;display:flex}.coverage i{flex:1}.coverage span{font-size:9px}.match-cards article>button{color:#008f8b;background:#effaf8;border:1px solid #b9e2dd;border-radius:7px;width:100%;margin-top:15px;padding:10px}.toast{color:#fff;z-index:20;background:#143d38;border-radius:8px;padding:12px 18px;font-size:11px;position:fixed;top:100px;right:28px}.modal-wrap{z-index:30;background:#082b2a99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(620px,100%);padding:27px;position:relative}.close{background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:16px}.eyebrow{color:#00a39f;font-size:9px;font-weight:800}.modal h2{margin:7px 0 3px}.modal>p{color:#81928f;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{font-size:10px;font-weight:700}.form-grid input,.form-grid select{background:#fbfdfc;border:1px solid #d9e5e2;border-radius:7px;width:100%;margin-top:6px;padding:11px;display:block}.span2{grid-column:span 2}.wide{width:100%;margin-top:18px}@media (width<=1050px){.metrics{grid-template-columns:1fr 1fr}.grid-main,.grid-bottom,.match-cards{grid-template-columns:1fr}.route{display:none}}@media (width<=720px){.app-shell{display:block}.sidebar{height:auto;position:static}.pilot,.side-card,.user{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}header{padding:14px 18px}.content{padding:15px}.hero-art{display:none}.grid-main{display:block}.grid-main>.panel{margin-bottom:15px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media (width<=460px){.metrics{grid-template-columns:1fr}.hero h2{font-size:23px}.content{padding:10px}}.sidebar nav{gap:3px;padding-right:3px;overflow-y:auto}.sidebar nav button{padding:9px 12px;font-size:12px}.townhall{color:#fff;background:linear-gradient(120deg,#073b47,#08787b);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:27px 30px;display:flex}.townhall span{letter-spacing:1.2px;color:#83ddd1;font-size:9px}.townhall h2{margin:7px 0;font-size:25px}.townhall p{color:#b8d9d5;margin:0;font-size:11px}.townhall button{background:var(--yellow);color:var(--navy);border:0;border-radius:8px;padding:13px 18px;font-size:11px;font-weight:800}.network-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0;display:grid}.directory{padding:0;overflow:hidden}.directory-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.directory-head h3{margin:0;font-size:15px}.directory-head p{color:#82918f;margin:5px 0 0;font-size:10px}.directory-head>div:last-child{gap:8px;display:flex}.directory-head select,.directory-head input{border:1px solid var(--line);color:var(--ink);background:#f8fbfa;border-radius:7px;padding:10px;font-size:10px}.barangay-grid{grid-template-columns:repeat(2,1fr);max-height:580px;display:grid;overflow:auto}.barangay-grid article{border-bottom:1px solid #eaf0ef;align-items:center;gap:11px;padding:13px 16px;display:flex}.barangay-grid article:nth-child(odd){border-right:1px solid #eaf0ef}.barangay-icon{color:#118c71;background:#e5f8f2;border-radius:8px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.barangay-grid article>div:nth-child(2){flex:1}.barangay-grid strong,.barangay-grid span,.barangay-stock b,.barangay-stock small{display:block}.barangay-grid strong{font-size:11px}.barangay-grid span,.barangay-stock small{color:#879693;margin-top:3px;font-size:8px}.barangay-stock{text-align:right;min-width:80px}.barangay-stock b{font-size:10px}.barangay-grid button{color:#008f8b;background:#f0faf8;border:1px solid #bfe4df;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:700}.loading-state{text-align:center;color:#81918e;padding:50px;font-size:11px}.module-title{border:1px solid var(--line);background:#fff;border-radius:11px}.module-metrics{margin-top:15px}@media (width<=900px){.network-stats{grid-template-columns:1fr 1fr}.barangay-grid{grid-template-columns:1fr}.barangay-grid article:nth-child(odd){border-right:0}}@media (width<=720px){.townhall{display:block}.townhall button{margin-top:18px}.directory-head{display:block}.directory-head>div:last-child{margin-top:12px;display:grid}.network-stats{grid-template-columns:1fr 1fr}.sidebar nav{overflow:auto hidden}}.monitor-hero{color:#fff;background:linear-gradient(120deg,#073b47,#076d6d);border-radius:14px;justify-content:space-between;align-items:center;padding:27px 30px;display:flex}.monitor-hero span{color:#82dcd0;letter-spacing:1.2px;font-size:9px}.monitor-hero h2{margin:7px 0;font-size:26px}.monitor-hero p{color:#b9d7d3;margin:0;font-size:11px}.live-chip{background:#ffffff12;border:1px solid #ffffff2b;border-radius:8px;padding:10px 13px;font-size:9px;font-weight:800}.live-chip i{background:#56e89d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.crop-strip{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px;display:grid}.crop-strip article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:13px;display:flex}.crop-strip article>span{font-size:23px}.crop-strip article>div{flex:1}.crop-strip b,.crop-strip small{display:block}.crop-strip b{font-size:10px}.crop-strip small{color:#879693;margin-top:3px;font-size:7px}.crop-strip strong{color:#078f80;font-size:9px}.monitor-filters{gap:8px;display:flex}.monitor-filters select{border:1px solid var(--line);background:#f8fbfa;border-radius:7px;padding:9px;font-size:10px}.monitor-table td b small{margin-left:0}.source-note{color:#758985;margin:12px 3px;font-size:9px;line-height:1.6}.source-note a{color:#008f8b;font-weight:700}@media (width<=1100px){.crop-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.monitor-hero{display:block}.live-chip{margin-top:15px;display:inline-block}.crop-strip{grid-template-columns:1fr 1fr}.monitor-filters{margin-top:12px;display:grid}.section-title{align-items:flex-start}}@media (width<=460px){.crop-strip,.network-stats{grid-template-columns:1fr}}.secondary{color:#173632;background:#fff;border:1px solid #dce7e4;border-radius:8px;margin-right:8px;padding:11px 15px;font-size:11px;font-weight:700}.simulation-order{background:#dce7e4;border:1px solid #dce7e4;border-radius:11px;grid-template-columns:1.3fr repeat(3,1fr);gap:1px;margin:15px 0;display:grid;overflow:hidden}.simulation-order>div{background:#fff;padding:16px}.simulation-order small,.simulation-order span{color:#83938f;font-size:8px;display:block}.simulation-order h3{margin:5px 0;font-size:14px}.simulation-order strong{margin-top:7px;font-size:12px;display:block}.workflow-track{background:#fff;border:1px solid #dce7e4;border-radius:11px;padding:6px 22px}.workflow-track article{grid-template-columns:34px 1fr;gap:12px;min-height:94px;display:grid}.workflow-track article>div{flex-direction:column;align-items:center;display:flex}.workflow-track article>div b{color:#91a09d;background:#e9efee;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:17px;font-size:10px;display:grid}.workflow-track article>div i{background:#e5ecea;flex:1;width:2px}.workflow-track article:last-child i{display:none}.workflow-track article.done>div b{color:#fff;background:#35bf8a}.workflow-track article.done>div i{background:#35bf8a}.workflow-track article.current>div b{color:#073b47;background:#ffc82e;box-shadow:0 0 0 5px #ffca2d2e}.workflow-track section{border-bottom:1px solid #edf2f1;padding:15px 0;position:relative}.workflow-track article:last-child section{border:0}.workflow-track small{color:#92a19e;font-size:7px}.workflow-track h3{margin:4px 0;font-size:12px}.workflow-track p{color:#7d8e8a;margin:0;font-size:9px}.workflow-track section>span{color:#9c7100;background:#fff5d7;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:800;position:absolute;top:27px;right:0}.print-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.print-actions button{color:#38544f;background:#fff;border:1px solid #dce7e4;border-radius:7px;padding:9px 11px;font-size:9px}.role-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px;display:grid}.role-grid article{background:#fff;border:1px solid #dce7e4;border-radius:11px;padding:19px}.role-icon{background:#e8f8f4;border-radius:10px;place-items:center;width:43px;height:43px;margin-bottom:13px;font-size:21px;display:grid}.role-grid article>span{color:#009b91;font-size:7px;font-weight:800}.role-grid h3{margin:5px 0;font-size:15px}.role-grid p{color:#7f908c;min-height:45px;font-size:10px;line-height:1.5}.role-grid article>div:nth-of-type(2){border-top:1px solid #edf2f1;padding-top:11px}.role-grid article div b,.role-grid article div small{font-size:9px;display:block}.role-grid article div small{color:#859592;margin-top:4px}.role-grid button{color:#008e88;background:#f0faf8;border:0;border-radius:7px;width:100%;margin-top:13px;padding:9px;font-size:9px;font-weight:700}.quality-legend{color:#768985;border-top:1px solid #dce7e4;gap:25px;padding:18px 20px;font-size:9px;display:flex}.quality-legend span{align-items:center;gap:6px;display:flex}.quality-legend i{border-radius:50%;width:8px;height:8px}.quality-legend .premium{background:#8a76d2}.quality-legend .grade-a{background:#35bf8a}.quality-legend .grade-b{background:#f3ba38}.alert-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0;display:grid}.alerts-list{gap:9px;display:grid}.alerts-list article{background:#fff;border:1px solid #dce7e4;border-left:4px solid #35a9dd;border-radius:9px;align-items:center;gap:13px;padding:14px 16px;display:flex}.alerts-list article.critical{border-left-color:#e35d5d}.alerts-list article.warning{border-left-color:#f0b52b}.alerts-list article.success{border-left-color:#35bf8a}.alert-dot{color:#2696bd;background:#edf6f8;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.alerts-list section{flex:1}.alerts-list span{color:#899995;text-transform:uppercase;font-size:7px}.alerts-list h3{margin:3px 0;font-size:12px}.alerts-list p{color:#7d8e8a;margin:0;font-size:9px}.alerts-list button{color:#008e88;background:#f1faf8;border:1px solid #bee3de;border-radius:7px;padding:9px 11px;font-size:9px}@media (width<=1000px){.role-grid,.simulation-order{grid-template-columns:1fr 1fr}}@media (width<=720px){.role-grid{grid-template-columns:1fr}.alert-summary{grid-template-columns:1fr 1fr}.alerts-list article{flex-wrap:wrap;align-items:flex-start}.alerts-list section{min-width:70%}.print-actions,.quality-legend{display:grid}.simulation-order{grid-template-columns:1fr}}@media print{.sidebar,header,.print-actions,.primary,.secondary{display:none!important}.app-shell{display:block}.content{padding:0}.workflow-track,.simulation-order{break-inside:avoid}}:root{--fex-ink:#082f39;--fex-jade:#00a899;--fex-sun:#ffc52d;--fex-clay:#e86f43;--fex-paper:#f7f5ee}.public-home{color:#082f39;background:#f8f5ed;min-height:100vh}.home-nav{z-index:10;background:#fbfaf5;border-bottom:1px solid #d9e4df;justify-content:space-between;align-items:center;height:82px;padding:0 max(6vw,28px);display:flex;position:sticky;top:0}.home-brand{color:#082f39;align-items:center;gap:10px;text-decoration:none;display:flex}.home-brand>span{color:#fff;background:#00a899;border-radius:10px 10px 10px 2px;place-items:center;width:39px;height:39px;font-weight:900;display:grid;box-shadow:5px 5px #ffc52d}.home-brand b{font-size:20px}.home-brand i{color:#e99c00;font-style:normal}.home-nav>div{align-items:center;gap:27px;display:flex}.home-nav>div a{color:#506965;font-size:10px;font-weight:750;text-decoration:none}.home-nav .home-demo-link{color:#fff;background:#073b47;border-radius:3px 10px;padding:12px 16px}.home-hero{background:linear-gradient(120deg,#f8f5ed 0% 63%,#073b47 63%,#086a6b 100%);grid-template-columns:1.25fr .75fr;align-items:center;min-height:630px;padding:70px max(7vw,32px);display:grid;overflow:hidden}.home-hero-copy>span,.purpose-grid article>span,.home-how>div>span,.home-cta>span{letter-spacing:1.8px;color:#008f86;font-size:9px;font-weight:850}.home-hero h1{letter-spacing:-4px;color:#073b47;margin:22px 0;font-size:clamp(52px,7vw,92px);line-height:.91}.home-hero p{color:#58716c;max-width:610px;font-size:16px;line-height:1.7}.home-hero-copy>div{align-items:center;gap:20px;margin-top:30px;display:flex}.home-primary,.home-secondary{padding:15px 19px;font-size:10px;font-weight:800;text-decoration:none}.home-primary{color:#fff;background:#00a899;border-radius:3px 11px;box-shadow:0 10px 25px #00a89932}.home-secondary{color:#087e78;border-bottom:1px solid #087e78}.home-pulse{color:#fff;place-items:center;display:grid;position:relative}.home-pulse>div{border:1px solid #ffffff45;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:280px;height:280px;display:flex;box-shadow:0 0 0 28px #ffffff09,0 0 0 56px #ffc52d0b}.home-pulse small{color:#7cded4;letter-spacing:1.4px;font-size:7px}.home-pulse strong{margin:4px;font-size:19px}.home-pulse i{border-left:1px dashed #ffc52d;height:16px}.home-pulse>b{color:#073b47;background:#ffc52d;border-radius:50%;place-items:center;width:55px;height:55px;font-size:11px;display:grid;position:absolute;top:10%;right:8%}.home-proof{background:#fff;border-top:1px solid #dce7e3;border-bottom:1px solid #dce7e3;grid-template-columns:repeat(3,1fr);padding:28px max(7vw,32px);display:grid}.home-proof span{border-right:1px solid #dce7e3;padding-left:25px;font-size:30px;font-weight:850}.home-proof span:last-child{border:0}.home-proof small{letter-spacing:1.1px;color:#73908b;margin-top:5px;font-size:7px;display:block}.purpose-grid{background:#d9e3de;grid-template-columns:1fr 1fr;gap:1px;padding:1px;display:grid}.purpose-grid article{background:#f8f5ed;padding:90px max(7vw,45px)}.purpose-grid article:nth-child(2){color:#fff;background:#073b47}.purpose-grid article:nth-child(2)>span{color:#65d9ce}.purpose-grid h2{letter-spacing:-1px;margin:18px 0;font-size:34px;line-height:1.15}.purpose-grid p{color:#617873;font-size:13px;line-height:1.8}.purpose-grid article:nth-child(2) p{color:#aecbc7}.home-how{background:#fff;padding:90px max(7vw,32px)}.home-how>div:first-child{justify-content:space-between;align-items:flex-end;display:flex}.home-how h2{max-width:450px;margin:0;font-size:36px}.home-steps{border-top:1px solid #cadad5;grid-template-columns:repeat(4,1fr);margin-top:50px;display:grid}.home-steps article{border-right:1px solid #cadad5;padding:28px 26px}.home-steps article:last-child{border:0}.home-steps b{color:#00a899;font-size:9px}.home-steps h3{margin:18px 0 7px;font-size:21px}.home-steps p{color:#718681;font-size:11px;line-height:1.55}.home-cta{text-align:center;color:#fff;background:repeating-linear-gradient(45deg,#073b47 0 22px,#083f49 22px 44px);padding:90px 25px}.home-cta>span{color:#61dbd0}.home-cta h2{margin:14px;font-size:38px}.home-cta p{color:#a9c9c5;font-size:12px}.home-cta a{color:#073b47;background:#ffc52d;border-radius:3px 10px;margin-top:17px;padding:15px 20px;font-size:10px;font-weight:850;text-decoration:none;display:inline-block}.home-footer{color:#fff;background:#062f3a;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:30px max(6vw,28px);display:grid}.home-footer .home-brand{color:#fff}.home-footer p{color:#a8c9c5;font-size:10px}.home-footer small{color:#7da39f;font-size:8px}@media (width<=800px){.home-nav>div>a:not(.home-demo-link){display:none}.home-hero{background:linear-gradient(155deg,#f8f5ed 0% 70%,#073b47 70%);grid-template-columns:1fr;padding-top:55px}.home-pulse{margin-top:100px}.home-hero h1{font-size:58px}.home-proof,.purpose-grid,.home-steps{grid-template-columns:1fr}.home-proof span{border-bottom:1px solid #dce7e3;border-right:0;padding:18px}.purpose-grid article{padding:60px 32px}.home-how>div:first-child{display:block}.home-how h2{margin-top:14px}.home-steps article{border-bottom:1px solid #cadad5;border-right:0}.home-footer{text-align:center;grid-template-columns:1fr}.home-footer .home-brand{justify-content:center}}body{background:var(--fex-paper)}.demo-banner{color:#082f39;z-index:8;letter-spacing:.35px;background:repeating-linear-gradient(135deg,#f8b927 0 12px,#ffc934 12px 24px);border-bottom:1px solid #d9a51e;justify-content:center;align-items:center;gap:10px;height:34px;font-size:8px;display:flex;position:sticky;top:0}.demo-banner b{letter-spacing:1.2px;font-size:9px}.demo-banner span{opacity:.78}main>header{top:34px}.sidebar{background:linear-gradient(#062f3a 0%,#073f49 58%,#062f3a 100%);overflow:hidden}.sidebar:before{content:"";opacity:.14;pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 10px,#ffc52d 10px 12px),repeating-linear-gradient(-45deg,#0000 0 10px,#00b8a7 10px 12px);height:180px;position:absolute;inset:0 0 auto}.sidebar>*{z-index:1;position:relative}.brandmark{color:#fff;border-radius:12px 12px 12px 3px;transform:rotate(-3deg);box-shadow:7px 7px #ffc52d}.brandmark>*{display:inline-block;transform:rotate(3deg)}.brand small{color:#a7cfca;max-width:130px;line-height:1.35}.woven-band{background:repeating-linear-gradient(90deg,#ffc52d 0 7px,#e86f43 7px 14px,#00a899 14px 21px,#f5ead2 21px 28px);border-radius:2px;height:7px;margin:-11px 10px 18px}.pilot{background:#ffffff0d;border-color:#ffffff20;border-radius:2px 12px}.pilot small{letter-spacing:1px}.sidebar nav button{border-radius:3px 11px;transition:transform .18s,background .18s}.sidebar nav button:hover{transform:translate(3px)}.sidebar nav button.active{box-shadow:inset 4px 0 var(--fex-sun),0 9px 22px #001a2040;background:linear-gradient(90deg,#11646c,#0d565f)}.side-card{background:linear-gradient(145deg,#0d5961,#094750);border-radius:3px 15px}header{background:#fffdf9;height:92px}.crumb{color:#008e85;font-weight:800}.header-pulse{border-left:1px solid #dce7e4;grid-template-columns:auto auto;align-items:center;column-gap:9px;margin-left:auto;margin-right:18px;padding:7px 13px;display:grid}.header-pulse span{letter-spacing:.8px;color:#31726c;font-size:8px;font-weight:800}.header-pulse span i{background:#33c787;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 4px #33c78724}.header-pulse b{grid-area:1/2/3;font-size:20px}.header-pulse small{color:#8c9b98;font-size:7px}.content{position:relative}.content:before{content:"";background:repeating-linear-gradient(90deg,var(--fex-sun) 0 16px,var(--fex-clay) 16px 24px,var(--fex-jade) 24px 40px,transparent 40px 46px);width:110px;height:5px;position:absolute;top:0;right:32px}.signature-hero{background:linear-gradient(120deg,#062f3a 0%,#095963 64%,#087e78 100%);border-radius:4px 22px;min-height:220px;padding:36px 40px;position:relative}.signature-hero:after{content:"";opacity:.12;pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 18px,#fff 18px 20px),repeating-linear-gradient(-45deg,#0000 0 18px,#ffc52d 18px 20px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 35%,#000);mask-image:linear-gradient(90deg,#0000 35%,#000)}.hero-copy{z-index:1;position:relative}.signature-hero .hero-copy>span{color:#7ee3d8;font-weight:800}.signature-hero h2{letter-spacing:-1.3px;margin:14px 0 12px;font-size:38px;line-height:1.04}.signature-hero p{font-size:13px}.pulse-orbit{z-index:1;place-items:center;width:245px;display:grid;position:relative}.pulse-orbit>div{width:158px;height:158px;color:var(--fex-ink);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 12px #ffffff10,0 0 0 25px #ffc52d17}.pulse-orbit small{letter-spacing:1.2px;color:#60817d;font-size:8px}.pulse-orbit strong{margin:8px 0 2px;font-size:30px}.pulse-orbit span{color:#00a092;font-size:8px;font-weight:800}.pulse-orbit>i{border:1px dashed #80ddd2;border-radius:50%;width:220px;height:220px;animation:22s linear infinite fex-spin;position:absolute}.pulse-orbit>b{background:var(--fex-sun);width:44px;height:44px;color:var(--fex-ink);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:24px;right:0;box-shadow:0 8px 20px #001c2440}@keyframes fex-spin{to{transform:rotate(360deg)}}.metric,.panel,.table-panel,.module-title,.role-grid article,.match-cards article{border-radius:3px 14px;box-shadow:0 8px 25px #082f3908}.metric{border-top-width:0;border-left:4px solid}.metric.green{border-left-color:#38c789}.metric.blue{border-left-color:#34a9dd}.metric.amber{border-left-color:#f4bb36}.metric.purple{border-left-color:#8a76d2}.metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.panel-head h3,.section-title h2{color:var(--fex-ink)}.primary{background:linear-gradient(135deg,#00a99d,#07867e);border-radius:3px 10px}.townhall,.monitor-hero{border-radius:4px 20px;position:relative;overflow:hidden}.townhall:after,.monitor-hero:after{content:"";opacity:.12;background:repeating-linear-gradient(45deg,#0000 0 12px,#ffc52d 12px 15px);width:170px;height:100%;position:absolute;top:0;right:0}@media (width<=980px){.header-pulse{display:none}.pulse-orbit{width:190px}.signature-hero h2{font-size:32px}}@media (width<=720px){.woven-band{display:none}.signature-hero{min-height:auto;padding:28px 24px}.signature-hero h2{font-size:30px}.pulse-orbit{display:none}.content:before{right:15px}.brand small{max-width:none}}@media (width<=560px){.demo-banner{text-align:center;place-content:center;gap:1px;height:38px;display:grid}.demo-banner span{font-size:6px}main>header{top:38px}}@media (prefers-reduced-motion:reduce){.pulse-orbit>i{animation:none}}.display-hero{color:#fff;background:linear-gradient(120deg,#062f3a,#086d6f);border-radius:4px 20px;justify-content:space-between;align-items:center;padding:27px 30px;display:flex;overflow:hidden}.display-hero span{letter-spacing:1.3px;color:#79dfd4;font-size:8px}.display-hero h2{margin:7px 0;font-size:27px}.display-hero p{color:#b9d8d4;margin:0;font-size:11px}.display-health{text-align:center;border-left:1px solid #ffffff24;min-width:118px}.display-health i{background:#48e69a;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px #48e69a24}.display-health strong,.display-health small{display:block}.display-health strong{margin:5px;font-size:24px}.display-health small{color:#a9d3ce;font-size:7px}.display-layout{grid-template-columns:260px 1fr;gap:14px;margin-top:15px;display:grid}.screen-list,.display-studio{border:1px solid var(--line);background:#fff;border-radius:3px 14px;overflow:hidden}.screen-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.screen-list-head b,.screen-list-head small{display:block}.screen-list-head b{font-size:12px}.screen-list-head small{color:#83938f;margin-top:3px;font-size:8px}.screen-list-head button{color:#087e78;background:#f5faf9;border:1px solid #cbe1dd;border-radius:7px;padding:7px;font-size:8px}.screen-list-head button.selected{color:#fff;background:#087e78}.screen-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f1;align-items:center;gap:9px;width:100%;padding:13px;display:flex}.screen-list>button.active{box-shadow:inset 3px 0 var(--fex-sun);background:#eaf8f5}.screen-list>button>i{background:#e66b62;border-radius:50%;width:8px;height:8px}.screen-list>button>i.online{background:#32c984}.screen-list>button span{flex:1}.screen-list>button b,.screen-list>button small{display:block}.screen-list>button b{font-size:10px}.screen-list>button small{color:#83938f;margin-top:4px;font-size:7px}.screen-list>button em{color:#718783;font-size:6px;font-style:normal}.studio-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.studio-toolbar>div>span,.studio-toolbar>div>b{display:block}.studio-toolbar>div>span{color:#859592;font-size:7px}.studio-toolbar>div>b{margin-top:4px;font-size:11px}.content-modes{gap:4px;display:flex;overflow:auto}.content-modes button{color:#5e7470;white-space:nowrap;background:#f0f4f3;border:0;border-radius:6px;padding:7px 9px;font-size:8px}.content-modes button.active{color:#fff;background:#073b47}.tv-preview{color:#fff;background:linear-gradient(135deg,#073b47,#075b63);border:8px solid #182321;border-radius:8px;min-height:390px;margin:18px;position:relative;overflow:hidden;box-shadow:0 14px 30px #082f3930}.tv-top{border-bottom:1px solid #ffffff20;align-items:center;height:52px;padding:0 20px;display:flex}.tv-top b{font-size:19px}.tv-top b span{color:var(--fex-sun)}.tv-top small{color:#9ed0cb;margin-left:auto;font-size:7px}.tv-top i{background:#3be094;border-radius:50%;width:7px;height:7px;margin-left:9px}.price-screen,.announcement-screen,.supply-screen,.training-screen,.call-screen{text-align:center;padding:25px 28px}.price-screen>span,.announcement-screen>span,.supply-screen>span,.training-screen>span{letter-spacing:1.4px;color:#69ddd1;font-size:8px}.price-screen h3{margin:6px 0 18px;font-size:19px}.price-screen>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.price-screen article{color:#173b36;text-align:left;background:#fff;border-radius:8px;grid-template-columns:1fr auto;padding:12px;display:grid}.price-screen article b{font-size:10px}.price-screen article strong{color:#008f86;font-size:17px}.price-screen article strong small{font-size:7px}.price-screen article span{color:#7e918d;grid-column:span 2;margin-top:5px;font-size:7px}.announcement-screen,.supply-screen,.training-screen,.call-screen{flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.announcement-screen h3{max-width:650px;margin:14px;font-size:29px}.announcement-screen p,.supply-screen p,.training-screen p,.call-screen p{color:#add0cc;font-size:10px}.supply-screen>strong{color:var(--fex-sun);margin:12px;font-size:54px}.training-screen>div{background:var(--fex-sun);color:#073b47;border-radius:50%;place-items:center;width:66px;height:66px;margin:15px;font-size:24px;display:grid}.training-screen h3{margin:0}.call-person{background:#0fa89e;border:5px solid #ffffff25;border-radius:50%;place-items:center;width:86px;height:86px;font-size:34px;font-weight:900;display:grid}.call-screen h3{margin:12px 0 0}.call-screen button{background:var(--fex-sun);color:#073b47;border:0;border-radius:7px;padding:10px 14px;font-size:9px;font-weight:800}.tv-ticker{background:var(--fex-sun);color:#073b47;text-align:center;letter-spacing:.7px;padding:9px;font-size:8px;font-weight:900;position:absolute;bottom:0;left:0;right:0}.display-controls{grid-template-columns:1.5fr .8fr 1fr auto;align-items:end;gap:10px;padding:0 18px 18px;display:grid}.display-controls label{font-size:8px;font-weight:800}.display-controls input,.display-controls select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:6px;padding:9px;font-size:9px;display:block}.schedule-check{align-items:center;gap:7px;display:flex}.schedule-check input{width:auto;margin:0}.schedule-check span b,.schedule-check span small{display:block}.schedule-check span small{color:#84938f;margin-top:3px;font-size:7px}.display-controls>div{display:flex}.display-controls .secondary{white-space:nowrap;margin:0 6px 0 0}.display-note{color:#6e6035;background:#fff9e7;border:1px solid #f1dfab;border-radius:8px;margin-top:12px;padding:12px 15px;font-size:9px}.display-note b{margin-right:8px}@media (width<=1100px){.display-layout{grid-template-columns:1fr}.screen-list{grid-template-columns:repeat(3,1fr);display:grid}.screen-list-head{grid-column:1/-1}.display-controls{grid-template-columns:1fr 1fr}.display-controls>div{justify-content:flex-end}}@media (width<=720px){.display-hero{display:block}.display-health{text-align:left;border:0;margin-top:18px}.screen-list{grid-template-columns:1fr 1fr}.studio-toolbar{display:block}.content-modes{margin-top:10px}.tv-preview{min-height:350px;margin:10px}.price-screen>div{grid-template-columns:1fr}.price-screen article:nth-child(n+4){display:none}.display-controls{grid-template-columns:1fr}.display-controls>div{grid-template-columns:1fr 1fr;display:grid}.announcement-screen h3{font-size:22px}}.action-layer-wrap{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#062f3ad9;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.action-layer{background:#fffdf9;border-radius:4px 20px;width:min(680px,100%);max-height:90vh;padding:30px;position:relative;overflow:auto;box-shadow:0 30px 80px #001b2366}.action-layer:before{content:"";background:repeating-linear-gradient(90deg,#ffc52d 0 18px,#e86f43 18px 28px,#00a899 28px 48px,#f5ead2 48px 55px);height:7px;margin:-30px -30px 25px;display:block}.action-layer h2{color:var(--fex-ink);margin:7px 0}.action-layer>p{color:#788b88;margin:0 0 18px;font-size:11px}.module-link{background:#edf7f4;border:1px solid #d1e8e3;border-radius:3px 11px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:11px;display:grid}.module-link div{min-width:0}.module-link small,.module-link strong{display:block}.module-link small{letter-spacing:1px;color:#5a7b77;font-size:7px}.module-link strong{color:#0b746d;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.module-link button{color:#087e78;background:#fff;border:1px solid #b9dcd7;border-radius:7px;padding:9px 10px;font-size:9px;font-weight:750}.action-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:19px;display:grid}.action-form label{color:#38534f;font-size:9px;font-weight:800}.action-form input{width:100%;color:var(--fex-ink);background:#fff;border:1px solid #d6e3e0;border-radius:8px;margin-top:7px;padding:11px;display:block}.action-form label:nth-child(3){grid-column:span 2}.action-footer{grid-column:span 2;justify-content:flex-end;align-items:center;padding-top:6px;display:flex}.action-footer .secondary{margin:0}.action-layer>.close{z-index:2}@media (width<=620px){.module-link{grid-template-columns:1fr 1fr}.module-link div{grid-column:span 2}.action-form{grid-template-columns:1fr}.action-form label:nth-child(3),.action-footer{grid-column:auto}.action-footer{grid-template-columns:1fr 1fr;display:grid}.action-layer{padding:24px}.action-layer:before{margin:-24px -24px 22px}}.home-brand>span{color:#0000;background:#fff url(/foodex-official-logo.jpg) 50%/contain no-repeat;border-radius:9px;width:52px;height:52px;font-size:0;box-shadow:4px 4px #ffc52d}.home-pulse>b{color:#0000;background:#fff url(/foodex-official-logo.jpg) 50%/contain no-repeat;border-radius:14px;width:78px;height:78px;font-size:0;top:5%;right:5%;box-shadow:0 12px 25px #001c2440}.brandmark{color:#0000;background:#fff url(/foodex-official-logo.jpg) 50%/contain no-repeat;border-radius:10px;flex:0 0 54px;width:54px;height:54px;font-size:0;transform:none;box-shadow:6px 6px #ffc52d}.brandmark>*{display:none}.pulse-orbit>b{color:#0000;background:#fff url(/foodex-official-logo.jpg) 50%/contain no-repeat;border-radius:11px;width:62px;height:62px;font-size:0;top:15px;right:-8px}.tv-top b{color:#0000;background:#fff url(/foodex-official-logo.jpg) 50%/contain no-repeat;border-radius:5px;width:70px;height:42px;font-size:0}.tv-top b span,.home-brand>b,.brand>div:last-child>strong{display:none}.brand>div:last-child>small{max-width:120px;margin-left:1px}