html{scroll-padding-top:84px}
.homepage-v5 section{scroll-margin-top:0}
/* V7: restore the approved V5 composition, type scale and original hero.
   Only the marketing page is scoped here. Raster art illustrates; meaningful copy stays live. */
.homepage-v5{--ink:#12294a;--muted:#5e7090;--paper:#faf9f6;--indigo:#5059ed;--indigo-dark:#3e46ce;--gutter:64px;--ease:cubic-bezier(.22,1,.36,1);background:var(--paper)}
.homepage-v5 .wrap{max-inline-size:1760px}
.homepage-v5 .header-inner{gap:24px;min-block-size:84px}
.homepage-v5 .main-nav{gap:24px;font-size:14px}
.homepage-v5 .nav-login{display:none}
.homepage-v5 .header-actions{gap:18px}
.homepage-v5 .header-demo{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-block-size:44px;padding:9px 18px;border-radius:11px;background:var(--indigo);color:white;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s}
.homepage-v5 .header-demo:hover{background:var(--indigo-dark)}
.homepage-v5 .header-demo .icon{inline-size:18px;block-size:18px}
.homepage-v5 .login{border:0;padding:10px 0;border-radius:0;gap:8px;font-size:14px}
.homepage-v5 .login span{font-size:17px}
.homepage-v5 .hero-inner{min-block-size:max(740px,calc(100svh - 84px));display:flex;align-items:center;padding-block:64px 112px}
.homepage-v5 .hero-copy{inline-size:44%;padding:0;position:relative;z-index:2;transform:translateY(-36px)}
.homepage-v5 .hero h1{font-size:clamp(60px,4.85vw,88px);line-height:1.14;letter-spacing:-.038em}
.homepage-v5 .hero .eyebrow{font-size:17px;margin-block-end:26px}
.homepage-v5 .hero-description{font-size:22px;line-height:1.7;font-weight:400;margin-block-start:30px}
.homepage-v5 .hero-art{inline-size:73%;inset-inline-end:-5.5%;inset-block-end:auto;top:50%;translate:0 -44%;position:absolute}
.homepage-v5 .hero-art figcaption{inset-inline-end:11%;bottom:-12px;background:transparent;font-size:10px}
.homepage-v5 .hero-topics{gap:24px;margin-block-start:34px;font-size:13px}
.homepage-v5 .hero-topics>span{display:flex;align-items:center;gap:7px}
.homepage-v5 .hero-topics .icon{inline-size:17px;block-size:17px}
.homepage-v5 .v5-section{padding-block:88px;overflow:clip;position:relative}
.homepage-v5 .v5-split{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:64px}
.homepage-v5 .v5-copy{min-inline-size:0}
.homepage-v5 .v5-section h2{font-size:40px;line-height:1.28;font-weight:800;letter-spacing:-.028em;text-wrap:balance}
.homepage-v5 .v5-section .eyebrow{font-size:16px;font-weight:500;line-height:1.5;color:var(--indigo);margin-block-end:28px}
.homepage-v5 .v5-description{font-size:20px;line-height:1.7;margin-block:30px 0;color:#263e62;max-inline-size:48ch;text-wrap:pretty}
.homepage-v5 .button{min-block-size:52px;padding:12px 25px;font-size:17px;border-radius:11px;justify-content:center;gap:28px;font-weight:550}
.homepage-v5 .primary{background:var(--indigo);border:1px solid var(--indigo);box-shadow:0 6px 20px #4357de12}
.homepage-v5 .primary:hover{background:var(--indigo-dark);box-shadow:0 8px 20px #4357de26;transform:translateY(-2px)}
.homepage-v5 figcaption{font-size:11px;line-height:1.5;color:#5b6b89;margin-block-start:10px;text-align:left}
.homepage-v5 .v5-product-art,.homepage-v5 .charging-art{min-inline-size:0;inline-size:100%}
.homepage-v5 .art-crop{position:relative;overflow:hidden;isolation:isolate;direction:ltr}
.homepage-v5 .art-crop img{position:absolute;max-inline-size:none;block-size:auto;object-fit:initial;border:0;border-radius:0;transform:none}
/* Overview: read the resident action and the team's corresponding outcome together. */
.homepage-v5 .overview-section{background:var(--paper);border:0;padding-block:92px}
.homepage-v5 .overview-section .v5-split{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.homepage-v5 .overview-crop{aspect-ratio:1054/762;border-radius:26px;background:#eef0ff}
.homepage-v5 .overview-crop img{inline-size:168.311%;left:-5.693%;top:-9.711%}
.homepage-v5 .overview-section .v5-product-art{position:relative;padding:0;background:transparent;border-radius:26px;overflow:hidden}
.homepage-v5 .overview-section figcaption{position:absolute;left:24px;bottom:8px;margin:0;font-size:10px}
.homepage-v5 .capability-list{margin-block-start:32px}
.homepage-v5 .capability-list a{display:flex;align-items:center;gap:20px;min-block-size:96px;border-block-end:1px solid #dce2ee;transition:color .18s}
.homepage-v5 .capability-list a:last-child{border:0}
.homepage-v5 .capability-list a>.icon:first-child{inline-size:48px;block-size:48px;padding:11px;color:var(--ink);background:#e9edff;border-radius:50%}
.homepage-v5 .capability-list strong{display:block;font-size:20px;font-weight:700;line-height:1.5}
.homepage-v5 .capability-list small{display:block;font-size:16px;line-height:1.6;color:var(--muted);margin-block-start:3px}
.homepage-v5 .capability-list a>.icon:last-child{display:none}
.homepage-v5 .capability-list a:hover strong{color:var(--indigo)}
/* Collections: the connected phone and ledger keep their approved hierarchy. */
.homepage-v5 .collections-section{background:linear-gradient(180deg,#f0f0ff 0%,#eeeefe 70%,#efefff 100%);padding-block:88px}
.homepage-v5 .collections-section .v5-split{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px}
.homepage-v5 .collections-section h2{font-size:38px;line-height:1.3}
.homepage-v5 .collections-section h2 .indigo{color:var(--ink)}
.homepage-v5 .v5-checks{list-style:none;margin:34px 0 0;padding:0}
.homepage-v5 .v5-checks li{display:flex;align-items:center;gap:16px;font-size:19px;margin-block:22px}
.homepage-v5 .v5-checks .icon{inline-size:32px;block-size:32px;padding:7px;border-radius:50%;background:var(--indigo);color:white;stroke-width:2}
.homepage-v5 .collection-art{position:relative}
/* Operations: three approved cards, with maintenance leading the chapter. */
.homepage-v5 .operations-section{background:#fff;padding-block:64px}
.homepage-v5 .v5-section-heading{margin-block-end:36px}
.homepage-v5 .v5-section-heading h2{font-size:40px;text-wrap:initial}
.homepage-v5 .v5-section-heading .eyebrow{margin-block-end:14px}
.homepage-v5 .v5-section-heading>p:last-child{font-size:20px;line-height:1.7;color:var(--muted);margin-block-start:16px}
.homepage-v5 .operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.homepage-v5 .operation-card{position:relative;background:linear-gradient(155deg,#fff,#fcfdff);border:1px solid #dce3ef;border-radius:22px;padding:24px 22px 18px;overflow:hidden;box-shadow:none}
.homepage-v5 .service-card{background:linear-gradient(155deg,#fff,#fcfdff);border-color:#dce3ef}
.homepage-v5 .operation-heading{display:flex;align-items:center;gap:14px}
.homepage-v5 .feature-icon{inline-size:54px;block-size:54px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:#eef0ff;color:var(--ink)}
.homepage-v5 .feature-icon .icon{inline-size:30px;block-size:30px}
.homepage-v5 .operation-card h3{font-size:25px;line-height:1.4;font-weight:750}
.homepage-v5 .operation-card>p{font-size:17px;line-height:1.65;margin:14px 0 24px;min-block-size:28px;max-inline-size:none;color:var(--muted)}
.homepage-v5 .operation-visual figcaption{font-size:10px;margin-block-start:12px}
/* Safety: the selected system, its point, and its record are one interaction. */
.homepage-v5 .safety-section{background:#1c2b43;color:white;padding-block:64px}
.homepage-v5 .safety-section h2 span{color:inherit}
.homepage-v5 .safety-section .eyebrow{color:#bacbe9}
.homepage-v5 .safety-copy>p:not(.eyebrow){color:#bdcce6;font-size:20px;line-height:1.7;margin-block:28px;max-inline-size:44ch}
.homepage-v5 .safety-tabs{display:flex;flex-direction:column;gap:12px;margin-block-start:32px}
.homepage-v5 .safety-tabs button{display:flex;align-items:center;text-align:start;gap:16px;min-block-size:76px;padding:10px 14px;border:1px solid #52617a;border-radius:11px;background:#ffffff02;color:white;transition:background .2s,border-color .2s}
.homepage-v5 .safety-tabs button[aria-selected=true]{border-color:#99a8fd;background:linear-gradient(100deg,#35476f80,#35476f);box-shadow:none}
.homepage-v5 .safety-tabs button>.icon{inline-size:46px;block-size:46px;padding:9px;background:#ffffff08;border:1px solid #53617a;border-radius:10px}
.homepage-v5 .safety-tabs button[aria-selected=true]>.icon{background:#5367dc}
.homepage-v5 .safety-tabs button>span{font-size:20px;font-weight:600}
.homepage-v5 .safety-tabs small{display:block;font-size:14px;font-weight:400;line-height:1.5;color:#bacbe9;margin-block-start:3px}
.homepage-v5 .safety-tabs .safety-tab-arrow{display:block;font-size:24px;font-weight:300;margin-inline-start:auto;opacity:.6}
.homepage-v5 .safety-tabs [aria-selected=true] .safety-tab-arrow{opacity:1}
.homepage-v5 .safety-scene{position:relative;block-size:640px;isolation:isolate;margin:0;min-inline-size:0}
.homepage-v5 .safety-illustration{position:absolute;inset:0}
.homepage-v5 .safety-illustration>img{position:absolute;inline-size:125%;max-inline-size:none;block-size:100%;left:-12%;top:0;object-fit:contain;object-position:58% center;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 95%,transparent);mask-composite:intersect}
.homepage-v5 .safety-beacon{position:absolute;inset-inline-start:35%;inset-block-start:34%;inline-size:16px;block-size:16px;background:#728eff;border:3px solid white;border-radius:50%;box-shadow:0 0 0 7px #8ba0ff40,0 0 28px #b1beff;transition:inset .4s var(--ease)}
.homepage-v5 .safety-beacon>span{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 12px;background:#fcfcff;color:#253c60;border-radius:7px;font-size:12px;font-weight:650;box-shadow:0 5px 18px #0003}
.homepage-v5 .inspection-card{position:absolute;left:0;right:auto;bottom:32px;inline-size:300px;padding:24px;background:#fcfcff;border:1px solid #ecedfa;border-radius:16px;color:var(--ink);box-shadow:0 16px 32px #080f2330;z-index:2}
.homepage-v5 .inspection-building{font-size:11px;color:#596c89;margin:0 0 12px}
.homepage-v5 .inspection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.homepage-v5 .inspection-card h3{font-size:23px;font-weight:750;line-height:1.3}
.homepage-v5 .inspection-symbol{display:grid;place-items:center;inline-size:40px;block-size:40px;background:#e9edff;border-radius:10px;order:2;flex-shrink:0}
.homepage-v5 .inspection-symbol .icon{inline-size:25px;block-size:25px}
.homepage-v5 .inspection-description{display:none}
.homepage-v5 .inspection-date{display:flex;flex-direction:column;align-items:start;gap:2px;border:0;padding:0;margin:14px 0 18px}
.homepage-v5 .inspection-date>span{font-size:15px;color:#576c89;max-inline-size:none}
.homepage-v5 .inspection-date strong{font-size:27px;font-weight:550;line-height:1.4;direction:ltr}
.homepage-v5 .inspection-file{display:flex;align-items:center;gap:10px;margin:0;padding:12px 0 0;border:0;border-block-start:1px solid #dfe5ef;font-size:13px}
.homepage-v5 .inspection-file>.icon{inline-size:26px;block-size:26px;color:#596dcc}
.homepage-v5 .inspection-file small{display:block;color:#61718a;font-size:10px;margin-block-end:2px}
.homepage-v5 .inspection-caption{position:absolute;top:calc(100% + 8px);left:0;color:#c4d0e6;font-size:10px;white-space:nowrap}
/* Charging: select a step to change the actual explanation in the image. */
.homepage-v5 .charging-section{background:var(--paper);padding-block:88px}
.homepage-v5 .charging-flow{display:flex;flex-direction:column;gap:12px;margin-block-start:32px;border:0}
.homepage-v5 .charging-flow button{display:flex;align-items:center;gap:16px;min-block-size:78px;text-align:start;padding:14px;margin:0;border:1px solid #dfe4ee;border-radius:14px;background:#fff9;transition:border-color .2s,background .2s}
.homepage-v5 .charging-flow button[aria-pressed=true]{background:#f7f8ff;border-color:#b3bef6;box-shadow:none}
.homepage-v5 .flow-number{display:grid;place-items:center;inline-size:40px;block-size:40px;margin:0;border-radius:50%;background:#e9edff;color:#203960;font-size:16px;font-weight:650;flex-shrink:0}
.homepage-v5 [aria-pressed=true] .flow-number{background:var(--indigo);color:white}
.homepage-v5 .charging-flow strong{display:block;font-size:19px;font-weight:700;line-height:1.45}
.homepage-v5 .charging-flow small{display:block;font-size:14px;line-height:1.5;margin-block-start:4px;color:#576c91}
.homepage-v5 .charging-flow .icon{display:block;inline-size:25px;block-size:25px;margin:0;color:#203960}
.homepage-v5 .charging-flow .icon:last-child{display:none}
.homepage-v5 .charging-scene{position:relative;block-size:570px;border-radius:24px;overflow:hidden;background:#ece9e5}
.homepage-v5 .charging-scene>img{position:absolute;inline-size:145%;max-inline-size:none;block-size:auto;left:-30%;top:-27%;object-fit:cover}
.homepage-v5 .meter-card{position:absolute;inset:auto 4% 24px;inline-size:auto;padding:16px 18px;background:#fffffff5;border:1px solid #e8e9ef;border-radius:16px;box-shadow:0 16px 40px -24px #18365d60;backdrop-filter:blur(8px)}
.homepage-v5 .meter-meta{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:#617391;margin:0 0 16px}
.homepage-v5 .meter-meta>.icon{inline-size:16px;block-size:16px;color:var(--indigo)}
.homepage-v5 .meter-meta>span{margin-inline-start:auto;font-size:10px}
.homepage-v5 .charge-panel-content{min-block-size:96px}
.homepage-v5 .meter-strip{display:grid;grid-template-columns:1fr 1fr 1.18fr;align-items:center;gap:10px}
.homepage-v5 .meter-reading{display:flex;align-items:center;justify-content:center;gap:10px}
.homepage-v5 .meter-reading+.meter-reading{border-inline-start:1px solid #d5dcec}
.homepage-v5 .meter-reading>.icon{inline-size:24px;block-size:24px;color:#233d66}
.homepage-v5 .meter-strip small{display:block;font-size:12px;line-height:1.4;color:#3d547a}
.homepage-v5 .meter-strip strong{display:block;font-size:26px;font-weight:750;line-height:1.5;color:#1e375c}
.homepage-v5 .meter-total{display:flex;align-items:center;justify-content:center;gap:10px;background:#e9edff;border:0;padding:10px;border-radius:10px}
.homepage-v5 .meter-total>.icon{inline-size:24px;block-size:24px;color:#4566ff}
.homepage-v5 .meter-strip strong small{display:inline;font-size:13px;font-weight:450}
.homepage-v5 .meter-strip .meter-word{font-size:15px;color:#3c4db8;white-space:nowrap}
.homepage-v5 .meter-explanation{margin-block-start:12px;text-align:center;font-size:12px;color:#576985;max-inline-size:none}
.homepage-v5 .usage-equation{display:flex;justify-content:center;align-items:center;gap:22px;text-align:center}
.homepage-v5 .usage-equation>span>small{display:block;font-size:12px;color:#526783}
.homepage-v5 .usage-equation strong{font-size:27px;line-height:1.4;font-weight:700;white-space:nowrap}
.homepage-v5 .usage-equation strong small{font-size:12px;font-weight:500}
.homepage-v5 .usage-equation i{font-size:20px;font-style:normal;color:#617391}
.homepage-v5 .usage-result{padding:7px 18px;border-radius:10px;background:#e9edff;color:#3c4db8}
.homepage-v5 .billing-preview>span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:#384e82}
.homepage-v5 .billing-preview .icon{inline-size:20px;block-size:20px;color:#087a63}
.homepage-v5 .billing-preview p{display:flex;align-items:center;justify-content:center;gap:12px;font-size:19px;margin-block:8px;max-inline-size:none}
.homepage-v5 .billing-preview bdi{color:#3c4db8;font-weight:700}
.homepage-v5 .billing-steps{display:flex;justify-content:center;gap:14px;align-items:center;font-size:12px;color:#526783}
.homepage-v5 .billing-steps i{font-style:normal;color:#8797c3}
.homepage-v5 .charging-art figcaption{text-align:center;font-size:12px;margin-block-start:12px}
/* Onboarding: useful detail has precedence over the mascot's size. */
.homepage-v5 .start-section{background:var(--paper);padding-block:88px}
.homepage-v5 .start-section .v5-split{grid-template-columns:1fr 1fr;gap:100px}
.homepage-v5 .start-section h2{font-size:40px}
.homepage-v5 .start-steps{list-style:none;padding:0;margin:40px 0}
.homepage-v5 .start-steps li{position:relative;display:flex;align-items:start;gap:26px;padding:0 0 34px;border:0}
.homepage-v5 .start-steps li:last-child{padding:0}
.homepage-v5 .start-steps li>span{display:grid;place-items:center;inline-size:38px;block-size:38px;flex-shrink:0;border-radius:50%;background:var(--indigo);color:white;font-size:15px;font-weight:600}
.homepage-v5 .start-steps li:not(:last-child)::after{content:"";position:absolute;right:18px;top:48px;bottom:10px;inline-size:1px;background:#b9c2d9}
.homepage-v5 .start-steps h3{font-size:23px;font-weight:750;line-height:1.45}
.homepage-v5 .start-steps p{font-size:18px;line-height:1.6;margin-block-start:6px;color:#526580;max-inline-size:47ch}
.homepage-v5 .v5-office-art{inline-size:100%;max-inline-size:640px;min-inline-size:0;justify-self:center}
.homepage-v5 .office-crop{aspect-ratio:803/632;border-radius:24px;background:#ececef}
.homepage-v5 .office-crop img{inline-size:220.922%;left:-14.695%;top:-18.354%}
/* Pricing: explicit provisional terms stay adjacent to the approved amounts. */
.homepage-v5 .pricing-section{padding-block:104px;background:linear-gradient(150deg,#f0f1ff,#ecefff)}
.homepage-v5 .pricing-section .v5-split{grid-template-columns:1fr 1fr;gap:96px}
.homepage-v5 .audience-note{font-size:17px;color:#627391;margin-block-start:32px}
.homepage-v5 .pricing-card{inline-size:100%;padding:32px;border:1px solid #d1dafa;border-radius:22px;background:#fff;box-shadow:0 24px 60px -38px #5871cb50}
.homepage-v5 .pricing-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}
.homepage-v5 .pricing-card-head img{inline-size:90px}
.homepage-v5 .roadmap-label{direction:rtl;background:#eef0ff;border-radius:7px;color:#4355ba;padding:5px 10px;font-size:12px;line-height:1.5}
.homepage-v5 .price-lines{display:grid;grid-template-columns:1fr 1fr;gap:0;text-align:center;margin:28px 0 24px}
.homepage-v5 .price-lines>div+div{border-inline-start:1px solid #d7dfef}
.homepage-v5 .price-lines>div>span{display:block;font-size:18px;font-weight:650;color:var(--ink)}
.homepage-v5 .price-lines strong{display:block;font-size:52px;line-height:1.4;font-weight:780;margin-block-start:8px}
.homepage-v5 .price-lines small{font-size:23px;font-weight:500}
.homepage-v5 .pricing-disclosure{font-size:16px;line-height:1.7;color:#526580;margin-block:22px 26px;padding-block-start:20px;border-block-start:1px solid #d7dfef}
.homepage-v5 .pricing-card .button{display:flex;inline-size:100%}
.homepage-v5 .price-footnote{text-align:center;font-size:11px;color:#697995;margin-block-start:12px}
/* FAQ: intentionally calm, with the first useful answer visible. */
.homepage-v5 .faq-section{display:block;background:var(--paper);padding-block:96px}
.homepage-v5 .faq-section .v5-split{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:48px}
.homepage-v5 .faq-section .v5-copy{border-inline-end:1px solid #d4dce9;padding-inline-end:40px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.homepage-v5 .faq-aside{font-size:17px;line-height:1.65;margin-block-start:32px}
.homepage-v5 .faq-aside a{display:inline-flex;align-items:center;gap:10px;direction:ltr;font-size:15px;color:var(--indigo-dark);text-decoration:underline;text-underline-offset:4px;margin-block-start:8px;min-block-size:44px}
.homepage-v5 .faq-aside .icon{inline-size:20px;block-size:20px;order:-1}
.homepage-v5 .faq-list details{border-block-end:1px solid #d4dce9}
.homepage-v5 .faq-list details:first-child{border-block-start:1px solid #d4dce9}
.homepage-v5 .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:78px;padding:16px 12px;font-size:20px;font-weight:700;list-style:none;cursor:pointer}
.homepage-v5 .faq-list summary::-webkit-details-marker{display:none}
.homepage-v5 .faq-list .plus{position:relative;inline-size:30px;block-size:30px;flex-shrink:0;border-radius:50%;background:#e8ecff;color:#20385d}
.homepage-v5 .faq-list .plus::before,.homepage-v5 .faq-list .plus::after{content:'';position:absolute;inline-size:12px;block-size:2px;left:9px;top:14px;background:currentColor;transition:transform .18s}
.homepage-v5 .faq-list .plus::after{transform:rotate(90deg)}
.homepage-v5 .faq-list details[open] .plus::after{transform:rotate(0)}
.homepage-v5 .faq-list p{font-size:18px;line-height:1.7;color:var(--ink);padding:18px 22px;margin:0 0 20px;background:#eef0ff;max-inline-size:none}
.homepage-v5 .faq-list details[open] p{animation:answer-in .18s ease-out}
@keyframes answer-in{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:none}}
/* Contact: one explicit email action, and the approved mascot portrait. */
.homepage-v5 .contact-section{background:#192d4a;color:white;padding-block:88px}
.homepage-v5 .contact-section .v5-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:100px;max-inline-size:1184px}
.homepage-v5 .contact-section h2{font-size:42px}
.homepage-v5 .contact-section .eyebrow{color:#b2b6ff}
.homepage-v5 .contact-section .v5-description{color:#c1cee3;font-size:21px;margin-block:28px 32px}
.homepage-v5 .contact-section .primary{min-inline-size:236px}
.homepage-v5 .contact-hint{font-size:12px;color:#bfcae0;margin-block-start:12px}
.homepage-v5 .contact-section .email-link{display:flex;align-items:center;gap:12px;direction:ltr;font-size:16px;color:#c8d4e8;margin-block-start:16px;min-block-size:44px;inline-size:fit-content;text-decoration:underline;text-underline-offset:4px}
.homepage-v5 .email-link .icon{inline-size:22px;block-size:22px;order:-1}
.homepage-v5 .v5-contact-art{inline-size:100%;max-inline-size:440px;justify-self:center}
.homepage-v5 .contact-crop{aspect-ratio:583/594;border-radius:22px;border:1px solid #637da7}
.homepage-v5 .contact-crop img{inline-size:304.288%;left:-31.561%;top:-22.727%}
/* Footer: readable essentials, with separate routes into display and storage preferences. */
.homepage-v5 .site-footer{padding-block:76px 30px}
.homepage-v5 .footer-top{display:grid;grid-template-columns:1.3fr .7fr .7fr 1fr;gap:36px;align-items:start;padding-block-end:40px}
.homepage-v5 .footer-top>div>a img{inline-size:128px}
.homepage-v5 .footer-tagline{font-size:17px;font-weight:700;margin-block:18px 10px;color:#203858}
.homepage-v5 .footer-top p:not(.footer-tagline){font-size:14px;margin:0;color:#536580}
.homepage-v5 .footer-top nav{display:flex;flex-direction:column;align-items:start;font-size:16px;gap:0;margin:0}
.homepage-v5 .footer-top nav strong,.homepage-v5 .footer-signin>strong{font-size:17px;font-weight:700;margin-block-end:8px}
.homepage-v5 .footer-top nav a{display:flex;align-items:center;min-block-size:40px}
.homepage-v5 .footer-signin{justify-self:end}
.homepage-v5 .footer-login{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:48px;border:1px solid #3d5272;border-radius:25px;padding:10px 20px;font-size:15px;margin-block-start:14px}
.homepage-v5 .footer-login span{font-size:19px}
.homepage-v5 .footer-bottom{border-block-start:1px solid #cfd8e5;padding-block-start:20px;padding-inline-end:28px;font-size:13px;gap:20px;flex-wrap:wrap}
.homepage-v5 .footer-bottom nav{gap:0;font-size:13px;flex-wrap:wrap}
.homepage-v5 .footer-bottom nav>*{padding-inline:12px;min-block-size:44px;display:inline-flex;align-items:center}
.homepage-v5 .preferences-content h3{font-size:18px;margin-block:4px 10px}

.homepage-v5 .hero{position:relative;overflow:clip;background:var(--paper)}

.homepage-v5 .site-header{background:#faf9f6ee;backdrop-filter:blur(16px)}

/* Crisp editorial product illustrations. No application controls or live data. */
.homepage-v5 .collection-composition{position:relative;min-block-size:570px;direction:ltr;isolation:isolate}
.homepage-v5 .collection-wire{position:absolute;inset:0;inline-size:100%;block-size:100%;fill:none;stroke:#6468ee;stroke-width:2;z-index:-1}
.homepage-v5 .collection-wire circle{fill:#6468ee}
.homepage-v5 .payment-phone{position:absolute;left:0;top:0;inline-size:32%;min-block-size:526px;padding:8px;background:linear-gradient(100deg,#2e3239,#080b12 35%,#454952);border:1px solid #999ca6;border-radius:38px;box-shadow:inset 0 0 0 2px #a5a7b6,0 18px 25px -20px #142a4a90;direction:rtl;overflow:hidden}
.homepage-v5 .phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;direction:ltr;background:#fff;min-block-size:36px;border-radius:29px 29px 0 0;padding:8px 18px 4px;font-size:11px;font-weight:700}
.homepage-v5 .phone-status i{position:absolute;inline-size:72px;block-size:19px;border-radius:20px;background:#080b12;left:50%;top:8px;translate:-50% 0}
.homepage-v5 .payment-phone-head{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 9px 16px}
.homepage-v5 .building-avatar{display:grid;place-items:center;inline-size:44px;block-size:44px;background:linear-gradient(140deg,#e6ebf6,#fafbff);border-radius:50%;color:#40588a;flex-shrink:0}
.homepage-v5 .building-avatar .icon{inline-size:27px;block-size:27px}
.homepage-v5 .payment-phone-head strong{font-size:14px;font-weight:750;display:block}
.homepage-v5 .payment-phone-head small{font-size:10px;color:#7785a0;display:block}
.homepage-v5 .phone-chevron{font-size:28px;margin-inline-start:auto}
.homepage-v5 .payment-conversation{min-block-size:359px;background-color:#f0eeea;background-image:radial-gradient(#d9d5cd80 .65px,transparent .65px);background-size:9px 9px;padding:24px 12px 18px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.homepage-v5 .payment-request{background:#fff;padding:16px 13px 9px;border-radius:14px 14px 3px 14px;box-shadow:0 3px 8px #51422c0a;text-align:center;transition:box-shadow .4s}
.homepage-v5 .payment-request>strong{font-size:15px;font-weight:750;display:block}
.homepage-v5 .payment-request>small{display:block;font-size:11px;color:#8190a9;margin-block:4px 8px}
.homepage-v5 .payment-request>b{display:block;font-size:30px;font-weight:750;line-height:1.3}
.homepage-v5 .payment-request b small{font-size:15px}
.homepage-v5 .illustrated-pay{display:block;background:linear-gradient(100deg,#6164ec,#4b52d9);color:white;border-radius:22px;padding:7px 8px;font-size:13px;font-weight:600;margin-block-start:13px}
.homepage-v5 .payment-phone time{display:block;font-size:9px;line-height:1.5;color:#8995a8;text-align:left;direction:ltr;margin-block-start:7px}
.homepage-v5 .payment-success{display:grid;grid-template-columns:28px 1fr;column-gap:8px;background:#e8fbe5;border-radius:14px 14px 14px 3px;padding:14px 11px 8px;transition:opacity .4s,transform .4s}
.homepage-v5 .payment-success-icon{display:grid;place-items:center;inline-size:28px;block-size:28px;background:#3aa569;color:white;border-radius:50%}
.homepage-v5 .payment-success-icon .icon{inline-size:18px;block-size:18px}
.homepage-v5 .payment-success strong{font-size:12px;display:block;line-height:1.6;font-weight:750}
.homepage-v5 .payment-success p{font-size:10px;color:#41674e;line-height:1.6;margin-block-start:3px}
.homepage-v5 .payment-success time{grid-column:1/-1}
.homepage-v5 .payment-phone-input{display:flex;align-items:center;gap:8px;background:#fff;border-radius:0 0 29px 29px;padding:14px 11px;min-block-size:56px}
.homepage-v5 .payment-phone-input>.icon{inline-size:18px;block-size:18px}
.homepage-v5 .payment-phone-input>span{background:#fff;border:1px solid #e8ebf2;border-radius:20px;color:#9aabc1;font-size:10px;padding:6px 10px;flex:1}
.homepage-v5 .payment-phone-input>b{font-size:23px;font-weight:400;line-height:1}
.homepage-v5 .collection-ledger{position:absolute;right:0;top:110px;inline-size:66%;padding:22px 20px 18px;direction:rtl;background:linear-gradient(140deg,#fff,#fcfdff);border:1px solid #dfe4f2;outline:6px solid #ffffff90;border-radius:20px;box-shadow:0 24px 50px -32px #7884b763;transition:box-shadow .4s}
.homepage-v5 .ledger-heading{display:flex;align-items:center;gap:14px;padding-block-end:20px;border-block-end:1px solid #edf0f6}
.homepage-v5 .ledger-heading .building-avatar{inline-size:66px;block-size:66px;border-radius:14px}
.homepage-v5 .ledger-heading .building-avatar .icon{inline-size:40px;block-size:40px}
.homepage-v5 .ledger-heading strong{display:block;font-size:24px;font-weight:800;line-height:1.3}
.homepage-v5 .ledger-heading div>span{font-size:13px;color:#647593;display:block;margin-block-start:4px}
.homepage-v5 .ledger-heading small{display:block;font-size:12px;color:#8491ac;margin-block-start:7px}
.homepage-v5 .ledger-document{margin-inline-start:auto;inline-size:44px;block-size:44px;border-radius:50%;background:#eeefff;display:grid;place-items:center}
.homepage-v5 .ledger-document .icon{inline-size:25px;block-size:25px}
.homepage-v5 .ledger-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:20px;text-align:center}
.homepage-v5 .ledger-values>div+div{border-inline-start:1px solid #edf0f6}
.homepage-v5 .ledger-values span{display:block;font-size:13px;margin-block-end:8px}
.homepage-v5 .ledger-values strong{font-size:27px;line-height:1.3;letter-spacing:-.02em;font-weight:750;white-space:nowrap}
.homepage-v5 .ledger-values small{font-size:15px;font-weight:550}
.homepage-v5 .ledger-paid strong{color:#369b65}
.homepage-v5 .ledger-open strong{color:#ec9844}
.homepage-v5 .ledger-progress{display:flex;direction:rtl;block-size:12px;overflow:hidden;border-radius:8px;background:#e7ebf4;gap:0}
.homepage-v5 .ledger-progress i{background:linear-gradient(90deg,#36a16c,#4aa55f);inline-size:87.5%;transition:transform .7s;transform-origin:right}
.homepage-v5 .ledger-progress b{inline-size:12.5%;background:#f1a050}
.homepage-v5 .ledger-key{display:flex;justify-content:space-between;font-size:13px;color:#7988a4;margin-block-start:10px}
.homepage-v5 .collection-rail{position:absolute;left:35%;right:0;bottom:10px;direction:rtl;display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:20px 14px;background:#ffffffd9;border:1px solid #fff;border-radius:24px;box-shadow:0 14px 30px -25px #7884b760}
.homepage-v5 .collection-rail li{display:flex;flex:1;align-items:center;gap:9px;min-inline-size:0;position:relative}
.homepage-v5 .collection-rail li+li::before{content:'';position:absolute;right:-14px;top:50%;inline-size:13px;block-size:1px;background:#c7caff}
.homepage-v5 .rail-icon{inline-size:38px;block-size:38px;border-radius:50%;display:grid;place-items:center;background:#e9eaff;color:var(--indigo);flex-shrink:0;transition:background .3s,color .3s}
.homepage-v5 .rail-icon .icon{inline-size:22px;block-size:22px}
.homepage-v5 .collection-rail strong{font-size:15px;line-height:1.4;display:block;font-weight:750}
.homepage-v5 .collection-rail small{font-size:10px;line-height:1.5;display:block;margin-block-start:3px;color:#586987}
.homepage-v5 .collection-outcome{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#6d7c99;margin-block-start:20px;min-block-size:44px;direction:ltr}
.homepage-v5 .collection-outcome>span{direction:rtl}
.homepage-v5 #replay-collection{display:flex;align-items:center;gap:8px;padding:8px 0;background:transparent;font-size:12px;color:#5866ad;min-block-size:44px;direction:rtl}
.homepage-v5 #replay-collection:hover{color:var(--indigo)}
.homepage-v5 #replay-collection>span{font-size:21px}
.homepage-v5 .collection-art.is-playing[data-collection-state="1"] .payment-request{box-shadow:0 0 0 3px #7279ff55}
.homepage-v5 .collection-art.is-playing[data-collection-state="1"] .payment-success{opacity:.15;transform:translateY(7px)}
.homepage-v5 .collection-art.is-playing[data-collection-state="2"] .payment-success{box-shadow:0 0 0 3px #3aab6240}
.homepage-v5 .collection-art.is-playing[data-collection-state="3"] .collection-ledger{box-shadow:0 0 0 3px #7279ff55,0 24px 50px -32px #7884b763}
.homepage-v5 .collection-art.is-playing[data-collection-state="1"] .ledger-progress i{transform:scaleX(.4)}
.homepage-v5 .collection-art[data-collection-state="1"] .collection-rail li:nth-child(1) .rail-icon,.homepage-v5 .collection-art[data-collection-state="2"] .collection-rail li:nth-child(2) .rail-icon,.homepage-v5 .collection-art[data-collection-state="3"] .collection-rail li:nth-child(3) .rail-icon{background:var(--indigo);color:white}
/* The three operation illustrations share typography and borders with their cards. */
.homepage-v5 .ticket-art,.homepage-v5 .document-art,.homepage-v5 .report-art{block-size:260px;position:relative;min-inline-size:0;direction:rtl}
.homepage-v5 .ticket-art,.homepage-v5 .report-art{border:1px solid #e2e7f2;border-radius:15px;background:#fff;padding:16px}
.homepage-v5 .ticket-art-head{display:flex;align-items:center;justify-content:space-between;border-block-end:1px solid #edf0f6;padding-block-end:12px;font-size:12px}
.homepage-v5 .ticket-art-head>span{display:flex;align-items:center;gap:6px;background:#e5f8ed;color:#12644d;font-size:10px;padding:4px 8px;border-radius:13px}
.homepage-v5 .ticket-art-head .icon{inline-size:16px;block-size:16px}
.homepage-v5 .ticket-art-body{display:flex;gap:14px;align-items:center;padding-block:18px}
.homepage-v5 .ticket-photo{inline-size:74px;block-size:90px;flex-shrink:0;border-radius:12px;background-image:url('assets/operations-ticket-v5.png');background-size:508%;background-position:91.5% 41.5%}
.homepage-v5 .ticket-art-body strong{font-size:18px;line-height:1.4;display:block;font-weight:750}
.homepage-v5 .ticket-art-body p{font-size:12px;line-height:1.7;color:#627390;margin-block:3px 9px}
.homepage-v5 .ticket-supplier{display:flex;align-items:center;gap:7px;font-size:11px;color:#586983}
.homepage-v5 .ticket-supplier>span{display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;background:#ecedff;font-weight:700;color:#4c58ca}
.homepage-v5 .ticket-supplier small{display:block;color:#8190a8;font-size:9px}
.homepage-v5 .ticket-stages{display:flex;align-items:start;justify-content:space-between;border-block-start:1px solid #edf0f6;padding-top:16px;position:relative}
.homepage-v5 .ticket-stages::before{content:'';position:absolute;height:2px;top:28px;left:17px;right:17px;background:#dbe1ef}
.homepage-v5 .ticket-stages>span{display:flex;align-items:center;flex-direction:column;gap:5px;position:relative}
.homepage-v5 .ticket-stages i,.homepage-v5 .ticket-stages .icon{inline-size:25px;block-size:25px;border-radius:50%;background:#f6f7fc;border:1px solid #cbd5e5;display:grid;place-items:center;font-size:19px;font-style:normal;line-height:1}
.homepage-v5 .ticket-stages .icon{background:#e9edff;padding:5px;color:var(--indigo);border:0}
.homepage-v5 .ticket-stages .active i{background:var(--indigo);border-color:var(--indigo);color:white;font-weight:700}
.homepage-v5 .ticket-stages small{font-size:11px;color:#667691}
.homepage-v5 .ticket-stages .active small{color:var(--indigo);font-weight:700}
.homepage-v5 .document-art{perspective:1000px}
.homepage-v5 .doc-sheet{position:absolute;inline-size:58%;block-size:220px;padding:22px 18px;background:white;border:1px solid #e1e7f2;border-radius:12px;box-shadow:0 16px 28px -14px #3d538a27;left:5%;bottom:5px}
.homepage-v5 .doc-sheet strong{display:block;font-size:16px;font-weight:700;line-height:1.5;margin-block-end:18px;white-space:nowrap}
.homepage-v5 .doc-sheet i{display:block;block-size:5px;background:#e9edf3;border-radius:4px;margin-block:10px}
.homepage-v5 .doc-sheet i:nth-of-type(2){inline-size:83%}
.homepage-v5 .doc-sheet i:nth-of-type(4){inline-size:73%}
.homepage-v5 .doc-front{z-index:3}
.homepage-v5 .doc-front>span{display:block;inline-size:fit-content;background:linear-gradient(130deg,#9c69ff,#5d4dfa);color:white;font-size:11px;line-height:1.5;padding:3px 7px;border-radius:4px;direction:ltr;margin-inline-start:auto;margin-block-end:15px}
.homepage-v5 .doc-front>div{display:flex;justify-content:space-between;gap:10px;margin-block-start:24px;color:#8896ae;font-size:10px}
.homepage-v5 .doc-mid{left:28%;bottom:21px;transform:rotate(5deg);z-index:2}
.homepage-v5 .doc-back{left:43%;bottom:37px;transform:rotate(8deg);z-index:1;inline-size:53%}
.homepage-v5 .report-art-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}
.homepage-v5 .report-art-head>span{font-size:11px;border:1px solid #e3e8f2;border-radius:13px;padding:3px 11px;direction:ltr;color:#637695}
.homepage-v5 .report-plot{display:flex;direction:ltr;gap:10px;block-size:138px;margin-block:20px 30px}
.homepage-v5 .report-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#7d8ca5;inline-size:24px;flex-shrink:0;line-height:1}
.homepage-v5 .report-columns{display:flex;flex:1;gap:10px;align-items:end;border-block-end:1px solid #d9e1ee;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf0f6 calc(25% - 1px),#edf0f6 25%)}
.homepage-v5 .report-columns>div{display:flex;flex:1;align-items:end;gap:4px;height:100%;position:relative}
.homepage-v5 .report-columns span{height:var(--bar);flex:1;min-inline-size:0;background:linear-gradient(#4b67fc,#4056e0);border-radius:3px 3px 0 0;transform-origin:bottom}
.homepage-v5 .report-columns span+span{background:linear-gradient(#a9adfd,#9199ee)}
.homepage-v5 .report-columns small{position:absolute;bottom:-22px;left:50%;translate:-50% 0;font-size:10px;color:#7586a1;white-space:nowrap}
.homepage-v5 .report-key{display:flex;justify-content:center;gap:22px;font-size:11px}
.homepage-v5 .report-key>span{display:flex;align-items:center;gap:7px}
.homepage-v5 .report-key i{width:10px;height:10px;border-radius:50%;background:#4b67fc}
.homepage-v5 .report-key>span+span i{background:#a9adfd}
/* Consistent responsive scale; the first desktop view is reserved for the hero. */
@media(min-width:1700px){
.homepage-v5{--gutter:80px}.homepage-v5 .hero-inner{min-block-size:max(800px,calc(100svh - 84px))}.homepage-v5 .hero-art{inline-size:72%;inset-inline-end:-3%}.homepage-v5 .v5-split{gap:88px}.homepage-v5 .v5-section{padding-block:104px}.homepage-v5 .v5-section h2{font-size:46px}.homepage-v5 .v5-description{font-size:22px}.homepage-v5 .safety-scene{block-size:730px}.homepage-v5 .charging-scene{block-size:650px}.homepage-v5 .collection-composition{min-block-size:630px}.homepage-v5 .payment-phone{max-inline-size:310px}.homepage-v5 .collection-ledger{top:132px}.homepage-v5 .collection-rail{bottom:52px}.homepage-v5 .collection-rail small{font-size:12px}.homepage-v5 .ticket-art,.homepage-v5 .document-art,.homepage-v5 .report-art{block-size:290px}}
@media(max-width:1200px){
.homepage-v5{--gutter:40px}.homepage-v5 .header-inner{gap:18px}.homepage-v5 .main-nav{gap:16px;font-size:13px}.homepage-v5 .header-actions{gap:14px}.homepage-v5 .header-demo{padding-inline:14px;font-size:13px}.homepage-v5 .login{font-size:13px}.homepage-v5 .hero h1{font-size:4.8vw}.homepage-v5 .hero-description{font-size:20px}.homepage-v5 .hero .eyebrow{font-size:15px}.homepage-v5 .hero-topics{font-size:11px;gap:16px}.homepage-v5 .v5-split,.homepage-v5 .overview-section .v5-split,.homepage-v5 .collections-section .v5-split{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:36px}.homepage-v5 .v5-section h2,.homepage-v5 .v5-section-heading h2{font-size:35px}.homepage-v5 .v5-description,.homepage-v5 .safety-copy>p:not(.eyebrow){font-size:18px}.homepage-v5 .capability-list a{min-block-size:90px;gap:14px}.homepage-v5 .capability-list strong{font-size:18px}.homepage-v5 .capability-list small{font-size:14px}.homepage-v5 .capability-list a>.icon:first-child{inline-size:42px;block-size:42px;padding:10px}.homepage-v5 .collection-composition{min-block-size:565px}.homepage-v5 .payment-phone{inline-size:39%}.homepage-v5 .collection-ledger{inline-size:64%;top:100px;padding:18px 12px}.homepage-v5 .ledger-heading{gap:10px}.homepage-v5 .ledger-heading strong{font-size:20px}.homepage-v5 .ledger-heading .building-avatar{inline-size:42px;block-size:42px}.homepage-v5 .ledger-heading .building-avatar .icon{inline-size:27px;block-size:27px}.homepage-v5 .ledger-document{display:none}.homepage-v5 .ledger-values strong{font-size:20px}.homepage-v5 .ledger-values small{font-size:12px}.homepage-v5 .ledger-values span{font-size:11px}.homepage-v5 .ledger-key{font-size:11px}.homepage-v5 .collection-rail{left:42%;flex-direction:column;align-items:stretch;bottom:10px;padding:14px;gap:10px;border-radius:18px}.homepage-v5 .collection-rail li{gap:12px}.homepage-v5 .collection-rail li+li::before{display:none}.homepage-v5 .collection-rail small{font-size:11px}.homepage-v5 .rail-icon{inline-size:28px;block-size:28px}.homepage-v5 .rail-icon .icon{inline-size:17px;block-size:17px}.homepage-v5 .safety-scene{block-size:620px}.homepage-v5 .inspection-card{inline-size:260px;padding:20px}.homepage-v5 .inspection-card h3{font-size:21px}.homepage-v5 .safety-tabs button{gap:12px}.homepage-v5 .safety-tabs button>span{font-size:18px}.homepage-v5 .safety-tabs small{font-size:13px}.homepage-v5 .charging-scene{block-size:540px}.homepage-v5 .charging-flow button{gap:12px;padding-inline:12px}.homepage-v5 .charging-flow strong{font-size:17px}.homepage-v5 .charging-flow small{font-size:13px}.homepage-v5 .charging-flow .icon{display:none}.homepage-v5 .meter-reading>.icon,.homepage-v5 .meter-total>.icon{display:none}.homepage-v5 .meter-strip strong{font-size:23px}.homepage-v5 .meter-strip .meter-word{font-size:13px}.homepage-v5 .meter-card{padding:14px 12px}.homepage-v5 .usage-equation{gap:12px}.homepage-v5 .operations-grid{gap:16px}.homepage-v5 .operation-card{padding:22px 16px 16px}.homepage-v5 .operation-card h3{font-size:21px}.homepage-v5 .operation-card>p{font-size:15px;min-block-size:52px}.homepage-v5 .operation-heading{gap:12px}.homepage-v5 .feature-icon{inline-size:42px;block-size:42px}.homepage-v5 .feature-icon .icon{inline-size:26px;block-size:26px}.homepage-v5 .ticket-art,.homepage-v5 .report-art{padding:12px}.homepage-v5 .ticket-art-body{gap:10px}.homepage-v5 .ticket-photo{inline-size:48px;block-size:70px}.homepage-v5 .ticket-art-body strong{font-size:16px}.homepage-v5 .ticket-art-body p{font-size:11px}.homepage-v5 .report-columns{gap:6px}.homepage-v5 .report-columns>div{gap:2px}.homepage-v5 .doc-sheet{padding:18px 12px}.homepage-v5 .doc-sheet strong{font-size:14px}.homepage-v5 .start-section .v5-split,.homepage-v5 .pricing-section .v5-split{gap:64px}.homepage-v5 .start-steps h3{font-size:21px}.homepage-v5 .start-steps p{font-size:16px}.homepage-v5 .contact-section .v5-split{gap:64px}.homepage-v5 .contact-section .v5-description{font-size:19px}.homepage-v5 .footer-top{gap:24px}}
@media(max-width:1000px){
.homepage-v5 .header-inner{min-block-size:76px}.homepage-v5 .main-nav.is-open .nav-login{display:block;color:var(--indigo-dark);border-block-start:1px solid #dde2ef;margin-block-start:4px;font-weight:650}.homepage-v5 .hero-inner{min-block-size:max(670px,calc(100svh - 76px))}.homepage-v5 .hero-copy{inline-size:48%;transform:translateY(-50px)}.homepage-v5 .hero-art{inline-size:78%;inset-inline-end:-10%;translate:0 -23%}.homepage-v5 .hero-topics{flex-wrap:wrap;gap:10px}.homepage-v5 .v5-split,.homepage-v5 .overview-section .v5-split,.homepage-v5 .collections-section .v5-split,.homepage-v5 .start-section .v5-split,.homepage-v5 .pricing-section .v5-split,.homepage-v5 .faq-section .v5-split,.homepage-v5 .contact-section .v5-split{grid-template-columns:1fr;gap:44px}.homepage-v5 .v5-copy{max-inline-size:660px}.homepage-v5 .v5-product-art,.homepage-v5 .charging-art{max-inline-size:780px;justify-self:center}.homepage-v5 .collection-composition{min-block-size:570px}.homepage-v5 .payment-phone{inline-size:32%}.homepage-v5 .collection-ledger{inline-size:66%;top:110px;padding:22px 20px 18px}.homepage-v5 .ledger-heading strong{font-size:24px}.homepage-v5 .ledger-heading .building-avatar{inline-size:56px;block-size:56px}.homepage-v5 .ledger-values strong{font-size:27px}.homepage-v5 .ledger-values span,.homepage-v5 .ledger-key{font-size:13px}.homepage-v5 .collection-rail{left:35%;flex-direction:row;bottom:10px;padding:20px 14px;gap:10px}.homepage-v5 .collection-rail li{gap:8px}.homepage-v5 .collection-rail small{font-size:10px}.homepage-v5 .rail-icon{inline-size:32px;block-size:32px}.homepage-v5 .safety-scene{inline-size:100%;max-inline-size:780px;justify-self:center;block-size:650px}.homepage-v5 .safety-tabs{max-inline-size:660px}.homepage-v5 .charging-scene{block-size:570px}.homepage-v5 .charging-flow .icon{display:block}.homepage-v5 .operation-heading{flex-direction:column;align-items:start}.homepage-v5 .ticket-photo{display:none}.homepage-v5 .ticket-art-head>span{font-size:8px;padding-inline:5px}.homepage-v5 .ticket-art-head .icon{display:none}.homepage-v5 .doc-sheet{padding:15px 9px}.homepage-v5 .doc-sheet strong{font-size:12px}.homepage-v5 .doc-front>div{gap:3px}.homepage-v5 .doc-front small{font-size:8px}.homepage-v5 .report-plot{gap:4px}.homepage-v5 .report-columns{gap:4px}.homepage-v5 .report-columns small{font-size:8px}.homepage-v5 .report-art-head{font-size:10px}.homepage-v5 .report-art-head>span{font-size:9px;padding-inline:5px}.homepage-v5 .pricing-card{max-inline-size:660px;justify-self:center}.homepage-v5 .faq-section .v5-copy{border:0;padding:0}.homepage-v5 .faq-aside{margin-block-start:24px}.homepage-v5 .v5-contact-art{max-inline-size:440px}.homepage-v5 .footer-top{grid-template-columns:1.2fr 1fr 1fr}.homepage-v5 .footer-signin{justify-self:start}}
@media(max-width:700px){
html{scroll-padding-top:76px}
.homepage-v5{--gutter:24px}.homepage-v5 .header-inner{min-block-size:76px;gap:12px}.homepage-v5 .brand img{inline-size:96px}.homepage-v5 .header-actions{gap:10px}.homepage-v5 .header-demo{padding:8px 12px;font-size:12px;min-block-size:42px}.homepage-v5 .header-demo .icon{display:none}.homepage-v5 .login{display:none}.homepage-v5 .menu-toggle{padding:10px}.homepage-v5 .hero-inner{display:flex;flex-direction:column;align-items:stretch;min-block-size:calc(100svh - 76px);padding-block:44px 32px}.homepage-v5 .hero-copy{inline-size:100%;padding:0;transform:none}.homepage-v5 .hero h1{font-size:clamp(35px,8.8vw,56px);line-height:1.18}.homepage-v5 .hero .eyebrow{font-size:13px;margin-block-end:20px}.homepage-v5 .hero-description{font-size:18px;margin-block-start:24px}.homepage-v5 .hero-actions{gap:22px;margin-block-start:26px}.homepage-v5 .hero .button{font-size:14px;gap:18px;padding-inline:18px}.homepage-v5 .hero .underlined-link{font-size:14px}.homepage-v5 .hero-topics{margin-block-start:26px;gap:16px;font-size:10px}.homepage-v5 .hero-art{position:relative;inline-size:116%;inset:auto;translate:none;margin:38px -8% 0}.homepage-v5 .hero-art figcaption{bottom:-4px;font-size:9px}.homepage-v5 .v5-section{padding-block:64px}.homepage-v5 .v5-split{gap:36px}.homepage-v5 .v5-section h2,.homepage-v5 .v5-section-heading h2{font-size:31px;line-height:1.3}.homepage-v5 .v5-section .eyebrow{font-size:14px;margin-block-end:20px}.homepage-v5 .v5-description,.homepage-v5 .safety-copy>p:not(.eyebrow),.homepage-v5 .contact-section .v5-description{font-size:17px;line-height:1.75;margin-block-start:22px}.homepage-v5 .button{min-block-size:48px;font-size:15px;gap:18px;padding:11px 20px}.homepage-v5 .capability-list a{min-block-size:90px;gap:14px}.homepage-v5 .capability-list strong{font-size:19px}.homepage-v5 .capability-list small{font-size:14px}.homepage-v5 .capability-list a>.icon:first-child{inline-size:44px;block-size:44px;padding:10px}.homepage-v5 .overview-crop,.homepage-v5 .overview-section .v5-product-art{border-radius:16px}.homepage-v5 .v5-checks{margin-block-start:28px}.homepage-v5 .v5-checks li{font-size:17px;gap:14px;margin-block:18px}.homepage-v5 .v5-checks .icon{inline-size:28px;block-size:28px}.homepage-v5 .collection-composition{display:flex;flex-direction:column;min-block-size:0}.homepage-v5 .collection-composition>div{display:flex;flex-direction:column;align-items:center;gap:30px}.homepage-v5 .collection-wire{display:none}.homepage-v5 .payment-phone{position:relative;inset:auto;inline-size:250px;min-block-size:526px}.homepage-v5 .collection-ledger{position:relative;inset:auto;inline-size:100%;padding:22px 16px}.homepage-v5 .ledger-heading strong{font-size:23px}.homepage-v5 .ledger-heading .building-avatar{inline-size:52px;block-size:52px}.homepage-v5 .ledger-values strong{font-size:24px}.homepage-v5 .ledger-values small{font-size:12px}.homepage-v5 .ledger-values span{font-size:11px}.homepage-v5 .ledger-key{font-size:12px}.homepage-v5 .collection-rail{position:relative;inset:auto;inline-size:100%;margin-block-start:26px;flex-direction:row;gap:8px;padding:16px 10px;border-radius:18px}.homepage-v5 .collection-rail li{flex-direction:column;text-align:center;gap:8px}.homepage-v5 .collection-rail strong{font-size:15px}.homepage-v5 .collection-rail small{font-size:10px}.homepage-v5 .collection-outcome{font-size:10px;margin-block-start:12px}.homepage-v5 #replay-collection{font-size:11px}.homepage-v5 .operations-grid{grid-template-columns:1fr;gap:22px}.homepage-v5 .v5-section-heading{margin-block-end:30px}.homepage-v5 .v5-section-heading>p:last-child{font-size:17px}.homepage-v5 .operation-card{padding:24px 20px 18px}.homepage-v5 .operation-heading{flex-direction:row;align-items:center;gap:14px}.homepage-v5 .operation-card h3{font-size:23px}.homepage-v5 .operation-card>p{font-size:16px;min-block-size:0;margin-block-end:24px}.homepage-v5 .feature-icon{inline-size:44px;block-size:44px}.homepage-v5 .ticket-art,.homepage-v5 .report-art{padding:14px}.homepage-v5 .ticket-art-head>span{font-size:10px;padding-inline:8px}.homepage-v5 .ticket-art-head .icon{display:block}.homepage-v5 .ticket-photo{display:block;inline-size:62px;block-size:80px}.homepage-v5 .ticket-art-body strong{font-size:17px}.homepage-v5 .ticket-art-body p{font-size:11px}.homepage-v5 .doc-sheet{padding:22px 16px}.homepage-v5 .doc-sheet strong{font-size:15px}.homepage-v5 .doc-front small{font-size:9px}.homepage-v5 .report-art-head{font-size:12px}.homepage-v5 .report-art-head>span{font-size:11px}.homepage-v5 .report-columns{gap:7px}.homepage-v5 .report-columns small{font-size:10px}.homepage-v5 .safety-tabs button{gap:14px}.homepage-v5 .safety-tabs button>span{font-size:19px}.homepage-v5 .safety-tabs small{font-size:13px}.homepage-v5 .safety-scene{block-size:580px}.homepage-v5 .safety-illustration{block-size:360px}.homepage-v5 .safety-illustration>img{inline-size:137%;left:-18%;object-fit:contain}.homepage-v5 .safety-beacon{inline-size:14px;block-size:14px;border-width:2px}.homepage-v5 .safety-beacon>span{font-size:11px;bottom:22px}.homepage-v5 .inspection-card{bottom:22px;inline-size:100%;max-inline-size:330px;padding:22px}.homepage-v5 .inspection-card h3{font-size:22px}.homepage-v5 .inspection-caption{font-size:9px}.homepage-v5 .charging-flow button{padding:12px;gap:12px}.homepage-v5 .charging-flow .icon{display:none}.homepage-v5 .charging-flow strong{font-size:17px}.homepage-v5 .charging-flow small{font-size:13px}.homepage-v5 .charging-scene{block-size:410px;border-radius:18px}.homepage-v5 .charging-scene>img{block-size:290px;inline-size:145%;left:-35%;top:-4%;object-fit:cover}.homepage-v5 .meter-card{inset-inline:8px;bottom:12px;padding:14px 10px;border-radius:12px}.homepage-v5 .meter-meta{font-size:10px;margin-block-end:12px}.homepage-v5 .meter-meta>span{font-size:9px}.homepage-v5 .meter-reading>.icon,.homepage-v5 .meter-total>.icon{display:none}.homepage-v5 .meter-strip{gap:6px;grid-template-columns:1fr 1fr 1.1fr}.homepage-v5 .meter-reading{gap:0}.homepage-v5 .meter-strip small{font-size:10px}.homepage-v5 .meter-strip strong{font-size:22px}.homepage-v5 .meter-total{padding:8px 5px;gap:0}.homepage-v5 .meter-strip .meter-word{font-size:11px}.homepage-v5 .meter-explanation{font-size:11px}.homepage-v5 .charge-panel-content{min-block-size:89px}.homepage-v5 .usage-equation{gap:10px}.homepage-v5 .usage-equation strong{font-size:22px}.homepage-v5 .usage-equation>span>small{font-size:10px}.homepage-v5 .usage-equation strong small{font-size:10px}.homepage-v5 .usage-equation i{font-size:15px}.homepage-v5 .usage-result{padding-inline:8px}.homepage-v5 .billing-preview>span{font-size:14px}.homepage-v5 .billing-preview p{font-size:17px}.homepage-v5 .billing-steps{font-size:11px;gap:10px}.homepage-v5 .charging-art figcaption{font-size:11px}.homepage-v5 .start-steps{margin-block:30px}.homepage-v5 .start-steps li{gap:18px;padding-block-end:28px}.homepage-v5 .start-steps h3{font-size:21px}.homepage-v5 .start-steps p{font-size:16px}.homepage-v5 .office-crop{border-radius:20px}.homepage-v5 .pricing-card{padding:26px 22px}.homepage-v5 .price-lines>div>span{font-size:17px}.homepage-v5 .price-lines strong{font-size:50px}.homepage-v5 .pricing-disclosure{font-size:14px}.homepage-v5 .audience-note{font-size:16px}.homepage-v5 .faq-list summary{font-size:18px;min-block-size:76px;padding-inline:0;gap:16px}.homepage-v5 .faq-list p{font-size:16px;padding:16px}.homepage-v5 .faq-aside{font-size:17px}.homepage-v5 .faq-aside a{font-size:15px}.homepage-v5 .contact-section .email-link{font-size:16px}.homepage-v5 .contact-hint{font-size:11px}.homepage-v5 .v5-contact-art{max-inline-size:360px}.homepage-v5 .site-footer{padding-block:48px 28px}.homepage-v5 .footer-top{grid-template-columns:1fr 1fr;gap:28px;padding-block-end:32px}.homepage-v5 .footer-top>div{grid-column:1/-1}.homepage-v5 .footer-top nav a{min-block-size:44px}.homepage-v5 .footer-top nav strong{font-size:18px}.homepage-v5 .footer-bottom{font-size:12px;gap:12px;padding-inline-end:20px}.homepage-v5 .footer-bottom nav{font-size:12px;gap:2px 16px}.homepage-v5 .footer-bottom nav>*{padding:0}.homepage-v5 .footer-bottom nav>*+*::before{display:none}}
@media(max-width:360px){.homepage-v5{--gutter:20px}.homepage-v5 .brand img{inline-size:80px}.homepage-v5 .header-actions{gap:4px}.homepage-v5 .header-demo{font-size:11px;padding-inline:10px}.homepage-v5 .hero-topics{gap:10px;font-size:9px}.homepage-v5 .v5-section h2{font-size:28px}.homepage-v5 .ledger-values strong{font-size:21px}.homepage-v5 .ticket-art,.homepage-v5 .report-art{padding:11px}.homepage-v5 .ticket-photo{inline-size:47px;block-size:70px}.homepage-v5 .ticket-art-body{gap:10px}.homepage-v5 .ticket-art-body strong{font-size:16px}.homepage-v5 .doc-sheet{padding-inline:12px}.homepage-v5 .doc-sheet strong{font-size:13px}.homepage-v5 .meter-strip strong{font-size:20px}.homepage-v5 .usage-equation{gap:7px}.homepage-v5 .usage-equation strong{font-size:19px}}
html.large-text .homepage-v5 .v5-description,html.large-text .homepage-v5 .safety-copy>p:not(.eyebrow),html.large-text .homepage-v5 .start-steps p,html.large-text .homepage-v5 .operation-card>p,html.large-text .homepage-v5 .faq-list p{font-size:22px}
html.large-text .homepage-v5 .capability-list small,html.large-text .homepage-v5 .charging-flow small,html.large-text .homepage-v5 .safety-tabs small{font-size:18px}
html.large-text .homepage-v5 .header-inner{flex-wrap:wrap;padding-block:12px}
html.large-text .homepage-v5 .safety-scene{min-block-size:650px}
html.large-text .homepage-v5 .charging-scene{min-block-size:570px}
html.large-text .homepage-v5 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
html.high-contrast .homepage-v5{--ink:#111a32;--muted:#26344f;--indigo:#3e46ce}
html.high-contrast .homepage-v5 .v5-description,html.high-contrast .homepage-v5 .capability-list small,html.high-contrast .homepage-v5 .operation-card>p{color:#26344f}
html.high-contrast .homepage-v5 .safety-copy>p:not(.eyebrow),html.high-contrast .homepage-v5 .contact-section .v5-description{color:#fff}
@media(prefers-reduced-motion:reduce){.homepage-v5 *, .homepage-v5 *::before,.homepage-v5 *::after{animation:none!important;transition:none!important}}
.homepage-v5 .phone-indicators{width:27px;height:12px;fill:none;stroke:#152840;stroke-width:1.4;stroke-linecap:round}