/* Public presentation only. Workspace, decoder and administrator keep their own UI. */
#app>.ssr{animation:none;margin-top:0}
.public-experience{--px-navy:#0b1f2a;--px-mint:#00d1a0;--px-line:#dbe6e3;--px-muted:#5b7079;background:#fff;color:var(--px-navy);font-family:var(--f-body);isolation:isolate;overflow-wrap:anywhere}
.public-experience *, .public-experience *:before,.public-experience *:after{box-sizing:border-box}
.public-experience .wrap{max-width:1360px;width:100%;margin-inline:auto;padding-inline:48px}
.public-experience main{min-width:0}.public-experience .section{padding-block:80px}
.public-experience :is(section[id],h2[id]){scroll-margin-top:116px}
.public-experience :is(h1,h2,h3,p,li,a){overflow-wrap:break-word}
.public-experience :is(h1,h2,h3){text-wrap:balance}
.public-experience :is(a,button,summary):focus-visible{outline:3px solid #009674;outline-offset:5px}
.public-experience .btn{min-height:52px;padding:14px 23px;border-radius:8px;font-size:.88rem;line-height:1.4;white-space:normal;transition:background .18s,border-color .18s,transform .18s}
.public-experience .btn.primary{background:#00d1a0;border-color:#00d1a0;color:#0b1f2a}.public-experience .btn.primary:hover{background:#33e2b9;border-color:#33e2b9;transform:translateY(-2px)}
.public-experience .btn.small{min-height:40px;padding:9px 14px;font-size:.78rem}
.public-experience .eyebrow{color:#376b5c;font-size:.75rem;letter-spacing:.14em}
.public-experience .px-header{background:#0b1f2a;color:#fff;border-bottom:1px solid #ffffff16;position:sticky;top:0;z-index:35}
.public-experience .px-header>.wrap{min-height:100px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:14px}
.public-experience .px-header .logo{flex-shrink:0}.public-experience .px-header .logo img{display:block;width:224px;max-width:100%;height:auto}
.public-experience .px-header .navlinks{display:flex;align-items:center;gap:8px;flex-direction:row;flex-wrap:wrap;min-width:0;max-width:100%;width:auto;padding:0;margin-left:auto}
.public-experience .px-header .navlinks :is(a,button){font-size:.82rem;padding:11px 12px;color:#d6e1e5;line-height:1.4;min-height:44px;border-radius:6px;text-decoration:none;white-space:normal}
.public-experience .px-header .navlinks a:hover,.public-experience .px-header .navlinks a[aria-current=page]{color:#fff;background:#173541}
.public-experience .px-header .navlinks .ghost{border:0;margin-left:16px}.public-experience .px-header .navlinks .cta{background:#00d1a0;color:#0b1f2a;padding:13px 19px}.public-experience .px-header .navlinks .cta:hover{background:#33e2b9}
.public-experience .px-header .navbtn{border-color:#42616a;background:transparent}.public-experience .px-header .menu-btn{display:none;background:transparent;color:#fff;border-color:#4d646d;border-radius:6px;font-size:.8rem}
.public-experience .px-header :is(a,button):focus-visible{outline-color:#00d1a0}
.public-experience .px-footer{padding:32px 0 20px;background:#f5f8f7;border-top:1px solid #dbe6e3}
.public-experience .px-footer .wrap{display:grid;gap:13px}.px-footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.public-experience .px-footer .logo img{width:185px;height:auto;display:block}.px-footer-contact{display:flex;gap:14px 30px;flex-wrap:wrap;font-size:.86rem;font-weight:650}
.px-footer-contact a{text-decoration:none;color:#23483f}.public-experience .px-footer .f-links{gap:4px 22px;display:flex;flex-wrap:wrap}.public-experience .px-footer .f-links a{min-height:32px;color:#52696f;font-size:.76rem}
.public-experience .px-footer .f-legal{border-top:1px solid #dbe6e3;padding-top:9px;gap:2px 20px}.public-experience .px-footer .f-legal a{font-size:.75rem}.public-experience .px-footer .f-bottom{border:0;padding-top:0;font-size:.75rem;align-items:center;gap:10px 20px}.public-experience .px-footer .f-copy{gap:3px 12px}
.px-section{padding:100px 0}.px-section-head{margin-bottom:48px}.px-kicker{font-size:.75rem;font-weight:750;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;display:flex;align-items:center;gap:11px;color:#357462}
.px-kicker i{display:block;width:7px;height:7px;border-radius:50%;background:#00d1a0;box-shadow:0 0 0 5px #00d1a014}
.px-home h2,.px-help h2{font-size:clamp(2.4rem,4vw,3.55rem);font-weight:700;line-height:1.08;letter-spacing:-.055em;margin:18px 0 0}.px-home h2 span{color:#758b8d}.px-home h2 em,.px-help h1 em{color:#008a69;font-style:normal}
.px-home svg,.px-help svg{width:23px;height:23px;flex-shrink:0}.px-home p{line-height:1.8}
.px-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.px-actions .btn{gap:20px}
.px-text-link,.px-link-light{display:inline-flex;align-items:center;gap:17px;font-size:.88rem;font-weight:650;text-decoration:none;min-height:44px}.px-text-link:hover{color:#00795d}.px-link-light{color:#fff}.px-link-light:hover{color:#00d1a0}
/* Product stage uses the native app artwork and a genuine, expandable screen. */
.px-hero{position:relative;background:#071e2a;color:#fff;isolation:isolate;min-width:0}
.px-hero-road{position:absolute;right:0;top:0;width:75%;height:100%;object-fit:cover;object-position:center 74%;z-index:-2;opacity:.8;animation:px-road-arrive 1.4s ease-out 1}
.px-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071e2a 8%,#071e2aeb 32%,#071e2a55 66%,#071e2a33),linear-gradient(0deg,#071e2a,transparent 30%);z-index:-1;pointer-events:none}
.px-hero-inner{position:relative;min-height:770px;padding-block:58px 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:42px 46px;align-items:center}
.px-hero-copy{position:relative;width:100%;max-width:680px;min-width:0;z-index:2;padding:0}.px-hero .px-kicker{color:#a5e6d5;margin-bottom:28px}
.px-hero h1{font-size:clamp(3.6rem,5.5vw,5.2rem);line-height:1.025;letter-spacing:-.065em;font-weight:750;margin:0;text-wrap:initial;color:#fff}
.px-hero h1 em{font-style:normal;color:#00d1a0}.px-hero-copy>p:not(.px-hero-compatibility){font-size:1.04rem;line-height:1.8;color:#cfdee3;margin:27px 0 32px;max-width:480px}
.px-hero .px-actions{gap:16px 24px}.px-hero .btn{padding-inline:23px;font-size:.87rem;gap:14px}.px-hero .px-link-light{font-size:.83rem;gap:12px}
.px-hero-copy>.px-hero-compatibility{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;font-size:.76rem;line-height:1.7;color:#b5ccd2;max-width:440px;margin:33px 0 0;padding-top:22px;border-top:1px solid #ffffff20}.px-hero-compatibility>span{color:#00d1a0;font-size:1.2rem}.px-hero-compatibility>a{display:inline-flex;align-items:center;gap:7px;color:#d8ebe7;min-height:36px;text-underline-offset:4px}.px-hero-compatibility svg{width:16px;height:16px}
.px-product-stage{position:relative;min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,300px) minmax(0,170px);justify-content:center;align-items:center;gap:30px}
.px-hero-device{position:relative;width:100%;max-width:300px;min-width:0;justify-self:center;margin:0;z-index:1;animation:px-phone-arrive .85s ease-out 1}
.px-device-figure{margin:0;width:100%;position:relative}.px-device-figure>a{display:block;background:#071824;border:6px solid #193541;border-radius:29px;box-shadow:0 0 0 1px #89b3b2,0 0 65px #00d1a015,16px 30px 60px #0006;overflow:hidden;transition:transform .22s}
.px-device-figure>a:hover{transform:translateY(-5px)}.px-device-figure img{display:block;width:100%;height:auto;aspect-ratio:1080/1920;object-fit:contain;border:0;border-radius:22px;box-shadow:none}
.px-device-figure figcaption{font-size:.75rem;line-height:1.6;color:#c9dce0;text-align:center;margin-top:18px;text-shadow:0 1px 5px #071e2a}
.px-product-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:27px;min-width:0;padding-bottom:44px}.px-product-rail>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 8px;border-top:1px solid #9be2cd54;padding-top:17px;color:#cfdee3;text-decoration:none;min-width:0;line-height:1.65;transition:border-color .2s,color .2s}.px-product-rail .px-rail-index{grid-column:1/-1;font-size:.7rem;font-weight:650;letter-spacing:.08em;line-height:1.65;color:#9ed4c7}.px-product-rail strong{grid-column:1/-1;font-size:1.3rem;letter-spacing:-.035em;line-height:1.2;font-weight:650;color:#fff}.px-product-rail>a>span:not(.px-rail-index){font-size:.75rem;line-height:1.7;min-width:0}.px-product-rail svg{width:17px;height:17px;align-self:end;margin-bottom:3px;color:#00d1a0}.px-product-rail>a:hover{border-color:#00d1a0;color:#fff}.px-product-rail>a:hover strong{color:#00d1a0}
.px-hero-bottom{position:relative;grid-column:1/-1;border-top:1px solid #cde2e52e;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;min-height:76px;padding-block:14px;color:#b7cbd2;font-size:.75rem;letter-spacing:.03em}
.px-hero-bottom>a{display:flex;align-items:center;gap:24px;text-decoration:none;color:#fff;min-height:44px;font-size:.75rem}.px-hero-bottom>a span{font-size:1.4rem;color:#00d1a0}.px-hero :is(a,button):focus-visible{outline-color:#00d1a0}
@keyframes px-road-arrive{from{opacity:.5}to{opacity:.8}}
@keyframes px-phone-arrive{from{transform:translateY(14px);opacity:.6}to{transform:translateY(0);opacity:1}}
.px-possibilities{background:#fff}.px-possibilities h2 span{color:#08785f}.px-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.px-usecases article{padding:30px;min-width:0;border:1px solid #d5e7df;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(155deg,#fff 40%,#f0faf5);box-shadow:0 8px 28px #0b1f2a04;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.px-usecases article:before{content:"";width:48px;height:3px;background:#00d1a0;position:absolute;top:-1px;left:30px;border-radius:0 0 3px 3px}.px-usecases article:hover{transform:translateY(-4px);border-color:#52b99b;box-shadow:0 16px 35px #0b1f2a09}.px-usecase-top{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;flex-wrap:wrap}.px-usecase-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;color:#08785f;background:#e1f8ef;border:1px solid #b7ead8}.px-usecase-icon svg{width:25px;height:25px}
.px-number{color:#396c5e;letter-spacing:.07em;font-size:.75rem;font-weight:700;line-height:1.5;max-width:160px}.px-usecases h3{font-size:1.65rem;line-height:1.22;letter-spacing:-.045em;margin:27px 0 18px}.px-usecases p{color:#5b7079;font-size:.94rem;margin:0 0 26px;max-width:330px;line-height:1.8}.px-usecases article>a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding-top:18px;border-top:1px solid #cce7db;width:100%;font-size:.85rem;text-decoration:none;font-weight:700;color:#0b4f40}.px-usecases article>a svg{width:21px;color:#008465}
.px-analysis-story{background:#edf4f1}.px-story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:85px;align-items:center}.px-story-copy{min-width:0}.px-story-copy>p{color:#5b7079;font-size:.96rem;margin:24px 0;max-width:430px}.px-checklist{list-style:none;margin:25px 0 32px;padding:0;display:grid;gap:14px}.px-checklist li{font-size:.85rem;line-height:1.6;position:relative;padding-left:25px}.px-checklist li:before{content:"✓";position:absolute;left:0;top:0;color:#008463;font-weight:700}.px-subnote{display:block;font-size:.75rem;line-height:1.7;color:#60776e;margin-top:18px;max-width:390px}
.px-report-sheet{background:#fff;border:1px solid #d4e1dc;border-radius:15px;padding:30px 34px;box-shadow:0 26px 65px #22413510;transform:rotate(2deg);min-width:0;position:relative}.px-report-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-bottom:22px;border-bottom:1px solid #e1e9e5}.px-report-heading>span{font-size:1.2rem;font-weight:800;letter-spacing:-.04em}.px-report-heading small{font-size:.75rem;font-weight:600;letter-spacing:.12em;color:#668078;display:block;margin-top:4px}.px-report-heading>b{font-size:.75rem;letter-spacing:.1em;background:#e8f7ef;color:#3f7663;padding:6px 8px;border-radius:4px}.px-report-title{margin:27px 0}.px-report-title>span{color:#60786d;font-size:.75rem}.px-report-title h3{font-size:1.8rem;letter-spacing:-.04em;line-height:1.15;margin-top:13px}.px-report-timeline{margin:30px 0}.px-report-hours{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#526c70;margin-bottom:10px}.px-report-timeline>svg{width:100%;height:auto;display:block}.px-report-key{display:flex;flex-wrap:wrap;gap:10px 15px;color:#5b7079;font-size:.75rem;margin-top:6px}.px-report-key span{display:flex;align-items:center;gap:5px}.px-report-key i{width:6px;height:6px;background:#00b88c;border-radius:2px}.px-report-key span:nth-child(2) i{background:#e4edf2}.px-report-key span:nth-child(3) i{background:#f0b75a}.px-report-key span:nth-child(4) i{background:#728e9a}
.px-report-observation{display:flex;gap:13px;align-items:flex-start;background:#f3f7f5;padding:18px;border:1px solid #e2eae6;border-radius:9px}.px-report-observation>span{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#dcebe4;color:#47725e;display:grid;place-items:center;font-size:.75rem;font-weight:700}.px-report-observation b{font-size:.77rem}.px-report-observation p{font-size:.75rem;line-height:1.7;color:#667f74;margin:5px 0 0}.px-report-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:.75rem;color:#536f65;margin-top:24px;gap:12px}.px-report-bottom>span:last-child{display:flex;align-items:center;gap:8px}.px-report-bottom svg{width:15px}.px-demo-caption{margin:20px 0 0;padding-top:15px;border-top:1px solid #e6ece8;color:#536e63;font-size:.75rem;line-height:1.7!important}
.px-connection{background:#0b1f2a;color:#fff}.px-connection .px-kicker{color:#9dd7c4}.px-connection h2{color:#fff}.px-connection-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:start}.px-connection-grid>div>p{color:#b4c9ce;font-size:.95rem;margin-top:23px;max-width:420px}.px-models>a{display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;border-bottom:1px solid #38505b;padding:0 0 26px;margin-bottom:26px;color:#fff}.px-models>a>div{min-width:0}.px-models>a span,.px-models>a strong,.px-models>a small{display:block}.px-models>a span{font-size:.75rem;letter-spacing:.12em;color:#91b6b0;font-weight:650}.px-models>a strong{font-size:1.6rem;font-weight:650;letter-spacing:-.035em;margin-top:10px}.px-models>a small{font-size:.75rem;color:#b4c9ce;margin-top:10px}.px-models>a svg{color:#00d1a0}.px-models>a:hover strong{color:#00d1a0}.px-models>p{font-size:.75rem;color:#91aaaF;line-height:1.8}.px-models>p a{color:#d0e3df;text-underline-offset:4px}.px-connection a:focus-visible{outline-color:#00d1a0}
.px-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.px-head-row>p{font-size:.85rem;line-height:1.85;color:#60776e;margin:0;max-width:340px}.px-home-pricing{background:#fff}.px-home-pricing .plans2{max-width:none;width:100%;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}
.px-home-pricing .plan2{background:#f6f9f7;border:1px solid #dae5df;border-radius:14px;box-shadow:none;padding:28px;min-width:0;gap:18px}.px-home-pricing .plan2.hl{background:#0b1f2a;color:#fff;border-color:#0b1f2a}.px-home-pricing .plan2 h3{font-size:1.13rem;color:inherit}.px-home-pricing .p2-qty{border:0;padding-top:0;display:flex;align-items:baseline;gap:10px}.px-home-pricing .p2-qty b{font-size:3.5rem;letter-spacing:-.055em;color:#0b1f2a}.px-home-pricing .p2-qty span{font-size:.82rem;color:#687d73}.px-home-pricing .p2-price{padding-bottom:19px;border-bottom:1px solid #dbe6e0}.px-home-pricing .p2-price b{font-size:1.9rem;color:#0b1f2a}.px-home-pricing .p2-price :is(span,small){font-size:.75rem;color:#657b71}.px-home-pricing .plan2 ul{gap:12px}.px-home-pricing .plan2 li{font-size:.79rem;color:#426153}.px-home-pricing .plan2 li svg{width:16px;height:16px;color:#008b69}.px-home-pricing .plan2.hl :is(.p2-qty b,.p2-price b){color:#fff}.px-home-pricing .plan2.hl :is(.p2-qty span,.p2-price span,.p2-price small,li,.package-discount-info){color:#b9d2cc}.px-home-pricing .plan2.hl .p2-price{border-color:#38505b}.px-home-pricing .plan2 .badge{position:static;align-self:flex-start;max-width:100%;background:#00d1a0;color:#0b1f2a;border-radius:4px;padding:5px 9px;font-size:.75rem;top:-12px;left:24px}.px-welcome{font-size:.86rem;color:#08785f}
.public-experience .home-assist-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:28px;padding:30px 34px;border:1px solid #cbded4;background:#eef6f1;border-radius:14px;color:#0b1f2a}.home-assist-offer h3{font-size:1.4rem;letter-spacing:-.03em;margin:12px 0}.home-assist-offer p{font-size:.82rem;color:#5b7569;max-width:490px}.home-assist-offer>div>a{font-size:.79rem;font-weight:650;display:inline-flex;gap:20px;text-underline-offset:5px;margin-top:13px}.home-assist-offer>div+div{padding-left:32px;border-left:1px solid #ccddd3}.public-experience .da-subscription{margin:0;display:flex;flex-direction:column;gap:7px;color:#0b1f2a}.public-experience .da-subscription>span{font-size:.75rem;color:#5b7569}.public-experience .da-subscription>strong{font-size:1.55rem;line-height:1.5;font-weight:700;letter-spacing:-.035em}.public-experience .da-subscription small{font-size:.75rem;font-weight:500;letter-spacing:0}.public-experience .home-app-downloads{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:18px}.public-experience .home-app-status{font-size:.75rem;color:#5c766a}.public-experience .home-app-status b{font-weight:500}.public-experience .home-app-downloads .btn{min-height:40px;padding:8px 13px;font-size:.75rem}.public-experience .da-price-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.public-experience .da-price-card>div{max-width:490px}.public-experience .da-price-card h2{font-size:1.5rem}.public-experience .da-price-card>div>p{font-size:.85rem;color:#5b7569;line-height:1.7;margin-top:12px}
.px-faq{background:#f6f9f7}.px-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px}.px-faq .px-text-link{margin-top:30px}.public-experience .faq{margin:0;max-width:none}.public-experience details.q{background:transparent;border:0;border-top:1px solid #cbdcd3;border-radius:0;padding:22px 0;margin:0}.public-experience details.q:last-child{border-bottom:1px solid #cbdcd3}.public-experience details.q summary{font-size:.96rem;line-height:1.5;list-style:none;padding-right:30px;position:relative;min-height:24px}.public-experience details.q summary:after{content:"+";position:absolute;right:4px;top:-3px;font-size:1.5rem;line-height:1;font-weight:400;color:#39705c}.public-experience details.q summary::-webkit-details-marker{display:none}.public-experience details.q[open] summary:after{content:"−"}.public-experience details.q p{font-size:.87rem;line-height:1.85;color:#5b7569;margin:17px 0 3px;padding:0}
.px-development{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #d4e2da;padding:28px 0 0;margin-top:60px}.px-development b{font-size:.83rem}.px-development p{font-size:.75rem;color:#5b7569;max-width:770px;margin:8px 0 0}.px-development>a{display:flex;align-items:center;gap:18px;font-size:.75rem;flex-shrink:0;text-decoration:none;font-weight:650;min-height:44px}
.px-page-intro{background:#0b1f2a;color:#fff;padding:72px 0 78px}.px-page-intro .px-kicker{color:#9dd7c4}.px-page-intro h1{font-size:clamp(2.6rem,5.5vw,4.7rem);letter-spacing:-.055em;line-height:1.05;margin:23px 0;color:#fff}.px-page-intro h1 em{color:#00d1a0}.px-page-intro p{color:#b9cdd2;font-size:1rem;line-height:1.8;max-width:590px}.px-help-feature{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px;background:#edf6f1;border:1px solid #d5e4da;border-radius:15px}.px-help-feature h2{font-size:2.2rem;margin-top:16px}.px-help-feature p{font-size:.87rem;line-height:1.8;max-width:560px;color:#5b7569;margin:18px 0 0}.px-help-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.px-help-actions .btn{justify-content:space-between;gap:24px}.px-help .help-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:38px 0 64px}.px-help .help-links>a{display:flex;align-items:flex-start;flex-direction:column;text-decoration:none;gap:12px;padding:25px 0;border:0;border-top:1px solid #cbdcd3;border-radius:0;min-width:0}.px-help .help-links b{font-size:.93rem}.px-help .help-links span{font-size:.78rem;color:#657b71;line-height:1.7;flex:1}.px-help .help-links svg{width:20px;color:#008b69}
.public-experience .connection-guide .section{padding-block:70px}.public-experience .connection-guide .intro{margin-bottom:36px}.public-experience .connection-guide .intro h2{font-size:2.4rem;line-height:1.15;letter-spacing:-.045em;margin-top:16px}.public-experience .connection-intro{background:#0b1f2a;color:#fff}.public-experience .connection-intro h1{font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:-.055em;color:#fff}.public-experience .connection-intro :is(.lead,.connection-note){color:#bbd0d5}.public-experience .connection-intro .eyebrow{color:#93d6bf}.public-experience .connection-choices a{background:#17333f;border-color:#34505b;color:#fff;border-radius:9px}.public-experience .connection-choices span{color:#bdd3d5}.public-experience .connection-choices a:hover{border-color:#00d1a0}.public-experience .connection-version-example{border-radius:10px;padding:30px;background:#f1f7f3;border-color:#c7dcd0}.public-experience .connection-steps{gap:32px}.public-experience .connection-steps li:before{border:0;border-radius:0;background:transparent;color:#008b69;font-size:1.3rem}.public-experience .connection-app-modes article{border-radius:10px;background:#f3f8f5;border-color:#d5e4da}.public-experience .connection-contact{padding-top:30px}.public-experience .connection-contact h3{font-size:1.3rem}
.public-experience .auth{background:#eef4f1;min-height:70vh;padding:64px 24px}.public-experience .authcard{border-radius:14px;border:1px solid #d6e3db;box-shadow:0 18px 60px #0b1f2a06;padding:38px}.public-experience .authcard h1{font-size:2.3rem;line-height:1.1;letter-spacing:-.045em}.public-experience .authcard input{min-height:49px;border-radius:7px}

@media(max-width:1190px){.public-experience .wrap{padding-inline:32px}.public-experience .px-header>.wrap{gap:20px;min-height:88px}.public-experience .px-header .logo img{width:191px}.public-experience .px-header .navlinks{gap:2px}.public-experience .px-header .navlinks :is(a,button){font-size:.75rem;padding:10px 9px}.public-experience .px-header .navlinks .ghost{margin-left:4px}.public-experience .px-header .navlinks .cta{padding:12px}.px-section{padding-block:80px}.px-usecases article{padding:26px}.px-usecases h3{font-size:1.43rem}.px-story-grid,.px-connection-grid{gap:60px}.px-report-sheet{padding:26px}.px-faq-grid{gap:60px}.px-home-pricing .plan2{padding:25px}.px-help .help-links{gap:20px}.px-help-feature{padding:30px}}
@media(max-width:1000px){.public-experience .px-header>.wrap{flex-wrap:wrap;min-height:82px;gap:0 20px;padding-block:13px}.public-experience .px-header .logo img{width:186px}.public-experience .px-header .menu-btn{display:block}.public-experience .px-header .navlinks{display:none;flex-direction:column;align-items:stretch;width:100%;padding:18px 0 6px;gap:5px}.public-experience .px-header.open .navlinks{display:flex;max-height:calc(100dvh - 90px);overflow-y:auto}.public-experience .px-header .navlinks :is(a,button){font-size:.9rem;padding:13px 14px;text-align:left}.public-experience .px-header .navlinks .ghost{margin:10px 0 0;border-top:1px solid #34505b;border-radius:0}.public-experience .px-header .navlinks .cta{padding:14px}.px-story-grid{gap:40px}.px-story-copy .btn{font-size:.77rem;padding-inline:17px}.px-report-title h3{font-size:1.5rem}.px-connection-grid{gap:55px}.px-connection h2{font-size:2.6rem}.px-home-pricing .p2-price b{font-size:1.65rem}.px-home-pricing .plan2{padding:24px 21px}.px-home-pricing .plans2{gap:17px}.px-help .help-links{grid-template-columns:repeat(2,minmax(0,1fr))}.px-footer-contact{gap:8px 24px;font-size:.79rem}}
@media(max-width:760px){.public-experience .wrap{padding-inline:22px}.public-experience .section,.px-section{padding-block:58px}.public-experience .px-header>.wrap{min-height:77px;padding-block:12px}.public-experience .px-header .logo img{width:180px}.public-experience .px-header .menu-btn{min-height:44px;padding:9px 14px}
.px-home h2,.px-help h2{font-size:clamp(2.1rem,6.5vw,2.8rem);line-height:1.1}.px-section-head{margin-bottom:29px}.px-kicker{font-size:.75rem}.px-usecases{grid-template-columns:minmax(0,1fr);gap:20px}.px-usecases article{padding:25px}.px-usecases h3{font-size:1.65rem;margin:19px 0 13px}.px-usecases h3 br{display:none}.px-usecases p{font-size:.94rem;max-width:none;margin-bottom:15px}.px-usecases article>a{font-size:.85rem}.px-number{font-size:.75rem}.px-story-grid,.px-connection-grid,.px-faq-grid{grid-template-columns:minmax(0,1fr);gap:38px}.px-story-copy>p{font-size:.9rem;max-width:580px;margin-block:20px}.px-checklist{margin:22px 0 26px;gap:12px}.px-checklist li{font-size:.8rem}.px-story-copy .btn{font-size:.8rem}.px-report-sheet{transform:none;width:100%;max-width:540px;margin:0 auto;padding:26px}.px-report-title h3{font-size:1.7rem}.px-report-title{margin-top:23px}.px-report-timeline{margin-block:25px}.px-report-key{font-size:.75rem}.px-connection-grid{gap:34px}.px-connection-grid>div>p{font-size:.87rem;max-width:560px;margin-top:20px}.px-models>a{padding-bottom:23px;margin-bottom:23px}.px-models>a strong{font-size:1.5rem}.px-head-row{flex-direction:column;align-items:flex-start;gap:22px}.px-head-row>p{font-size:.81rem}.px-home-pricing .plans2{grid-template-columns:minmax(0,1fr);gap:25px;max-width:540px;margin-inline:auto}.px-home-pricing .plan2{padding:28px}.px-home-pricing .p2-price b{font-size:2rem}.px-home-pricing .p2-qty b{font-size:3.3rem}.public-experience .home-assist-offer{grid-template-columns:minmax(0,1fr);padding:26px;gap:24px;max-width:540px;margin-inline:auto}.home-assist-offer>div+div{padding:23px 0 0;border:0;border-top:1px solid #ccddd3}.home-assist-offer h3{font-size:1.3rem}.public-experience .da-subscription>strong{font-size:1.5rem}.public-experience .home-app-downloads{gap:10px 16px}.px-faq .px-text-link{margin-top:20px}.public-experience details.q{padding:20px 0}.public-experience details.q summary{font-size:.88rem}.public-experience details.q p{font-size:.82rem}.px-development{align-items:flex-start;flex-direction:column;gap:18px;margin-top:40px;padding-top:25px}.px-development p{font-size:.75rem}
.px-page-intro{padding:46px 0 52px}.px-page-intro h1{font-size:clamp(2.4rem,8vw,3.6rem);line-height:1.07}.px-page-intro p{font-size:.9rem}.px-help-feature{flex-direction:column;align-items:stretch;gap:25px;padding:26px}.px-help-feature h2{font-size:2rem}.px-help-feature p{font-size:.83rem}.px-help-actions{flex-direction:row;flex-wrap:wrap}.px-help-actions .btn{font-size:.77rem;gap:15px;flex:1}.px-help .help-links{gap:16px 28px;margin:32px 0 45px}.px-help .help-links b{font-size:.86rem}.px-help .help-links span{font-size:.75rem}.public-experience .connection-guide .section{padding-block:45px}.public-experience .connection-guide .intro h2{font-size:2rem}.public-experience .connection-intro h1{font-size:2.6rem}.public-experience .connection-choices{gap:12px}.public-experience .connection-version-example{padding:24px}.public-experience .px-footer{padding-block:26px 18px}.px-footer-top{flex-direction:column;align-items:flex-start;gap:20px}.public-experience .px-footer .logo img{width:164px}.px-footer-contact{gap:10px 22px;font-size:.8rem}.public-experience .px-footer .f-links{gap:0 18px}.public-experience .px-footer .f-bottom{align-items:flex-start;flex-direction:column;gap:8px}.public-experience .auth{padding:40px 18px}.public-experience .authcard{padding:28px}.public-experience .authcard h1{font-size:2rem}}
@media(max-width:390px){.public-experience .wrap{padding-inline:18px}.public-experience .px-header .logo img{width:166px}.px-report-sheet{padding:22px}.px-report-title h3{font-size:1.5rem}.px-report-observation{padding:14px}.px-report-key{gap:9px;font-size:.75rem}.px-home-pricing .plan2{padding:24px}.public-experience .home-assist-offer{padding:23px}.px-help .help-links{grid-template-columns:minmax(0,1fr);gap:10px}.px-help .help-links>a{padding-block:22px}.px-help-actions{flex-direction:column}.px-help-feature{padding:23px}.public-experience .authcard{padding:24px}.public-experience .connection-intro h1{font-size:2.2rem}.px-footer-contact{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.px-usecases article{transition:none}.px-usecases article:hover{transform:none}.public-experience .btn{transition:none}.public-experience .btn.primary:hover{transform:none}}

/* Natural flow keeps the real screen, annotations and enlarged text separate. */
@media(min-width:1600px){.px-hero-inner{min-height:800px}.px-hero h1{font-size:5.3rem}}
@media(max-width:1190px){.px-hero-inner{min-height:735px;padding-block:50px 0;column-gap:34px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.px-hero h1{font-size:clamp(3.05rem,5.35vw,4.3rem)}.px-hero-copy>p:not(.px-hero-compatibility){font-size:.98rem}.px-product-stage{grid-template-columns:minmax(0,275px) minmax(0,145px);gap:23px}.px-product-rail{gap:22px}.px-product-rail strong{font-size:1.15rem}.px-product-rail .px-rail-index{font-size:.7rem;letter-spacing:.05em}.px-hero .px-actions{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:1000px){.px-hero-inner{min-height:0;padding-top:48px;grid-template-columns:minmax(0,1fr);row-gap:38px}.px-hero-copy{max-width:680px}.px-hero h1{font-size:clamp(3.4rem,6.8vw,4.7rem)}.px-hero .px-actions{flex-direction:row;gap:16px 24px;align-items:center}.px-product-stage{max-width:520px;justify-self:center;grid-template-columns:minmax(0,290px) minmax(0,170px);gap:34px}.px-product-rail strong{font-size:1.3rem}.px-product-rail .px-rail-index{font-size:.7rem}.px-hero-road{width:100%;object-position:center 72%}.px-hero:before{background:linear-gradient(180deg,#071e2af5 0%,#071e2acc 25%,#071e2a22 58%,#071e2a 100%)}.px-hero-copy>.px-hero-compatibility{margin-top:24px;padding-top:16px}}
@media(max-width:760px){.px-hero-inner{padding-block:40px 0;row-gap:34px}.px-hero-copy{max-width:560px}.px-hero h1{font-size:clamp(2.55rem,8.5vw,3.8rem);letter-spacing:-.06em;line-height:1.04}.px-hero .px-kicker{margin-bottom:22px}.px-hero-copy>p:not(.px-hero-compatibility){font-size:.96rem;margin:22px 0 25px}.px-hero .px-actions{gap:12px}.px-hero .btn{font-size:.82rem;min-height:50px;padding:13px 18px}.px-hero .px-link-light{font-size:.8rem;min-height:45px}.px-product-stage{grid-template-columns:minmax(0,1fr);gap:22px;max-width:520px}.px-hero-device{width:252px;max-width:100%}.px-device-figure>a{border-width:5px;border-radius:25px}.px-device-figure img{border-radius:19px}.px-device-figure figcaption{margin-top:15px}.px-product-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:0}.px-product-rail>a{display:flex;flex-direction:column;gap:8px;padding-top:13px;align-items:flex-start}.px-product-rail strong{font-size:1.05rem}.px-product-rail .px-rail-index{font-size:.7rem;letter-spacing:.03em}.px-product-rail>a>span:not(.px-rail-index){font-size:.74rem}.px-product-rail svg{align-self:flex-start;margin:3px 0 0}.px-hero-bottom{min-height:0;padding-block:17px;gap:9px 22px;align-items:flex-start}.px-hero-bottom>span{line-height:1.7}.px-hero-bottom>a{line-height:1.6;gap:12px}}
@media(max-width:540px){.px-product-rail{grid-template-columns:minmax(0,1fr);gap:0;width:100%}.px-product-rail>a{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:64px;padding-block:14px}.px-product-rail .px-rail-index{display:none}.px-product-rail strong{grid-column:auto;font-size:1rem;line-height:1.35}.px-product-rail>a>span:not(.px-rail-index){font-size:.8rem;line-height:1.6}.px-product-rail br{display:none}.px-product-rail svg{align-self:center;margin:0}.px-product-stage{gap:20px}.px-hero-copy>.px-hero-compatibility{margin-top:20px}}
@media(max-width:390px){.px-hero-inner{padding-top:34px;row-gap:28px}.px-hero h1{font-size:clamp(2.15rem,10.5vw,2.6rem)}.px-hero-copy>p:not(.px-hero-compatibility){font-size:.92rem}.px-hero .px-actions{gap:7px;flex-direction:column;align-items:flex-start}.px-hero-device{width:236px}.px-product-rail{gap:11px}.px-product-rail strong{font-size:.94rem}.px-product-rail .px-rail-index{font-size:.7rem;letter-spacing:0}.px-product-rail>a>span:not(.px-rail-index){font-size:.78rem}.px-product-rail br{display:none}.px-hero-copy>.px-hero-compatibility{font-size:.73rem}.px-hero-bottom{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.px-hero-road,.px-hero-device{animation:none}.px-device-figure>a,.px-product-rail>a{transition:none}.px-device-figure>a:hover{transform:none}}


/* Help topics use their own layout: never inherit the legacy three-column FAQ cards. */
.public-experience .px-help-questions-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.public-experience .px-help-questions-intro h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.045em;margin-top:14px}
.public-experience .px-help-questions-intro>p{font-size:.94rem;line-height:1.75;color:#5b707b;max-width:310px;margin:0}
.public-experience .px-help-topic-nav{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 42px}
.public-experience .px-help-topic-nav a{display:inline-flex;align-items:center;gap:14px;min-height:48px;max-width:100%;padding:12px 17px;border:1px solid #d5e2e5;border-radius:8px;background:#fff;color:#0b1f2a;text-decoration:none;font-size:.85rem;font-weight:600;line-height:1.45}
.public-experience .px-help-topic-nav a>span{color:#008366;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}
.public-experience .px-help-topic-nav svg{width:17px;height:17px;transform:rotate(90deg);margin-left:4px;color:#008366}
.public-experience .px-help-topic-nav a:hover{border-color:#008366;background:#f1f9f6}
.public-experience .px-help-topic-nav a:focus-visible,.public-experience .px-help-answers summary:focus-visible{outline:3px solid #008366;outline-offset:5px}
.public-experience .px-help-topics{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;border-top:1px solid #cfdde1}
.public-experience .px-help-topic{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:clamp(40px,6vw,86px);min-width:0;padding:44px 0;border:0;border-bottom:1px solid #cfdde1;background:transparent;scroll-margin-top:120px}
.public-experience .px-help-topic-header{min-width:0;padding:4px 0 0}
.public-experience .px-help-topic-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #bdded3;border-radius:10px;background:#edf8f3;color:#008366;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}
.public-experience .px-help-topic-header h2{font-size:clamp(1.55rem,2.25vw,2rem);line-height:1.18;letter-spacing:-.035em;margin:19px 0 12px;word-break:normal;overflow-wrap:normal;hyphens:none}
.public-experience .px-help-topic-header p{font-size:.9rem;line-height:1.7;color:#5b707b;margin:0;max-width:28ch}
.public-experience .px-help-answers{display:block;min-width:0}
.public-experience .px-help-answers details.q{padding:0;border:0;border-bottom:1px solid #dce5e8;border-radius:0;background:transparent;margin:0}
.public-experience .px-help-answers details.q:first-child{border-top:0}
.public-experience .px-help-answers details.q:last-child{border-bottom:0}
.public-experience .px-help-answers details.q summary{padding:22px 42px 22px 0;min-height:64px;font-size:1rem;font-weight:600;line-height:1.55;word-break:normal;overflow-wrap:break-word;cursor:pointer}
.public-experience .px-help-answers details.q summary:after{display:flex;align-items:center;justify-content:center;top:22px;right:1px;width:26px;height:26px;border:1px solid #c3dcd4;border-radius:50%;font-size:1.25rem;line-height:1;color:#008366;background:#f2f9f6}
.public-experience .px-help-answers details.q[open] summary{color:#007e60}
.public-experience .px-help-answers details.q p{font-size:.95rem;line-height:1.8;color:#405c69;margin:0;padding:0 38px 24px 0;max-width:72ch;overflow-wrap:break-word}
.public-experience .px-help-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding:30px 34px;border-left:3px solid #00d1a0;border-radius:0 12px 12px 0;background:#f3f7f8}
.public-experience .px-help-contact b{font-size:1.06rem;line-height:1.4}
.public-experience .px-help-contact p{font-size:.9rem;line-height:1.7;color:#5b707b;margin:8px 0 0}
.public-experience .px-help-contact .px-text-link{flex-shrink:0;font-size:.88rem;margin:0}
@media(max-width:800px){.public-experience .px-help-questions-intro{align-items:flex-start;flex-direction:column;gap:18px}.public-experience .px-help-questions-intro>p{max-width:none}.public-experience .px-help-questions-intro>p br{display:none}.public-experience .px-help-topic-nav{margin-bottom:24px;gap:9px}.public-experience .px-help-topic-nav a{font-size:.82rem;padding:11px 13px;gap:10px}.public-experience .px-help-topic{grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 0}.public-experience .px-help-topic-header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px 15px;align-items:start}.public-experience .px-help-topic-header h2{margin:0;font-size:1.6rem;align-self:center}.public-experience .px-help-topic-header p{grid-column:2;max-width:none;font-size:.87rem}.public-experience .px-help-answers details.q summary{font-size:.96rem;padding-block:20px}.public-experience .px-help-answers details.q summary:after{top:20px}.public-experience .px-help-answers details.q p{font-size:.91rem;padding-right:10px}.public-experience .px-help-contact{align-items:flex-start;flex-direction:column;gap:20px;padding:25px}}
@media(max-width:390px){.public-experience .px-help-topic-nav a{width:100%;justify-content:flex-start}.public-experience .px-help-topic-nav svg{margin-left:auto}.public-experience .px-help-topic-header h2{font-size:1.45rem}.public-experience .px-help-contact{padding:22px}}

/* Keep package cards readable where the legacy tablet layout constrains .plans2. */
@media(max-width:960px){.public-experience .px-home-pricing .plans2{grid-template-columns:minmax(0,1fr);max-width:540px;margin-inline:auto}}
/* A clear leading feature, with mint reserved for actionable details. */
.px-usecases article:first-child{background:#0b1f2a;border-color:#0b1f2a;box-shadow:0 20px 45px #0b1f2a14}
.px-usecases article:first-child h3{color:#fff}
.px-usecases article:first-child p{color:#c4d5dc}
.px-usecases article:first-child .px-number{color:#a1c7c1}
.px-usecases article:first-child .px-usecase-icon{background:#123f43;border-color:#21645c;color:#58e4be}
.px-usecases article:first-child>a{color:#fff;border-color:#34505b}
.px-usecases article:first-child>a svg{color:#00d1a0}
