@charset "UTF-8";
:root{color-scheme:light;--blue:#0867ed;--ink:#142236;--muted:#596779;--line:#e5eaf1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible{outline:3px solid #0867ed;outline-offset:6px;border-radius:3px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.header{min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0}.brand img{display:block;width:160px;height:140px;object-fit:contain}.header nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.header nav a{padding-block:12px}.hero{text-align:center;min-height:660px;min-height:calc(100svh - 225px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:68px 82px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--blue);margin:0 0 25px}h1{font-size:clamp(44px,5.6vw,76px);line-height:1.08;letter-spacing:-3px;margin:0;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:18px;line-height:1.8;color:var(--muted);margin:28px 0 0}.platforms{margin-top:45px;scroll-margin-top:50px}.platforms>p{font-size:14px;color:var(--muted);margin:0 0 18px}.platforms ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.platforms li{display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--line);background:#f9fafc;border-radius:9px;padding:13px 22px;font-size:15px;font-weight:600;cursor:default}.platforms svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.more{border-block:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0;cursor:pointer;font-size:19px;font-weight:600}summary::-webkit-details-marker{display:none}summary:hover{color:var(--blue)}.expand-icon{width:18px;height:18px;position:relative;flex-shrink:0}.expand-icon:before,.expand-icon:after{content:"";position:absolute;background:var(--blue);inset:8px 1px;height:2px}.expand-icon:after{transform:rotate(90deg)}details[open] .expand-icon:after{transform:rotate(0)}.details-content{padding:0 0 35px}.details-intro{color:var(--muted);margin:0 0 30px;font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.number{font-size:13px;color:var(--blue);font-weight:700;display:block;margin-bottom:13px}h2{font-size:18px;line-height:1.4;margin:0 0 9px}.steps p,.repair-types p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.repair-types{margin-top:34px;padding-top:25px;border-top:1px solid var(--line)}.repair-types h2{font-size:16px}.contact{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:35px}.contact h2{font-size:16px;margin:0}.contact a{font-size:15px;color:var(--muted)}.contact a:hover{color:var(--blue)}.contact a span{margin-left:12px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:20px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;z-index:5;background:#fff;padding:12px}.skip:focus{top:10px}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{min-height:122px;gap:14px}.brand img{width:125px;height:118px}.header nav{gap:20px;font-size:13px}.hero{min-height:calc(100svh - 185px);padding-block:58px 64px}h1{font-size:clamp(40px,7.9vw,58px);letter-spacing:-1.8px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:25px}.intro{font-size:16px;margin-top:24px}.platforms{margin-top:35px}.platforms ul{gap:9px}.platforms li{padding:12px 14px;font-size:14px;gap:8px}.platforms svg{width:20px;height:20px}.steps{grid-template-columns:1fr;gap:26px}.steps article{position:relative;padding-left:38px}.number{position:absolute;left:0;top:2px}.details-content{padding-bottom:28px}summary{font-size:17px;padding-block:24px}}
@media(max-width:440px){.header{flex-direction:column;gap:0;padding-bottom:15px}.brand img{width:130px;height:112px}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.hero{min-height:calc(100svh - 230px);padding-block:46px 54px}h1{font-size:40px;letter-spacing:-1.8px}.intro br{display:none}.platforms li{padding:11px 12px}.platforms ul{gap:8px}.platforms>p{font-size:13px}.contact{gap:12px}.contact a{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Quiet visual emphasis for the introductory screen. */
.header{border-bottom-color:#edf1f7}
.header nav a{position:relative;transition:color .18s ease}
.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.header nav a:hover::after{transform:scaleX(1)}
.hero{position:relative;isolation:isolate;min-height:680px;min-height:max(620px,calc(100svh - 235px));padding-block:70px 76px}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:5% -20px 7%;background:radial-gradient(ellipse at 50% 42%,#edf5ff 0%,#f6faff 32%,#fff0 69%)}
.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce9fb;background:#ffffffb8;border-radius:30px;padding:7px 13px;font-size:10px;letter-spacing:1.7px;margin-bottom:30px}
.hero .eyebrow::before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 3px #e4efff}
.hero h1{font-size:clamp(48px,6.6vw,88px);letter-spacing:-3.7px;line-height:1.07;font-weight:750}
.hero h1 em{display:inline-block;margin-top:7px;color:#0867ed;background:linear-gradient(105deg,#064fbf 5%,#0867ed 55%,#3285f5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .intro{max-width:560px;font-size:18px;line-height:1.8;margin-top:28px;color:#5d6c80}
.platforms{margin-top:40px}
.platforms>p{font-size:13px;margin-bottom:15px;color:#66758a}
.platforms ul{gap:0;padding:7px;background:#ffffffdb;border:1px solid #e2e9f3;border-radius:17px;box-shadow:0 9px 28px #163e7510}
.platforms li{background:none;border:0;border-radius:0;padding:10px 25px;font-size:14px;gap:10px}
.platforms li+li{border-left:1px solid #e5ebf3}
.platforms svg{color:#325a91;width:21px;height:21px}
.more{border-color:#e8edf5}
@media(max-width:720px){.hero{min-height:max(570px,calc(100svh - 205px));padding-block:52px 65px}.hero h1{font-size:clamp(43px,7.8vw,60px);letter-spacing:-2.3px}.hero .intro{font-size:16px;max-width:430px}.platforms li{padding:10px 17px}.hero::before{inset:8% -15px 8%}}
@media(max-width:440px){.hero{min-height:560px;padding-block:42px 58px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px;padding:7px 11px;margin-bottom:27px}.hero h1{font-size:clamp(34px,10.2vw,44px);letter-spacing:-1.8px}.hero h1 em{margin-top:5px}.hero .intro{font-size:15px;line-height:1.85;margin-top:25px;max-width:310px}.platforms{width:100%;margin-top:34px}.platforms ul{padding:6px 3px;border-radius:14px;flex-wrap:nowrap}.platforms li{padding:9px 10px;gap:7px;font-size:12px;flex:1;white-space:nowrap}.platforms svg{width:17px;height:17px;flex-shrink:0}.platforms li:last-child{flex:1.6}}
@media(prefers-reduced-motion:reduce){.header nav a,.header nav a::after{transition:none}}

/* Supplied app screen, presented as a small device beside the introduction. */
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:48px;text-align:left;padding-block:56px 66px;min-height:700px}
.hero-copy{min-width:0}.hero h1{font-size:clamp(48px,4.8vw,66px);letter-spacing:-2.6px}.hero .intro{max-width:510px}.hero::before{background:radial-gradient(ellipse at 76% 44%,#eaf3ff 0%,#f7faff 30%,#fff0 68%)}
.hero .platforms{width:fit-content;max-width:100%;margin-top:34px}.hero .platforms li{padding-inline:19px}.hero .platforms>p{margin-bottom:13px}
.app-preview{margin:0;display:flex;flex-direction:column;align-items:center;gap:23px;min-width:0}
.phone-frame{width:240px;padding:6px;background:linear-gradient(135deg,#687584,#182432 45%,#435166);border:1px solid #718095;border-radius:35px;box-shadow:0 22px 48px -18px #244f7e40,0 4px 12px #1b3b5c14;position:relative}
.phone-frame::before{content:"";position:absolute;left:-3px;top:90px;width:2px;height:38px;background:#687584;border-radius:2px}.phone-frame::after{content:"";position:absolute;right:-3px;top:125px;width:2px;height:45px;background:#526173;border-radius:2px}
.phone-frame img{display:block;width:100%;height:auto;border-radius:28px}
.app-preview figcaption{text-align:center}.app-preview figcaption strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}.app-preview figcaption span{display:block;font-size:12px;color:var(--muted);margin-top:4px;max-width:280px}
@media(max-width:1000px) and (min-width:901px){.hero{gap:26px;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.hero h1{font-size:48px}.phone-frame{width:220px}.hero .platforms li{padding-inline:13px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;gap:44px;min-height:0;padding-block:52px 55px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(44px,7.4vw,60px)}.hero .intro{max-width:510px}.hero::before{inset:25% -15px 3%;background:radial-gradient(ellipse at 50% 56%,#edf5ff 0%,#f7faff 30%,#fff0 66%)}.phone-frame{width:218px}.app-preview{gap:20px}}
@media(max-width:440px){.hero{padding-block:38px 43px;gap:36px}.hero h1{font-size:clamp(34px,10.2vw,44px);letter-spacing:-1.8px}.hero .intro{max-width:310px}.hero .platforms{width:100%;margin-top:28px}.hero .platforms li{padding-inline:10px}.phone-frame{width:205px;border-radius:31px}.phone-frame img{border-radius:24px}.app-preview figcaption span{font-size:12px}}

/* Contact section with a quiet blue correspondence illustration. */
.contact{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;background:#f3f7fe;border:1px solid #e6eefb;border-radius:24px;padding:55px 64px;margin-block:54px 42px;scroll-margin-top:28px}
.contact .eyebrow{font-size:11px;letter-spacing:1.8px;margin:0 0 15px}
.contact h2{font-size:clamp(30px,3.3vw,42px);letter-spacing:-1.3px;line-height:1.15;margin:0}
.contact-intro{color:var(--muted);font-size:16px;margin:17px 0 19px}
.contact .contact-email{display:inline-flex;align-items:center;gap:23px;color:var(--blue);font-size:clamp(21px,2.4vw,28px);font-weight:600;letter-spacing:-.6px;border-bottom:1px solid #b9d4fa;padding-bottom:7px;max-width:100%}
.contact .contact-email:hover{color:#034aaa;border-color:#034aaa}.contact .contact-email span{margin:0;font-size:27px}
.contact address{font-style:normal;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--muted);margin-top:30px}.contact address strong{font-weight:600;color:var(--ink)}
.contact-art{width:100%;max-width:355px;justify-self:end}.contact-art svg{display:block;width:100%;height:auto}
@media(max-width:720px){.contact{padding:35px 30px;gap:20px;grid-template-columns:1.2fr 1fr}.contact-art{min-width:0}.contact h2{font-size:30px}.contact-intro{font-size:14px}.contact .contact-email{font-size:21px;gap:12px}}
@media(max-width:560px){.contact{grid-template-columns:1fr;padding:30px 25px 20px;margin-block:35px 30px;border-radius:19px;gap:5px}.contact-art{width:210px;justify-self:center}.contact address{margin-top:24px}.contact .contact-email{font-size:23px}.contact h2{font-size:32px}.contact-intro{max-width:245px}}

.more{padding-top:34px;scroll-margin-top:28px}.how-title{font-size:28px;letter-spacing:-.8px;margin:0 0 13px}.more .details-intro{margin-bottom:28px}
@media(max-width:720px){.more{padding-top:28px}.how-title{font-size:25px}}

/* Slightly larger full brand mark in the header. */
.brand img{width:208px;height:178px}
@media(max-width:720px){.brand img{width:164px;height:150px}}
@media(max-width:440px){.brand img{width:170px;height:145px}}

/* Dedicated, presentation-only platform page. */
.applications-page{min-height:100svh;display:flex;flex-direction:column}.applications-page .header{flex-shrink:0}.header nav a[aria-current="page"]{color:var(--blue)}.header nav a[aria-current="page"]::after{transform:scaleX(1)}
.applications{padding-block:64px 45px;flex:1;text-align:center}.applications-heading{position:relative;isolation:isolate}.applications-heading::before{content:"";position:absolute;inset:-25px 0 -45px;z-index:-1;background:radial-gradient(ellipse,#edf5ff 0%,#fff0 70%);pointer-events:none}.applications-heading .eyebrow{margin-bottom:22px}.applications h1{font-size:clamp(44px,5vw,66px);line-height:1.08;letter-spacing:-2.5px}.applications h1 em{display:inline-block;margin-top:4px}.applications-intro{font-size:17px;color:var(--muted);line-height:1.8;margin:24px 0 0}.platform-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;text-align:left}.platform-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 28px #183c7005}.platform-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#edf4ff;color:var(--blue);margin-bottom:27px}.platform-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.platform-device{font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:600;margin:0 0 7px}.platform-card h2{font-size:25px;letter-spacing:-.7px;margin:0 0 12px}.platform-card>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:260px}.applications-note{font-size:13px;color:var(--muted);margin:26px 0 20px}.back-home{display:inline-flex;gap:10px;font-size:14px;font-weight:600;padding:8px}.applications-page footer a:hover{color:var(--blue)}
@media(max-width:720px){.applications{padding-block:43px 30px}.platform-cards{gap:12px}.platform-card{padding:20px 16px}.platform-card h2{font-size:21px}.platform-device{font-size:9px;letter-spacing:.5px}.applications-intro{font-size:15px}}
@media(max-width:560px){.applications h1{font-size:45px;letter-spacing:-1.8px}.applications-intro br{display:none}.platform-cards{grid-template-columns:1fr;margin-top:32px;gap:14px}.platform-card{padding:24px;display:grid;grid-template-columns:48px 1fr;column-gap:18px}.platform-icon{grid-column:1;grid-row:1/4;width:48px;height:48px;margin:0}.platform-device,.platform-card h2,.platform-card>p:last-child{grid-column:2}.platform-card h2{font-size:23px;margin-bottom:6px}.platform-device{font-size:10px;letter-spacing:1px}.applications-note{max-width:280px;margin-inline:auto}}

/* Fixed device size while five supplied screens crossfade. */
.phone-slides{display:grid;overflow:hidden;border-radius:28px;background:#fff;aspect-ratio:1206/2622}
.phone-slides .phone-slide{grid-area:1/1;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease;pointer-events:none}
.phone-slides .phone-slide.is-active{opacity:1}
.slideshow-controls{display:flex;align-items:center;gap:14px;margin-top:-9px;margin-bottom:-9px;min-height:30px}
.slideshow-controls[hidden]{display:none}.slide-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.slideshow-toggle{border:0;background:transparent;color:#52667f;font:inherit;font-size:12px;padding:7px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.slideshow-toggle:hover{color:var(--blue)}.slideshow-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}
@media(max-width:440px){.phone-slides{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.phone-slides .phone-slide{transition:none}}

/* Product information, shared navigation on all public pages. */
.header nav{flex-wrap:wrap;justify-content:flex-end;gap:16px 28px}.header nav a{white-space:nowrap}
.about{padding-block:64px 48px}.about-heading{max-width:950px;padding-bottom:56px}.about-heading :is(h1,h2){font-size:clamp(36px,4.3vw,58px);letter-spacing:-2px;line-height:1.14}.about-heading :is(h1,h2) em{display:inline-block;margin-top:6px}.about-lead{max-width:710px;color:var(--muted);font-size:18px;line-height:1.85;margin:25px 0 0}.about-audience{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;background:#f3f7fe;border:1px solid #e6eefb;border-radius:20px;padding:38px 42px}.about-audience .eyebrow{font-size:11px;margin-bottom:13px}.about-audience h2{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:0}.about-audience>p{font-size:16px;color:var(--muted);line-height:1.85;margin:0}.about-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding-block:48px}.about-benefits article{border-top:1px solid var(--line);padding-top:23px}.about-benefits h2{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:0 0 14px}.about-benefits p{font-size:15px;color:var(--muted);line-height:1.85;margin:0}.about-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:35px}.about-closing .eyebrow{font-size:10px;margin-bottom:10px}.about-closing h2{font-size:29px;letter-spacing:-.8px}.about-closing p:last-child{font-size:15px;color:var(--muted);margin:12px 0 0}.about-closing a{display:inline-flex;align-items:center;gap:18px;color:var(--blue);font-size:14px;font-weight:600;white-space:nowrap;padding:14px 18px;background:#edf4ff;border-radius:9px}.about-closing a:hover{background:#e0ecff}
@media(max-width:720px){.header nav{gap:4px 20px}.about{padding-block:42px 34px}.about-heading{padding-bottom:33px}.about-heading :is(h1,h2){font-size:39px;letter-spacing:-1.4px}.about-lead{font-size:16px}.about-audience{grid-template-columns:1fr;gap:20px;padding:29px}.about-audience h2{font-size:26px}.about-benefits{grid-template-columns:1fr;gap:27px;padding-block:34px}.about-closing{display:block}.about-closing a{margin-top:23px}}
@media(max-width:440px){.header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;text-align:center;justify-content:center}.header nav a{padding-block:8px}.header nav a::after{left:15%;right:15%;bottom:3px}.about-heading :is(h1,h2){font-size:34px;letter-spacing:-1.1px}.about-audience{padding:25px}.about-closing h2{font-size:27px}}

.about-benefits .number{position:static;margin-bottom:13px}

.about-home{scroll-margin-top:28px;padding-bottom:12px}.about-home .about-heading h2{margin:0;font-weight:750}.about-home .about-heading h2 em{font-style:normal;color:var(--blue)}

.platform-card-link{display:block;transition:border-color .18s,box-shadow .18s}.platform-card-link:hover{color:var(--ink);border-color:#8bbafd;box-shadow:0 10px 28px #0867ed12}.platform-card-link>p:not(.platform-device){font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:260px}.platform-open{display:flex;align-items:center;gap:14px;color:var(--blue);font-size:14px;font-weight:600;margin-top:20px}
@media(max-width:560px){.platform-card-link{display:grid}.platform-card-link>p,.platform-open{grid-column:2}}
@media(prefers-reduced-motion:reduce){.platform-card-link{transition:none}}

.platforms .platform-web-link a{display:flex;align-items:center;justify-content:center;gap:inherit;color:var(--blue);border-radius:5px}.platforms .platform-web-link a:hover{text-decoration:underline;text-underline-offset:4px}.platforms .platform-web-link svg{color:var(--blue)}