:root{--green:#086447;--ink:#142723;--red:#ec493b;--paper:#fff;--soft:#f4f7f6;--line:#dce5e0;--muted:#586861;--lime:#c8f74a;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #29866b;outline-offset:5px}img{max-width:100%}button img{pointer-events:none}.wrap{width:min(1320px,calc(100% - 96px));margin:0 auto}.section{padding:100px 0}.product-section{padding-top:40px;padding-bottom:100px}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(36px,4vw,56px);font-weight:620;letter-spacing:-2.4px;line-height:1.12;margin-bottom:0}h2>span{color:var(--green)}h3{line-height:1.3}p{margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:650;line-height:1.6;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:18px}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.note{font-size:12px;line-height:1.7;color:#76847b;margin-bottom:0}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:start}.section-top>.eyebrow{margin-top:9px}.section-heading,.section-top>h2{width:71%}.section-heading>p{max-width:690px;font-size:17px;color:var(--muted);margin:23px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;gap:28px;border:1px solid var(--ink);border-radius:99px;font-size:14px;font-weight:600;background:var(--ink);color:white;transition:transform .2s,background .2s,box-shadow .2s;min-height:50px}.button:hover{transform:translateY(-2px);box-shadow:0 6px 17px #163c2020}.button.outline{background:white;color:var(--ink);border-color:#b7c7be}.button.outline:hover{background:#f4f8f3}.button>span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600}.text-link:hover{color:#268e62}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid #eaf0eb;backdrop-filter:blur(16px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;line-height:1}.brand img{border-radius:8px}.brand>span{font-size:27px;letter-spacing:-1.1px;font-weight:780}.brand b{font-size:12px;letter-spacing:1.4px;margin-left:4px;font-weight:600}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.site-header nav>a{white-space:nowrap}.site-header nav>a:hover{color:var(--green)}.nav-cta{display:flex;align-items:center;gap:23px;background:var(--lime);padding:12px 19px;border-radius:99px}.nav-cta .icon{width:18px;height:18px}.menu-toggle{display:none;background:none;border:0;border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;color:var(--ink)}
/* v2.0 product-led technology theme */
:root{--green:#086447;--ink:#142723;--red:#ec493b;--paper:#fff;--soft:#f4f7f6;--line:#dce5e0;--muted:#586861;--lime:#c8f74a;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}body{font-family:var(--font)}h2 em{font-family:inherit;font-style:normal;font-weight:inherit}.button{border-radius:99px;padding:15px 23px;gap:28px;font-size:14px}.button.primary{background:var(--ink);border-color:var(--ink);color:white}.button.secondary{background:transparent;border:1px solid #b6c5bc;color:var(--ink)}.header{height:90px;border-bottom:0}.hero-v2{overflow:hidden;background:radial-gradient(ellipse at 73% 34%,#eaf9b4 0,transparent 47%),linear-gradient(120deg,#fafdfc,#f0f8f4);padding-top:50px}.hero-layout{display:grid;grid-template-columns:.95fr 1.3fr;gap:42px;align-items:center}.hero-v2 h1{font-size:clamp(62px,5.8vw,86px);letter-spacing:-4.8px;line-height:1.04;font-weight:650;margin:25px 0 26px}.hero-v2 h1 span{color:var(--green)}.hero-v2 .hero-copy{padding:0 0 35px}.hero-v2 .hero-description{font-size:17px;max-width:480px}.hero-v2 .hero-intro{font-size:18px;font-weight:600}.hero-v2 .eyebrow{font-size:12px;letter-spacing:1.1px;font-weight:600}.live-dot{width:7px;height:7px;background:#0a9b59;border-radius:50%;box-shadow:0 0 0 4px #0a9b5910}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-principles{display:flex;gap:19px;font-size:12px;color:#587066;margin-top:28px}.hero-product{position:relative;padding:45px 50px 100px 0;min-width:0}.hero-dashboard{position:relative;background:white;border:1px solid #dae4db;border-radius:18px;box-shadow:0 28px 75px #294e2920;transform:rotate(-2deg)}.console-top{padding:18px 20px;border-bottom:1px solid #e7eee9;display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.mini-brand img{border-radius:6px}.demo-label{font-size:12px;color:#6d7e73}.console-body{display:flex}.mini-sidebar{padding:18px 12px;border-right:1px solid #e8eee9;display:flex;flex-direction:column;gap:17px;color:#86978b;font-size:19px}.mini-sidebar>span{width:30px;height:30px;text-align:center;line-height:30px}.mini-sidebar>.selected{background:var(--lime);color:#304b31;border-radius:7px}.mini-main{padding:20px;min-width:0;flex:1}.console-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.micro{font-size:12px;letter-spacing:.7px;color:#7a8d7f}.console-heading h3{font-size:21px;letter-spacing:-.7px;font-weight:650;margin:7px 0 16px}.status-pill{font-size:12px;color:#19875a;background:#e8f6ec;border-radius:30px;padding:4px 8px;white-space:nowrap}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.mini-metrics>div>span{font-size:12px;display:block;color:#78867c;line-height:1.4}.mini-metrics b{font-size:30px;font-weight:600;letter-spacing:-1px;display:block;margin-top:8px}.mini-metrics b span{font-size:13px;color:#89978d;letter-spacing:0;font-weight:400}.mini-chart{border:1px solid #e2e9e2;border-radius:10px;padding:16px 16px 10px}.chart-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;align-items:center}.chart-heading strong{font-weight:600}.chart-heading>span{color:#7d8b80}.energy-bars{height:100px;display:flex;align-items:end;gap:7px;margin-top:18px;border-bottom:1px solid #e7ede5;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#edf2ec 25px)}.energy-bars>i{display:block;height:var(--bar);background:#a4d675;flex:1;border-radius:3px 3px 0 0}.energy-bars>i:nth-child(3n){background:var(--green)}.chart-axis{display:flex;justify-content:space-between;font-size:12px;color:#809083;margin-top:8px}.mini-stations{margin-top:18px}.mini-stations>div{display:flex;align-items:center;gap:7px;font-size:12px;padding:9px 0;border-bottom:1px solid #edf2ec}.mini-stations strong{font-weight:500}.mini-stations>div>span:last-child{margin-left:auto;color:#75887b}.station-dot{display:inline-block;width:6px;height:6px;background:#28a46b;border-radius:50%}.console-caption{font-size:12px;color:#7a8f7e;padding:10px 18px;background:#f8fbf6;border-top:1px solid #edf2ec;border-radius:0 0 18px 18px}.hero-phone{position:absolute;width:151px;bottom:57px;right:0;transform:rotate(5deg);background:#13261b;border-radius:25px;padding:5px;box-shadow:0 24px 42px #23493025}.hero-phone img{width:100%;height:auto;display:block;border-radius:21px}.connection-tag{position:absolute;bottom:22px;left:20px;display:flex;align-items:center;gap:12px;padding:13px 18px;background:white;border:1px solid #e3eadb;border-radius:13px;box-shadow:0 12px 32px #294e2915}.connection-icon{background:var(--lime);width:38px;height:38px;border-radius:50%;text-align:center;line-height:38px;font-size:24px}.connection-tag strong{font-size:13px;display:block;font-weight:600}.connection-tag div>span{display:block;font-size:12px;color:#7a8a7b}.hero-bottomline{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;border-top:1px solid #dce6d8;font-size:12px;color:#697d6a}.hero-bottomline a{color:var(--green)}.hero-bottomline a span{margin-left:20px}
@media(max-width:1100px){.hero-layout{gap:25px;grid-template-columns:.9fr 1.1fr}.hero-v2 h1{font-size:65px;letter-spacing:-3.6px}.hero-product{padding-right:35px}.mini-sidebar{display:none}.mini-main{padding:16px}.hero-phone{width:125px}.hero-principles{gap:12px;font-size:12px}.hero-v2 .hero-description{font-size:16px}.status-pill{display:none}}@media(max-width:820px){.hero-v2{padding-top:35px}.hero-layout{grid-template-columns:1fr}.hero-v2 .hero-copy{max-width:620px;padding-bottom:0}.hero-v2 h1{font-size:clamp(60px,10vw,78px)}.hero-product{width:min(620px,100%);margin:auto;padding-top:25px}.hero-phone{width:150px}.mini-sidebar{display:flex}.mini-main{padding:20px}.status-pill{display:block}.hero-bottomline>span:nth-child(2){display:none}}@media(max-width:600px){.hero-v2 h1{font-size:clamp(49px,11.5vw,66px);letter-spacing:-3px}.hero-v2 .eyebrow{font-size:12px;letter-spacing:.4px}.hero-v2 .hero-intro{font-size:16px}.hero-principles{gap:14px;flex-wrap:wrap}.hero-product{padding:20px 26px 92px 0}.hero-phone{width:116px;bottom:51px;right:-2px}.mini-sidebar{display:none}.mini-main{padding:14px}.console-top{padding:13px 14px}.demo-label{display:none}.console-heading h3{font-size:18px}.micro{font-size:12px}.mini-metrics{gap:9px}.mini-metrics b{font-size:25px}.mini-metrics>div>span{font-size:12px}.mini-metrics b span{font-size:12px}.mini-chart{padding:12px 10px 7px}.energy-bars{height:78px;gap:5px}.chart-axis{font-size:12px}.mini-stations>div>span:last-child{display:none}.connection-tag{left:0;bottom:12px;padding:10px 12px}.connection-tag strong{font-size:12px}.connection-tag div>span{font-size:12px}.hero-bottomline{font-size:12px}.hero-v2 .button{padding:13px 18px;font-size:14px;gap:18px}.status-pill{font-size:12px}.console-caption{font-size:12px}.hero-bottomline a span{margin-left:5px}}
/* China proof and ecosystem */
.scale{padding-bottom:75px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;gap:24px}.stats>div{padding:18px 0 22px;border-top:2px solid var(--line)}.stats strong{font-size:clamp(46px,5vw,68px);font-weight:550;letter-spacing:-3.5px;line-height:1.2;display:block}.stats strong span{color:var(--green)}.stats p{color:var(--muted);font-size:14px;margin:13px 0 0}.proof-footer{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:12px}.proof-footer>p:last-child{font-size:14px;margin:0}.proof-footer b{color:var(--green);font-weight:650}.proof-footer>p>span{margin:0 15px;color:#adc0b3}.ecosystem{padding-top:76px;padding-bottom:76px;background:#f3f6f4}.ecosystem-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}.ecosystem-heading>p{max-width:365px;color:var(--muted);font-size:16px;margin-bottom:5px}.ecosystem-heading h2{font-size:47px}.ecosystem-categories{display:flex;gap:24px;margin:33px 0 22px;flex-wrap:wrap;font-size:12px;letter-spacing:.2px;color:#6a7e70}.ecosystem-categories>span:before{content:'•';color:#75a85c;margin-right:9px}.logo-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:#e5ebe6;border:1px solid #e5ebe6;border-radius:18px;overflow:hidden}.logo-cell{margin:0;background:white;height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:15px 10px;min-width:0}.logo-cell img{width:116px;height:51px;object-fit:contain;mix-blend-mode:multiply}.logo-cell figcaption{font-size:12px;text-align:center;color:#728176;line-height:1.3}.logo-note{margin-top:18px}.logo-cell:hover{background:#fbfdf9}
/* Independence */
.value{background:white;padding-top:90px;padding-bottom:85px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:48px}.value-icon{width:49px;height:49px;display:flex;align-items:center;justify-content:center;border:1px solid #d9e7cf;background:#f1f8e8;color:var(--green);border-radius:13px}.value-icon .icon{width:25px;height:25px}.value article h3{font-size:23px;letter-spacing:-.65px;font-weight:600;margin:23px 0 15px;min-height:60px}.value article p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.products-intro{border-top:1px solid var(--line);padding-bottom:50px}.product-jump-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;gap:15px}.product-jump-links a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.product-jump-links a>.icon:first-child{color:var(--green)}.product-jump-links a>.icon:last-child{width:17px;margin-left:auto;color:#a1b4a8}.product-jump-links a:hover{background:#eff8e9;border-color:#bbd4a6}.product-copy{min-width:0}.product-kicker{font-size:12px;font-weight:650;letter-spacing:1px;display:flex;align-items:center;gap:12px;color:var(--green);margin-bottom:22px}.product-kicker>.icon{width:21px;height:21px}.product-copy h2{font-size:clamp(36px,3.65vw,49px);letter-spacing:-2px}.product-copy>p:not(.product-kicker):not(.note):not(.operation-proof){font-size:16px;color:var(--muted);margin:24px 0}.feature-list{list-style:none;padding:0;margin:28px 0;font-size:14px;color:#4e6659}.feature-list li{padding:10px 0;display:flex;gap:10px;border-bottom:1px solid #e4ebe4}.feature-list li:before{content:'✓';color:#288258;flex:none}.platform-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.platform-proof{display:flex;gap:44px;margin:35px 0 19px}.platform-proof strong{display:block;font-size:34px;line-height:1.2;letter-spacing:-1.3px;font-weight:550}.platform-proof span{display:block;font-size:12px;color:#718075;margin-top:6px}.operator-showcase{min-width:0;padding:26px 0 26px 26px;border-radius:28px;background:linear-gradient(130deg,#e3f3c8,#edf7ee 65%,#e3f0f2)}.operator-window{border:1px solid #d9e5d4;border-radius:14px;background:#fff;box-shadow:0 18px 45px #24452218;overflow:hidden}.operator-tabs{display:flex;gap:4px;padding:15px 18px 0;border-bottom:1px solid var(--line);background:#fcfdfa}.operator-tabs button{border:0;background:transparent;color:#697f6d;font-size:14px;padding:10px 11px 14px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent;white-space:nowrap}.operator-tabs .icon{width:16px;height:16px}.operator-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:600}.operator-tabs button:hover{background:#f2f8ed}.operator-panel{padding:23px;min-height:493px}.operator-heading{display:flex;justify-content:space-between;gap:14px;align-items:start}.operator-heading h3{font-size:22px;letter-spacing:-.65px;font-weight:600;margin:6px 0 22px}.tiny-pill{font-size:12px;color:#788c7c;background:#f4f7f2;border-radius:30px;padding:4px 9px;white-space:nowrap}.operator-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 22px}.operator-metrics>div{padding:13px 12px;border:1px solid #e5ebe2;border-radius:9px;background:#fff}.operator-metrics>div>span{font-size:12px;color:#6e8172;display:block}.operator-metrics strong{font-size:31px;font-weight:550;letter-spacing:-1px;display:block;line-height:1.2;margin-top:7px}.operator-metrics small{font-size:12px;color:#8b998e;display:block;margin-top:4px}.operator-chart{padding:14px;border:1px solid #e5ebe2;border-radius:9px}.operator-chart>div:first-child{display:flex;justify-content:space-between;font-size:12px;gap:10px}.operator-chart strong{font-weight:600}.operator-chart>div:first-child>span{color:#829586}.operator-chart svg{display:block;width:100%;margin-top:14px}.station-table{margin-top:19px;font-size:13px}.station-table>div{display:grid;grid-template-columns:1.3fr .8fr 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eaf0e7}.station-table>div:first-child{color:#7f9083;font-size:12px}.station-table strong{font-weight:500}.station-table [role=cell]:last-child,.station-table [role=columnheader]:last-child{justify-self:end}.table-status{font-size:12px;line-height:1.3;display:inline-block;padding:4px 8px;border-radius:20px;color:#288354;background:#eaf8ee}.table-status.blue{color:#337a91;background:#e9f5f7}.table-status.amber{color:#956713;background:#fff4dc}.operator-caption{margin:0;padding:12px 20px;font-size:12px;line-height:1.5;color:#7c8c7f;border-top:1px solid #e8efe4;background:#f9fcf5}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:2px 0 20px}.settings-row>div{background:#f5f8f2;border:1px solid #e1e9dc;border-radius:8px;padding:12px 14px}.settings-row span{display:block;font-size:12px;color:#87927f}.settings-row strong{display:block;font-size:14px;font-weight:500;margin-top:4px}.schedule-card{padding:16px;border:1px solid #e0e9da;border-radius:9px}.schedule-card>strong{font-weight:600;font-size:14px}.schedule-track{display:flex;height:43px;gap:3px;margin:17px 0 7px}.schedule-track>span{background:#e0f0ce;border-radius:4px}.schedule-track>span:nth-child(2){background:#85baa1}.schedule-track>span:nth-child(3){background:#b6e782}.schedule-track>span:nth-child(4){background:#2f9870}.schedule-track>span:nth-child(5){background:#cbeea4}.pricing-demo-table{margin-top:14px}.pricing-demo-table>div{padding:9px 0}.pricing-demo-table [role=cell]:not(:first-child){font-size:12px;color:#819277}.demo-insight{display:flex;gap:9px;align-items:center;font-size:12px;color:#608365;margin:18px 0 0}.demo-insight .icon{width:16px;height:16px}.report-summary{display:flex;gap:15px;border:1px solid #dbe9cf;border-radius:10px;background:#f1f8e9;padding:19px;margin-bottom:17px}.report-summary>.icon{color:#469963;width:29px;height:29px}.report-summary strong{font-size:16px;font-weight:600}.report-summary p{font-size:13px;color:#768771;margin:7px 0 0}.report-list>div{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #e7ede2}.report-list>div>.icon{color:#6b9874;width:21px;height:21px}.report-list strong{font-size:14px;font-weight:550;display:block}.report-list div>div>span{font-size:12px;color:#82917d;display:block;margin-top:4px}.report-list>div>span{font-size:12px;color:#679360;margin-left:auto;white-space:nowrap}
/* Driver product gallery */
.app-section{background:#f4f8f5;padding-top:85px;padding-bottom:75px}.app-layout>.product-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.app-layout>.product-copy>.product-kicker{grid-column:1/-1}.app-layout>.product-copy>h2{grid-column:1;grid-row:2/5}.app-layout>.product-copy>p:not(.product-kicker){grid-column:2;margin-top:0!important}.app-delivery{grid-column:2;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.app-delivery>span{display:flex;align-items:center;gap:7px;font-size:12px;background:white;border:1px solid #dee9db;border-radius:30px;padding:7px 10px;color:#4a6c54}.app-delivery .icon{width:15px;height:15px}.app-screen-grid{display:flex;align-items:start;justify-content:center;gap:30px;padding:48px 20px 15px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-color:#b1cbb1 #edf3eb;scrollbar-width:thin}.app-screen-card{margin:0;flex:0 0 215px;scroll-snap-align:center}.screen-zoom{display:block;width:100%;background:transparent;border:0;padding:0;border-radius:28px;transition:transform .2s,filter .2s}.screen-zoom:hover{transform:translateY(-7px);filter:drop-shadow(0 13px 18px #205a2520)}.screen-zoom img{width:100%;height:auto;display:block;border:5px solid #193a28;border-radius:28px;box-shadow:0 18px 34px #2c57321a}.app-screen-card figcaption{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:14px}.app-screen-card figcaption>span{font-size:12px;color:#76906c}.app-screen-card figcaption>strong{font-weight:550}.app-screen-card:nth-child(even){padding-top:25px}
/* Digital operations */
.operate-section{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center;padding-top:100px}.growth-showcase{border:1px solid #e1e9db;border-radius:23px;padding:28px;background:#f7faf2;min-width:0}.growth-title{display:flex;align-items:center;gap:10px;justify-content:space-between}.growth-title .eyebrow{font-size:12px;letter-spacing:.6px;margin:0}.growth-title>.tiny-pill{background:white}.channel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px}.channel-row>div{padding:13px;border:1px solid #e6ebe0;border-radius:11px;background:white;display:flex;flex-direction:column;align-items:center;gap:6px}.channel-row img{width:100%;height:44px;object-fit:contain}.channel-row span{font-size:12px;color:#83937c}.flow-link{display:flex;align-items:center;justify-content:center;gap:13px;color:#83ab6d;margin:18px 0}.flow-link>span{width:30%;height:1px;background:#d2dfc4}.flow-link .icon{transform:rotate(90deg);width:20px;height:20px}.campaign-preview{padding:24px;background:var(--lime);border-radius:17px;position:relative;overflow:hidden}.campaign-tag{font-size:12px;letter-spacing:.5px;color:#5b792d}.campaign-preview h3{font-size:29px;letter-spacing:-1px;font-weight:600;line-height:1.2;margin:15px 0 23px}.member-card{background:white;display:flex;gap:12px;align-items:center;border-radius:12px;padding:17px}.member-card>.icon:first-child{background:#ecf5dc;color:var(--green);width:40px;height:40px;padding:9px;border-radius:10px}.member-card span{font-size:12px;color:#8ca078;letter-spacing:.5px;display:block}.member-card strong{font-weight:550;font-size:14px;line-height:1.4;display:block;margin-top:5px}.member-card>.icon:last-child{margin-left:auto;color:#8cb058;width:18px;height:18px}.campaign-tools{display:flex;flex-direction:column;gap:9px;margin-top:20px}.campaign-tools>span{display:flex;align-items:center;gap:9px;font-size:13px;color:#4b6d30}.campaign-tools .icon{width:16px;height:16px}.growth-showcase>.note{margin-top:18px}.operation-steps{margin:28px 0}.operation-steps>div{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.operation-steps>div>span{font-size:12px;color:#7f9776;margin-top:3px}.operation-steps h3{font-weight:600;font-size:19px;margin:0 0 5px;letter-spacing:-.3px}.operation-steps p{font-size:14px;color:var(--muted);margin:0}.operation-proof{font-size:13px;color:#627b60;display:flex;align-items:center;gap:13px;margin:27px 0 14px}.operation-proof strong{font-size:35px;letter-spacing:-1px;font-weight:550;color:var(--green)}
/* Payment capabilities */
.pay-section{background:#edf7f3;padding-top:82px;padding-bottom:82px}.pay-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.pay-stats{display:flex;gap:60px;margin-top:33px}.pay-stats strong{font-size:59px;letter-spacing:-2px;font-weight:550;line-height:1.2;display:block}.pay-stats span{display:block;font-size:13px;color:#668674;margin-top:6px}.payment-regions{font-size:12px!important;margin:24px 0 15px!important;color:#6a8a79!important}.pay-showcase{min-width:0}.pay-card{background:white;border-radius:20px;border:1px solid #d6e8dd;box-shadow:0 16px 36px #1d4f3620;padding:28px}.pay-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:26px}.pay-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#e5f4ed;color:#2d8e69}.pay-icon>.icon{width:27px;height:27px}.pay-card-heading h3{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:5px 0 0}.payment-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.payment-logo{aspect-ratio:1.508;background-image:url('assets/payment-methods.png');background-size:500% 200%;background-position:var(--px) var(--py);border-radius:9px;border:1px solid #edf1eb}.payment-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e0ebe4;padding:24px 0 0;margin-top:28px}.payment-flow>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#799585;text-align:center}.payment-flow>div>.icon{color:#5d9c7b;width:21px;height:21px}.payment-flow>.icon{width:14px;height:14px;color:#a5c3b0}.pay-card>.note{font-size:12px;margin-top:22px;text-align:center}.payment-caption{display:flex;align-items:center;justify-content:center;gap:9px;color:#6b8c77;font-size:12px;margin-top:19px}.payment-caption .icon{width:17px;height:17px}
/* Open partnership */
.partnership{background:#152d27;color:white}.partnership .eyebrow{color:#b0c5ba}.partnership h2>span{color:var(--lime)}.partnership .section-heading>p{color:#a9c0b3}.partnership-connection{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;margin-top:50px;border-top:1px solid #395247;border-bottom:1px solid #395247;padding:36px 0}.role-icon{display:flex;width:43px;height:43px;border:1px solid #4d6d59;border-radius:12px;align-items:center;justify-content:center;color:#bbe6a6;margin-bottom:23px}.role-icon .icon{width:23px;height:23px}.partner-side>.eyebrow{font-size:12px;margin-bottom:10px}.partner-side h3{font-size:27px;font-weight:500;letter-spacing:-.6px;margin:0 0 14px}.partner-side>p:last-child{font-size:16px;color:#a9c2b4;max-width:455px;margin:0}.partnership-plus{display:flex;align-items:center;gap:12px}.partnership-plus>span{width:30px;height:1px;background:#607d66}.partnership-plus b{font-weight:300;font-size:48px;color:var(--lime)}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.model-number{font-size:12px;color:#8ca592}.model-grid h3{font-size:28px;font-weight:500;letter-spacing:-.7px;margin:14px 0}.model-grid p{color:#a5bdad;font-size:16px;max-width:355px;min-height:78px}.model-tag{display:inline-block;font-size:12px;color:#c8e9a8;border-bottom:1px solid #66894a;padding-bottom:7px}.partnership-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding-top:24px;border-top:1px solid #395247}.partnership-foot>p{max-width:650px;color:#abc0b0;font-size:14px;margin-bottom:12px}.partnership-foot .text-link{color:var(--lime);white-space:nowrap}.partnership>.wrap>.note{color:#86a18e;margin-top:12px}
/* Scope-only packages */
.packages .section-top>p{margin-top:9px}.market-tabs{display:flex;width:fit-content;padding:5px;gap:5px;background:#f1f5f1;border-radius:99px;margin:37px 0 29px}.market-tabs button{padding:12px 25px;border:0;border-radius:99px;background:transparent;font-size:14px;color:#6c7e6d;min-height:46px}.market-tabs button[aria-selected=true]{background:var(--ink);color:white;font-weight:600}.market-tabs button:hover{color:#1f763d}.market-tabs button[aria-selected=true]:hover{color:#e7ffca}.market-panel[hidden],.operator-panel[hidden]{display:none}.package-grid{display:grid;gap:22px}.package-grid.two{grid-template-columns:repeat(2,1fr)}.package-grid.three{grid-template-columns:repeat(3,1fr)}.package-card{padding:30px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;background:#fff}.package-card.featured{background:#f1f8e8;border-color:#cdddbf}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.plan-top>.eyebrow{font-size:12px;letter-spacing:.7px;margin:0}.plan-top>span{font-size:12px;color:#92a18c}.package-card h3{font-size:28px;font-weight:600;letter-spacing:-.8px;margin:20px 0 23px}.commercial-model{font-size:13px;color:#5a8050;font-weight:500;border-top:1px solid #dbe6d2;border-bottom:1px solid #dbe6d2;padding:12px 0;margin:0}.plan-description{font-size:16px;color:var(--muted);max-width:430px;margin:23px 0 0}.package-card .feature-list{flex:1;margin:22px 0 29px}.package-card .button{width:100%;justify-content:space-between}.addon{display:flex;align-items:center;flex-wrap:wrap;gap:25px;border-bottom:1px solid var(--line);padding:21px 0}.addon>.eyebrow{font-size:12px;margin:0}.addon>p{font-size:14px;color:var(--muted);flex:1;min-width:250px;margin:0}.addon>a{font-size:14px;font-weight:600}.scope-notes{max-width:1030px;color:#7a8b7d;font-size:12px;line-height:1.8;margin-top:23px}.scope-notes p{margin:0}.indonesia-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.local-plan{align-self:center;padding:20px}.local-plan h3{font-weight:550;font-size:37px;letter-spacing:-1.4px;line-height:1.2;margin:23px 0}.local-plan>p{font-size:16px;color:var(--muted);max-width:440px}.small-note{font-size:12px!important;color:#81917c!important}.three .package-card h3{font-size:25px;min-height:66px;margin-bottom:18px}.three .package-card{padding:25px}
/* Contact and accessible screenshot viewer */
.contact{background:var(--lime)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:clamp(55px,6.2vw,85px);font-weight:620;letter-spacing:-4px;line-height:1.05;margin:27px 0}.contact h2>span{color:var(--green)}.contact p{color:#51732f}.contact address{font-style:normal;min-width:0;border-top:1px solid #92b953;padding-top:24px}.contact-name{font-size:24px;color:var(--ink)!important;display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.contact-name span{font-size:13px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(20px,2.1vw,30px);letter-spacing:-.6px;border-bottom:1px solid #9bbe67;padding-bottom:13px;overflow-wrap:anywhere}.contact-email .icon{width:26px;height:26px}.phones{display:flex;flex-direction:column;gap:10px;margin-top:25px;font-size:16px}.phones a:hover,.contact-email:hover{color:#116332}.contact .contact-detail{font-size:12px;line-height:1.8;margin:30px 0 0}footer{background:#11261f;color:#bdd0c0;padding:29px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.footer-inner p{margin:0}.icp-link{white-space:nowrap;text-decoration:none}.icp-link:hover{color:#ecf6ec}.footer-brand>span{font-size:22px;color:#ecf6ec}.footer-brand b{font-size:10px}.footer-brand img{border-radius:7px}#screen-viewer{border:1px solid #dde7dd;border-radius:18px;padding:0;max-height:92vh;width:min(540px,calc(100% - 28px));color:var(--ink);box-shadow:0 30px 100px #06180d40}#screen-viewer::backdrop{background:#071d16b8;backdrop-filter:blur(7px)}.viewer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffffff2;border-bottom:1px solid #e1e9df;padding:17px 20px;z-index:1}.viewer-header h2{font-size:18px;letter-spacing:-.4px;margin:0}.viewer-header button{display:flex;align-items:center;justify-content:center;background:#f1f6ee;border:0;border-radius:50%;width:35px;height:35px}.viewer-header .icon{width:19px;height:19px}#viewer-image{display:block;width:330px;max-width:85%;height:auto;margin:23px auto;border:4px solid #193b2a;border-radius:30px}#screen-viewer>p{font-size:12px;color:#83947f;text-align:center;padding:0 20px 18px;line-height:1.6}
/* Responsive */
@media(min-width:1550px){.wrap{width:1360px;max-width:calc(100% - 96px)}.hero-v2{padding-top:60px}.hero-v2 h1{font-size:89px}.hero-product{padding-bottom:120px}.hero-phone{width:164px}.energy-bars{height:122px}.hero-dashboard .mini-main{padding:24px}.logo-cell{height:127px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:22px}.header-inner{height:82px}.ecosystem-heading h2{font-size:42px}.logo-grid{grid-template-columns:repeat(8,1fr)}.logo-cell{height:113px;padding:12px 7px}.logo-cell img{width:98px;height:45px}.logo-cell figcaption{font-size:12px}.value-grid{gap:24px}.value article h3{font-size:21px}.product-jump-links{gap:10px}.product-jump-links a{padding:14px 12px;gap:8px}.platform-section{gap:34px;grid-template-columns:.8fr 1.2fr}.operator-showcase{padding-left:18px}.operator-panel{padding:18px}.operator-tabs{padding-left:10px;padding-right:10px;gap:0}.operator-tabs button{font-size:13px;padding:11px 10px}.operator-heading .tiny-pill{display:none}.operator-metrics{gap:8px}.operator-metrics>div{padding:10px}.operator-metrics small{font-size:12px}.operate-section{gap:45px}.growth-showcase{padding:23px}.growth-title>.tiny-pill{display:none}.campaign-preview{padding:21px}.pay-layout{gap:45px}.pay-card{padding:23px}.product-copy h2{font-size:41px}.app-layout>.product-copy{gap:0 45px}.app-screen-grid{justify-content:start;gap:25px;padding-left:5px;padding-right:5px}.app-screen-card{flex-basis:208px}.partnership-connection{grid-template-columns:1fr 100px 1fr}.partnership-plus{gap:6px}.partnership-plus>span{width:17px}.model-grid{gap:30px}.contact-grid{gap:50px}.contact-email{font-size:25px}}
@media(max-width:900px){.site-header nav{gap:18px}.site-header nav>a{font-size:13px}.section{padding-top:72px;padding-bottom:72px}.section-heading,.section-top>h2{width:73%}.section-top{gap:25px}.eyebrow{font-size:12px}.logo-grid{grid-template-columns:repeat(4,1fr)}.logo-cell{height:112px}.logo-cell img{width:128px;height:48px}.ecosystem-heading{display:block}.ecosystem-heading>p{max-width:650px;margin-top:22px}.ecosystem-categories{gap:12px 20px}.value-grid{grid-template-columns:repeat(2,1fr);row-gap:35px}.value article h3{min-height:0}.value article p{font-size:16px}.product-jump-links{grid-template-columns:repeat(2,1fr)}.platform-section{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.platform-section>.product-copy{max-width:650px}.operator-showcase{padding:25px;width:100%;max-width:720px}.operator-panel{min-height:490px;padding:23px}.operator-tabs button{font-size:14px;padding:12px 17px}.operator-metrics{gap:15px}.operator-metrics>div{padding:14px}.operator-heading .tiny-pill{display:block}.product-copy h2{font-size:43px}.app-layout>.product-copy{display:block}.app-layout>.product-copy>p:not(.product-kicker):not(.note){max-width:640px;margin-top:24px!important}.app-delivery{margin-top:22px}.app-screen-card{flex-basis:213px}.operate-section{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:70px}.operate-section>.product-copy{grid-row:1;max-width:650px}.growth-showcase{max-width:650px}.channel-row img{height:57px}.growth-title>.tiny-pill{display:block}.pay-layout{grid-template-columns:1fr;gap:35px}.pay-layout>.product-copy{max-width:650px}.pay-showcase{max-width:650px}.pay-stats{margin-top:25px}.pay-card{padding:28px}.pay-card-heading h3{font-size:27px}.partnership .section-heading{width:73%}.partner-side h3{font-size:25px}.partner-side>p:last-child{font-size:15px}.model-grid h3{font-size:25px}.model-grid p{font-size:15px;min-height:99px}.package-grid.three{grid-template-columns:1fr}.three .package-card h3{min-height:0}.indonesia-grid{gap:30px}.package-card{padding:25px}.package-card h3{font-size:26px}.contact h2{font-size:64px}.contact-grid{gap:35px}.contact-email{font-size:22px}.proof-footer{display:block}.proof-footer>p:last-child{margin-top:16px}.stats strong{font-size:48px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header-inner{height:74px}.brand>span{font-size:25px}.brand b{font-size:11px}.brand img{width:32px;height:32px}.menu-toggle{display:flex}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;padding:18px 20px 23px;background:white;gap:0;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #18321c0a}.site-header nav.is-open{display:flex}.site-header nav>a{padding:12px 8px;font-size:16px}.site-header nav .nav-cta{display:flex;justify-content:space-between;padding:13px 17px;margin-top:8px}.section-top{display:block}.section-heading,.section-top>h2,.partnership .section-heading{width:100%}.section-top>.eyebrow{margin-top:0}.section-top h2{margin-top:24px}h2{font-size:37px;letter-spacing:-1.6px}.section-heading>p{font-size:16px}.stats{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}.stats strong{font-size:54px}.stats>div{padding-top:17px;padding-bottom:12px}.stats p{font-size:14px}.proof-footer>p:last-child{font-size:13px;line-height:1.8}.proof-footer>p>span{margin:0 8px}.ecosystem-heading h2{font-size:38px}.value-grid{gap:32px 23px}.value article h3{font-size:21px}.value article p{font-size:15px}.value-icon{width:44px;height:44px;border-radius:12px}.products-intro{padding-bottom:35px}.product-copy h2{font-size:38px}.platform-section{padding-top:20px}.operator-showcase{padding:16px 10px 16px 16px}.operator-panel{padding:18px;min-height:460px}.operator-metrics{gap:8px}.operator-metrics>div{padding:10px}.operator-metrics small{display:none}.operator-metrics strong{font-size:30px}.operator-heading .tiny-pill{display:none}.operator-heading h3{font-size:21px}.operator-tabs{padding:8px 6px 0}.operator-tabs button{flex:1;justify-content:center;font-size:13px;padding:11px 5px;gap:5px}.operator-tabs .icon{width:15px;height:15px}.operator-caption{font-size:12px;padding:11px 17px}.operator-metrics>div>span{font-size:12px}.station-table{font-size:13px}.station-table>div{gap:5px}.station-table>div:first-child{font-size:12px}.operator-chart>div:first-child>span{display:none}.app-screen-grid{gap:20px;padding-top:32px}.app-screen-card{flex-basis:205px}.app-screen-card:nth-child(even){padding-top:15px}.partnership-connection{grid-template-columns:1fr;gap:25px;padding:28px 0;margin-top:33px}.partnership-plus{justify-content:start;margin:0}.partnership-plus>span{width:30px}.partnership-plus b{font-size:35px;line-height:1}.partner-side>.role-icon{margin-bottom:16px}.partner-side>p:last-child{max-width:none;font-size:16px}.model-grid{grid-template-columns:1fr;gap:27px;margin-top:31px}.model-grid article{border-bottom:1px solid #395247;padding-bottom:25px}.model-grid article:last-child{border-bottom:0;padding-bottom:0}.model-grid p{min-height:0;max-width:none;font-size:16px;margin:0 0 16px}.model-grid h3{font-size:27px;margin-top:10px}.partnership-foot{display:block;margin-top:27px}.partnership-foot .text-link{margin:12px 0}.partnership>.wrap>.note{margin-top:15px}.package-grid.two,.indonesia-grid{grid-template-columns:1fr}.market-tabs{margin-top:29px}.market-tabs button{font-size:14px;padding:11px 24px}.package-card{padding:25px}.addon{display:block}.addon>p{margin:12px 0}.addon>a{font-size:14px}.local-plan{padding:10px 0}.local-plan h3{font-size:34px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact h2{font-size:64px;margin:25px 0}.contact address{padding-top:23px}.contact-name{margin-bottom:24px}.contact-email{font-size:clamp(21px,5.5vw,30px)}.contact .contact-detail{margin-top:25px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner>p{order:3;width:100%}.footer-inner>a:last-child{margin-left:auto}.report-list>div>span{display:none}.report-list>div{padding:18px 0}.report-list strong{font-size:14px}.report-list div>div>span{font-size:12px}.operator-panel{min-height:465px}.report-summary{padding:15px}.report-summary strong{font-size:15px}}
@media(max-width:430px){.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-cell{height:104px;padding:12px 7px}.logo-cell img{width:90px;height:44px}.logo-cell figcaption{font-size:12px}.ecosystem-categories{font-size:12px;gap:8px 15px}.value-grid{grid-template-columns:1fr}.value article{display:grid;grid-template-columns:45px 1fr;gap:0 16px}.value-icon{grid-column:1;grid-row:1/3}.value article h3{grid-column:2;margin:0 0 12px;font-size:22px}.value article p{grid-column:2;font-size:15px}.product-jump-links a{font-size:13px;padding:13px 10px}.product-jump-links a>.icon:first-child{width:18px;height:18px}.product-jump-links a>.icon:last-child{width:14px}.operator-showcase{padding:12px 0 12px 10px}.operator-panel{padding:14px;min-height:461px}.operator-tabs button{font-size:12px;gap:3px}.operator-tabs .icon{display:none}.operator-heading h3{font-size:20px}.operator-metrics>div{padding:9px}.operator-metrics>div>span{line-height:1.5;font-size:12px}.operator-metrics strong{font-size:27px}.station-table{font-size:12px}.station-table>div{grid-template-columns:1.25fr .65fr .95fr}.table-status{font-size:12px;padding:3px 6px}.operator-window .demo-label{display:none}.operator-chart{padding:11px}.settings-row{gap:8px}.settings-row>div{padding:10px}.settings-row strong{font-size:13px}.pricing-demo-table>div{grid-template-columns:1.2fr .9fr .9fr}.schedule-card{padding:12px}.growth-showcase{padding:19px}.growth-title>.tiny-pill{display:none}.channel-row{gap:8px}.channel-row>div{padding:10px}.channel-row img{height:40px}.campaign-preview{padding:20px}.campaign-preview h3{font-size:27px}.member-card{padding:13px;gap:8px}.member-card strong{font-size:13px}.member-card>.icon:last-child{display:none}.pay-card{padding:20px}.pay-card-heading h3{font-size:23px}.pay-stats{gap:45px}.pay-stats strong{font-size:55px}.payment-logo-grid{gap:6px}.payment-flow{gap:5px}.payment-flow>div{font-size:12px}.payment-flow>.icon{width:12px;height:12px}.payment-caption{font-size:12px}.market-tabs{width:100%;gap:3px}.market-tabs button{flex:1;font-size:14px;padding:11px 13px}.package-card{padding:22px}.plan-top>.eyebrow{font-size:12px}.app-screen-card{flex-basis:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{html{scroll-behavior:auto}.site-header{position:static}.site-header nav,.menu-toggle,.button,.product-jump-links,.market-tabs,.operator-tabs,.screen-viewer,.skip{display:none}.wrap{width:100%;max-width:none}.section{padding:35px 0}.product-section{padding:25px 0}.hero-product{transform:none}.market-panel[hidden],.operator-panel[hidden]{display:block!important}.operator-panel{min-height:0;break-inside:avoid}.logo-cell,.package-card,.value article{break-inside:avoid}.app-screen-grid{overflow:visible;flex-wrap:wrap;justify-content:start}.app-screen-card{flex-basis:150px}.logo-grid{grid-template-columns:repeat(6,1fr)}.partnership,.contact,.hero-v2{-webkit-print-color-adjust:exact;print-color-adjust:exact}footer{padding:25px}.package-grid{margin-top:25px}}
/* Browse the actual product screens and the existing interactive prototype. */
.app-screen-grid{gap:24px}.app-screen-card{flex-basis:215px}.app-screen-card figcaption{align-items:flex-start}.app-screen-card figcaption strong{font-size:14px}.app-demo-invite{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#eaf4e2;border:1px solid #d8e7ca;border-radius:18px;padding:33px 38px;margin-top:10px}.app-demo-invite .eyebrow{font-size:11px;color:#5d7b40;letter-spacing:1px;margin-bottom:8px}.app-demo-invite h3{font-size:30px;font-weight:600;letter-spacing:-.8px;margin:0 0 10px}.app-demo-invite p:not(.eyebrow){font-size:15px;max-width:650px;color:#52654c;margin:0 0 11px}.app-demo-invite .button{white-space:nowrap;flex-shrink:0}.demo-disclosure{display:block;font-size:12px;color:#58764b}.viewer-controls{display:flex;align-items:center;justify-content:space-between;padding:5px 24px 22px;gap:15px}.viewer-controls button{border:1px solid #d4e0d3;border-radius:99px;padding:9px 13px;background:#f6f9f3;color:var(--ink);font-size:13px}.viewer-controls>span{font-size:12px;color:#67805f}.viewer-header button{min-width:38px;min-height:38px}.viewer-header .eyebrow{font-size:10px;letter-spacing:1px;margin:0 0 5px;color:#647c62}body:has(dialog[open]){overflow:hidden}#app-demo-viewer{padding:0;border:1px solid #d8e3d6;border-radius:20px;width:min(850px,calc(100% - 32px));height:min(900px,94dvh);max-height:94dvh;background:#f4f7f2;box-shadow:0 30px 100px #06180d40;overflow:hidden;color:var(--ink)}#app-demo-viewer[open]{display:flex;flex-direction:column}#app-demo-viewer::backdrop{background:#071d16bd;backdrop-filter:blur(7px)}#app-demo-viewer>.viewer-header{flex-shrink:0;padding:15px 22px}.demo-explorer{display:grid;grid-template-columns:260px 1fr;flex:1;min-height:0}.demo-page-picker{overflow:auto;padding:23px 20px;background:#fff;border-right:1px solid #e1e9df}.demo-page-picker>p{font-size:13px;line-height:1.6;color:#6b7e65;margin-bottom:17px}.demo-page-picker nav{display:flex;flex-direction:column;gap:4px}.demo-page-picker button{display:flex;gap:11px;align-items:center;text-align:left;border:0;background:transparent;color:#5b6c54;padding:10px 11px;border-radius:8px;font-size:13px;line-height:1.5;min-height:39px}.demo-page-picker button>span{font-size:10px;opacity:.6}.demo-page-picker button[aria-pressed=true]{background:#e6f5d4;color:#294d22;font-weight:650}.demo-page-picker button:hover{background:#f0f7e9}.demo-page-picker .demo-scope-note{font-size:11px;border-top:1px solid #e0e8da;padding-top:15px;margin:20px 0 0;color:#74846c}.demo-device{padding:16px;display:flex;align-items:stretch;justify-content:center;min-width:0;min-height:0}#interactive-frame{display:block;width:100%;max-width:414px;height:100%;min-height:0;border:5px solid #163b2c;border-radius:24px;background:#f4f7f6;box-shadow:0 12px 28px #163b2c20}
@media(max-width:900px){.app-screen-grid{justify-content:flex-start}.app-screen-card{flex-basis:205px}.app-demo-invite{gap:25px;padding:27px}}
@media(max-width:600px){.app-demo-invite{display:block;padding:25px}.app-demo-invite .button{margin-top:22px}.app-demo-invite h3{font-size:28px}#app-demo-viewer{width:calc(100% - 16px);height:96dvh;max-height:96dvh;border-radius:16px}#app-demo-viewer>.viewer-header{padding:11px 15px}.viewer-header h2{font-size:16px}.demo-explorer{display:flex;flex-direction:column}.demo-page-picker{padding:9px 10px;border-right:0;border-bottom:1px solid #dce6d8;overflow:hidden;flex-shrink:0}.demo-page-picker>p{display:none}.demo-page-picker nav{flex-direction:row;overflow-x:auto;scrollbar-width:thin;gap:5px;padding-bottom:3px}.demo-page-picker button{white-space:nowrap;min-height:40px;font-size:12px;padding:9px 10px;gap:6px}.demo-page-picker .demo-scope-note{display:none}.demo-device{padding:8px;flex:1;min-height:0}#interactive-frame{border-width:3px;border-radius:15px}.viewer-controls{padding-left:18px;padding-right:18px}}
@media print{.app-demo-invite{display:none}dialog{display:none!important}}