/* Desktop geometry follows local FigCraft frame 741, imported from Figma 3:2. */
/* One full transparent asset, reused on both sides of the hero. The right
   placement reproduces the source image-fill crop (749), without a raster slice. */
body{overflow-x:clip}
body::before{background:var(--color-deep-blue) url('../img/hero-bg.png') calc(50% + 569.5px) -275px/1437px 1437px no-repeat;pointer-events:none}
body::after{content:"";position:absolute;z-index:-1;top:-613px;left:calc(50% - 2066px);width:1389px;height:1389px;background:url('../img/hero-bg.png') center/contain no-repeat;transform:rotate(180deg);pointer-events:none}
.section-eyebrow{font-size:max(var(--font-label-min),calc(12px * var(--type-scale,1)));line-height:max(1.25em,calc(15px * var(--type-scale,1)));letter-spacing:2.88px;text-transform:uppercase;color:var(--color-muted);margin-bottom:13px}.text-link--action{color:var(--color-action-blue);text-decoration:none}.button--action{background:var(--color-action-blue);color:white}.button--action .button__icon{background:white}.button--action .button__icon svg{filter:brightness(0) saturate(100%) invert(16%) sepia(94%) saturate(4583%) hue-rotate(225deg)}.site-header{border-bottom:0}.hero__title{margin-top:24px}.hero__actions{margin-top:36px}.devices-section,.ecosystem-section,.apps-section,.support-section,.contact-section,.site-footer{position:relative;isolation:isolate}.devices-section{min-height:1104px;padding-top:65px;background:linear-gradient(white,#f7fbfd);overflow:hidden}.devices-section h2,.ecosystem-section h2,.support-section h2,.faq-section h2{font-size:calc(40px * var(--type-scale,1));line-height:1.2;color:var(--color-deep-blue)}.devices-section__decoration{position:absolute;z-index:-1;left:calc(50% - 938px);top:105px;width:660px;height:823px;pointer-events:none}.devices-section__tabs{display:flex;gap:48px;border-bottom:1px solid #e5e9ef;margin-top:30px;height:135px;position:relative}.device-tab{display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--color-muted);font-family:var(--font-heading);position:relative;padding-bottom:33px;flex:none}.device-tab--active{color:var(--color-action-blue)}.device-tab--active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--color-action-blue)}.device-tab img{object-fit:contain;flex:none}.device-tab__number{align-self:flex-start;margin-top:20px;font-size:calc(18px * var(--type-scale,1))}.device-tab strong{font-size:calc(18px * var(--type-scale,1));line-height:calc(23px * var(--type-scale,1));font-weight:300;white-space:nowrap}.device-tab small{display:block;font:300 max(var(--font-size-min),calc(14px * var(--type-scale,1)))/max(1.4em,calc(21px * var(--type-scale,1))) var(--font-body);color:var(--color-muted);margin-top:5px}.devices-section__product{display:grid;grid-template-columns:588px 1fr;gap:30px;min-height:550px;position:relative;padding-top:48px}.devices-section__visual{height:521px;position:relative}.devices-section__visual img{position:absolute;max-width:none}.devices-section__glow{width:402px;height:641px;left:300px;top:-171px;z-index:-1}.devices-section__box{left:98px;top:0}.devices-section__applicator{left:14px;top:68px}.devices-section__description h3{font-size:calc(24px * var(--type-scale,1));line-height:calc(30px * var(--type-scale,1));color:var(--color-deep-blue);margin-bottom:24px}.devices-section__description>p{max-width:500px;line-height:calc(24px * var(--type-scale,1))}.device-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:24px 0 0;min-height:184px;align-content:start}.device-specs__item{display:flex;align-items:center;gap:16px;font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));min-height:42px}.device-specs dt{font:300 max(var(--font-size-min),calc(14px * var(--type-scale,1)))/max(1.4em,calc(18px * var(--type-scale,1))) var(--font-heading);color:var(--color-deep-blue)}.device-specs dd{margin:2px 0 0;line-height:calc(21px * var(--type-scale,1));white-space:nowrap}.devices-section__actions{display:flex;align-items:center;gap:32px;margin-top:24px;white-space:nowrap}.devices-section__actions .text-link{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.getting-started{display:grid;grid-template-columns:270px repeat(3,1fr);gap:30px;border-top:1px solid #e5e9ef;padding-top:36px}.getting-started>h3{font-size:calc(24px * var(--type-scale,1));line-height:calc(29px * var(--type-scale,1));color:var(--color-deep-blue)}.getting-started__item{text-decoration:none}.getting-started__item>span{font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/max(1.4em,calc(20px * var(--type-scale,1))) var(--font-heading);color:#a0a4ac}.getting-started__item h4{font:300 calc(18px * var(--type-scale,1))/calc(26px * var(--type-scale,1)) var(--font-heading);max-width:225px;margin:12px 0}.getting-started__item p{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(21px * var(--type-scale,1)));color:var(--color-muted)}.getting-started__item--active h4,.getting-started__item--active>span{color:var(--color-action-blue)}
.ecosystem-section{min-height:843px;padding-top:84px;background:#f8f9fb;overflow:hidden}.ecosystem-section::before,.ecosystem-section::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:920px;height:920px;background:url('../img/ecosystem-glow-right.png') center/contain no-repeat;right:-407px;top:167px}.ecosystem-section::after{width:766px;height:766px;left:-187px;right:auto;top:208px;background-image:url('../img/ecosystem-glow-left.png')}.ecosystem-section__heading{display:grid;grid-template-columns:484px 1fr;gap:30px}.ecosystem-section__heading>p{margin-top:42px;line-height:calc(24px * var(--type-scale,1))}.ecosystem-map{height:calc(530px * var(--diagram-scale,1));position:relative;margin-top:calc(64px * var(--diagram-scale,1))}.ecosystem-map h3{font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/max(1.4em,calc(20px * var(--type-scale,1))) var(--font-heading);margin-bottom:calc(10px * var(--diagram-scale,1))}.ecosystem-map p{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:calc(calc(21px * var(--diagram-scale,1)) * var(--type-scale,1))}.ecosystem-map__path,.ecosystem-map__extra-path,.ecosystem-map__phone,.ecosystem-map__point{position:absolute;pointer-events:none}.ecosystem-map__path{left:calc(137px * var(--diagram-scale,1));top:calc(144px * var(--diagram-scale,1));width:calc(753px * var(--diagram-scale,1));height:calc(138px * var(--diagram-scale,1))}.ecosystem-map__extra-path{left:calc(476px * var(--diagram-scale,1));top:calc(54px * var(--diagram-scale,1));width:calc(478px * var(--diagram-scale,1));height:calc(32px * var(--diagram-scale,1))}.ecosystem-map__sensor{position:absolute;left:0;top:calc(42px * var(--diagram-scale,1));width:calc(173px * var(--diagram-scale,1))}.ecosystem-map__sensor>img{display:block;margin-top:calc(16px * var(--diagram-scale,1))}.ecosystem-map__phone{left:calc(241px * var(--diagram-scale,1));top:calc(4px * var(--diagram-scale,1));filter:drop-shadow(0 10px 10px #0002)}.ecosystem-map__pump{position:absolute;left:calc(573px * var(--diagram-scale,1));top:calc(84px * var(--diagram-scale,1));width:calc(173px * var(--diagram-scale,1))}.ecosystem-map__pump>img{display:block;margin-bottom:calc(22px * var(--diagram-scale,1))}.ecosystem-map__cloud{position:absolute;left:calc(820px * var(--diagram-scale,1));top:calc(218px * var(--diagram-scale,1));width:calc(225px * var(--diagram-scale,1))}.ecosystem-map__cloud h3{margin-top:calc(19px * var(--diagram-scale,1));margin-left:calc(8px * var(--diagram-scale,1))}.ecosystem-map__cloud p{margin-left:calc(8px * var(--diagram-scale,1))}.ecosystem-map__watch{position:absolute;left:calc(797px * var(--diagram-scale,1));top:calc(-10px * var(--diagram-scale,1));display:flex;align-items:center;gap:calc(26px * var(--diagram-scale,1))}.ecosystem-map__watch>p{width:calc(221px * var(--diagram-scale,1));text-align:right;color:var(--color-muted)}.ecosystem-map__data{position:absolute;left:calc(1073px * var(--diagram-scale,1));top:calc(245px * var(--diagram-scale,1));margin:0;padding-left:calc(24px * var(--diagram-scale,1));font-size:max(var(--font-label-min),calc(12px * var(--type-scale,1)));line-height:calc(calc(34px * var(--diagram-scale,1)) * var(--type-scale,1));color:var(--color-muted)}.ecosystem-map__data li::marker{color:var(--color-action-blue)}.ecosystem-map__point--1{left:calc(109px * var(--diagram-scale,1));top:calc(262px * var(--diagram-scale,1))}.ecosystem-map__point--2{left:calc(555px * var(--diagram-scale,1));top:calc(128px * var(--diagram-scale,1))}.ecosystem-map__point--3{left:calc(448px * var(--diagram-scale,1));top:0}.ecosystem-map__point--4{left:calc(933px * var(--diagram-scale,1));top:calc(63px * var(--diagram-scale,1))}.ecosystem-map__point--5{left:calc(872px * var(--diagram-scale,1));top:calc(222px * var(--diagram-scale,1))}.ecosystem-map__note{position:absolute;top:calc(322px * var(--diagram-scale,1));left:calc(-26px * var(--diagram-scale,1));width:calc(226px * var(--diagram-scale,1));background:var(--color-action-blue);color:white;border-radius:8px;padding:calc(10px * var(--diagram-scale,1));box-shadow:0 8px 20px #0002}.ecosystem-map__note p{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:calc(calc(18px * var(--diagram-scale,1)) * var(--type-scale,1))}.ecosystem-map__note a{display:block;text-align:center;font-size:max(var(--font-size-min),calc(10px * var(--type-scale,1)));background:white;color:var(--color-action-blue);border-radius:20px;padding:calc(2px * var(--diagram-scale,1));margin-top:calc(8px * var(--diagram-scale,1));text-decoration:none}
.apps-section{margin-top:0;padding-top:128px;padding-bottom:0;height:670px;overflow:hidden}.apps-section__grid{position:relative;display:block;height:100%}.apps-section__main{width:392px}.apps-section__cloud{position:absolute;left:514px;top:123px;width:255px;margin:0;gap:25px}.apps-section__cloud-art{position:absolute;left:511px;top:-28px;width:210px;height:124px}.apps-section__devices{position:absolute;left:681px;top:-67px;width:683px;height:623px;z-index:-1}.apps-section__laptop{position:absolute;left:152px;top:78px}.apps-section__backdrop{position:absolute;left:0;top:0}.apps-section__stripes{position:absolute;left:calc(50% + 762px);top:calc(var(--section-space) - 88px);width:228px;height:623px;z-index:-1;mix-blend-mode:screen}.apps-section__stores{gap:25px}.apps-section__main h2{margin-bottom:32px}.apps-section__cloud .text-link{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.apps-section__main>p{line-height:calc(24px * var(--type-scale,1))}.apps-section__footnote{opacity:.65;white-space:nowrap}.apps-section__main>.apps-section__footnote{line-height:calc(18px * var(--type-scale,1))}
.support-section{height:721px;padding-block:124px 104px;overflow:hidden;background:white}.support-section>.container{position:relative}.support-section__decoration{position:absolute;left:calc(50% - 836px);top:90px;z-index:-1}.support-section__heading{display:grid;grid-template-columns:484px 1fr;gap:30px;margin-bottom:50px}.support-section__heading>div+div{padding-top:35px}.support-section__heading .text-link{margin-top:16px}.support-section__track{--support-gutter:max(15px,calc((100vw - var(--container-width))/2 + 15px));width:100vw;margin-left:calc(50% - 50vw);padding:6px var(--support-gutter) 24px;scroll-padding-inline:var(--support-gutter);gap:24px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.support-section__track::-webkit-scrollbar{display:none}.support-card{gap:24px;min-height:232px;width:274px;min-width:274px}.support-card__title{margin-top:0;font-size:calc(18px * var(--type-scale,1))}.support-card__description{margin-top:-8px}.support-section__controls{margin-top:30px;padding-top:14px;position:relative}.support-section__progress{position:absolute;inset:0 0 auto;height:1px;background:#e5e9ef}.support-section__progress span{position:absolute;top:-2px;left:var(--support-progress,0%);height:4px;width:var(--support-thumb,25%);background:var(--color-action-blue)}.support-section__controls button{height:32px;width:32px}
.faq-section{min-height:1400px;background:linear-gradient(#f7fbfd,white);padding-block:112px 96px}.faq-section__grid{display:grid;grid-template-columns:407px 1fr;gap:31px}.faq-section__intro>p:not(.section-eyebrow){max-width:309px;margin-top:24px;line-height:calc(24px * var(--type-scale,1))}.faq-section__intro .text-link{margin-top:16px}.faq-section__groups{padding-top:28px}.faq-group+ .faq-group{margin-top:64px}.faq-group>h3{font-size:calc(28px * var(--type-scale,1));line-height:calc(34px * var(--type-scale,1));color:var(--color-deep-blue);margin-bottom:32px;white-space:nowrap}.faq-item{border-bottom:1px solid #e2e6eb;display:block;font:300 calc(18px * var(--type-scale,1))/calc(23px * var(--type-scale,1)) var(--font-heading);padding:24px 0;text-decoration:none}.faq-item:first-of-type{padding-top:0}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer}.faq-item summary{list-style:none;min-height:32px}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/max(1.4em,calc(24px * var(--type-scale,1))) var(--font-body);padding-block:22px 10px}.faq-item[open] summary{color:var(--color-action-blue)}.faq-item__sign{width:32px;height:32px;flex:none;position:relative}.faq-item__sign::before,.faq-item__sign::after{content:"";position:absolute;left:5px;top:15px;width:22px;height:1px;background:currentColor}.faq-item__sign::after{transform:rotate(90deg)}.faq-item[open] .faq-item__sign{transform:rotate(45deg)}.faq-item summary:hover{color:var(--color-action-blue)}.faq-group>.text-link{font-size:max(var(--font-size-min),calc(16px * var(--type-scale,1)));margin-top:74px}.faq-group+.faq-group>.text-link{margin-top:74px}
.contact-section{min-height:882px;background:var(--color-deep-blue);color:white;padding-block:105px 96px;overflow:hidden}.contact-section::before,.contact-section::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:url('../img/contact-right.png') center/contain no-repeat;width:1027px;height:571px;left:calc(50% + 67px);top:317px}.contact-section::after{background-image:url('../img/contact-center.png');width:845px;height:471px;left:calc(50% - 1236px);top:1px}.contact-section__grid{display:grid;grid-template-columns:434px 600px;justify-content:space-between;gap:70px}.contact-section__info{position:relative}.contact-section__info::after{content:"";position:absolute;right:-66px;top:0;height:675px;border-right:1px solid #ffffff1a}.contact-section__eyebrow{font-size:calc(18px * var(--type-scale,1));line-height:calc(26px * var(--type-scale,1));color:#ffffff80;margin-bottom:8px}.contact-section__info h2{font-size:calc(54px * var(--type-scale,1));line-height:calc(54px * var(--type-scale,1));margin-bottom:24px}.contact-section__info>h3{font-size:calc(20px * var(--type-scale,1));line-height:calc(25px * var(--type-scale,1));margin-bottom:24px}.contact-section__info>p{font-size:max(var(--font-size-min),calc(16px * var(--type-scale,1)));line-height:max(1.4em,calc(24px * var(--type-scale,1)))}.contact-section__channel{border-block:1px solid #ffffff1a;margin-block:20px;padding-block:20px;display:flex;gap:19px;flex-wrap:wrap;align-items:center}.contact-section__channel h3{width:100%;font-size:calc(20px * var(--type-scale,1));line-height:calc(25px * var(--type-scale,1));margin-bottom:-3px}.contact-section__channel a{font-size:max(var(--font-size-min),calc(16px * var(--type-scale,1)));color:#ffffff99}.contact-section__channel a:first-of-type{margin-right:auto}.contact-section__info>.contact-section__channel+h3{margin-top:20px;margin-bottom:16px}.contact-section__info>p:last-child{opacity:.65}.contact-section__form h2{font-size:calc(40px * var(--type-scale,1));line-height:calc(48px * var(--type-scale,1));margin-bottom:19px}.contact-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}.contact-form label{font-size:max(var(--font-size-min),calc(16px * var(--type-scale,1)));line-height:max(1.4em,calc(24px * var(--type-scale,1)));display:block}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff36;color:white;background:#ffffff0d;padding:14px 16px;font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/max(1.4em,calc(24px * var(--type-scale,1))) var(--font-body);margin-top:8px;min-height:53px;border-radius:0}.contact-form select option{background:var(--color-deep-blue)}.contact-form input::placeholder{color:#ffffff66}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}.contact-form textarea{resize:vertical;min-height:213px}.contact-form__message{grid-column:1/-1}.contact-form .contact-form__consent{display:flex;align-items:flex-start;gap:12px;font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)));min-height:28px;color:#ffffffa6}.contact-form__consent:first-of-type{margin-top:30px}.contact-form__consent input{margin:0;width:20px;height:20px;accent-color:var(--color-action-blue);flex:none}.contact-form__submit{display:inline-flex;align-items:center;gap:16px;min-height:56px;background:white;color:var(--color-action-blue);border:0;border-radius:100px;padding:16px 32px;margin-top:20px}.contact-form__status{font-size:max(var(--font-size-min),calc(11px * var(--type-scale,1)));line-height:max(1.4em,calc(16px * var(--type-scale,1)));color:#ffffffa6;margin-top:10px}
.site-footer{min-height:375px;padding-block:79px 63px;color:#747782;overflow:hidden}.site-footer__top{display:grid;grid-template-columns:370px 1fr;gap:30px}.site-footer__brand img{display:block}.site-footer__brand p{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(21px * var(--type-scale,1)))}.site-footer__navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid #dfe5f1;padding-bottom:36px}.site-footer__navigation h3{font:300 max(var(--font-label-min),calc(12px * var(--type-scale,1)))/max(1.25em,calc(15px * var(--type-scale,1))) var(--font-body);letter-spacing:2.4px;text-transform:uppercase;margin:7px 0 27px;color:#a4a5ad}.site-footer__navigation a{display:block;text-decoration:none;line-height:calc(30px * var(--type-scale,1))}.site-footer__bottom{display:grid;grid-template-columns:370px 178px 231px 1fr;gap:30px;margin-top:40px;font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(21px * var(--type-scale,1)))}.site-footer__bottom a{display:block}.site-footer__phone{text-align:right}.site-footer__phone a{font:300 calc(18px * var(--type-scale,1))/calc(22px * var(--type-scale,1)) var(--font-heading);text-decoration:none}.site-footer__phone p{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)));margin-top:2px}
@media(max-width:1199.98px){.devices-section__actions{flex-wrap:wrap;gap:16px}.devices-section__description{min-width:0}.device-specs{column-gap:8px}.device-specs__item{gap:8px}.device-specs dd{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)))}.getting-started{gap:24px}.ecosystem-section__heading,.support-section__heading{grid-template-columns:42% 1fr}.ecosystem-section{min-height:760px}.apps-section__cloud{left:45%}.apps-section__cloud-art{left:45%}.apps-section__devices{left:58%}.apps-section__main,.apps-section__cloud{z-index:1}.faq-section__grid{grid-template-columns:32% 1fr}.faq-group>h3{white-space:normal}.contact-section__grid{grid-template-columns:38% 1fr;gap:60px}.contact-section__info::after{right:-30px}.contact-form__fields{gap:16px 20px}.contact-section__channel{gap:12px}.contact-section__channel a{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.site-footer__top{grid-template-columns:30% 1fr}.site-footer__bottom{grid-template-columns:30% 16% 23% 1fr;gap:20px}.site-footer__phone a{font-size:max(var(--font-size-min),calc(15px * var(--type-scale,1)))}}
@media(max-width:1199.98px){.hero__title{font-size:calc(48px * var(--type-scale,1))}.devices-section{padding-bottom:80px}.devices-section h2,.ecosystem-section h2,.support-section h2,.faq-section h2{font-size:calc(34px * var(--type-scale,1))}.devices-section__tabs{gap:24px}.device-tab{gap:10px}.device-tab strong{font-size:max(var(--font-size-min),calc(15px * var(--type-scale,1)))}.device-tab small{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)))}.device-tab img{width:60px;height:80px}.devices-section__product{gap:24px}.devices-section__description h3{font-size:calc(21px * var(--type-scale,1))}.devices-section__description>p{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(21px * var(--type-scale,1)))}.device-specs{margin-bottom:24px}.device-specs__item{min-height:38px}.device-specs__item img{width:30px;height:30px}.device-specs dd{white-space:normal}.getting-started{grid-template-columns:repeat(3,1fr)}.getting-started>h3{grid-column:1/-1}.ecosystem-section{min-height:650px}.ecosystem-section__heading>p{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(21px * var(--type-scale,1)))}.apps-section{height:auto;min-height:760px;padding-block:80px}.apps-section__main{width:45%}.apps-section__cloud{top:123px;left:55%;width:40%}.apps-section__cloud-art{left:55%;top:-28px}.apps-section__devices{display:none}.apps-section__stores{flex-wrap:wrap}.apps-section__footnote{white-space:normal}.support-section{height:auto;min-height:650px;padding-block:90px}.faq-section{padding-block:90px;min-height:1400px}.faq-section__grid{grid-template-columns:29% 1fr;gap:28px}.faq-group>h3{font-size:calc(24px * var(--type-scale,1))}.faq-item{font-size:max(var(--font-size-min),calc(16px * var(--type-scale,1)));line-height:max(1.4em,calc(23px * var(--type-scale,1)))}.faq-section__intro .text-link{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.contact-section__grid{grid-template-columns:1fr 1fr;gap:40px}.contact-section__info h2{font-size:calc(42px * var(--type-scale,1));line-height:calc(46px * var(--type-scale,1))}.contact-section__info::after{right:-20px}.contact-section__form h2{font-size:calc(32px * var(--type-scale,1))}.contact-form__fields{grid-template-columns:1fr}.contact-form__consent:first-of-type{margin-top:20px}.site-footer__top{grid-template-columns:1fr;gap:32px}.site-footer__bottom{grid-template-columns:1fr 1fr}.site-footer__phone{text-align:left}}
@media(max-width:767.98px){.hero{padding-top:100px}.hero__title{font-size:calc(40px * var(--type-scale,1))}.devices-section{padding-top:64px;min-height:0;padding-bottom:64px}.devices-section h2,.ecosystem-section h2,.support-section h2,.faq-section h2{font-size:calc(30px * var(--type-scale,1))}.devices-section__tabs{margin-top:24px;height:auto;gap:12px}.device-tab{width:50%;flex:none;gap:8px;align-items:start;padding:12px 0 24px}.device-tab img{width:44px;height:58px}.device-tab__number{font-size:max(var(--font-size-min),calc(13px * var(--type-scale,1)));margin-top:0}.device-tab strong{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));white-space:normal;line-height:max(1.4em,calc(20px * var(--type-scale,1)));display:block}.device-tab small{font-size:max(var(--font-size-min),calc(11px * var(--type-scale,1)));line-height:max(1.4em,calc(16px * var(--type-scale,1)))}.devices-section__product{padding-top:24px}.device-specs{margin-block:24px}.device-specs dd{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)))}.devices-section__actions{gap:24px}.getting-started{margin-top:48px;grid-template-columns:1fr;padding-top:28px;gap:24px}.getting-started__item{position:relative;padding-left:42px}.getting-started__item>span{position:absolute;left:0;top:2px}.getting-started__item h4{margin:0 0 8px;max-width:none}.getting-started__item p{max-width:370px}.ecosystem-section{padding-block:64px;min-height:0}.ecosystem-section__heading{grid-template-columns:1fr;gap:24px}.ecosystem-section__heading>p{margin:0}.apps-section{padding-block:64px}.apps-section__grid{display:flex;flex-direction:column;gap:0}.apps-section__main{width:100%;max-width:392px}.apps-section__cloud{position:static;display:flex;max-width:320px;width:100%;margin-top:32px}.apps-section__cloud-art{position:static;order:0;width:170px;height:auto;margin-top:48px}.apps-section__stores{flex-wrap:nowrap}.apps-section__footnote{max-width:100%}.apps-section__main>.apps-section__footnote{font-size:max(var(--font-size-min),calc(11px * var(--type-scale,1)))}.apps-section__stripes{left:auto;right:0;top:auto;bottom:0;opacity:.4}.support-section{padding-block:64px;min-height:0}.support-section__heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.support-section__heading>div+div{padding-top:0}.support-section__decoration{left:-160px;top:126px;opacity:.5}.faq-section{min-height:0;padding-block:64px}.faq-section__grid{grid-template-columns:1fr;gap:40px}.faq-section__groups{padding-top:0}.faq-section__intro>p:not(.section-eyebrow){max-width:100%}.faq-group>h3{font-size:calc(24px * var(--type-scale,1));line-height:calc(30px * var(--type-scale,1))}.faq-item{font:300 max(var(--font-size-min),calc(15px * var(--type-scale,1)))/max(1.4em,calc(22px * var(--type-scale,1))) var(--font-body)}.faq-item p{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(22px * var(--type-scale,1)))}.faq-group>.text-link,.faq-group+.faq-group>.text-link{margin-top:32px;font-size:max(var(--font-size-min),calc(13px * var(--type-scale,1)));gap:10px}.faq-group+.faq-group{margin-top:48px}.contact-section{padding-block:64px;min-height:0}.contact-section__grid{grid-template-columns:1fr;gap:56px}.contact-section__info::after{display:none}.contact-section__info h2{font-size:calc(44px * var(--type-scale,1));line-height:calc(48px * var(--type-scale,1))}.contact-section__channel{max-width:434px}.contact-section__channel a{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.contact-section__form h2{font-size:calc(30px * var(--type-scale,1));line-height:calc(38px * var(--type-scale,1))}.contact-form__fields{grid-template-columns:1fr 1fr}.contact-form label{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));padding-inline:12px}.contact-form .contact-form__consent{font-size:max(var(--font-size-min),calc(11px * var(--type-scale,1)))}.contact-form__consent:first-of-type{margin-top:24px}.site-footer{padding-block:56px 40px}.site-footer__navigation{gap:16px}.site-footer__navigation h3{font-size:max(var(--font-label-min),calc(10px * var(--type-scale,1)));letter-spacing:1.5px}.site-footer__navigation a{font-size:max(var(--font-size-min),calc(13px * var(--type-scale,1)));line-height:max(1.4em,calc(28px * var(--type-scale,1)))}.site-footer__bottom{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(19px * var(--type-scale,1)));gap:24px}.site-footer__bottom>p{grid-column:1/-1}.site-footer__phone{grid-column:1/-1}.site-footer__phone a{font-size:calc(18px * var(--type-scale,1))}}
@media(max-width:539.98px){.hero__title{font-size:calc(32px * var(--type-scale,1))}.hero{padding-top:108px}.device-tab img{width:34px;height:48px}.device-tab__number{display:none}.device-tab strong{font-size:max(var(--font-size-min),calc(13px * var(--type-scale,1)))}.device-specs__item img{width:28px;height:28px}.device-specs dt{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)))}.device-specs dd{font-size:max(var(--font-size-min),calc(11px * var(--type-scale,1)));line-height:max(1.4em,calc(17px * var(--type-scale,1)))}.devices-section__actions{align-items:start;flex-direction:column}.contact-form__fields{gap:16px 14px}.contact-form__submit{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));padding-inline:24px}.contact-section__channel{column-gap:12px}.contact-section__channel a:first-of-type{min-width:50%}.site-footer__navigation{grid-template-columns:repeat(2,1fr)}.site-footer__bottom{grid-template-columns:1fr}.site-footer__bottom>p,.site-footer__phone{grid-column:auto}}
/* Keep the open FAQ and collapsed rows at the source frame's measured rhythm. */
@media(min-width:1200px){.contact-section{padding-bottom:80px}.faq-item{padding-bottom:23px}.faq-item:not(:first-of-type){padding-top:23.5px}.faq-group>.text-link,.faq-group+.faq-group>.text-link{margin-top:32px}.contact-form{position:relative}.contact-form__status{position:absolute;left:0;top:100%;margin-top:8px}}


.social-follow{position:relative;z-index:50;height:0}.social-follow__link{position:fixed;right:30px;bottom:30px;display:block;width:min(281px,calc(100vw - 60px));line-height:0}.social-follow__link img{width:100%;height:auto}@media(max-width:1199.98px){.social-follow__link{right:16px;bottom:16px}}

/* Scale the product composition with its column; transform used to push images into adjacent copy. */
.devices-section__visual{width:100%;max-width:588px;height:auto;aspect-ratio:588/521;transform:none;margin-bottom:0}
.devices-section__visual img{height:auto}
.devices-section__box{left:16.6667%;top:0;width:82.9932%}
.devices-section__applicator{left:2.381%;top:13.0518%;width:60.2041%}
.devices-section__glow{left:51.0204%;top:-32.8215%;width:68.3673%}

/* Preserve source layer order and the full blur extent exported from FigCraft. */
.devices-section__box{z-index:1}
.ecosystem-section::before{width:2720px;height:2720px;right:-1307px;top:-733px}
.ecosystem-section::after{width:1966px;height:1966px;left:-787px;top:-392px}

.support-section::after{content:"";position:absolute;z-index:-1;width:2720px;height:2720px;left:calc(50% - 535px);top:-1351px;background:url('../img/support-glow.png') center/contain no-repeat;pointer-events:none}


.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:1199.98px){.devices-section__product{grid-template-columns:repeat(2,minmax(0,1fr))}.devices-section__visual{min-width:0;align-self:start}}
@media(max-width:767.98px){.devices-section__product{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.devices-section__visual{justify-self:center}.devices-section__description{margin-top:24px}.devices-section__description>p{max-width:none}.device-specs{grid-template-columns:1fr 1fr}.devices-section__actions{margin-bottom:32px}.getting-started{margin-top:24px}}

/* Shared content-section rhythm. Hero, header and footer retain their own layout. */
.devices-section,.ecosystem-section,.apps-section,.support-section,.faq-section,.contact-section{padding-block:var(--section-space);height:auto;min-height:0}
/* Apps: source glow 745 includes its 600px exported blur bleed and opacity.
   Overlay restores its blend with the blue section, without tinting the content. */
.apps-section::before{content:"";position:absolute;z-index:-2;pointer-events:none;width:1966px;height:1966px;left:calc(50% - 1786px);top:-776px;background:url('../img/apps-glow.png') center/contain no-repeat;mix-blend-mode:overlay}
/* Cloud participates in section height; both final links share a bottom row. */
@media(min-width:768px){
.apps-section__grid{display:grid;grid-template-columns:minmax(0,392px) minmax(0,255px);column-gap:122px;height:auto;align-items:stretch}
.apps-section__main{position:relative;grid-column:auto;width:auto;display:flex;flex-direction:column}
.apps-section__main::after{content:"";position:absolute;left:calc(100% + 60px);top:32px;bottom:0;width:1px;background:rgb(255 255 255 / .2);pointer-events:none}
.apps-section__main>.apps-section__footnote{margin-top:auto}
.apps-section__cloud{position:relative;grid-column:auto;left:auto;top:auto;width:auto;max-width:none;margin-top:123px}
}
@media(min-width:768px) and (max-width:1199.98px){.apps-section__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10%}.apps-section__main::after{left:calc(100% + 5vw)}}

/* Ecosystem: clean source bitmaps; only enabled FigCraft shadow layers. */
.ecosystem-section{background:#fff;overflow:visible}
.ecosystem-section::before,.ecosystem-section::after{display:none}
.ecosystem-map__phone{width:calc(240px * var(--diagram-scale,1));pointer-events:auto;filter:none}
.ecosystem-map__watch{gap:calc(26px * var(--diagram-scale,1))}
.ecosystem-map__watch>p{width:calc(221px * var(--diagram-scale,1));align-self:flex-start;margin-top:calc(126px * var(--diagram-scale,1))}
.ecosystem-map__sensor>.ecosystem-device{margin-top:calc(16px * var(--diagram-scale,1))}
.ecosystem-map__pump>.ecosystem-device{margin-bottom:calc(22px * var(--diagram-scale,1))}
.ecosystem-map__sensor>.ecosystem-device{width:calc(151px * var(--diagram-scale,1))}
.ecosystem-map__pump>.ecosystem-device{width:calc(162px * var(--diagram-scale,1))}
.ecosystem-map__cloud>.ecosystem-device{width:calc(225px * var(--diagram-scale,1))}
.ecosystem-map__watch>.ecosystem-device{width:calc(108px * var(--diagram-scale,1));flex:none}
.ecosystem-device{position:relative;isolation:isolate}
.ecosystem-map>div:has(.ecosystem-device--open){z-index:10}
.ecosystem-device__trigger{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer;line-height:0}
.ecosystem-device__image{display:block;width:100%;height:auto;filter:drop-shadow(0 17.4px 3.98125px rgb(9 30 51 / .03)) drop-shadow(0 33.5111px 7.8037px rgb(9 30 51 / .0364444)) drop-shadow(0 56.3889px 14.3484px rgb(9 30 51 / .0455556))}
.ecosystem-device__point{position:absolute;z-index:1;width:calc(42px * var(--diagram-scale,1));height:calc(42px * var(--diagram-scale,1));right:0;top:0;filter:none}
.ecosystem-map__sensor .ecosystem-device__point{right:0;top:auto;bottom:calc(6px * var(--diagram-scale,1))}
.ecosystem-map__phone .ecosystem-device__point{right:calc(-9px * var(--diagram-scale,1));top:calc(-4px * var(--diagram-scale,1))}
.ecosystem-map__pump .ecosystem-device__point{left:calc(-18px * var(--diagram-scale,1));top:calc(44px * var(--diagram-scale,1))}
.ecosystem-map__cloud .ecosystem-device__point{left:calc(52px * var(--diagram-scale,1));top:calc(4px * var(--diagram-scale,1))}
.ecosystem-map__watch .ecosystem-device__point{left:calc(-24px * var(--diagram-scale,1));top:calc(73px * var(--diagram-scale,1))}
.ecosystem-device__trigger:focus-visible,.ecosystem-device__note a:focus-visible{outline:3px solid var(--color-action-blue);outline-offset:5px;border-radius:8px}
.ecosystem-device__note{position:absolute;z-index:2;top:100%;left:50%;width:270px;transform:translateX(-50%);background:var(--color-action-blue);color:#fff;border-radius:8px;padding:10px;box-shadow:6.84px 18.79px 9.425px rgb(0 0 0 / .01),22.17px 60.9px 33.97px rgb(0 0 0 / .0152)}
.ecosystem-device__note[hidden]{display:none}
.ecosystem-device__note::before{content:"";position:absolute;width:14px;height:14px;top:-6px;left:calc(50% - 7px);background:inherit;transform:rotate(45deg)}
.ecosystem-device__note p{position:relative;font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)));margin:0}
.ecosystem-device__note a{display:flex;align-items:center;justify-content:center;min-height:30px;margin-top:10px;padding:6px 10px;background:#fff;border-radius:20px;color:var(--color-action-blue);font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)));text-decoration:none;text-align:center;white-space:nowrap}
.ecosystem-map__sensor .ecosystem-device__note{left:49px}
.ecosystem-map__watch .ecosystem-device__note{left:auto;right:0;transform:none}
/* Keep generic mobile watch-image rules away from the disclosure icon. */
.ecosystem-device .ecosystem-device__image{width:100%;height:auto}
.ecosystem-device .ecosystem-device__point{width:calc(42px * var(--diagram-scale,1));height:calc(42px * var(--diagram-scale,1))}

/* Anchor each disclosure to its info circle; placement is clamped at viewport edges. */
.ecosystem-device .ecosystem-device__note{right:auto;transform:none}
.ecosystem-device__note::before{left:calc(var(--info-arrow-left,50%) - 7px)}
.ecosystem-device__note::after{content:"";position:absolute;bottom:100%;left:0;width:100%;height:20px}

/* The watch disclosure opens upward, toward its own info circle. */
.ecosystem-device[data-info-placement="above"] .ecosystem-device__note::before{top:auto;bottom:-6px}
.ecosystem-device[data-info-placement="above"] .ecosystem-device__note::after{bottom:auto;top:100%}

/* FigCraft 893–897: 226×132 card, 206×30 CTA, Inter Light/Regular 12/18. */
.ecosystem-device__note p{font-weight:300}
.ecosystem-device__note a{font-weight:400;text-decoration:underline;text-underline-offset:.12em}
/* FigCraft 849–858: 18px rows, 16px row gap, 5px dots and 20px text gap. */
.ecosystem-map__data{display:flex;flex-direction:column;gap:calc(16px * var(--diagram-scale,1));padding:0;list-style:none;color:var(--color-graphite);font:300 max(var(--font-label-min),calc(12px * var(--type-scale,1)))/max(1.25em,calc(18px * var(--type-scale,1))) var(--font-body);letter-spacing:calc(2.4px * var(--diagram-scale,1));text-transform:uppercase}
.ecosystem-map__data li{display:flex;align-items:center;gap:calc(20px * var(--diagram-scale,1));white-space:nowrap}
.ecosystem-map__data li::before{content:"";width:calc(5px * var(--diagram-scale,1));height:calc(5px * var(--diagram-scale,1));flex:none;border-radius:50%;background:var(--color-deep-blue)}

/* FigCraft 865–867/883: the watch point ends the rounded dashed connector. */
.ecosystem-map__extra-path{left:calc(475px * var(--diagram-scale,1));top:calc(53px * var(--diagram-scale,1));width:calc(480px * var(--diagram-scale,1));height:calc(34px * var(--diagram-scale,1))}
.ecosystem-map__watch>p{margin-top:calc(106px * var(--diagram-scale,1));color:rgb(0 0 0 / .5)}
.ecosystem-map__watch .ecosystem-device__point{left:calc(-111px * var(--diagram-scale,1));top:calc(73px * var(--diagram-scale,1))}
.ecosystem-map__watch .ecosystem-device__trigger::after{content:"";position:absolute;left:calc(-111px * var(--diagram-scale,1));top:calc(73px * var(--diagram-scale,1));width:calc(111px * var(--diagram-scale,1));height:calc(42px * var(--diagram-scale,1))}
.ecosystem-map__data{color:rgb(33 35 43 / .5)}

/* Full-viewport scrolling keeps side cards over the section's existing decoration. */
.support-card:last-child{border-right:0}
.support-card{position:relative}
.support-card__title a::after{content:"";position:absolute;inset:0}
.support-card__arrow{color:var(--color-action-blue);opacity:0;transition:opacity .15s}
.support-card:is(:hover,:focus-within) :is(.support-card__title,.support-card__number){color:var(--color-action-blue)}
.support-card:is(:hover,:focus-within) .support-card__arrow{opacity:1}
.support-card__title a:hover{text-decoration:none}
.support-section__track--dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.support-section__controls button:disabled{opacity:.35;cursor:default;background:transparent;color:var(--color-graphite)}
.support-section__controls button{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){.support-card__arrow{transition:none}}

/* FAQ: one shared interval after support, native disclosures, bounded sticky intro. */
.support-section{padding-bottom:calc(var(--section-space) * .5)}
.faq-section{padding-bottom:var(--section-space)}
.faq-section__intro{align-self:start;position:sticky;top:calc(var(--sticky-header-height,0px) + 24px)}
.faq-item summary{min-height:44px}
.faq-item summary:focus-visible{outline:3px solid var(--color-action-blue);outline-offset:5px;border-radius:2px}
@media(max-width:767.98px),(max-height:600px){.faq-section__intro{position:static}}

/* Compact responsive sections retain room for every line and control. */
@media(max-width:1199.98px){
.hero{height:auto;min-height:0;padding-block:80px}
.devices-section__tabs{height:auto;min-height:110px;flex-wrap:wrap}
.device-tab{min-width:0;flex:1}
.device-tab strong{white-space:normal}
.apps-section__main::after{left:calc(100% + 11%)}
}
@media(max-width:767.98px){
.hero{padding-block:64px}
.devices-section__tabs{min-height:0;flex-wrap:nowrap}
}
@media(max-width:539.98px){
.hero{padding-block:48px}
.hero__title{font-size:calc(clamp(28px,6.7vw,32px) * var(--type-scale,1))}

}

/* Keep focused and anchor-scrolled controls clear of the 48px social dock. */
@media(max-width:1199.98px){
html{scroll-padding-bottom:108px}
[role="tablist"],[role="tab"],.support-section__controls{scroll-margin-block:24px 108px}
}

/* The final footer line can scroll above the 48px dock and its 30px inset. */
@media(max-width:767.98px){.site-footer{padding-bottom:108px}}

@media(max-width:678px){
  .support-section__decoration{left:auto;right:-90px;top:auto;bottom:90px;width:400px;height:auto;transform:scaleX(-1)}
}

@media(max-width:539.98px){
  .site-footer{min-height:0;padding-block:36px 80px}
  .site-footer__top{gap:24px}
  .site-footer__brand img{width:180px;height:auto}
  .site-footer__navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:24px}
  .site-footer__navigation h3{margin:0 0 12px;letter-spacing:1px}
  .site-footer__navigation a{line-height:1.5;padding-block:4px}
  .site-footer__bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:24px}
  .site-footer__bottom>p,.site-footer__phone{grid-column:1/-1}
  .site-footer__bottom a{padding-block:3px}
}

/* Tablets retain the desktop composition at the smaller container width. */
@media(min-width:768px) and (max-width:1199.98px){
.devices-section__product{min-height:0;align-items:start}
.devices-section__visual{justify-self:start}
.devices-section__description{margin-top:0}

}

/* The diagram keeps the source desktop geometry; narrow screens scroll it. */
.ecosystem-map-scroll{max-width:100%;margin-top:64px;scrollbar-color:var(--color-action-blue) #eef1ff;scrollbar-width:thin;overscroll-behavior-x:contain}
.ecosystem-map-scroll:focus-visible{outline:3px solid var(--color-action-blue);outline-offset:6px}
.ecosystem-map{--type-scale:1;width:calc(1170px * var(--diagram-scale,1));min-width:calc(1170px * var(--diagram-scale,1));height:calc(530px * var(--diagram-scale,1));min-height:0;display:block;zoom:1;transform:none;margin:0;padding:0}
.ecosystem-device .ecosystem-device__note{position:fixed;max-width:calc(100vw - 30px)}
.ecosystem-map-scroll--dragging{cursor:grabbing;user-select:none}
@media(max-width:1199.98px){
.ecosystem-map-scroll{overflow-x:auto;cursor:grab}
.faq-section__grid{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:48px}
.faq-section__intro,.faq-section__groups{min-width:0}
}
@media(max-width:767.98px){
.faq-section__grid{grid-template-columns:minmax(0,1fr);gap:40px}
}

.ecosystem-map__watch>p{white-space:nowrap}

/* Fixed artwork sizes per layout range; only placement follows the container.
   One dimension plus auto/aspect-ratio preserves the original square asset. */
@media(max-width:1199.98px){
  body::before{background-position:calc(50% + 600px) -190px;background-size:1000px auto}
  body::after{left:-840px;top:-425px;width:960px;height:auto;aspect-ratio:1}
}
@media(max-width:767.98px){
  body::before{background-position:calc(50% + 460px) -130px;background-size:800px auto}
  body::after{left:-670px;top:-340px;width:770px}
}
@media(max-width:539.98px){
  body::before{background-position:calc(50% + 400px) -100px;background-size:640px auto}
  body::after{left:-540px;top:-270px;width:620px}
}

/* The narrow diagram scrollport uses the whole window; the page keeps its width. */
.ecosystem-scrollbar{display:block;width:100%;height:44px;margin:12px 0 0;padding:0;appearance:none;background:transparent;cursor:ew-resize;accent-color:var(--color-action-blue)}
.ecosystem-scrollbar[hidden]{display:none}
.ecosystem-scrollbar::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#dce7f7}
.ecosystem-scrollbar::-webkit-slider-thumb{appearance:none;width:48px;height:12px;margin-top:-4px;border:0;border-radius:6px;background:var(--color-action-blue)}
.ecosystem-scrollbar::-moz-range-track{height:4px;border-radius:2px;background:#dce7f7}
.ecosystem-scrollbar::-moz-range-thumb{width:48px;height:12px;border:0;border-radius:6px;background:var(--color-action-blue)}
.ecosystem-scrollbar:focus-visible{outline:3px solid var(--color-action-blue);outline-offset:2px}
@media(max-width:1199.98px){
/* Start and end at the container inset while content can scroll across the window. */
.ecosystem-map-scroll{--ecosystem-gutter:max(15px,calc((100vw - var(--container-width))/2 + 15px));width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-inline:var(--ecosystem-gutter);overflow-x:scroll}
.ecosystem-scrollbar{position:relative;width:100%;margin:-8px 0 0}
}

/* The always-visible range below the diagram is its scrollbar. */
.ecosystem-map-scroll{scrollbar-width:none}
.ecosystem-map-scroll::-webkit-scrollbar{display:none}

/* Scale diagram coordinates and headings; body and label floors stay legible. */
@media(max-width:1199.98px){
.ecosystem-map{--diagram-scale:.875;--type-scale:.875}
.ecosystem-device__note{--type-scale:1}
}

/* Compact FAQ rows on small screens; the summary remains a 44px target. */
@media(max-width:767.98px){
  .faq-item,.faq-item:not(:first-of-type){padding-block:8px}
  .faq-item:first-of-type{padding-top:0}
  .faq-item p{padding-block:12px 8px}
}

/* Wide phones have enough room for both hero actions. */
@media(min-width:540px) and (max-width:767.98px){
  .hero__actions{flex-direction:row;align-items:center;gap:24px}
}

@media(max-width:767.98px){
  .ecosystem-section__heading{gap:16px}
  .ecosystem-map-scroll{margin-top:32px}
}

/* Mobile support uses the same native range affordance as the other sliders. */
.support-section__scrollbar{display:none}
.support-section__scrollbar[hidden]{display:none}
.support-section__track--range-dragging{scroll-snap-type:none}
@media(max-width:767.98px){
.support-section{padding-block:40px 24px}
.support-section__heading{gap:16px;margin-bottom:24px}
.support-section__heading .text-link{margin-top:12px}
.support-section__track{padding-bottom:8px}
.support-card{gap:16px;min-height:212px}
.support-section__controls{flex-wrap:wrap;column-gap:12px;row-gap:0;margin-top:0;padding-top:0}
.support-section__controls .support-section__progress{display:none}
.support-section__scrollbar{display:block;flex:0 0 100%;width:100%;height:44px;margin:0;padding:0;appearance:none;background:transparent;cursor:ew-resize;accent-color:var(--color-action-blue)}
.support-section__scrollbar::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#dce7f7}
.support-section__scrollbar::-webkit-slider-thumb{appearance:none;width:48px;height:12px;margin-top:-4px;border:0;border-radius:6px;background:var(--color-action-blue)}
.support-section__scrollbar::-moz-range-track{height:4px;border-radius:2px;background:#dce7f7}
.support-section__scrollbar::-moz-range-thumb{width:48px;height:12px;border:0;border-radius:6px;background:var(--color-action-blue)}
.support-section__scrollbar:focus-visible{outline:3px solid var(--color-action-blue);outline-offset:2px}
}

/* Keep desktop artwork; give each confirmed social destination its own link. */
.social-follow__panel{position:fixed;right:30px;bottom:30px;width:281px;height:48px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
.social-follow__art{position:absolute;inset:0;pointer-events:none}
.social-follow__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.social-follow .social-follow__link{position:relative;inset:auto;display:grid;place-items:center;width:38px;height:44px;color:white;border-radius:50%;line-height:1}
.social-follow__link .icon{display:none}
.social-follow__link:focus-visible{outline-offset:-2px}
@media(max-width:1199.98px){.social-follow__panel{right:16px;bottom:16px}}
@media(max-width:767.98px){
  .social-follow__panel{right:max(8px,env(safe-area-inset-right,0px));bottom:auto;top:clamp(8px,calc(50dvh - 82px),calc(100dvh - 286px - env(safe-area-inset-bottom,0px)));width:52px;height:auto;flex-direction:column;gap:4px;padding:4px;border-radius:28px;background:var(--color-deep-blue);box-shadow:0 4px 16px rgb(0 7 50 / .16)}
  .social-follow__art{display:none}
  .social-follow .social-follow__link{width:44px;height:44px}
  .social-follow__link .icon{display:block}
  .social-follow__link:is(:hover,:focus-visible){background:var(--color-action-blue)}
  body:has(.contact-dialog[open]) .social-follow{visibility:hidden}
}