:is(#adapters,#subscription,#experience) :root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#f5f6fa;background:#090b10}:is(#adapters,#subscription,#experience) *{box-sizing:border-box}:is(#adapters,#subscription,#experience) body{margin:0;background:radial-gradient(ellipse at 76% 45%,#38112240,transparent 55%),#090b10;min-height:100vh}:is(#adapters,#subscription,#experience) header{max-width:1120px;margin:auto;padding:28px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}:is(#adapters,#subscription,#experience) .brand{font-size:13px;font-weight:750;letter-spacing:2px}:is(#adapters,#subscription,#experience) .brand span{color:#ee306c}:is(#adapters,#subscription,#experience) .preview{font-size:11px;color:#8790a3;border:1px solid #29303d;padding:6px 10px;border-radius:20px}:is(#adapters,#subscription,#experience) main{max-width:1064px;margin:62px auto;padding:0 28px 40px}:is(#adapters,#subscription,#experience) .eyebrow{font-size:11px;font-weight:650;letter-spacing:2.4px;color:#f67199;margin:0 0 16px}:is(#adapters,#subscription,#experience) h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.7px;font-weight:650;line-height:1.15;margin:0 0 16px}:is(#adapters,#subscription,#experience) .intro{font-size:15px;color:#9ba5b8;line-height:1.7;margin:0}:is(#adapters,#subscription,#experience) .heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:34px}:is(#adapters,#subscription,#experience) .period{display:flex;align-items:center;gap:8px;color:#b5bece;font-size:12px;white-space:nowrap;padding-bottom:5px}:is(#adapters,#subscription,#experience) .period:before{content:'';width:6px;height:6px;border-radius:50%;background:#65d8ae;box-shadow:0 0 12px #65d8ae55}:is(#adapters,#subscription,#experience) .cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}:is(#adapters,#subscription,#experience) .card{position:relative;display:flex;flex-direction:column;padding:29px;border:1px solid #2b3342;border-radius:20px;background:linear-gradient(145deg,#191e2a,#11151e);box-shadow:0 18px 60px #0002}:is(#adapters,#subscription,#experience) .card.pro{border-color:#8e3558;background:radial-gradient(ellipse at 100% 0%,#8c25422b,transparent 70%),linear-gradient(145deg,#201c2a,#131620)}:is(#adapters,#subscription,#experience) .card-top{display:flex;gap:12px;align-items:center}:is(#adapters,#subscription,#experience) .icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #394252;border-radius:12px;color:#b7c4d9;background:#ffffff04}:is(#adapters,#subscription,#experience) .pro .icon{color:#ff8eb2;background:#f1276512;border-color:#79334c}:is(#adapters,#subscription,#experience) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}:is(#adapters,#subscription,#experience) h2{margin:0;font-size:20px;letter-spacing:-.4px}:is(#adapters,#subscription,#experience) .tag{margin-left:auto;font-size:10px;letter-spacing:.3px;color:#f6b1c8;background:#e7366d12;padding:6px 9px;border:1px solid #82354e;border-radius:7px}:is(#adapters,#subscription,#experience) .description{font-size:13px;color:#aab3c4;margin:19px 0 22px;line-height:1.5}:is(#adapters,#subscription,#experience) .price{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}:is(#adapters,#subscription,#experience) .amount{font-size:52px;font-weight:700;letter-spacing:-2.5px;line-height:1.1}:is(#adapters,#subscription,#experience) .currency{font-size:28px;font-weight:500;vertical-align:top;position:relative;top:7px;margin-right:3px;color:#c8d0df}:is(#adapters,#subscription,#experience) .month{font-size:13px;color:#929db0}:is(#adapters,#subscription,#experience) .payment-note{font-size:11px;color:#8995aa;margin:0 0 25px}:is(#adapters,#subscription,#experience) .features{list-style:none;padding:23px 0 0;margin:0 0 28px;border-top:1px solid #ffffff10;display:grid;gap:16px}:is(#adapters,#subscription,#experience) .features li{display:flex;gap:11px;font-size:13px;line-height:1.5;color:#d3d9e5}:is(#adapters,#subscription,#experience) .check{color:#7cdab9;font-size:14px}:is(#adapters,#subscription,#experience) .features strong{font-weight:600;color:#f3f5fa}:is(#adapters,#subscription,#experience) .action{margin-top:auto;width:100%;border:1px solid #455167;background:#252e3e;border-radius:10px;padding:14px 17px;color:#fff;font:600 13px 'Segoe UI',sans-serif;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s,transform .15s}:is(#adapters,#subscription,#experience) .pro .action{background:#db1051;border-color:#f3427a;box-shadow:0 6px 25px #dc135124}:is(#adapters,#subscription,#experience) .action:hover{background:#354158;transform:translateY(-1px)}:is(#adapters,#subscription,#experience) .pro .action:hover{background:#ed1c60}:is(#adapters,#subscription,#experience) .action:focus-visible{outline:2px solid #fff;outline-offset:4px}:is(#adapters,#subscription,#experience) .footnote{text-align:center;color:#7f8ba0;font-size:12px;margin:25px 0 0;line-height:1.8}:is(#adapters,#subscription,#experience) .footnote span{color:#b0bbcd}:is(#adapters,#subscription,#experience) .info{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:33px;padding-top:23px;border-top:1px solid #ffffff0b;color:#8793a8;font-size:11px}:is(#adapters,#subscription,#experience) .info span{display:flex;align-items:center;gap:7px}:is(#adapters,#subscription,#experience) .info svg{width:15px;height:15px}:is(#adapters,#subscription,#experience) #selection{min-height:22px;margin:20px 0 0;color:#fac0d3;text-align:center;font-size:13px}@media(max-width:640px){:is(#adapters,#subscription,#experience) header{padding:20px}:is(#adapters,#subscription,#experience) .preview{font-size:9px}:is(#adapters,#subscription,#experience) main{margin-top:38px;padding:0 20px 25px}:is(#adapters,#subscription,#experience) .heading{display:block}:is(#adapters,#subscription,#experience) .period{margin-top:20px}:is(#adapters,#subscription,#experience) .cards{grid-template-columns:1fr}:is(#adapters,#subscription,#experience) .card{padding:24px}:is(#adapters,#subscription,#experience) h1{letter-spacing:-1px}:is(#adapters,#subscription,#experience) .info{gap:14px}:is(#adapters,#subscription,#experience) .tag{font-size:9px}}@media(prefers-reduced-motion:reduce){:is(#adapters,#subscription,#experience) .action{transition:none}}:is(#adapters,#subscription,#experience) .adapter-section{margin-bottom:68px;padding-bottom:54px;border-bottom:1px solid #ffffff10}:is(#adapters,#subscription,#experience) .adapter-heading{margin-bottom:28px}:is(#adapters,#subscription,#experience) .adapter-heading h2{font-size:clamp(28px,3.5vw,38px);letter-spacing:-1.2px;margin-bottom:14px}:is(#adapters,#subscription,#experience) .adapter-heading p:last-child{color:#9ba5b8;font-size:14px;line-height:1.7;margin:0}:is(#adapters,#subscription,#experience) .adapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}:is(#adapters,#subscription,#experience) .adapter-card{padding:23px 20px 20px;background:linear-gradient(145deg,#191e29,#11151e);border:1px solid #2c3443;border-radius:16px;display:flex;flex-direction:column;min-width:0}:is(#adapters,#subscription,#experience) .adapter-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}:is(#adapters,#subscription,#experience) .adapter-icon{width:42px;height:42px;border:1px solid #3d4659;background:#252e3b;border-radius:12px;display:grid;place-items:center;color:#c6d4eb}:is(#adapters,#subscription,#experience) .adapter-type{color:#b0bbcd;font-size:10px;font-weight:650;letter-spacing:1px}:is(#adapters,#subscription,#experience) .adapter-card h3{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}:is(#adapters,#subscription,#experience) .adapter-card p{color:#9ba7bb;font-size:12px;line-height:1.8;margin:0 0 23px}:is(#adapters,#subscription,#experience) .adapter-footer{margin-top:auto;padding-top:15px;border-top:1px solid #ffffff0c;color:#b4bfd1;font-size:10px;display:flex;align-items:center;gap:7px}:is(#adapters,#subscription,#experience) .adapter-footer:before{content:'';width:5px;height:5px;border-radius:50%;background:#7e8fa9}:is(#adapters,#subscription,#experience) .adapter-card.testing{border-color:#665334;background:linear-gradient(145deg,#24221f,#141720)}:is(#adapters,#subscription,#experience) .testing .adapter-icon{border-color:#665334;background:#d6a9580b;color:#e2bd7b}:is(#adapters,#subscription,#experience) .testing .adapter-footer{color:#e2bd7b}:is(#adapters,#subscription,#experience) .testing .adapter-footer:before{background:#e2bd7b}:is(#adapters,#subscription,#experience) .adapter-note{display:flex;align-items:flex-start;gap:12px;padding:17px 19px;margin-top:18px;border:1px solid #293140;border-radius:12px;background:#111620;color:#8f9db3;font-size:12px;line-height:1.8}:is(#adapters,#subscription,#experience) .adapter-note svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:#a6b8d2}:is(#adapters,#subscription,#experience) .adapter-note strong{font-weight:500;color:#c8d2e1}:is(#adapters,#subscription,#experience) .section-nav{display:flex;gap:18px;align-items:center}:is(#adapters,#subscription,#experience) .section-nav a{color:#a9b6cb;text-decoration:none;font-size:12px}:is(#adapters,#subscription,#experience) .section-nav a:hover{color:white}:is(#adapters,#subscription,#experience) html{scroll-behavior:smooth;scroll-padding-top:25px}@media(max-width:900px){:is(#adapters,#subscription,#experience) .adapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){:is(#adapters,#subscription,#experience) .adapter-grid{grid-template-columns:1fr}:is(#adapters,#subscription,#experience) .adapter-card-top{margin-bottom:18px}:is(#adapters,#subscription,#experience) .adapter-section{margin-bottom:40px;padding-bottom:35px}:is(#adapters,#subscription,#experience) .section-nav{gap:10px}:is(#adapters,#subscription,#experience) .section-nav .preview{display:none}}@media(prefers-reduced-motion:reduce){:is(#adapters,#subscription,#experience) html{scroll-behavior:auto}}:is(#adapters,#subscription,#experience) .connection-section{margin-bottom:64px;padding-bottom:50px;border-bottom:1px solid #ffffff10}:is(#adapters,#subscription,#experience) .connection-heading{max-width:700px;margin-bottom:28px}:is(#adapters,#subscription,#experience) .connection-heading h2{font-size:clamp(28px,3.5vw,38px);line-height:1.23;letter-spacing:-1.1px;margin:0 0 16px}:is(#adapters,#subscription,#experience) .connection-heading h2 span{color:#9daac0}:is(#adapters,#subscription,#experience) .connection-heading>p:last-child{font-size:14px;line-height:1.8;color:#9ba7bb;margin:0;max-width:610px}:is(#adapters,#subscription,#experience) .connection-flow{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center}:is(#adapters,#subscription,#experience) .connection-side{padding:25px;border:1px solid #30394a;border-radius:16px;background:linear-gradient(145deg,#1b2230,#111620)}:is(#adapters,#subscription,#experience) .connection-side.master{border-color:#74314f;background:linear-gradient(145deg,#241c2c,#141620)}:is(#adapters,#subscription,#experience) .connection-side-top{display:flex;align-items:center;gap:13px;margin-bottom:18px}:is(#adapters,#subscription,#experience) .connection-role{color:#8f9fb7;font-size:10px;letter-spacing:1.4px;margin:0 0 6px}:is(#adapters,#subscription,#experience) .connection-side h3{margin:0;font-size:18px;letter-spacing:-.3px}:is(#adapters,#subscription,#experience) .connection-side .icon{flex-shrink:0}:is(#adapters,#subscription,#experience) .master .icon{color:#ff9abc;border-color:#77344f;background:#eb28650b}:is(#adapters,#subscription,#experience) .connection-side p.description{margin:0;font-size:13px;line-height:1.8;min-height:47px}:is(#adapters,#subscription,#experience) .connection-link{text-align:center;color:#a3b0c5}:is(#adapters,#subscription,#experience) .connection-link strong{display:block;font-size:12px;letter-spacing:1.5px;color:#f7afc7;margin-bottom:8px}:is(#adapters,#subscription,#experience) .connection-link small{font-size:10px}:is(#adapters,#subscription,#experience) .connection-line{display:flex;align-items:center;color:#ef3d79;margin:10px 0}:is(#adapters,#subscription,#experience) .connection-line:before,:is(#adapters,#subscription,#experience) .connection-line:after{content:'';height:1px;background:linear-gradient(90deg,#652940,#ed3673);flex:1}:is(#adapters,#subscription,#experience) .connection-line span{font-size:22px;padding:0 8px}:is(#adapters,#subscription,#experience) .connection-bottom{margin-top:17px;display:flex;gap:11px;align-items:flex-start;padding:16px 19px;border-radius:11px;background:#121925;color:#a5b3c8;font-size:12px;line-height:1.7}:is(#adapters,#subscription,#experience) .connection-bottom svg{width:18px;height:18px;flex-shrink:0;color:#83d9b9;margin-top:2px}:is(#adapters,#subscription,#experience) .connection-bottom strong{font-weight:600;color:#dfe7f3}@media(max-width:680px){:is(#adapters,#subscription,#experience) .connection-flow{grid-template-columns:1fr}:is(#adapters,#subscription,#experience) .connection-link{padding:16px 0}:is(#adapters,#subscription,#experience) .connection-line{display:none}:is(#adapters,#subscription,#experience) .connection-link strong{margin-bottom:3px}:is(#adapters,#subscription,#experience) .connection-section{margin-bottom:40px;padding-bottom:35px}:is(#adapters,#subscription,#experience) .connection-side p.description{min-height:0}:is(#adapters,#subscription,#experience) .section-nav{flex-wrap:wrap;justify-content:flex-end}:is(#adapters,#subscription,#experience) .connection-heading h2 br{display:none}}

#adapters.adapter-section{margin-top:0;margin-bottom:0;padding-top:72px;padding-bottom:64px}#subscription{padding-top:72px;padding-bottom:72px}#subscription .heading{margin-bottom:34px}#subscription .heading h1{font-family:inherit}#subscription .action{text-decoration:none}#subscription .card h2{font-family:inherit;font-size:20px;line-height:1.3}#adapters .adapter-heading h2{font-family:inherit}#adapters .adapter-grid{border:0}#adapters .adapter-card{border-top:1px solid #2c3443}#adapters .adapter-card.testing{border-color:#665334}#subscription .heading h2{font-family:inherit;font-size:clamp(30px,4vw,44px);letter-spacing:-1.7px;font-weight:650;line-height:1.15;margin:0 0 16px}

#experience.connection-section{padding-top:55px;padding-bottom:55px;margin-bottom:0;border-bottom:1px solid #ffffff10}#experience .connection-side h3{font-family:inherit;font-size:18px;line-height:1.4}#experience .connection-side p.description{font-size:13px;line-height:1.8}#experience .connection-role{line-height:1.5}#experience .connection-link strong{font-family:inherit}@media(max-width:680px){#experience.connection-section{padding-top:32px;padding-bottom:32px}}

/* Prominent connection highlights below the hero. */
.hero .hero-bottom{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;padding-top:26px;padding-bottom:10px}
.hero .hero-bottom>div{display:flex;align-items:center;gap:13px;flex:1 1 230px;min-height:66px;padding:17px 20px;background:linear-gradient(135deg,#202838,#151c28);border:1px solid #424f65;border-radius:12px;font:600 15px/1.5 "Segoe UI",Arial,sans-serif;color:#f1f5fc;letter-spacing:0}
.hero .hero-bottom .micro-index{font:700 13px/1.4 Consolas,monospace;color:#ff89af;white-space:nowrap}
.hero .hero-bottom .scroll-cue{align-self:center;flex-shrink:0}
@media(max-width:600px){.hero .hero-bottom{gap:10px}.hero .hero-bottom>div{flex-basis:100%;min-height:58px;padding:14px 16px;font-size:14px}.hero .hero-bottom .micro-index{font-size:12px}}



/* Polished animated download button. */
@property --download-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.site-header .header-download{position:relative;isolation:isolate;overflow:hidden;gap:12px;padding:12px 19px;border:1px solid transparent;border-radius:12px;color:#fff;background:linear-gradient(125deg,#301329,#9a164a 50%,#471c43) padding-box,conic-gradient(from var(--download-angle),#752d53,#ff9cc9,#ffd9ec,#e94082,#752d53 75%) border-box;box-shadow:0 5px 20px #d91a5830,inset 0 1px 0 #ffffff25;animation:download-border 5s linear infinite;transition:transform .25s ease,box-shadow .25s ease;min-height:45px}
.site-header .header-download span{font-weight:650;letter-spacing:.2px;text-shadow:0 1px 4px #0004;position:relative;z-index:2}
.site-header .header-download:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 100%,#ff467e60,transparent 75%);animation:download-aura 4s ease-in-out infinite}
.site-header .header-download:after{content:"";position:absolute;top:-70%;bottom:-70%;left:-90%;width:50%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff08,#ffffff45,#ffffff08,transparent);transform:skewX(-22deg);animation:download-light 5.2s ease-in-out infinite}
.site-header .header-download svg{position:relative;z-index:2;width:24px;height:24px;padding:3px;border-radius:6px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff18;stroke:#ffe2ef;animation:download-icon 5.2s ease-in-out infinite}
.site-header .header-download:hover{transform:translateY(-2px);box-shadow:0 7px 27px #f52c7060,inset 0 1px 0 #ffffff40}
.site-header .header-download:active{transform:translateY(0) scale(.98)}
.site-header .header-download:focus-visible{outline:2px solid #ffd2e5;outline-offset:4px}
@keyframes download-border{to{--download-angle:360deg}}
@keyframes download-aura{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes download-light{0%,55%{left:-90%}85%,100%{left:150%}}
@keyframes download-icon{0%,55%,100%{transform:translateY(0)}65%{transform:translateY(2px)}75%{transform:translateY(-1px)}85%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header .header-download,.site-header .header-download svg,.site-header .header-download:before,.site-header .header-download:after{animation:none!important;transition:none!important}.site-header .header-download:after{display:none}.site-header .header-download:hover,.site-header .header-download:active{transform:none}}