.interop-hero{max-width:1208px;margin:24px auto 12px;padding:clamp(28px,5.2vw,72px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,70px);align-items:center;overflow:hidden;position:relative;border-radius:32px;background:radial-gradient(ellipse at 78% 20%,#427966 0,transparent 39%),linear-gradient(128deg,#0c2823 0%,#153b31 58%,#244f3d 100%);color:#f4f4e9;box-shadow:0 24px 70px #163d321c}
.interop-hero:before{content:"";position:absolute;width:420px;height:420px;right:-130px;top:-190px;border:1px solid #d9eed638;border-radius:50%;box-shadow:0 0 0 28px #d9eed60a,0 0 0 62px #d9eed608;pointer-events:none}
.interop-page{padding-bottom:72px}.interop-copy,.interop-visual{position:relative;z-index:1}.interop-copy .eyebrow{color:#d6e5b8;margin-bottom:26px}.interop-live-dot{width:8px;height:8px;border-radius:50%;background:#c4e6a5;box-shadow:0 0 0 5px #c4e6a51c;animation:interop-breathe 3.2s ease-in-out infinite}.interop-copy h1{max-width:640px;margin:0 0 22px;font-size:clamp(2.65rem,3.8vw,3.65rem);line-height:.98}.interop-copy h1 em{color:#d6e6ad}.interop-copy .lede{max-width:550px;color:#e0e9db;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.7}.interop-copy .actions{gap:18px;margin-top:28px}.interop-hero .button{background:#f2e9cd;border-color:#f2e9cd;color:#183d32;border-radius:999px;padding:15px 22px;gap:16px}.interop-hero .button:hover{background:#fff8e7}.interop-hero .text-link{color:#f3f4e9;border-color:#a8c5aa}.interop-local-note{font-size:.78rem;color:#d5e0d4;margin:23px 0 0;letter-spacing:.045em}
.interop-visual{margin:0;min-width:0;padding:22px 18px 17px;border:1px solid #f1ffef36;border-radius:25px;background:linear-gradient(140deg,#f4fff21f,#bdddc20b);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff24,0 18px 55px #0517123b;overflow:hidden}.interop-glass{position:absolute;width:220px;height:220px;left:-80px;bottom:-130px;border-radius:50%;background:#8fd2ba40;filter:blur(35px);pointer-events:none}.interop-wave{display:block;width:100%;height:auto;position:relative;overflow:visible}.interop-grid-lines path{stroke-width:1;stroke-dasharray:2 7}.interop-window{fill:url(#interop-fill);stroke:#c6f2d68f;stroke-width:1.2}.interop-signal{fill:none;stroke:#def2c7;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.interop-signal-glow{fill:none;stroke:#80daba;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:url(#interop-glow);opacity:.7}.interop-axis{fill:none;stroke:#d8e8db72;stroke-width:1}.interop-labels,.interop-times{fill:#f1f4e8;font-family:Arial,Helvetica,sans-serif;letter-spacing:.07em}.interop-labels{font-size:13px;font-weight:700}.interop-times{font-size:11px;fill:#d0dfd2}.interop-visual figcaption{position:relative;display:flex;align-items:center;gap:9px;padding:12px 7px 0;color:#e5eddf;font-size:.8rem}.interop-orb{width:8px;height:8px;border-radius:50%;background:#d6b45b;box-shadow:0 0 12px #f6cd6990}
.interop-main,.interop-results{padding-top:72px;padding-bottom:74px}.interop-section-head{max-width:700px;margin-bottom:35px}.interop-section-head .eyebrow,.interop-report .eyebrow{color:#677557}.interop-section-head h2,.interop-report h2{font-size:clamp(2.35rem,4.3vw,3.7rem);margin-bottom:18px}.interop-section-head .lede{max-width:650px;color:var(--muted)}.interop-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.interop-steps li{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:17px;padding:25px;border:1px solid #d4dbc9;border-radius:21px;background:linear-gradient(145deg,#fffef9d9,#f4f4e9c9);box-shadow:0 10px 32px #153e3507;backdrop-filter:blur(10px)}.interop-step-no{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b9c5ad;border-radius:50%;color:#536e52;font-family:Georgia,serif;font-size:1rem}.interop-steps h3{margin:2px 0 10px;font-size:1.13rem}.interop-steps p{font-size:.94rem;color:#56675b;margin-bottom:10px}.interop-steps a{font-size:.88rem;font-weight:700;text-underline-offset:4px}.interop-steps code{padding:.14em .35em;border-radius:5px;background:#e8ecdf;color:#23463b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;overflow-wrap:anywhere}
.interop-results{padding-top:30px}.interop-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.interop-result{padding:21px 20px 19px;border-radius:18px;border:1px solid #d4dbc9;background:#fffdf7}.interop-result>span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e7ebdc;color:#54684c;font-size:.7rem;font-weight:700}.interop-result h3{font-size:1.03rem;margin:16px 0 8px}.interop-result p{font-size:.87rem;color:var(--muted);margin:0;line-height:1.58}.interop-proof{margin-top:22px;padding:25px 29px;border-radius:22px;background:linear-gradient(116deg,#e7ecdf,#f4f0df);border:1px solid #d4dbc9}.interop-proof .eyebrow{margin-bottom:12px;color:#6b795b}.interop-proof p:last-child{margin-bottom:0;color:#58675c}.interop-proof strong{color:#193f35}
.interop-report{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:clamp(28px,6vw,84px);align-items:center;margin-bottom:70px;padding-top:42px;padding-bottom:46px;border-radius:28px;background:#e9ecdf}.interop-report h2{max-width:650px}.interop-report>div:first-child>p:last-child{max-width:680px;color:var(--muted)}.interop-report-card{padding:27px;border-radius:22px;border:1px solid #ffffffa8;background:linear-gradient(140deg,#ffffffc9,#f5f3e7b8);backdrop-filter:blur(16px);box-shadow:0 14px 42px #21453612}.interop-report-card p{margin-bottom:10px}.interop-report-card .quiet{font-size:.86rem;color:var(--muted)}.interop-report-card .button{margin:7px 0 17px;background:#193f35;color:#fffdf5;border-radius:999px;min-height:48px}.interop-report-card .text-link{font-size:.84rem}.interop-report-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#d7e3ce;color:#244d3b;font-size:1.15rem}
@keyframes interop-breathe{0%,100%{box-shadow:0 0 0 5px #c4e6a51c}50%{box-shadow:0 0 0 8px #c4e6a510}}
@media(max-width:1000px){.interop-hero{margin-left:24px;margin-right:24px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:25px;padding:42px}.interop-copy h1{font-size:clamp(2.7rem,5vw,4rem)}.interop-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interop-report{margin-left:24px;margin-right:24px}}
@media(max-width:850px){.interop-hero{grid-template-columns:1fr;padding:36px;margin:16px 16px 0;gap:26px}.interop-copy h1{font-size:clamp(2.7rem,6vw,3.8rem)}.interop-copy .lede{max-width:640px}.interop-visual{max-width:680px;width:100%;justify-self:center}.interop-steps{grid-template-columns:1fr}.interop-report{grid-template-columns:1fr}}
@media(max-width:700px){.interop-hero{padding:30px 25px;margin:15px 16px 0;border-radius:25px;gap:22px}.interop-copy .eyebrow{font-size:.65rem;margin-bottom:19px}.interop-copy h1{font-size:clamp(2.35rem,9vw,3.25rem)}.interop-copy .lede{font-size:1rem}.interop-copy .actions{align-items:flex-start;flex-direction:column;gap:15px}.interop-visual{padding:15px 11px 13px;border-radius:20px}.interop-visual figcaption{font-size:.72rem}.interop-main,.interop-results{padding:55px 22px}.interop-steps{grid-template-columns:1fr}.interop-steps li{padding:20px;grid-template-columns:36px minmax(0,1fr);gap:13px}.interop-step-no{width:34px;height:34px}.interop-results{padding-top:10px}.interop-result-grid{grid-template-columns:1fr 1fr;gap:10px}.interop-result{padding:17px 15px}.interop-result h3{font-size:.97rem}.interop-result p{font-size:.81rem}.interop-proof{padding:21px;border-radius:18px}.interop-report{margin:6px 16px 42px;padding:28px 23px;border-radius:23px;gap:20px}.interop-report-card{padding:23px}.interop-report-card .button{width:100%;text-align:center}.interop-page{padding-bottom:118px}}
@media(max-width:390px){.interop-result-grid{grid-template-columns:1fr}.interop-times{font-size:13px}.interop-labels{font-size:15px}.interop-visual{padding-left:7px;padding-right:7px}.interop-hero .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.interop-live-dot{animation:none}}