:host{--k:max(.5px,min(100vw / 1280,100vh / 853));--k:max(.5px,min(100vw / 1280,100dvh / 853));--accent:#F2702E;--accent-hot:#F66E2C;--ink-dark:#232428;--ink-light:#F0F1F3;--glass-dark:rgba(7,8,10,.77);--glass-pill:rgba(28,28,29,.93);--glass-light:rgba(241,243,246,.60);--glass-outline:rgba(180,180,178,.55);--hairline:rgba(255,255,255,.62);--r-card:calc(33 * var(--k));--r-hero:calc(34 * var(--k))}
*{box-sizing:border-box}
:host{margin:0;width:100%;height:100%;overflow:hidden;display:block;position:relative;isolation:isolate}
:host{font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#a9a9a6}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0;font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:calc(2 * var(--k)) solid var(--accent);outline-offset:calc(2 * var(--k))}
.scene{position:absolute;inset:0;overflow:hidden;z-index:0}
.scene__img{position:absolute;left:0;top:-.2345%;width:100.3125%;height:100.5807%;object-fit:cover;object-position:50% 50%}
.scene__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(230,232,235,.20) 100%)}
.stage{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:55fr 2655fr 50fr 10020fr 20fr;grid-template-rows:53fr 8292fr 185fr}
.rail{grid-column:2;grid-row:2;display:grid;grid-template-rows:2652fr 30fr 2645fr 45fr 2920fr;min-height:0}
.main{grid-column:4;grid-row:2;display:grid;grid-template-rows:52fr 705fr 90fr 7430fr 15fr;min-height:0}
.card{position:relative;border-radius:var(--r-card);overflow:hidden;min-height:0}
.card--dark,.card--electric{background:var(--glass-dark);-webkit-backdrop-filter:blur(38px);backdrop-filter:blur(38px);box-shadow:0 calc(2 * var(--k)) calc(18 * var(--k)) rgba(12,14,18,.22)}
.card--dark{grid-row:1}.card--gauge{grid-row:3;background:var(--glass-light);-webkit-backdrop-filter:blur(7px) saturate(1.02);backdrop-filter:blur(7px) saturate(1.02);border:1px solid rgba(255,255,255,.55);box-shadow:0 calc(2 * var(--k)) calc(18 * var(--k)) rgba(12,14,18,.10)}.card--electric{grid-row:5}
.brand{position:absolute;left:17.137%;top:10.068%;display:flex;align-items:center}.brand svg{width:calc(47 * var(--k));height:calc(32 * var(--k));display:block}.brand .word{margin-left:calc(16 * var(--k));font-family:'Parsi',sans-serif;font-weight:300;font-size:calc(33.7 * var(--k));letter-spacing:.02em;line-height:calc(19.1 * var(--k));color:#F3F4F5;position:relative;top:calc(1 * var(--k));transform-origin:left center}
.dots{position:absolute;left:8.851%;top:46.267%;display:flex;gap:calc(4 * var(--k))}.dot{width:calc(24 * var(--k));height:calc(24 * var(--k));border-radius:50%;display:grid;place-items:center}.dot--on{background:var(--accent)}.dot--off{border:calc(1.3 * var(--k)) solid rgba(255,255,255,.62)}.dot::after{content:"";width:calc(5 * var(--k));height:calc(5 * var(--k));border-radius:50%;background:rgba(255,255,255,.92)}
.stat__num{position:absolute;left:8.851%;top:71.041%;font-family:'Parsi',sans-serif;font-weight:700;font-size:calc(65.5 * var(--k));line-height:calc(37.2 * var(--k));letter-spacing:.005em;color:#F1F2F4;transform-origin:left top}.rise{display:block}.stat__rule{position:absolute;left:51.035%;top:71.908%;width:1px;height:calc(33 * var(--k));background:rgba(255,255,255,.34)}.stat__label{position:absolute;left:63.842%;top:68.552%;font-size:calc(13.5 * var(--k));font-weight:400;line-height:calc(16 * var(--k));letter-spacing:.005em;color:#E7E8EA;white-space:pre-line}
.gauge__title{position:absolute;left:0;right:0;top:6.286%;text-align:center;font-size:calc(15.2 * var(--k));font-weight:400;letter-spacing:.012em;color:#26272B}.gauge__ring{position:absolute;left:49.72%;top:52%;transform:translate(-50%,-50%);width:calc(200 * var(--k));height:calc(200 * var(--k))}.gauge__ring svg{width:100%;height:100%;display:block}.gauge__value{position:absolute;left:0;right:0;top:53.88%;text-align:center;font-family:'Parsi',sans-serif;font-weight:300;font-size:calc(40.8 * var(--k));letter-spacing:.02em;color:#232427;transform:translateY(-50%)}
.ej__title{position:absolute;left:17.891%;top:9.760%;font-size:calc(18.5 * var(--k));font-weight:400;line-height:calc(19.5 * var(--k));letter-spacing:.02em;transform:scaleX(1.08);transform-origin:left top;color:#EDEEF0}.leaf{position:absolute;left:16.761%;top:31.336%;width:calc(53.5 * var(--k));height:calc(53.5 * var(--k));border-radius:50%;background:var(--accent);display:grid;place-items:center}.leaf svg{width:calc(25 * var(--k));height:calc(25 * var(--k));display:block}.ej__num{position:absolute;left:16.761%;top:58.048%;font-family:'Parsi',sans-serif;font-weight:700;font-size:calc(59.2 * var(--k));line-height:calc(33.6 * var(--k));letter-spacing:.004em;color:#F1F2F4;transform-origin:left top}.bar{position:absolute;left:17.326%;top:79.966%;width:65.725%;height:calc(34 * var(--k));border-radius:calc(3 * var(--k));overflow:hidden;display:flex}.bar__fill{width:61.3%;background:linear-gradient(180deg,rgba(246,110,44,.02) 0%,rgba(246,110,44,.20) 26%,rgba(246,110,44,.62) 55%,rgba(246,110,44,.93) 82%,#F86F2A 100%)}.bar__rest{flex:1;background:linear-gradient(180deg,rgba(190,190,186,.03) 0%,rgba(190,190,186,.18) 26%,rgba(190,190,186,.46) 55%,rgba(196,196,192,.68) 82%,rgba(206,206,202,.80) 100%)}
.nav{grid-row:2;display:flex;align-items:stretch;padding-left:calc(5 * var(--k));gap:calc(3.5 * var(--k));min-height:0}.nav .nav__burger{display:none}.nav__links{display:contents}.pill{border-radius:999px;text-decoration:none;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:calc(14 * var(--k));font-weight:400;letter-spacing:.012em;flex-grow:var(--w,132);flex-shrink:0;flex-basis:calc(var(--w,132) * var(--k));max-width:calc(var(--w,132) * 1.35 * var(--k))}.pill--solid{background:var(--glass-pill);color:#F2F3F5;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.pill--ghost{background:transparent;border:1px solid var(--hairline);color:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.pill--home{--w:132}.pill--a{--w:138.5}.pill--b{--w:131.5;margin-left:calc(-1 * var(--k))}.pill--c{--w:135;margin-left:calc(-.5 * var(--k))}.pill--cta{--w:227;margin-left:calc(-2.8 * var(--k));justify-content:flex-start;padding-left:calc(38 * var(--k));font-size:calc(13.5 * var(--k));letter-spacing:.012em;word-spacing:calc(3 * var(--k));position:relative}.nav__gap{flex:1 0 calc(11 * var(--k));align-self:stretch}.grid4{position:absolute;right:calc(22.7 * var(--k));top:50%;transform:translateY(-50%);width:calc(16 * var(--k));height:calc(16 * var(--k));display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(4 * var(--k))}.grid4 i{background:#F2F3F5;border-radius:50%;display:block}.iconbtn{flex:0 0 auto;width:calc(63.5 * var(--k));height:calc(63.5 * var(--k));aspect-ratio:1;border-radius:50%;background:var(--glass-pill);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:grid;place-items:center;align-self:center}.iconbtn + .iconbtn{margin-left:calc(.5 * var(--k))}.iconbtn svg{width:calc(27 * var(--k));height:calc(27 * var(--k));display:block}
.hero{grid-row:4;position:relative;min-height:0}.hero::after{content:"";position:absolute;inset:0;border-style:solid;border-color:rgba(255,255,255,.64);border-width:max(1px,calc(2 * var(--k)));border-radius:var(--r-hero);pointer-events:none}.marker{position:absolute;filter:drop-shadow(0 calc(2 * var(--k)) calc(4 * var(--k)) rgba(0,0,0,.22));pointer-events:none}.marker svg{display:block;width:100%;height:100%}.marker--bike{left:29.375%;top:39.51%;width:calc(25 * var(--k));height:calc(34 * var(--k))}.hero__mark{left:48.44%;top:45.02%;width:calc(27 * var(--k));height:calc(19 * var(--k))}.marker--bolt{left:83.52%;top:45.49%;width:calc(26 * var(--k));height:calc(34 * var(--k))}.marker--pin{left:95.08%;top:46.78%;width:calc(23 * var(--k));height:calc(31 * var(--k))}
.pitch{position:absolute;left:7.884%;bottom:3.432%}.pitch h1{font-family:'Parsi',sans-serif;font-weight:400;font-size:calc(54 * var(--k));line-height:calc(44 * var(--k));letter-spacing:0;color:#1B1C1F;margin:0 0 calc(19 * var(--k))}.ln,.ln__i{display:block}.btn{height:calc(53 * var(--k));width:calc(303 * var(--k));border-radius:999px;border:1px solid rgba(255,255,255,.72);background:rgba(186,188,192,.20);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);display:flex;align-items:center;padding-left:calc(3.5 * var(--k));color:#1D1E21;font-family:inherit}.btn__disc{width:calc(43 * var(--k));height:calc(43 * var(--k));border-radius:50%;background:#26272A;display:grid;place-items:center;flex:0 0 auto}.btn__disc svg{width:calc(16 * var(--k));height:calc(16 * var(--k));display:block}.btn__label{margin-left:calc(43.5 * var(--k));font-size:calc(14 * var(--k));font-weight:400;letter-spacing:0;position:relative;top:calc(-3 * var(--k))}
.aside{position:absolute;left:62.076%;bottom:3.095%;width:32.136%}.riders{position:relative;width:calc(139 * var(--k));height:calc(33 * var(--k));border-radius:999px;background:rgba(70,68,66,.24);border:1px solid rgba(255,255,255,.26);background-clip:padding-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:calc(17.5 * var(--k))}.riders__pill{position:absolute;left:calc(46.5 * var(--k));top:calc(2 * var(--k));width:calc(90 * var(--k));height:calc(28 * var(--k));border-radius:999px;background:rgba(45,43,41,.245);box-shadow:inset 0 0 calc(3 * var(--k)) rgba(255,255,255,.30);display:flex;align-items:center;white-space:nowrap;padding-left:calc(11 * var(--k));font-size:calc(11.6 * var(--k));font-weight:400;letter-spacing:.012em;color:#F4F5F6}.avatars{position:absolute;left:calc(-1 * var(--k));top:50%;transform:translateY(-50%);display:flex;z-index:2}.av{width:calc(32 * var(--k));height:calc(32 * var(--k));border-radius:50%;border:calc(2 * var(--k)) solid rgba(255,255,255,.95);background:#c9ccd1 50% 40%/cover no-repeat;flex:0 0 auto}.av + .av{margin-left:calc(-16 * var(--k))}.av--a{background-image:url('https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=160&h=160&fit=crop&crop=faces,edges&q=80&auto=format')}.av--b{background-image:url('https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=160&h=160&fit=crop&crop=faces,edges&q=80&auto=format')}.aside p{font-size:calc(13.5 * var(--k));line-height:calc(16.3 * var(--k));font-weight:400;letter-spacing:.004em;color:#26272A;margin:0}
.fab{position:absolute;left:91.03%;top:3.59%;width:calc(71.5 * var(--k));height:calc(153 * var(--k));border-radius:999px;background:rgba(32,33,30,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fab__plus,.fab__layers{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;display:grid;place-items:center}.fab__plus{top:calc(17 * var(--k));width:calc(38 * var(--k));height:calc(38 * var(--k));background:#FBFBFA}.fab__plus svg{width:calc(16 * var(--k));height:calc(16 * var(--k))}.fab__layers{top:calc(92 * var(--k));width:calc(49 * var(--k));height:calc(49 * var(--k));background:#1B1C1E}.fab__layers svg{width:calc(21 * var(--k));height:calc(21 * var(--k))}
.js-entrance .nav .pill,.js-entrance .nav .iconbtn,.js-entrance .rail > .card,.js-entrance .btn,.js-entrance .riders,.js-entrance .fab{clip-path:inset(-25% 100% -25% -25%)}.js-entrance .pitch h1 .ln__i{transform:translateY(120%)}.js-entrance .aside p{opacity:0;transform:translateY(calc(10 * var(--k)))}.js-entrance .marker{opacity:0;transform:scale(.86)}.js-entrance .stat__num,.js-entrance .gauge__value,.js-entrance .ej__num{overflow:hidden}.js-entrance .stat__num,.js-entrance .ej__num{padding-bottom:calc(2 * var(--k));margin-bottom:calc(-2 * var(--k))}.js-entrance .rise{transform:translateY(130%)}.js-entrance .brand,.js-entrance .gauge__title,.js-entrance .ej__title{opacity:0;transform:translateY(calc(-6 * var(--k)))}.js-entrance .stat__label,.js-entrance .bar{opacity:0;transform:translateY(calc(8 * var(--k)))}.js-entrance .dot{opacity:0;transform:scale(.4)}.js-entrance .leaf{opacity:0;transform:scale(.8)}.js-entrance .gauge__ring{opacity:0;transform:translate(-50%,-50%) scale(.92)}.js-entrance .stat__rule{opacity:0;transform:scaleY(.08);transform-origin:top center}.js-entrance .bar__fill{transform:scaleX(.04);transform-origin:left center}.js-entrance .pitch h1{display:flex;flex-direction:column}.js-entrance .pitch h1 .ln{overflow:hidden;padding-bottom:calc(4 * var(--k));margin-bottom:calc(-4 * var(--k))}
@media (max-width:1119px),(max-height:480px){.nav .nav__burger{display:grid}.nav__links{display:flex;flex-direction:column;gap:calc(7 * var(--k));position:absolute;z-index:6;top:calc(100% + 9 * var(--k));left:calc(5 * var(--k));width:calc(268 * var(--k));padding:calc(11 * var(--k));border-radius:var(--r-card);background:var(--glass-dark);-webkit-backdrop-filter:blur(38px);backdrop-filter:blur(38px);border:1px solid rgba(255,255,255,.14);box-shadow:0 calc(6 * var(--k)) calc(26 * var(--k)) rgba(12,14,18,.34);opacity:0;visibility:hidden;transform:translateY(calc(-6 * var(--k)));transition:opacity .22s ease,transform .22s ease,visibility .22s}.nav.is-open .nav__links{opacity:1;visibility:visible;transform:none}.nav__links .pill{width:100%;max-width:none;flex:0 0 auto;height:calc(52 * var(--k))}.nav__links .pill--b,.nav__links .pill--c,.nav__links .pill--cta{margin-left:0}.nav__links .pill--cta{padding-left:calc(24 * var(--k))}.nav__links .grid4{right:calc(20 * var(--k))}.nav{position:relative;overflow:visible}.main{overflow:visible}}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (min-aspect-ratio:6/5){:host{--k:max(.5px,min(100vw / 1180,100vh / 800));--k:max(.5px,min(100vw / 1180,100dvh / 800))}.stage{grid-template-columns:8fr 250fr 8fr 906fr 8fr;grid-template-rows:8fr 776fr 16fr}.rail{grid-template-rows:248fr 3fr 247fr 4fr 274fr}}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (max-aspect-ratio:6/5){:host{--k:clamp(.82px,100vw / 845,1.34px)}.stage{grid-template-columns:calc(14 * var(--k)) 1fr calc(14 * var(--k));grid-template-rows:calc(14 * var(--k)) auto calc(12 * var(--k)) 1fr calc(12 * var(--k)) auto calc(14 * var(--k))}.main{grid-column:2;grid-row:2 / span 3;display:contents}.nav{grid-column:2;grid-row:2;height:calc(64 * var(--k));padding-left:0}.nav__links{left:0}.hero{grid-column:2;grid-row:4;min-height:calc(320 * var(--k))}.fab{left:auto;right:calc(20 * var(--k));top:calc(20 * var(--k))}.pitch h1{font-size:calc(46 * var(--k));line-height:calc(38 * var(--k))}.rail{grid-column:2;grid-row:6;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:calc(10 * var(--k));height:calc(276 * var(--k))}.card--dark{grid-column:1;grid-row:1}.card--gauge{grid-column:2;grid-row:1}.card--electric{grid-column:3;grid-row:1}}
@media (max-width:700px),(max-height:480px){:host{--k:clamp(.62px,min(100vw / 430,100vh / 900),1.35px)}.stage{grid-template-columns:calc(8 * var(--k)) 1fr calc(8 * var(--k));grid-template-rows:calc(8 * var(--k)) auto calc(10 * var(--k)) 1fr calc(10 * var(--k)) auto calc(10 * var(--k))}.main{grid-column:2;grid-row:2 / span 3;display:contents}.rail{grid-column:2;grid-row:6;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:calc(8 * var(--k));height:calc(186 * var(--k))}.card--dark,.card--gauge,.card--electric{grid-row:1}.card--dark{grid-column:1}.card--gauge{grid-column:2}.card--electric{grid-column:3}.nav{grid-column:2;grid-row:2;height:calc(56 * var(--k));padding-left:0}.nav__links{left:0;width:max(240px,calc(268 * var(--k)));padding:max(9px,calc(11 * var(--k)))}.nav__links .pill{height:max(42px,calc(52 * var(--k)));font-size:max(14px,calc(15 * var(--k)))}.nav__links .pill--cta{font-size:max(15px,calc(16 * var(--k)))}.pill{font-size:calc(15 * var(--k));flex:0 0 auto;flex-basis:auto;max-width:none}.pill--home{width:auto;padding:0 calc(26 * var(--k))}.pill--a,.pill--b,.pill--c{width:auto;padding:0 calc(22 * var(--k));margin-left:0}.pill--cta{width:auto;padding:0 calc(52 * var(--k)) 0 calc(24 * var(--k));margin-left:0;font-size:calc(16 * var(--k))}.grid4{right:calc(20 * var(--k))}.iconbtn{width:calc(56 * var(--k));height:calc(56 * var(--k))}.iconbtn:first-of-type{margin-left:calc(10 * var(--k))}.hero{grid-column:2;grid-row:4;min-height:calc(180 * var(--k));display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;gap:calc(20 * var(--k)) calc(24 * var(--k));padding:0 calc(26 * var(--k)) calc(22 * var(--k))}.scene__img{object-position:58% 50%}.pitch{position:static;left:auto;right:auto;bottom:auto;flex:1 1 calc(300 * var(--k))}.pitch h1{font-size:calc(43 * var(--k));line-height:calc(37 * var(--k));letter-spacing:0;margin-bottom:calc(15 * var(--k))}.btn{width:calc(258 * var(--k));height:calc(48 * var(--k))}.btn__disc{width:calc(39 * var(--k));height:calc(39 * var(--k))}.btn__label{margin-left:calc(26 * var(--k));font-size:calc(14 * var(--k))}.aside{position:static;left:auto;bottom:auto;flex:1 1 calc(300 * var(--k));width:auto;max-width:calc(400 * var(--k))}.fab{left:auto;right:0;top:calc(16 * var(--k));width:calc(62 * var(--k));height:calc(132 * var(--k))}.fab__plus{top:calc(13 * var(--k));width:calc(36 * var(--k));height:calc(36 * var(--k))}.fab__layers{top:calc(76 * var(--k));width:calc(44 * var(--k));height:calc(44 * var(--k))}.marker--bike{left:26%;top:36%}.marker--bolt{left:80%;top:43%}.marker--pin{left:92%;top:45%}.card--dark,.card--electric{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(7 * var(--k));padding:calc(11 * var(--k));text-align:center}.brand,.dots,.stat__num,.stat__rule,.stat__label,.ej__title,.leaf,.ej__num,.bar{position:static;left:auto;right:auto;top:auto;bottom:auto;margin:0}.stat__rule{width:calc(46 * var(--k));height:1px;flex:0 0 auto}.js-entrance .stat__rule{transform:scaleX(.08);transform-origin:center}.brand{justify-content:center}.brand svg{width:calc(26 * var(--k));height:calc(18 * var(--k))}.brand .word{font-size:calc(21 * var(--k));line-height:calc(11.9 * var(--k));letter-spacing:.02em;margin-left:calc(7 * var(--k));top:0;transform:none}.stat__num{font-size:calc(43.5 * var(--k));line-height:calc(24.7 * var(--k));transform:none}.stat__label{font-size:calc(11.5 * var(--k));line-height:calc(13.5 * var(--k));letter-spacing:.01em;text-align:center}.gauge__title{top:calc(10 * var(--k));font-size:calc(13 * var(--k))}.gauge__ring{left:50%;top:calc(50% + 7 * var(--k));transform:translate(-50%,-50%);width:calc(92 * var(--k));height:calc(92 * var(--k))}.gauge__value{top:calc(50% + 7 * var(--k));transform:translateY(-50%);font-size:calc(27 * var(--k));letter-spacing:.02em}.ej__title{font-size:calc(13 * var(--k));line-height:calc(14 * var(--k));letter-spacing:.01em;transform:none}.leaf{width:calc(28 * var(--k));height:calc(28 * var(--k))}.leaf svg{width:calc(14 * var(--k));height:calc(14 * var(--k))}.ej__num{font-size:calc(32.5 * var(--k));line-height:calc(18.7 * var(--k));transform:none}.bar{width:calc(100% - 4 * var(--k));height:calc(13 * var(--k));border-radius:calc(3 * var(--k));flex:0 0 auto}}
@media (max-width:700px) and (min-height:481px){.hero .pitch{position:absolute;top:calc(102 * var(--k));left:calc(26 * var(--k));right:calc(20 * var(--k));bottom:auto;flex:none}.hero .pitch h1{color:#f8f9fb;text-shadow:0 2px 16px rgba(8,18,34,.58)}.hero .btn{background:rgba(234,238,244,.76);border-color:rgba(255,255,255,.88)}.hero .aside{margin-top:auto}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.js-entrance .nav .pill,.js-entrance .nav .iconbtn,.js-entrance .rail > .card,.js-entrance .btn,.js-entrance .riders,.js-entrance .fab{clip-path:none}.js-entrance .pitch h1 .ln__i,.js-entrance .aside p,.js-entrance .marker,.js-entrance .rise,.js-entrance .brand,.js-entrance .gauge__title,.js-entrance .ej__title,.js-entrance .stat__label,.js-entrance .bar,.js-entrance .dot,.js-entrance .leaf,.js-entrance .stat__rule,.js-entrance .bar__fill{opacity:1;transform:none}.js-entrance .gauge__ring{opacity:1;transform:translate(-50%,-50%)}}
.scene>.marker{display:none}
/* v11: quiet information hierarchy; the city and its movement remain the hero. */
.card--dark{background:rgba(15,19,24,.88)}
.card--dark .dots{top:42%}
.card--dark .stat__num{left:9%;top:62%;font-size:calc(52 * var(--k));line-height:1;letter-spacing:-.035em}
.card--dark .stat__rule{display:none}
.card--dark .stat__label{left:9%;top:85%;right:7%;font-size:calc(11.7 * var(--k));line-height:1.2;letter-spacing:.055em;white-space:normal;text-transform:uppercase;color:rgba(241,244,247,.72)}
.card--gauge{background:rgba(240,243,246,.72);-webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}
.card--electric{background:rgba(15,19,24,.88)}
.pill--ghost{background:rgba(32,40,50,.10);border-color:rgba(255,255,255,.72)}
.pill,.iconbtn,.btn,.fab button{transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.pill:hover,.iconbtn:hover,.fab button:hover{background-color:rgba(25,30,36,.84)}
.btn{background:rgba(229,233,238,.64);border-color:rgba(255,255,255,.9);box-shadow:0 calc(6 * var(--k)) calc(24 * var(--k)) rgba(38,49,63,.12);text-decoration:none}
.btn:hover{background:rgba(246,248,250,.82);transform:translateY(calc(-2 * var(--k)))}
.btn__label{top:0;font-weight:500}
.aside{left:auto;right:2.6%;bottom:2.9%;width:34%;max-width:calc(360 * var(--k));padding:calc(13 * var(--k)) calc(16 * var(--k));border:1px solid rgba(255,255,255,.7);border-radius:calc(19 * var(--k));background:rgba(228,234,240,.58);-webkit-backdrop-filter:blur(16px) saturate(1.04);backdrop-filter:blur(16px) saturate(1.04);box-shadow:0 calc(8 * var(--k)) calc(28 * var(--k)) rgba(20,31,43,.11)}
.riders{margin-bottom:calc(10 * var(--k))}
.aside p{font-size:calc(13.2 * var(--k));line-height:1.35;font-weight:500;color:#202a32}
@media (max-width:700px),(max-height:480px){
  .rail{height:calc(174 * var(--k))}
  .card--dark,.card--electric{gap:calc(5 * var(--k));padding:calc(8 * var(--k))}
  .card--dark .dots{position:static;top:auto}
  .card--dark .dot{width:calc(14 * var(--k));height:calc(14 * var(--k))}
  .card--dark .stat__num{position:static;left:auto;top:auto;font-size:calc(32 * var(--k));line-height:1;letter-spacing:-.04em}
  .card--dark .stat__label{position:static;left:auto;top:auto;right:auto;font-size:calc(9.7 * var(--k));line-height:1.16;letter-spacing:.045em;white-space:normal}
  .aside{position:static;right:auto;bottom:auto;width:100%;max-width:none;padding:calc(10 * var(--k)) calc(12 * var(--k));border-radius:calc(14 * var(--k));margin-top:auto}
  .riders{margin-bottom:calc(8 * var(--k))}
  .aside p{font-size:calc(11.8 * var(--k));line-height:1.32}
}
@media (max-width:700px) and (min-height:481px){
  .hero .aside{position:absolute;left:calc(26 * var(--k));top:calc(246 * var(--k));right:auto;bottom:auto;width:auto;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero .aside p{display:none}
  .hero .riders{margin:0}
}
@media (prefers-reduced-motion:reduce){.pill,.iconbtn,.btn,.fab button{transition:none}}

/* v12: benefits-led story with React Bits-inspired spotlight, authored for this plain HTML page. */
.benefit{color:#f4f5f6;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.benefit--talk{color:#222930}
.benefit:hover,.benefit:focus-within{transform:translateY(calc(-3 * var(--k)))}
.benefit__action{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:calc(8 * var(--k));width:100%;height:100%;padding:calc(20 * var(--k)) calc(19 * var(--k));background:transparent;color:inherit;text-align:left;overflow:hidden;border-radius:inherit}
.benefit__action::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle 145px at var(--mx,50%) var(--my,50%),rgba(71,204,255,.24),transparent 76%);opacity:0;transition:opacity .28s;pointer-events:none}
.benefit--talk .benefit__action::before{background:radial-gradient(circle 145px at var(--mx,50%) var(--my,50%),rgba(40,139,189,.17),transparent 76%)}
.benefit:hover .benefit__action::before,.benefit:focus-within .benefit__action::before{opacity:1}
.benefit.is-active .benefit__action{box-shadow:inset 0 0 0 max(1px,calc(2 * var(--k))) rgba(72,203,243,.66)}
.benefit__action:focus-visible{outline:calc(3 * var(--k)) solid #43c9ef;outline-offset:calc(-5 * var(--k))}
.benefit__top{display:flex;align-items:center;justify-content:space-between;gap:calc(6 * var(--k));width:100%;font-size:calc(10.5 * var(--k));font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.1;opacity:.82}
.benefit__brand{display:flex;align-items:center;gap:calc(8 * var(--k));font-family:'Parsi',sans-serif;font-size:calc(19 * var(--k));font-weight:400;letter-spacing:0;text-transform:none;white-space:nowrap;opacity:1}
.benefit__brand svg{display:block;width:calc(25 * var(--k));height:calc(17 * var(--k));flex:none}
.benefit__brand span{font-family:Inter,sans-serif;font-size:calc(10 * var(--k));letter-spacing:.07em;text-transform:uppercase;opacity:.72}
.benefit__index{font-size:calc(10 * var(--k));letter-spacing:.06em;opacity:.7;flex:none}
.benefit__art{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;flex:1 1 auto;min-height:calc(46 * var(--k));max-height:calc(88 * var(--k));color:#56d6ff}
.benefit--talk .benefit__art{color:#258fbc}
.benefit__beacon{position:relative;width:calc(24 * var(--k));height:calc(24 * var(--k));border:1px solid currentColor;border-radius:50%;box-shadow:0 0 calc(15 * var(--k)) rgba(66,210,255,.18);flex:none}
.benefit__beacon::after{content:"";position:absolute;inset:34%;border-radius:50%;background:currentColor}
.benefit__thread{position:relative;width:43%;max-width:calc(106 * var(--k));height:1px;background:linear-gradient(90deg,currentColor,rgba(86,214,255,.32),currentColor)}
.benefit__thread::after{content:"";position:absolute;top:50%;left:0;width:calc(10 * var(--k));height:calc(10 * var(--k));border-radius:50%;background:#ddfaff;box-shadow:0 0 calc(13 * var(--k)) #4bcfff;transform:translate(-50%,-50%);animation:benefitPacket 2.6s linear infinite}
.benefit__ring{position:absolute;width:calc(69 * var(--k));height:calc(69 * var(--k));border:1px solid rgba(39,142,187,.48);border-radius:50%}
.benefit__ring::before,.benefit__ring::after{content:"";position:absolute;inset:calc(-13 * var(--k));border:1px solid rgba(39,142,187,.32);border-radius:50%;animation:benefitRing 2.7s ease-out infinite}
.benefit__ring::after{animation-delay:1.35s}
.benefit__core{display:grid;place-items:center;width:calc(46 * var(--k));height:calc(46 * var(--k));border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 calc(3 * var(--k)) calc(16 * var(--k)) rgba(38,79,101,.12)}
.benefit__core svg{width:54%;height:54%}
.benefit__node{width:calc(18 * var(--k));height:calc(18 * var(--k));border-radius:50%;border:1px solid currentColor;background:radial-gradient(circle,currentColor 0 25%,transparent 30%);flex:none;animation:benefitNode 2.7s ease-in-out infinite}
.benefit__node:nth-of-type(3){animation-delay:.36s}.benefit__node:nth-of-type(5){animation-delay:.72s}
.benefit__connector{width:24%;max-width:calc(55 * var(--k));height:1px;background:linear-gradient(90deg,rgba(86,214,255,.8),rgba(86,214,255,.3));flex:none}
.benefit__copy{display:flex;flex-direction:column;gap:calc(7 * var(--k));width:100%}
.benefit__copy strong{font-family:'Parsi',sans-serif;font-size:calc(28 * var(--k));font-weight:500;line-height:.98;letter-spacing:-.025em}
.benefit__copy small{font-family:Inter,sans-serif;font-size:calc(13.1 * var(--k));font-weight:500;line-height:1.3;letter-spacing:0;opacity:.88}
.benefit--talk .benefit__copy small{opacity:.86}
.av--radio,.av--wave{display:grid;place-items:center;background:#202b34;color:#e7fbff}
.av--wave{background:#1e7194;color:#e8fbff}
.av--radio svg,.av--wave svg{width:60%;height:60%}
.btn{cursor:pointer;position:relative;overflow:visible}
.btn__disc{position:relative;transition:transform .22s ease}
.btn:hover .btn__disc,.btn:focus-visible .btn__disc{transform:translateX(calc(3 * var(--k)))}
.btn__disc::after{content:"";position:absolute;inset:0;border:1px solid #53d8ff;border-radius:50%;opacity:0;pointer-events:none}
.btn.is-burst .btn__disc::after{animation:benefitPing .66s ease-out}
@keyframes benefitPacket{to{left:100%}}
@keyframes benefitRing{0%{transform:scale(.58);opacity:.65}100%{transform:scale(1.22);opacity:0}}
@keyframes benefitNode{0%,100%{box-shadow:0 0 0 0 rgba(72,210,255,0)}45%{box-shadow:0 0 calc(13 * var(--k)) calc(3 * var(--k)) rgba(72,210,255,.42)}}
@keyframes benefitPing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}
@media (max-width:1119px){.benefit__copy strong{font-size:calc(24 * var(--k))}.benefit__copy small{font-size:calc(12.4 * var(--k))}}
@media (max-width:700px),(max-height:480px){
 .benefit__action{gap:calc(5 * var(--k));padding:calc(10 * var(--k)) calc(8 * var(--k))}
 .benefit__top{font-size:calc(8.5 * var(--k))}
 .benefit__brand{font-size:calc(13 * var(--k));gap:calc(4 * var(--k))}
 .benefit__brand svg{width:calc(16 * var(--k));height:calc(11 * var(--k))}
 .benefit__brand span{font-size:calc(7.8 * var(--k))}
 .benefit__index{font-size:calc(8 * var(--k))}
 .benefit__art{min-height:calc(31 * var(--k));max-height:calc(45 * var(--k))}
 .benefit__beacon{width:calc(13 * var(--k));height:calc(13 * var(--k))}
 .benefit__thread{width:37%}
 .benefit__thread::after{width:calc(6 * var(--k));height:calc(6 * var(--k))}
 .benefit__ring{width:calc(35 * var(--k));height:calc(35 * var(--k))}
 .benefit__ring::before,.benefit__ring::after{inset:calc(-7 * var(--k))}
 .benefit__core{width:calc(28 * var(--k));height:calc(28 * var(--k))}
 .benefit__node{width:calc(10 * var(--k));height:calc(10 * var(--k))}
 .benefit__copy{gap:calc(4 * var(--k))}
 .benefit__copy strong{font-size:calc(19 * var(--k));line-height:1.04}
 .benefit__copy small{font-size:calc(10.6 * var(--k));line-height:1.2}
 .benefit:not(.is-active) .benefit__copy small{display:none}
}
.benefit-pager{display:none}
@media (max-width:700px){
 .hero .btn{overflow:hidden;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(235,239,245,.9)}
 .rail{height:calc(174 * var(--k));grid-template-columns:minmax(0,1fr);grid-template-rows:calc(32 * var(--k)) minmax(0,1fr);gap:calc(7 * var(--k))}
 .benefit-pager{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(5 * var(--k));min-width:0}
 .benefit-pager button{min-width:0;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(22,29,36,.5);color:#f3f7fa;font:600 calc(10.5 * var(--k))/1 Inter,sans-serif;letter-spacing:.055em;text-transform:uppercase;transition:background .24s,border-color .24s,color .24s}
 .benefit-pager button[aria-pressed="true"]{background:rgba(53,164,204,.9);border-color:rgba(220,250,255,.9);color:#081923;box-shadow:0 0 calc(16 * var(--k)) rgba(64,202,244,.22)}
 .benefit-pager button:focus-visible{outline:calc(2 * var(--k)) solid #eaffff;outline-offset:calc(2 * var(--k))}
 .benefit:not(.is-active){display:none}
 .benefit.is-active{display:block;grid-column:1;grid-row:2;border-radius:calc(24 * var(--k))}
 .benefit__action{display:grid;grid-template-columns:minmax(0,1fr) minmax(calc(90 * var(--k)),28%);grid-template-rows:auto 1fr;column-gap:calc(10 * var(--k));row-gap:calc(9 * var(--k));padding:calc(15 * var(--k)) calc(19 * var(--k))}
 .benefit__top{grid-column:1;grid-row:1;font-size:calc(10 * var(--k));align-self:start;max-width:calc(208 * var(--k))}
 .benefit__brand{font-size:calc(16 * var(--k));gap:calc(6 * var(--k))}
 .benefit__brand svg{width:calc(20 * var(--k));height:calc(14 * var(--k))}
 .benefit__brand span{font-size:calc(9 * var(--k))}
 .benefit__index{font-size:calc(9 * var(--k))}
 .benefit__art{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:center;width:100%;min-height:calc(82 * var(--k));max-height:none}
 .benefit__beacon{width:calc(20 * var(--k));height:calc(20 * var(--k))}
 .benefit__thread{width:44%}
 .benefit__thread::after{width:calc(8 * var(--k));height:calc(8 * var(--k))}
 .benefit__ring{width:calc(58 * var(--k));height:calc(58 * var(--k))}
 .benefit__ring::before,.benefit__ring::after{inset:calc(-10 * var(--k))}
 .benefit__core{width:calc(40 * var(--k));height:calc(40 * var(--k))}
 .benefit__node{width:calc(13 * var(--k));height:calc(13 * var(--k))}
 .benefit__copy{grid-column:1;grid-row:2;align-self:end;gap:calc(5 * var(--k))}
 .benefit__copy strong{font-size:calc(27 * var(--k));line-height:1}
 .benefit__copy small,.benefit:not(.is-active) .benefit__copy small{display:block;font-size:calc(12.2 * var(--k));line-height:1.2}
}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (max-aspect-ratio:6/5){
 .hero .pitch{top:calc(105 * var(--k));bottom:auto;left:calc(30 * var(--k))}
 .hero .pitch h1{color:#f8f9fb;text-shadow:0 2px 16px rgba(8,18,34,.58);margin-bottom:calc(16 * var(--k))}
 .hero .aside{top:calc(243 * var(--k));bottom:auto;left:calc(30 * var(--k));right:auto;width:auto;max-width:none;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .hero .aside p{display:none}
 .hero .riders{margin:0}
}
@media (prefers-reduced-motion:reduce){.benefit,.benefit-pager button,.benefit__action::before,.btn__disc{transition:none!important}.benefit:hover,.benefit:focus-within{transform:none}.benefit__thread::after,.benefit__ring::before,.benefit__ring::after,.benefit__node,.btn.is-burst .btn__disc::after{animation:none!important}}
/* v14: make LoRa and its three data-link benefits explicit without inventing device specifications. */
.pitch__eyebrow{display:flex;align-items:center;gap:calc(8 * var(--k));margin-bottom:calc(10 * var(--k));color:#1d3643;font-size:calc(11 * var(--k));font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}
.pitch__signal{display:inline-block;width:calc(8 * var(--k));height:calc(8 * var(--k));border-radius:50%;background:#4bcfff;box-shadow:0 0 calc(9 * var(--k)) rgba(23,153,212,.85)}
.pitch__facts{display:flex;align-items:center;gap:calc(8 * var(--k));margin:calc(-5 * var(--k)) 0 calc(15 * var(--k));color:#223741;font-size:calc(12 * var(--k));font-weight:600;line-height:1.25;letter-spacing:.015em}
.pitch__facts span{color:#1787b4;font-weight:700}
.benefit__brand{font-weight:600;letter-spacing:-.02em}
.benefit__brand span{font-weight:600;letter-spacing:.06em}
.benefit__core svg{stroke:#137eac}
.riders__pill{font-size:calc(10.8 * var(--k))}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (max-aspect-ratio:6/5){
 .hero .pitch{top:calc(75 * var(--k))}
 .hero .aside{top:calc(304 * var(--k))}
 .pitch__eyebrow,.pitch__facts{color:#f5f9fb;text-shadow:0 1px 10px rgba(8,18,34,.55)}
 .pitch__facts span{color:#80e2ff}
}
@media (max-width:700px) and (min-height:481px){
 .hero .pitch{top:calc(78 * var(--k))}
 .hero .pitch h1{font-size:clamp(27px,calc(33 * var(--k)),32px);line-height:1.01}
 .hero .aside{top:calc(304 * var(--k))}
 .pitch__eyebrow,.pitch__facts{color:#f5f9fb;text-shadow:0 1px 10px rgba(8,18,34,.55)}
 .pitch__eyebrow{font-size:max(9px,calc(11 * var(--k)))}
 .pitch__facts{font-size:max(9px,calc(11 * var(--k)));gap:calc(5 * var(--k))}
 .pitch__facts span{color:#80e2ff}
 .benefit__brand{font-size:max(11px,calc(18 * var(--k)))}
 .benefit__brand span{font-size:max(8px,calc(9 * var(--k)))}
 .benefit__copy strong{font-size:calc(24 * var(--k))}
}
/* v15: keep a real still behind the film, then reveal video only after a decoded frame. */
.scene{background:linear-gradient(180deg,#788b9f 0%,#9aa9b5 47%,#c7cdd0 100%)}
.scene__fallback,.scene__img,.scene__signals{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.scene__fallback{z-index:0;display:block}
.scene__img{z-index:1;opacity:0;transition:opacity .28s ease}
.scene.is-playing .scene__img{opacity:1}
.scene__signals{z-index:2;pointer-events:none;overflow:hidden}
.scene__scrim{z-index:3}
.signal-pulse{filter:drop-shadow(0 0 7px rgba(82,221,255,.8))}
.motion-retry{display:none;position:absolute;z-index:4;right:calc(116 * var(--k));top:calc(20 * var(--k));padding:calc(9 * var(--k)) calc(14 * var(--k));border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(27,39,48,.79);color:#f5fbff;font-size:max(11px,calc(12 * var(--k)));font-weight:600;box-shadow:0 4px 18px rgba(13,33,46,.2)}
.scene.is-blocked + .stage .motion-retry{display:flex}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (max-aspect-ratio:6/5){
 .scene__fallback,.scene__img,.scene__signals{top:0;height:84%}
}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (max-height:900px) and (max-aspect-ratio:6/5){
 .scene__fallback,.scene__img,.scene__signals{height:75%}
}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (min-aspect-ratio:6/5){
 .hero .pitch{top:calc(25 * var(--k));bottom:auto;left:calc(45 * var(--k))}
 .hero .pitch h1{color:#f8f9fb;text-shadow:0 2px 16px rgba(8,18,34,.58)}
 .pitch__eyebrow,.pitch__facts{color:#f5f9fb;text-shadow:0 1px 10px rgba(8,18,34,.55)}
 .pitch__facts span{color:#80e2ff}
}
@media (max-width:700px) and (min-height:481px){
 .scene__fallback,.scene__img,.scene__signals{top:0;height:80%}
 .marker{display:none}
 .motion-retry{left:calc(24 * var(--k));right:auto;top:auto;bottom:calc(18 * var(--k));padding:7px 12px}
}
@media (prefers-reduced-motion:reduce){.scene__signals,.motion-retry{display:none!important}.scene__img{transition:none}}
/* v16 type hierarchy: reserve signal blue for the words that carry the LoRa story. */
.pitch h1 .type-accent{color:#075b80;font-weight:500;text-shadow:0 1px 0 rgba(255,255,255,.34)}
.benefit__copy .type-accent{color:#8be5ff}
.benefit--talk .benefit__copy .type-accent{color:#075f82}
.btn__label .type-accent{color:#075f82;font-weight:700}
@media (max-width:1119px){
 .hero .pitch h1 .type-accent{color:#a7efff;text-shadow:0 2px 11px rgba(3,20,35,.85),0 1px 2px rgba(3,20,35,.9);-webkit-text-stroke:.25px rgba(4,33,50,.55)}
}
/* WordPress owns the outer viewport and navigation. */
:host{contain:layout paint;background:#9aa9b5}
.scene,.stage{width:100%;height:100%}
.main{grid-template-rows:52fr 705fr 90fr 7430fr 15fr}
.pitch h2{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:calc(54 * var(--k));line-height:calc(44 * var(--k));letter-spacing:-.035em;color:#1b1c1f;margin:0 0 calc(19 * var(--k))}
.hero .pitch h2 .type-accent{color:#075b80;font-weight:500;text-shadow:0 1px 0 rgba(255,255,255,.34)}
.pitch h2 .ln{display:block}
.pitch h2 .ln__i{display:block}
.card button,.btn,.motion-retry{touch-action:manipulation}
.benefit:focus-within{outline:2px solid #54d5f6;outline-offset:-2px}
.scene__fallback,.scene__img,.scene__signals{max-width:none}
@media (min-width:901px){.rail{margin-top:max(48px,calc(52 * var(--k)));margin-bottom:calc(10 * var(--k))}.hero .aside{right:8%}}
@media (min-width:701px) and (max-width:1119px) and (min-height:481px) and (max-aspect-ratio:6/5){.hero .pitch h2{font-size:calc(46 * var(--k));line-height:calc(38 * var(--k))}}
@media (min-width:701px) and (max-width:900px){.benefit--together .benefit__action{padding-bottom:calc(90 * var(--k))}}
@media (max-width:1119px){.hero .pitch h2{color:#f8f9fb;text-shadow:0 2px 16px rgba(8,18,34,.58)}.hero .pitch h2 .type-accent{color:#a7efff;text-shadow:0 2px 11px rgba(3,20,35,.85),0 1px 2px rgba(3,20,35,.9)}}
@media (max-width:700px) and (min-height:481px){.hero .pitch h2{font-size:clamp(27px,calc(33 * var(--k)),32px);line-height:1.01}.stage{grid-template-rows:calc(8 * var(--k)) auto calc(10 * var(--k)) 1fr calc(10 * var(--k)) auto calc(10 * var(--k))}}
@media (prefers-reduced-motion:reduce){.scene__img{opacity:0!important}.scene__signals{display:none!important}}

.benefit__mobile-copy{display:none}
/* Keep all three tactile benefit cards, including the light power card. */
@media (max-width:700px){
 .rail{height:220px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
 .benefit-pager{display:none}
 .rail .benefit,.rail .benefit.is-active{display:block;grid-column:auto;grid-row:1;border:1px solid rgba(224,242,250,.22);border-radius:22px;background:linear-gradient(150deg,#263038,#1c2329);padding:0;text-align:left;color:#f2f6f8;box-shadow:0 6px 18px rgba(16,30,39,.12);-webkit-backdrop-filter:none;backdrop-filter:none;outline:none}
 .rail .benefit--talk{background:linear-gradient(150deg,#e4e9ed,#d2dbe2);border-color:rgba(255,255,255,.8);color:#25323b}
 .rail .benefit.is-active{border-color:#79d9f3}
 .rail .benefit--talk.is-active{border-color:#1688b1}
 .rail .benefit:hover,.rail .benefit:focus-within{transform:translateY(-2px)}
 .benefit__action{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;padding:15px 11px 64px;border-radius:inherit;box-shadow:none!important}
 .benefit__action::before{display:none}
 .benefit__action:focus-visible{outline:2px solid #7ddff7;outline-offset:-4px}
 .benefit--talk .benefit__action:focus-visible{outline-color:#1688b1}
 .benefit__top{width:100%;max-width:none;gap:3px;align-items:center;font-size:8px;line-height:1.2;letter-spacing:.05em;opacity:1;color:#bfccd4}
 .benefit--talk .benefit__top{color:#425967}
 .benefit__brand{font-size:14px;letter-spacing:-.02em;gap:0}
 .benefit__brand span{display:none}
 .benefit__index{font-size:7.5px;letter-spacing:0;opacity:.55}
 .benefit__art{position:relative;top:auto;right:auto;left:auto;grid-column:auto;grid-row:auto;align-self:stretch;justify-self:auto;width:100%;height:44px;min-height:44px;max-height:44px;flex:0 0 44px;color:#77dffb}
 .benefit--talk .benefit__art{color:#218db8}
 .benefit__beacon{width:14px;height:14px;box-shadow:none}
 .benefit__thread{width:calc(100% - 28px);max-width:62px}
 .benefit__thread::after{width:5px;height:5px;box-shadow:0 0 9px rgba(100,223,255,.6)}
 .benefit__ring{width:40px;height:40px;border-color:rgba(34,137,177,.42)}
 .benefit__ring::before,.benefit__ring::after{inset:-8px;border-color:rgba(34,137,177,.2)}
 .benefit__core{width:31px;height:31px;background:rgba(255,255,255,.78);box-shadow:0 3px 11px rgba(50,109,133,.08)}
 .benefit__core svg{width:18px;height:18px;stroke:#218db8}
 .benefit__node{width:12px;height:12px;box-shadow:none}
 .benefit__connector{width:calc((100% - 36px)/2);max-width:32px}
 .benefit__copy{grid-column:auto;grid-row:auto;width:100%;max-width:none;align-self:stretch;gap:0}
 .benefit__copy>strong,.benefit__copy>small{display:none!important}
 .benefit__mobile-copy{display:flex;flex-direction:column;gap:7px}
 .benefit__mobile-copy strong{display:block;font-size:clamp(17px,4.25vw,23px);font-weight:500;line-height:1.05;letter-spacing:-.03em}
 .benefit__mobile-copy small{display:block!important;font-size:10.5px;line-height:1.3;letter-spacing:0;color:#b8c7d1;opacity:1}
 .benefit--talk .benefit__mobile-copy small{color:#4b626f}
 .benefit__mobile-copy .type-accent{color:#98e9fc}
 .benefit--talk .benefit__mobile-copy .type-accent{color:#076184}
}
@media (max-width:380px){
 .rail{height:224px;gap:6px}
 .rail .benefit{border-radius:19px}
 .benefit__action{padding:14px 9px 64px}
 .benefit__top{font-size:7.5px}
 .benefit__mobile-copy small{font-size:10px}
}
@media (min-width:520px) and (max-width:700px){
 .rail{height:224px;gap:10px}
 .benefit__action{padding:16px 15px 64px}
 .benefit__top{font-size:9px}
 .benefit__brand{font-size:16px}
 .benefit__mobile-copy small{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.rail .benefit:hover,.rail .benefit:focus-within{transform:none}}

/* The reference's light ribbons, flowing packets and handset halos. */
.signal-network{mix-blend-mode:normal;isolation:isolate}
.signal-packet{filter:none}
.signal-ribbon__core,.signal-ribbon__strand{vector-effect:none}
@media (max-width:700px){
 .signal-ribbon__halo{stroke-width:8;opacity:.16}
 .signal-ribbon__core{stroke-width:2.5}
 .signal-ribbon__strand{opacity:.8}
}
@media (prefers-reduced-motion:reduce){.signal-network{display:none!important}}

/* Static card surfaces retain the model without reblurring the moving film. */
.rail .benefit{-webkit-backdrop-filter:none;backdrop-filter:none}
@media (min-width:701px){
 .rail .benefit--reach,.rail .benefit--together{background:linear-gradient(145deg,#252c31,#1d2328)}
 .rail .benefit--talk{background:linear-gradient(145deg,#e1e6eb,#d0d8df)}
}