/* Inkavi Studio — progressive enhancement of the original static site. */
:root{--bg-primary:#090811;--bg-secondary:#100d1c;--text-secondary:#b7b3c7;--text-muted:#a29aae;--gradient-primary:linear-gradient(110deg,#7061ff,#a443ee 55%,#eb4ba9);--border-color:rgba(189,164,255,.15);--banner-height:0px;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:120px}body{overflow-x:clip;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #c9a1ff;outline-offset:5px}button{min-height:44px}main{overflow:clip}section{scroll-margin-top:110px}img{max-width:100%}.skip-link{position:fixed;left:20px;top:-80px;z-index:9999;background:#fff;color:#151021;padding:14px;border-radius:8px}.skip-link:focus{top:16px}
.bg-gradient{background:radial-gradient(ellipse at 85% 8%,#7626b322,transparent 36%),radial-gradient(ellipse at 5% 36%,#2563eb10,transparent 30%);position:fixed;inset:0;pointer-events:none;z-index:-1}.reading-line{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;background:var(--gradient-primary);z-index:5000}
.update-banner{position:relative;background:#191127;animation:none;box-shadow:none;border-bottom:1px solid var(--border-color);padding:8px 24px;min-height:44px}.update-banner.hidden{display:none}.update-banner-icon{display:none}.update-banner-text{font-size:.875rem}.update-banner-btn{font-size:.875rem}.update-banner-close{min-width:44px}.update-banner-content{gap:6px 20px}
nav,body.banner-hidden nav{position:sticky;top:0;padding:15px 4%;background:rgba(9,8,17,.82)!important;transition:box-shadow .3s;z-index:1000}nav.scrolled{box-shadow:0 12px 35px #0005}.nav-container{max-width:1320px;gap:22px}.logo{text-decoration:none;white-space:nowrap;position:relative}.logo-img{border-radius:50%;width:42px;height:42px;filter:drop-shadow(0 0 10px #964bff60);animation:logo-light 6s ease-in-out infinite}.nav-links{gap:24px}.nav-links a{font-size:.875rem}.nav-links a:hover{color:#e4c9ff}.nav-right{gap:12px}.lang-btn{font-size:.875rem;padding:5px 9px}.motion-toggle,.menu-toggle{background:transparent;color:#b7b3c7;border:1px solid var(--border-color);border-radius:9px;padding:8px 12px;font-size:.875rem}.motion-toggle:hover{border-color:#9d65d7;color:#fff}.menu-toggle{display:none}
.hero{min-height:min(820px,calc(100svh - 100px));padding:75px 4% 85px;isolation:isolate}.hero-container{max-width:1320px;width:100%;grid-template-columns:1.05fr 1fr;gap:30px}.hero-content{animation:none;z-index:2}.hero-badge{font-size:.8125rem;letter-spacing:.12em;font-weight:600;border:1px solid #9b73df55;background:#9e56ec0c;color:#d0b7f3;border-radius:7px;padding:10px 13px;margin-bottom:26px}.hero-badge::before{content:none}.hero h1{font-size:clamp(2.8rem,5.1vw,4.8rem);line-height:1.09;letter-spacing:-.055em;margin-bottom:26px}.hero h1 span{display:inline-block;background-size:180% 100%;animation:ink-flow 12s ease-in-out infinite}.hero-description{max-width:510px;font-size:1.125rem;line-height:1.85;margin:0 0 30px}.hero-buttons{gap:12px}.btn-primary,.btn-secondary{border-radius:10px;padding:15px 22px;position:relative;isolation:isolate;overflow:hidden;font-size:1rem}.btn-primary{box-shadow:0 5px 30px #7c3aed30;background:linear-gradient(115deg,#7848ef,#a13deb)}.btn-primary::after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 40%,#ffffff22 50%,transparent 60%);transform:translateX(-90%);transition:transform .75s;pointer-events:none}.btn-primary:hover::after{transform:translateX(90%)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #9848fc50}.btn-secondary{background:#ffffff04;border-color:#c2aad333}.trust-badges{justify-content:flex-start;margin-top:24px;gap:0}.trust-badge{font-size:.875rem;padding:0;border:none;background:none;border-radius:0}.trust-badge+.trust-badge::before{content:'·';padding:0 15px;color:#9c76bf}.trust-badge:hover{background:none;transform:none}.hero-scroll{display:inline-flex;align-items:center;gap:12px;color:#a29aae;text-decoration:none;font-size:.875rem;margin-top:35px}.hero-scroll>span:first-child{border:1px solid #9480b63b;border-radius:50%;width:32px;height:40px;display:grid;place-items:center;color:#dbc4ff}.hero-scroll:hover{color:white}
.hero-visual{height:570px;min-width:0;perspective:1400px;animation:none;isolation:isolate}.device-scene{position:absolute;inset:0;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s var(--ease)}.device-float{position:absolute;animation:device-hover 8s ease-in-out infinite}.device-shell{padding:7px;background:linear-gradient(150deg,#c5a0f4,#23182e 22%,#201925 74%,#8d5bba);border-radius:30px;box-shadow:0 35px 55px #0009,0 0 0 1px #ffffff18;position:relative;overflow:hidden}.device-shell img{display:block;width:100%;height:auto;border-radius:23px;object-fit:contain;background:#10091e}.device-shell::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff12,transparent 25%,transparent 80%,#e4b5ff10);pointer-events:none;border-radius:inherit}.device-front{width:250px;left:50%;top:5%;margin-left:-125px;z-index:3}.device-front .device-shell{transform:rotate(-6deg)}.device-back{width:185px;top:17%;opacity:.8}.device-left{left:0;animation-delay:-2s}.device-left .device-shell{transform:rotate(-17deg)}.device-right{right:0;top:13%;animation-delay:-4s}.device-right .device-shell{transform:rotate(15deg)}.aurora{position:absolute;border-radius:50%;filter:blur(45px);pointer-events:none;z-index:-1;animation:aurora-drift 14s ease-in-out infinite alternate}.aurora-one{width:65%;height:70%;background:#8c20d137;top:4%;left:15%}.aurora-two{width:60%;height:35%;background:#206fee30;bottom:10%;right:0;animation-delay:-7s}.light-orbit{position:absolute;inset:12% -3%;border:1px solid #b55dff60;transform:rotate(-25deg) scaleY(.53);border-radius:50%;box-shadow:0 0 24px #8941e930,inset 0 0 24px #8941e930;pointer-events:none}.light-orbit::after{content:'';position:absolute;width:12px;height:12px;left:14%;top:12%;border-radius:50%;background:#c695ff;box-shadow:0 0 24px 7px #a253ef90;animation:orbit-light 8s ease-in-out infinite alternate}.scene-caption{position:absolute;bottom:-10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:15px;color:#c8b3e0;font-size:.875rem;letter-spacing:.03em}.caption-line{width:40px;height:1px;background:#b965f1}
.upcoming{width:92%;max-width:1320px;margin:20px auto 85px;padding:50px 55px;border-radius:24px;border:1px solid #a05bea4d;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;background:radial-gradient(ellipse at 95% 110%,#354ae32b,transparent 65%),radial-gradient(ellipse at 5% 0%,#8a35b526,transparent 65%),#0e0b17;position:relative;isolation:isolate}.eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.12em;color:#d3b5ff;border:1px solid #9777c34d;border-radius:6px;padding:8px 10px}.upcoming h2{font-size:clamp(2rem,3.2vw,3.1rem);letter-spacing:-.04em;line-height:1.15;margin:22px 0}.upcoming h2 span{color:#bb87f5}.upcoming p{color:var(--text-secondary);font-size:1rem;line-height:1.8;max-width:490px}.upcoming .release-note{font-size:.875rem;color:#a7a0b9;margin-top:18px}.connections{position:relative;text-align:center;padding:10px 0}.connection-core{display:grid;place-items:center;width:100px;height:100px;margin:auto;position:relative}.connection-core img{border-radius:50%;box-shadow:0 0 55px #9a32d444;animation:logo-light 6s ease-in-out infinite}.connection-lines{height:65px;display:flex;justify-content:space-around;width:70%;margin:0 auto;overflow:hidden}.connection-lines i{height:100%;width:1px;background:linear-gradient(#b965ed,transparent);position:relative}.connection-lines i::after{content:'';position:absolute;width:3px;height:20px;left:-1px;background:linear-gradient(transparent,#e2acff,transparent);animation:signal 3s linear infinite}.connection-lines i:nth-child(2)::after{animation-delay:1s}.connection-lines i:nth-child(3)::after{animation-delay:2s}.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-tile{padding:23px 8px 20px;border:1px solid #b788ea30;background:#171020b0;border-radius:13px;animation:service-glow 6s ease-in-out infinite}.service-tile:nth-child(2){animation-delay:-2s}.service-tile:nth-child(3){animation-delay:-4s}.service-tile strong{font-size:1.3rem;display:block;letter-spacing:-.04em}.service-tile small{font-size:.8125rem;color:#b9acc9;display:block;margin-top:12px}.plex-tile strong{font-size:1.75rem;line-height:1;font-weight:800}.plex-tile strong span{color:#edb02e}.jellyfin-tile strong{color:#d0b9ff}.kavita-tile strong{color:#a4d9bc}
.section-header{margin-bottom:50px}.section-tag{color:#c197ed;letter-spacing:.12em;font-size:.8125rem;text-transform:uppercase}.section-title{font-size:clamp(2rem,3.7vw,3.4rem);letter-spacing:-.04em;line-height:1.16}.section-description{font-size:1rem;line-height:1.85;color:var(--text-secondary)}.features,.how-it-works,.comparison,.demo,.faq,.roadmap{padding-top:85px;padding-bottom:85px}.features-grid{gap:18px;max-width:1240px}.feature-card{border-radius:18px;background:linear-gradient(145deg,#19122580,#100d18);border:1px solid var(--border-color);transition:border-color .3s,box-shadow .3s,transform .5s var(--ease);position:relative;overflow:hidden}.feature-card::after{content:'';position:absolute;inset:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),#b66cff14,transparent 70%);pointer-events:none}.feature-card:hover{border-color:#b177e875;box-shadow:0 12px 35px #0004;transform:translateY(-5px)}.feature-icon{background:#9870e41a!important;border:1px solid #b17ae32a;border-radius:12px}.feature-title{font-size:1.125rem}.feature-description{font-size:1rem;line-height:1.8}.animate-on-scroll{opacity:1;transform:none;transition:transform .7s var(--ease),border-color .3s,box-shadow .3s}.motion-enabled .animate-on-scroll:not(.visible){transform:translateY(18px)}
.screenshots{background:radial-gradient(ellipse at 50% 65%,#66369522,transparent 60%),#0d0a15;padding:85px 0}.screenshots-container{max-width:1440px}.screenshots .section-header{padding:0 24px}.carousel-container{overflow:visible;margin-top:20px}.carousel-track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:35px;align-items:center;padding:60px max(30px,calc((100% - 285px)/2));transform:none!important;scroll-behavior:smooth;perspective:1200px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 285px;max-width:none;width:285px;height:590px;padding:8px;margin:0;scroll-snap-align:center;border-radius:28px;background:linear-gradient(145deg,#b086d677,#262031 22%,#211b2c 80%,#9054cc99);box-shadow:0 30px 45px #0007;transform:scale(.89) rotateY(7deg);opacity:.65;transition:transform .65s var(--ease),opacity .5s,box-shadow .5s;cursor:zoom-in;position:relative}.carousel-slide.is-active{opacity:1;transform:scale(1) rotateY(0);box-shadow:0 30px 60px #0008,0 0 38px #9a4fed27}.carousel-slide:hover{transform:scale(.94) rotateY(0);opacity:1}.carousel-slide.is-active:hover{transform:scale(1.015)}.carousel-slide.tablet{flex:0 0 650px;width:650px;max-width:85vw;height:465px;border-radius:22px}.carousel-slide img{object-fit:contain;border-radius:20px;background:#100c18}.carousel-slide::after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #e9c8ff25;background:linear-gradient(115deg,#ffffff07,transparent 30%)}.carousel-btn{top:auto;bottom:0;background:#21182e;border:1px solid #be91f14d;transform:none;position:relative;display:inline-flex;margin:15px 5px 0}.carousel-btn:hover{transform:translateY(-2px)}.carousel-prev{left:calc(50% - 59px)}.carousel-next{right:auto;left:calc(50% - 59px)}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center}.gallery-counter{font-size:.875rem;color:#c997ff;white-space:nowrap;font-variant-numeric:tabular-nums}.gallery-controls p{font-size:.875rem;color:#b7b0c4}.carousel-dots{display:none}
.capture-dialog{position:fixed;inset:0;margin:auto;width:min(96vw,1200px);max-height:95svh;padding:18px;background:#100c19;border:1px solid #9671c355;border-radius:18px;color:#fff;box-shadow:0 30px 100px #0008;overflow:auto}.capture-dialog::backdrop{background:#06040ae8;backdrop-filter:blur(14px)}.capture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.capture-toolbar p{font-size:1rem}.capture-close{color:white;border:1px solid #bd96ea50;background:#291934;padding:8px 16px;border-radius:9px;font-size:1rem}.capture-full{display:block;width:auto;max-width:100%;max-height:calc(95svh - 110px);height:auto;margin:auto;object-fit:contain;border-radius:8px}
.server-screen{background:#171020;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 50px #0004;transition:transform .5s var(--ease),box-shadow .5s}.server-screen:hover{transform:translateY(-6px);box-shadow:0 25px 50px #0005,0 0 30px #a760e51a}.server-capture{cursor:zoom-in}.server-screen-label{font-size:1rem}.fusion-mode{border-color:#9a68d444;background:linear-gradient(125deg,#4c26701c,#161020)}.download{background:radial-gradient(ellipse at 50% 100%,#772dc221,transparent 70%),#0b0912}.download-card{background:#17121f;border-color:#b68fe32d;border-radius:20px}.download-card p,.demo-feature p,.faq-answer p,.step-description{font-size:1rem;line-height:1.8}.side-badge{font-size:.875rem}.comparison-table-container{overflow-x:auto}.comparison-table th,.comparison-table td{font-size:.875rem}.faq-question{font-size:1rem;line-height:1.6}.faq-item{background:#15101c;border:1px solid var(--border-color);border-radius:12px}.demo-video{background:radial-gradient(ellipse at center,#7640bd25,transparent 70%);border:0;min-width:0}.demo-real{padding:20px;perspective:1000px}.demo-real img{border-radius:16px;border:5px solid #352840;box-shadow:0 30px 55px #0007;transform:rotateY(-7deg) rotateX(3deg);transition:transform .7s;cursor:zoom-in}.demo-real:hover img{transform:rotateY(0) rotateX(0)}.demo-real p{font-size:.875rem;color:#b3a4c8;text-align:center;margin-top:25px}.roadmap-item{border-color:var(--border-color)}.modal{z-index:4000}.modal-content{max-height:85svh;overflow-y:auto}.footer-content{gap:30px}.footer-links a{font-size:.875rem}
@keyframes device-hover{0%,100%{translate:0 0}50%{translate:0 -17px}}@keyframes aurora-drift{from{transform:translate(-15px,12px) scale(.9)}to{transform:translate(18px,-15px) scale(1.08)}}@keyframes logo-light{0%,100%{filter:drop-shadow(0 0 8px #9a4eff40)}50%{filter:drop-shadow(0 0 20px #a557ff80)}}@keyframes ink-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orbit-light{from{transform:translate(0,0)}to{transform:translate(160px,-45px)}}@keyframes signal{from{transform:translateY(-25px)}to{transform:translateY(85px)}}@keyframes service-glow{0%,100%{border-color:#b788ea30;box-shadow:0 0 20px transparent}50%{border-color:#b788ea85;box-shadow:0 0 22px #8c4bd51a}}
@media(min-width:1600px){.hero h1{font-size:5rem}.hero-visual{height:630px}.device-front{width:270px;margin-left:-135px}.device-back{width:200px}}
@media(max-width:1100px){.nav-links{gap:16px}.motion-toggle{font-size:.8125rem;padding:8px}.hero{min-height:0;padding-top:65px}.hero-container{grid-template-columns:1fr 1fr;gap:15px;text-align:left}.hero-content{order:0}.hero-visual{order:1;height:480px}.hero h1{font-size:clamp(2.6rem,5vw,3.6rem)}.hero-description{margin-left:0;font-size:1rem}.hero-buttons{justify-content:flex-start}.device-front{width:215px;margin-left:-107px}.device-back{width:155px}.device-left{left:-8px}.device-right{right:-8px}.upcoming{padding:40px 30px;gap:25px}.service-tile strong{font-size:1.1rem}.service-tile small{font-size:.8125rem}}
@media(max-width:800px){.nav-container{flex-wrap:wrap;gap:12px}.nav-right{margin-left:auto;gap:8px}.nav-links{display:none;order:3;width:100%;flex-wrap:wrap;gap:0;margin-top:6px}.nav-links.is-open{display:flex}.nav-links li{flex:1 0 45%}.nav-links a{display:block;padding:15px 10px}.menu-toggle{display:block}.motion-toggle{font-size:0;width:44px;padding:0}.motion-toggle::after{content:'Ⅱ';font-size:1rem}.motion-paused .motion-toggle::after{content:'▷'}.hero{padding:45px 6% 55px}.hero-container{grid-template-columns:1fr;text-align:center;gap:35px}.hero-content{order:0}.hero-visual{order:1;max-width:500px;width:100%;height:510px;margin:auto}.hero h1{font-size:clamp(2.8rem,7.5vw,4.3rem)}.hero-description{margin:0 auto 26px;max-width:530px}.hero-buttons,.trust-badges{justify-content:center}.hero-scroll{margin-top:16px}.device-front{width:225px;margin-left:-112px}.device-back{width:165px}.device-left{left:20px}.device-right{right:20px}.upcoming{grid-template-columns:1fr;gap:28px;padding:32px;margin-bottom:40px}.upcoming h2{font-size:2.4rem}.connections{max-width:450px;width:100%;margin:auto}.features,.how-it-works,.comparison,.demo,.faq,.roadmap{padding:65px 6%}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshots{padding:65px 0}.server-showcase{gap:20px}.download-grid{gap:30px}.nav-links a{font-size:1rem}}
@media(max-width:480px){.logo{font-size:1.3rem;gap:8px}.logo-img{width:34px;height:34px}.nav-right{gap:5px}.lang-btn{padding:4px 7px}.menu-toggle{padding:7px 9px}.hero-badge{font-size:.75rem;letter-spacing:.08em}.hero h1{font-size:clamp(2.55rem,10.5vw,3.3rem)}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons a{justify-content:center}.hero-visual{height:450px}.device-front{width:195px;margin-left:-97px}.device-back{width:140px}.device-left{left:0}.device-right{right:0}.hero-scroll{font-size:.875rem}.scene-caption{bottom:-4px}.upcoming{padding:28px 22px}.upcoming h2{font-size:2rem}.service-row{gap:7px}.service-tile{padding:20px 4px}.service-tile strong{font-size:1.05rem}.plex-tile strong{font-size:1.4rem}.service-tile small{font-size:.75rem}.features-grid{grid-template-columns:1fr}.carousel-track{gap:22px;padding:35px calc((100% - 245px)/2)}.carousel-slide{flex-basis:245px;width:245px;height:515px}.carousel-slide.tablet{flex-basis:82vw;width:82vw;height:290px}.gallery-controls{flex-direction:column;gap:10px;padding:18px}.section-title{font-size:2rem}.download-card{padding:30px 20px}.server-showcase{grid-template-columns:1fr}.server-screen{max-width:100%}.footer-content{flex-direction:column}.update-banner-text{font-size:.8125rem}.update-banner-btn{font-size:.8125rem}.update-banner{padding:6px 12px}.capture-toolbar{align-items:flex-start}}
/* Text is always visible; all motion can be stopped, including the legacy styles. */
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:0s!important}.motion-paused .device-scene{transform:none}.motion-paused .animate-on-scroll{transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.device-scene{transform:none!important}.animate-on-scroll{transform:none!important;opacity:1!important}}
.carousel-track{position:relative}.tab-inactive *, .tab-inactive *::before,.tab-inactive *::after{animation-play-state:paused!important}
@media(max-width:800px){.nav-links.is-open~.nav-right{align-self:start}}

.faq-item.active .faq-answer{max-height:none}.faq-item:not(.active) .faq-answer{visibility:hidden}.roadmap-item.in-progress .roadmap-marker{background:#894cce;box-shadow:0 0 20px #a365e04d}.roadmap-item.paused .roadmap-marker{background:#4a4358;color:#b7b3c7;box-shadow:none}

/* Preserve intrinsic proportions when a screenshot is scaled to its container. */
img { height: auto; }
.connection-core img {
    display: block;
    width: 100px;
    height: 100px;
    max-width: 100%;
    object-fit: contain;
    aspect-ratio: 1;
}
.server-capture,
.demo-real img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
/* Only the gallery has a fixed viewport: contain the complete screenshot. */
.carousel-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.upcoming { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.upcoming-copy, .connections, .service-row, .service-tile { min-width: 0; }
.service-tile strong, .service-tile small { overflow-wrap: anywhere; }
@media (max-width: 800px) {
    .upcoming { grid-template-columns: minmax(0, 1fr); }
}

/* Integration identities and a complete connection from Inkavi to each service. */
.connection-brand{font-size:1rem;font-weight:700;letter-spacing:.02em;margin-top:12px;color:#dfc8fa}
.connection-tree{display:block;width:100%;height:72px;overflow:visible}
.connection-tree>g:first-of-type{opacity:.5}
.connection-pulses path{animation:connection-travel 4s linear infinite}
.connection-pulses path:nth-child(2){animation-delay:-1.3s}
.connection-pulses path:nth-child(3){animation-delay:-2.6s}
@keyframes connection-travel{from{stroke-dashoffset:190}to{stroke-dashoffset:0}}
.service-tile{padding:22px 8px;border-radius:16px;background:linear-gradient(150deg,#21162e,#120f1d);transition:transform .35s var(--ease),box-shadow .35s}
.service-tile:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0004}
.service-logo{display:block;width:48px;height:48px;object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 4px 10px #0005)}
.service-tile strong,.plex-tile strong{font-size:1.125rem;line-height:1.3;letter-spacing:-.02em}
.service-tile small{margin-top:10px;font-size:.8125rem;line-height:1.5}
@media(max-width:480px){.service-tile{padding:18px 5px}.service-logo{width:40px;height:40px;margin-bottom:13px}.service-tile strong{font-size:1rem}.service-tile small{font-size:.75rem}.connection-tree{height:60px}}
@media(prefers-reduced-motion:reduce){.connection-pulses path{animation:none!important;stroke-dasharray:none;opacity:.3}}