:root{color:#15202b;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#eef4f8 54%,#f8fbfd)}button,input{font:inherit}button,.button-link{min-height:2.75rem;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;color:#fff;background:#176b45;cursor:pointer;text-decoration:none;transition:transform .16s ease,background .16s ease,opacity .16s ease}button:hover,.button-link:hover{transform:translateY(-1px);background:#115738}button:focus-visible,.button-link:focus-visible,a.icon-button:focus-visible{outline:3px solid rgba(24,119,242,.24);outline-offset:2px}button:disabled,.button-link.disabled{cursor:not-allowed;opacity:.45;transform:none}code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.shell{width:min(1320px,calc(100vw - 2rem));min-height:100vh;margin:0 auto;padding:1.5rem 0}.product-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.site-nav{position:sticky;top:.75rem;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.7rem;border:1px solid rgba(219,228,236,.92);border-radius:8px;background:#ffffffdb;box-shadow:0 16px 50px #1220361a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-mark,.site-nav-links,.nav-cta{display:inline-flex;align-items:center}.brand-mark{gap:.5rem;color:#111827;font-weight:850;text-decoration:none}.brand-mark svg{color:#176b45}.site-nav-links{justify-content:center;gap:.35rem}.site-nav-links a,.nav-cta{min-height:2.45rem;border-radius:8px;padding:0 .8rem;color:#445265;font-size:.92rem;font-weight:750;text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}.site-nav-links a:hover,.nav-cta:hover{color:#111827;background:#f1f6f4;transform:translateY(-1px)}.nav-cta{gap:.45rem;color:#fff;background:#176b45}.nav-cta:hover{color:#fff;background:#115738}.login-demo-hero{min-height:min(700px,calc(100vh - 7rem));display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);gap:clamp(1.25rem,4vw,3rem);align-items:center;padding:clamp(1.5rem,5vw,4rem) 0}.login-demo-copy{display:grid;gap:1rem}.login-demo-copy h1{max-width:46rem;font-size:clamp(2.6rem,5.6vw,5.4rem);line-height:.96}.login-demo-copy p:not(.kicker){max-width:38rem;margin:0;color:#3f4d5f;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.6}.live-login-panel{display:grid;gap:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:clamp(1rem,2.4vw,1.35rem);background:#fff;box-shadow:0 24px 80px #12203624}.live-login-head{display:grid;gap:.25rem}.live-login-head strong{color:#111827;font-size:clamp(1.2rem,2vw,1.55rem)}.live-login-head p{margin:0;color:#526174}.live-login-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:.9rem;align-items:stretch}.customer-app-demo,.whatsapp-demo{min-width:0;min-height:23rem;display:grid;align-content:start;gap:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#f8fbfd}.customer-app-demo.verified{border-color:#176b4547;background:#f2fff7}.demo-app-top,.whatsapp-demo-top{display:flex;align-items:center;gap:.45rem;color:#637083;font-size:.82rem;font-weight:850;text-transform:uppercase}.demo-app-top svg,.whatsapp-demo-top svg{color:#0f8f78}.demo-login-form,.demo-waiting,.demo-verified{display:grid;gap:.85rem}.demo-login-form{align-content:start}.demo-form-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:center}.demo-form-heading strong{color:#111827;font-size:1.2rem}.demo-form-heading p{margin:.15rem 0 0;color:#526174}.demo-form-icon{width:3rem;height:3rem;border-radius:999px;display:grid;place-items:center;color:#0f8f78;background:#fff;box-shadow:0 .5rem 1.4rem #0f1f2f1a}.demo-login-form label small{color:#637083;font-size:.82rem;line-height:1.35}.demo-confirm-box{grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem;color:#526174;background:#fff;font-weight:650;line-height:1.45}.demo-confirm-box input{width:1.25rem;min-height:1.25rem;margin:.12rem 0 0;accent-color:#0f8f78}.demo-confirm-box:has(input:checked){border-color:#0f8f7857;background:#effaf4;color:#132235}.demo-login-form button,.demo-waiting button,.demo-verified button,.whatsapp-demo button{width:100%}.demo-waiting strong,.demo-verified strong{color:#111827;font-size:1.35rem;line-height:1.1}.demo-waiting p,.demo-verified p{margin:0;color:#526174;line-height:1.45}.demo-verified svg{color:#176b45}.whatsapp-demo{background:#effaf4}.whatsapp-demo.muted{opacity:.62}.whatsapp-chat-bubble{display:grid;gap:.4rem;border-radius:8px;padding:1rem;background:#d8ffd4;color:#132235}.whatsapp-chat-bubble code{color:#132235;white-space:pre-line;line-height:1.45}.local-demo-note{margin:0;border:1px solid rgba(138,90,19,.24);border-radius:8px;padding:.75rem;color:#6f4610;background:#fff8eb;font-size:.86rem;line-height:1.4}.login-result-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.login-result-strip div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem;align-items:center;border:1px solid #dbe4ec;border-radius:8px;padding:.65rem;color:#637083;background:#f8fbfd}.login-result-strip span{width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#526174;background:#e7edf4;font-size:.75rem;font-weight:850}.login-result-strip strong{color:inherit;font-size:.82rem;line-height:1.2}.login-result-strip .active{border-color:#176b4542;color:#12633d;background:#effbf4}.login-result-strip .active span{color:#fff;background:#176b45}.customer-install-path,.customer-pack-panel,.developer-details{padding:clamp(1rem,3vw,1.5rem)}.customer-install-path{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:1rem}.install-path-copy{display:grid;align-content:start;gap:.7rem}.install-path-copy h2,.install-path-copy p{margin:0}.install-path-copy p:not(.kicker){color:#526174;line-height:1.5}.install-path-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.install-path-steps article{display:grid;gap:.55rem;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem;background:#f8fbfd}.install-path-steps span{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#176b45;font-size:.82rem;font-weight:850}.install-path-steps strong,.install-path-steps p{margin:0}.install-path-steps strong{color:#132235;line-height:1.2}.install-path-steps p{color:#526174;line-height:1.4}.customer-pack-panel{display:grid;gap:1rem}.customer-pack-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(280px,.5fr);gap:1rem;align-items:end}.customer-pack-heading h2,.customer-pack-heading p{margin:0}.customer-pack-heading h2{margin-top:.25rem;max-width:42rem}.customer-pack-heading p:not(.kicker){color:#526174;line-height:1.5}.customer-pack-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.customer-pack-grid article{min-height:8.2rem;display:grid;align-content:start;gap:.45rem;border:1px solid #dbe4ec;border-radius:8px;padding:.85rem;background:#f8fbfd}.customer-pack-grid svg{color:#176b45}.customer-pack-grid strong,.customer-pack-grid p{margin:0}.customer-pack-grid strong{color:#132235;line-height:1.2}.customer-pack-grid p{color:#526174;line-height:1.35}.customer-flow-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.customer-flow-lanes article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;border:1px solid rgba(23,107,69,.2);border-radius:8px;padding:1rem;background:#f2fff7}.flow-lane-icon{width:2.65rem;height:2.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#176b45;background:#fff;box-shadow:0 10px 26px #12203614}.customer-flow-lanes h3,.customer-flow-lanes p,.customer-flow-lanes ol{margin:0}.customer-flow-lanes h3{margin-top:.2rem;color:#132235;font-size:1.1rem;line-height:1.25}.customer-flow-lanes ol{grid-column:1 / -1;display:grid;gap:.45rem;padding-left:1.25rem;color:#3f4d5f;line-height:1.45}.developer-handoff-strip{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:1rem;align-items:center;border-radius:8px;padding:1rem;background:#132235}.developer-handoff-strip p,.developer-handoff-strip strong{margin:0}.developer-handoff-strip .label{color:#91e8b4}.developer-handoff-strip strong{display:block;margin-top:.25rem;color:#fff;line-height:1.25}.handoff-endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.handoff-endpoints code{border:1px solid rgba(184,255,208,.18);border-radius:8px;padding:.55rem .65rem;color:#b8ffd0;background:#ffffff0f;font-size:.88rem}.developer-details details{border:1px solid #dbe4ec;border-radius:8px;background:#f8fbfd}.developer-details summary{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.developer-details summary strong{display:block;margin-top:.2rem;color:#132235;font-size:1.1rem}.developer-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;border-top:1px solid #dbe4ec;padding:1rem}.developer-checks article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;border:1px solid #dbe4ec;border-radius:8px;padding:.75rem;background:#fff}.developer-checks svg{color:#176b45}.developer-checks strong,.developer-checks p{margin:0}.developer-checks strong{color:#132235;font-size:.9rem}.developer-checks p{margin-top:.25rem;color:#526174;font-size:.82rem;line-height:1.35}.landing-hero{min-height:min(560px,calc(100vh - 7rem));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);align-items:center;gap:clamp(1rem,4vw,3rem);padding:clamp(2rem,5vw,4rem) 0}.hero-copy{display:grid;gap:1rem}.hero-copy h1{max-width:58rem;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.96}.hero-copy p:not(.kicker){max-width:45rem;margin:0;color:#3f4d5f;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.65}.hero-copy .trust-note{max-width:36rem;border-left:3px solid #176b45;padding-left:.9rem;color:#253347;font-weight:750}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.45rem}.hero-secondary{border:1px solid #dbe4ec;color:#132235;background:#fff}.hero-secondary:hover{color:#132235;background:#f6faf8}.hero-flow-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8rem;border:1px solid #dbe4ec;border-radius:8px;padding:clamp(.9rem,2vw,1.2rem);background:#fff;box-shadow:0 22px 70px #1220361f}.phone-mock{min-width:0;min-height:19rem;display:grid;align-content:start;gap:.85rem;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem;background:#f8fbfd}.phone-bar{width:2.7rem;height:.3rem;justify-self:center;border-radius:999px;background:#cbd7e2}.phone-mock>strong{color:#132235;font-size:1.25rem}.mock-label{color:#637083;font-size:.76rem;font-weight:850;text-transform:uppercase}.mock-button,.chat-bubble,.return-card{border-radius:8px}.mock-button{min-height:3.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .85rem;color:#fff;background:#0f8f78;font-size:.82rem;font-weight:850;line-height:1.15;text-align:center}.whatsapp-mock{background:#effaf4}.chat-bubble{display:grid;gap:.65rem;margin-top:1.4rem;padding:.95rem;color:#132235;background:#d8ffd4;box-shadow:0 12px 30px #12203614}.chat-bubble strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.25rem}.chat-bubble span{line-height:1.35}.return-card{display:grid;gap:.45rem;margin-top:2.2rem;border:1px solid rgba(23,107,69,.25);padding:.95rem;color:#132235;background:#fff}.return-card svg{color:#176b45}.return-card strong,.return-card span{display:block}.return-card span{color:#526174;line-height:1.35}.hero-flow-arrow{color:#176b45}.hero-proof-card{display:grid;gap:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:clamp(1rem,3vw,1.35rem);background:#fff;box-shadow:0 22px 70px #1220361f}.proof-card-top,.proof-phone,.proof-path,.hero-metrics{display:flex;align-items:center}.proof-card-top{justify-content:space-between;gap:1rem}.proof-phone{gap:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#102033;color:#fff}.proof-phone svg{color:#7dd3a8}.proof-phone span,.proof-phone strong{display:block}.proof-phone span{color:#b8c7d8;font-size:.86rem;font-weight:700}.proof-phone strong{margin-top:.2rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.65rem,3vw,2.4rem)}.proof-path{flex-wrap:wrap;gap:.55rem;color:#526174;font-size:.9rem;font-weight:750}.proof-path span{border:1px solid #dbe4ec;border-radius:999px;padding:.4rem .65rem;background:#f8fbfd}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.hero-metrics div{min-width:0;border:1px solid #dbe4ec;border-radius:8px;padding:.8rem;background:#f8fbfd}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{color:#132235;font-size:.86rem}.hero-metrics span{margin-top:.25rem;color:#637083;font-size:.78rem;line-height:1.35}.journey-map,.use-case-panel,.boundary-panel,.implementation-wizard,.readiness-panel{padding:clamp(1rem,3vw,1.5rem)}.journey-map .section-heading,.use-case-panel .section-heading,.readiness-panel .section-heading{grid-template-columns:minmax(0,.8fr) minmax(260px,.55fr);align-items:end}.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding-bottom:.35rem}.journey-step{min-width:0;display:grid;gap:.5rem;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem;background:#f8fbfd}.journey-step>span{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#176b45;font-size:.82rem;font-weight:850}.journey-step strong,.journey-step h3,.journey-step p,.journey-step small{margin:0}.journey-step strong{color:#637083;font-size:.78rem;text-transform:uppercase}.journey-step h3{color:#132235;font-size:1rem;line-height:1.2}.journey-step p,.journey-step small{color:#526174;line-height:1.4}.journey-step small{border-top:1px solid #e4ebf1;padding-top:.5rem;font-weight:700}.use-case-grid,.responsibility-grid{display:grid;gap:.75rem}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.use-case-grid article{display:grid;gap:.6rem;border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#f8fbfd}.use-case-grid svg{color:#0f8f78}.use-case-grid strong,.use-case-grid p{margin:0}.use-case-grid strong{color:#132235}.use-case-grid p{color:#526174;line-height:1.45}.boundary-panel{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1fr);gap:1rem;align-items:stretch}.boundary-copy{display:grid;align-content:start;gap:.65rem}.boundary-copy h2,.boundary-copy p{margin:0}.boundary-copy p:not(.kicker){color:#526174;line-height:1.55}.responsibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsibility-grid article{border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#f8fbfd}.responsibility-grid ul{display:grid;gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none}.responsibility-grid li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.45rem;color:#253347;line-height:1.35}.responsibility-grid li:before{content:"";width:.45rem;height:.45rem;margin-top:.45rem;border-radius:999px;background:#176b45}.implementation-wizard{display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1fr);gap:1rem;align-items:stretch}.wizard-sidebar,.wizard-detail{min-width:0}.wizard-sidebar{display:grid;align-content:start;gap:.9rem}.wizard-sidebar h2,.wizard-sidebar p{margin:0}.wizard-sidebar p:not(.kicker){color:#526174;line-height:1.55}.wizard-step-list{display:grid;gap:.45rem;margin-top:.25rem}.wizard-step-list button{justify-content:flex-start;min-height:3rem;border:1px solid #dbe4ec;color:#445265;background:#fff}.wizard-step-list button:hover,.wizard-step-list button.active{color:#fff;border-color:#176b45;background:#176b45}.wizard-detail{display:grid;gap:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:clamp(1rem,3vw,1.35rem);background:#f8fbfd}.wizard-detail-heading h3,.wizard-detail-heading p{margin:0}.wizard-detail-heading h3{margin-top:.3rem;color:#132235;font-size:clamp(1.45rem,2.5vw,2.2rem);line-height:1.05}.wizard-detail-heading p{margin-top:.6rem;color:#526174;line-height:1.55}.wizard-checklist{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.wizard-checklist li{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.6rem;align-items:start;color:#253347;line-height:1.45}.wizard-checklist svg{margin-top:.1rem;border-radius:999px;padding:.18rem;color:#176b45;background:#e8f7ef}.done-signal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;border:1px solid rgba(23,107,69,.25);border-radius:8px;padding:.85rem;background:#eefaf4}.done-signal svg{color:#176b45}.done-signal strong,.done-signal span{display:block}.done-signal strong{margin-top:.2rem;color:#132235;line-height:1.35}.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.readiness-item{display:grid;gap:.65rem;border:1px solid #dbe4ec;border-radius:8px;padding:.95rem;background:#f8fbfd}.readiness-item strong,.readiness-item p,.readiness-item small{display:block;margin:0}.readiness-item strong{margin-top:.25rem;color:#132235}.readiness-item p{color:#526174;line-height:1.45}.readiness-item small{color:#176b45;font-weight:800}.readiness-item.recommended small{color:#8a5a13}.operator-console{display:grid;gap:1rem}.operator-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:clamp(1rem,3vw,1.4rem)}.operator-gate h2,.operator-gate p{margin:0}.operator-gate h2{margin-top:.25rem;max-width:48rem}.operator-gate p:not(.kicker){max-width:50rem;margin-top:.65rem;color:#526174;line-height:1.55}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 0 1.35rem}.kicker,.label{margin:0;color:#637083;font-size:.78rem;font-weight:700;text-transform:uppercase}h1{margin:.15rem 0 0;color:#111827;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1}h2{margin:.15rem 0 0;color:#111827;font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1.1}.topbar-copy{max-width:49rem;margin:.75rem 0 0;color:#3f4d5f;font-size:1.02rem;line-height:1.6}.status{min-width:8.5rem;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #d9e2ea;border-radius:999px;background:#fff;color:#3f4d5f;font-weight:700}.status.verified{border-color:#25d3666b;background:#e9fff2;color:#12633d}.status.expired,.status.failed{border-color:#e06a2f59;background:#fff4ed;color:#94400d}.control-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1fr) minmax(320px,1fr);gap:1rem;align-items:start;margin-bottom:1rem}.story-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;align-items:stretch;border:1px solid #dbe4ec;border-radius:8px;padding:clamp(1rem,3vw,1.35rem);background:#fff;box-shadow:0 18px 55px #12203614}.control-grid .story-panel{grid-template-columns:1fr}.story-copy h2{max-width:28rem;font-size:clamp(1.45rem,2.4vw,2.25rem)}.story-copy p:not(.kicker){max-width:34rem;margin:.75rem 0 0;color:#526174;line-height:1.55}.story-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.control-grid .story-flow{grid-template-columns:1fr;gap:.55rem}.story-flow>div{min-width:0;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem;background:#f8fbfd}.story-flow span{width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#176b45;font-size:.82rem;font-weight:850}.story-flow strong,.story-flow small{display:block}.story-flow strong{margin-top:.65rem;color:#132235}.story-flow small{margin-top:.35rem;color:#526174;line-height:1.4}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);gap:1rem;align-items:start}.panel{border:1px solid #dbe4ec;border-radius:8px;background:#ffffffeb;box-shadow:0 18px 55px #12203614}.primary-panel{padding:clamp(1rem,3vw,1.6rem)}.live-proof-panel{display:grid;gap:1rem}.panel-heading{display:grid;gap:.55rem;margin-bottom:1rem}.panel-heading h2{font-size:clamp(1.35rem,2vw,1.9rem)}.panel-heading p:not(.kicker){max-width:40rem;margin:0;color:#526174;line-height:1.45}.side-panel{display:grid;gap:1rem;align-content:start;padding:1rem}.challenge-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto;gap:.75rem;align-items:end}label{display:grid;gap:.4rem;color:#3f4d5f;font-size:.9rem;font-weight:700}input{width:100%;min-height:2.75rem;border:1px solid #cbd7e2;border-radius:8px;padding:0 .85rem;color:#111827;background:#fff}input:focus{border-color:#1877f2;outline:3px solid rgba(24,119,242,.15)}.notice{margin-top:1rem;border-radius:8px;padding:.85rem 1rem}.notice.error{color:#8f2600;background:#fff1e9}.diagnostic{display:grid;gap:.35rem;margin-top:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem 1rem;color:#243246;background:#f8fbfd}.diagnostic strong{color:#111827}.diagnostic span{color:#526174;line-height:1.45}.diagnostic.waiting,.diagnostic.info{border-color:#c8dcf8;background:#f2f7ff}.diagnostic.warning{border-color:#f6cfae;background:#fff6ee}.diagnostic.error{border-color:#efb7a8;background:#fff1e9}.diagnostic.success{border-color:#25d36659;background:#edfff4}.challenge-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.challenge-strip>div{min-height:6rem;border:1px solid #dbe4ec;border-radius:8px;padding:.9rem;background:#f8fbfd}.challenge-strip strong{display:block;margin-top:.65rem;font-size:clamp(1.1rem,2vw,1.6rem)}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.action-row button:nth-of-type(2){color:#132235;background:#e9eef4}.action-row button:nth-of-type(2):hover{background:#dfe7ef}.code-block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#132235;color:#f8fbfd}.code-block .label{color:#9fb0c4}.code-block code{display:block;margin-top:.5rem;color:#b8ffd0;font-size:1.1rem}.code-block button,.webhook-box button{width:2.75rem;padding:0;background:#1877f2}.webhook-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#f8fbfd}.webhook-box .label{grid-column:1 / -1}.timeline{min-height:7rem;border-left:2px solid #dbe4ec;padding-left:1rem}.log-line{display:grid;gap:.2rem;margin-bottom:1rem}.log-line time{color:#637083;font-size:.78rem;font-weight:700}.log-line span{color:#243246}.empty-log{color:#637083}.audit-card{border:1px solid #dbe4ec;border-radius:8px;padding:1rem;background:#f8fbfd}.audit-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.audit-heading strong{display:block;margin-top:.2rem;color:#111827}.card-copy{margin:-.2rem 0 .85rem;color:#526174;font-size:.9rem;line-height:1.45}.control-card{background:#fff;box-shadow:0 18px 55px #12203614}.icon-button{width:2.4rem;min-height:2.4rem;padding:0;color:#132235;background:#e7edf4}.icon-button:hover{background:#dce6f0}.link-icon{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.secondary-button.compact{min-height:2rem;padding:.4rem .65rem;font-size:.78rem}.retry-action.is-disabled,.retry-action.is-disabled:hover,.retry-action.is-disabled:disabled{color:#526174;background:#e7edf4;opacity:1;transform:none}.audit-list{display:grid;gap:.65rem}.product-list{display:grid;gap:.75rem}.product-row{display:grid;gap:.65rem;border-top:1px solid #dbe4ec;padding-top:.75rem}.product-row.health-row{gap:.7rem}.product-row:first-child{border-top:0;padding-top:0}.product-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.product-row strong,.product-row small{display:block}.product-row small{margin-top:.15rem;color:#637083}.health-status{min-height:1.55rem;display:inline-flex;align-items:center;border-radius:999px;padding:0 .55rem;color:#3f4d5f;background:#e7edf4;font-size:.72rem;font-weight:850;white-space:nowrap}.health-status.healthy{color:#12633d;background:#dffbea}.health-status.polling_ready{color:#0f5f72;background:#dff7fb}.health-status.attention{color:#94400d;background:#fff0e4}.health-status.needs_setup{color:#8f2600;background:#fff1e9}.health-status.parked{color:#526174;background:#e7edf4}.health-hint{color:#526174}.health-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.health-counts span{min-width:0;border:1px solid #dbe4ec;border-radius:8px;padding:.55rem;color:#637083;background:#fff;font-size:.72rem;font-weight:750}.health-counts strong{margin-bottom:.1rem;color:#132235;font-size:1rem}.product-meta{display:flex;flex-wrap:wrap;gap:.4rem}.product-meta span{min-height:1.35rem;display:inline-flex;align-items:center;border-radius:999px;padding:0 .45rem;color:#3f4d5f;background:#e7edf4;font-size:.72rem;font-weight:800}.product-meta span.ready{color:#12633d;background:#dffbea}.product-meta span.missing{color:#94400d;background:#fff0e4}.product-onboarding{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.product-onboarding span{min-height:1.75rem;display:inline-flex;align-items:center;border:1px solid #dbe4ec;border-radius:8px;padding:0 .5rem;color:#526174;background:#fff;font-size:.72rem;font-weight:800}.product-onboarding span.ready{border-color:#25d36647;color:#12633d;background:#f0fff6}.product-onboarding span.missing{border-color:#e06a2f47;color:#94400d;background:#fff8f2}.integration-card{gap:.8rem}.integration-list{display:grid;gap:.8rem}.integration-row{display:grid;gap:.55rem;border-top:1px solid #dbe4ec;padding-top:.75rem}.integration-row:first-child{border-top:0;padding-top:0}.integration-heading strong,.integration-heading small{display:block}.integration-heading small{margin-top:.15rem;color:#637083}.integration-steps{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.integration-step{display:grid;gap:.15rem;border:1px solid #dbe4ec;border-radius:8px;padding:.55rem;background:#fff}.integration-step span{color:#132235;font-size:.78rem;font-weight:850}.integration-step small{color:#637083;line-height:1.35}.integration-step.done{border-color:#25d36647;background:#f0fff6}.integration-step.todo{border-color:#e06a2f47;background:#fff8f2}.integration-step.optional{border-color:#0f5f7238;background:#f2fbfd}.usage-list{display:grid;gap:.55rem}.usage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;border-top:1px solid #dbe4ec;padding-top:.55rem}.usage-row:first-child{border-top:0;padding-top:0}.usage-row strong,.usage-row small{display:block}.usage-row small{margin-top:.15rem;color:#637083}.usage-row>span{min-width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#12633d;background:#dffbea;font-weight:800}.audit-row{width:100%;min-height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;justify-content:normal;border-top:1px solid #dbe4ec;border-radius:0;padding-top:.65rem;padding-right:0;padding-bottom:0;padding-left:0;color:#15202b;background:transparent;text-align:left}.audit-row:first-child{border-top:0;padding-top:0}.audit-row:hover{transform:none;background:transparent}.audit-row.selected{border-radius:8px;border:1px solid rgba(24,119,242,.28);padding:.65rem;background:#f2f7ff}.audit-row strong,.audit-row small{display:block}.audit-row small{margin-top:.15rem;color:#637083}.audit-meta{display:grid;gap:.25rem;justify-items:end;color:#637083;font-size:.78rem;font-weight:700;white-space:nowrap}.audit-meta span:first-child{display:inline-flex;align-items:center;gap:.25rem}.detail-card{background:#fff}.detail-stack{display:grid;gap:.9rem}.detail-summary{display:grid;gap:.2rem}.detail-summary strong,.detail-summary small{display:block}.detail-summary small{color:#637083}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.detail-grid.compact{margin-top:.55rem}.detail-item{min-width:0;border:1px solid #dbe4ec;border-radius:8px;padding:.65rem;background:#f8fbfd}.detail-item span,.detail-item strong{display:block}.detail-item span{color:#637083;font-size:.72rem;font-weight:800;text-transform:uppercase}.detail-item strong{margin-top:.25rem;color:#132235;font-size:.84rem;overflow-wrap:anywhere}.detail-section{border-top:1px solid #dbe4ec;padding-top:.85rem}.detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.detail-section-heading>strong{display:block;color:#111827;font-size:.92rem}.detail-error{margin-top:.55rem;border-radius:8px;padding:.65rem;color:#8f2600;background:#fff1e9;font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}.mini-status{display:inline-flex;align-items:center;min-height:1.45rem;margin-bottom:.3rem;border-radius:999px;padding:0 .5rem;color:#3f4d5f;background:#e7edf4;font-size:.72rem;font-weight:800}.mini-status.verified{color:#12633d;background:#dffbea}.mini-status.pending{color:#315b91;background:#e4f0ff}.mini-status.expired,.mini-status.failed{color:#94400d;background:#fff0e4}.consumer-panel{margin-top:1rem;padding:clamp(1rem,3vw,1.35rem)}.proof-heading{align-items:flex-start;margin-bottom:0}.proof-heading p{max-width:44rem;margin:.5rem 0 0;color:#526174;line-height:1.45}.proof-heading .mode-tabs{min-width:28rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.proof-heading .mode-tabs button{white-space:nowrap}.proof-mode-body{display:grid;gap:1rem}.customer-proof-body{gap:.9rem}.customer-proof-body .consumer-form{align-self:start}.customer-proof-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid #dbe4ec;border-radius:8px;padding:.95rem;background:#f8fbfd}.customer-proof-heading strong,.customer-proof-heading p{display:block}.customer-proof-heading strong{margin-top:.25rem;color:#111827;font-size:1.05rem}.customer-proof-heading p{max-width:34rem;margin:.35rem 0 0;color:#526174;line-height:1.4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mode-tabs{display:inline-flex;gap:.35rem;border:1px solid #dbe4ec;border-radius:8px;padding:.25rem;background:#f8fbfd}.mode-tabs button{min-height:2.35rem;color:#3f4d5f;background:transparent}.mode-tabs button:hover,.mode-tabs button.active{color:#fff;background:#176b45}.consumer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:.9rem;align-items:stretch}.consumer-form{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto;gap:.75rem;align-items:end}.consumer-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border:1px solid #dbe4ec;border-radius:8px;padding:.95rem;background:#f8fbfd}.consumer-status strong{display:block;margin-top:.3rem;color:#111827;font-size:1.15rem}.consumer-status p{margin:.35rem 0 0;color:#526174;line-height:1.45}.consumer-status.ready{border-color:#25d36659;background:#edfff4}.consumer-status.waiting{border-color:#c8dcf8;background:#f2f7ff}.consumer-status.blocked{border-color:#f6cfae;background:#fff6ee}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.flow-steps>div{min-height:6.25rem;border:1px solid #dbe4ec;border-radius:8px;padding:.85rem;background:#fff}.flow-steps span{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#637083;background:#e7edf4;font-size:.8rem;font-weight:800}.flow-steps strong,.flow-steps small{display:block}.flow-steps strong{margin-top:.55rem;color:#243246}.flow-steps small{margin-top:.3rem;color:#637083}.flow-steps .active{border-color:#c8dcf8;background:#f2f7ff}.flow-steps .done{border-color:#25d36659;background:#edfff4}.flow-steps .active span,.flow-steps .done span{color:#fff;background:#176b45}.consumer-actions{display:flex;flex-wrap:wrap;gap:.75rem;grid-column:1 / -1}.consumer-actions button:nth-of-type(1),.consumer-actions button:nth-of-type(2){color:#132235;background:#e9eef4}.consumer-actions button:nth-of-type(1):hover,.consumer-actions button:nth-of-type(2):hover{background:#dfe7ef}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.customer-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.site-nav,.login-demo-hero,.live-login-stage,.login-result-strip,.customer-install-path,.install-path-steps,.customer-pack-heading,.customer-pack-grid,.customer-flow-lanes,.developer-handoff-strip,.handoff-endpoints,.developer-checks,.landing-hero,.hero-flow-card,.journey-map .section-heading,.use-case-panel .section-heading,.use-case-grid,.boundary-panel,.responsibility-grid,.implementation-wizard,.readiness-panel .section-heading,.operator-gate,.topbar,.control-grid,.story-panel,.story-flow,.workspace,.challenge-form,.challenge-strip,.audit-row,.detail-grid,.section-heading,.consumer-grid,.consumer-form,.consumer-status,.customer-proof-heading,.flow-steps{grid-template-columns:1fr}.site-nav{position:static}.site-nav-links{justify-content:start;flex-wrap:wrap}.nav-cta{justify-self:start}.landing-hero,.login-demo-hero{min-height:auto;padding:2rem 0 1rem}.customer-app-demo,.whatsapp-demo{min-height:16rem}.phone-mock{min-height:14rem}.hero-flow-arrow{justify-self:center;transform:rotate(90deg)}.hero-metrics,.readiness-grid,.journey-steps{grid-template-columns:1fr}.wizard-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{display:grid}.status{justify-self:start}.audit-meta{justify-items:start}.section-heading,.customer-proof-heading{display:grid}.mode-tabs{justify-self:start}.proof-heading .mode-tabs{min-width:0;width:100%}}@media(max-width:560px){.site-nav-links,.nav-cta,.site-nav-links a,.hero-actions .button-link{width:100%}.wizard-step-list{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.25rem,12vw,3.5rem)}.login-demo-copy h1{font-size:clamp(2.3rem,12vw,3.55rem)}}