.connector-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px;padding-block:90px 80px;display:grid}.connector-intro h1{letter-spacing:-.045em;margin:0 0 28px;font-family:Georgia,serif;font-size:clamp(40px,4.8vw,66px);font-weight:500;line-height:1.06}.connector-page em{color:var(--coral);font-weight:400}.connector-intro>p:not(.eyebrow){max-width:610px;font-size:17px;line-height:1.75}.connector-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.connector-button{background:var(--ink);color:var(--white);border-radius:100px;align-items:center;gap:16px;padding:17px 22px;font-size:14px;font-weight:750;display:inline-flex}.connector-secondary{text-underline-offset:5px;font-size:14px;font-weight:700;text-decoration:underline}.connector-intro .connector-caption{color:var(--muted);max-width:470px;margin-top:20px;font-size:12px!important}.connector-story{background:var(--paper-deep);border:1px solid var(--line);border-radius:28px;padding:28px;transform:rotate(1deg)}.connector-example-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 20px;font-size:10px;font-weight:800}.connector-chat{background:var(--white);border-radius:18px 18px 4px;padding:20px}.connector-chat span{color:var(--muted);font-size:11px}.connector-chat p{margin:9px 0 0;font-size:17px;line-height:1.55}.connector-story-arrow{text-align:center;color:var(--coral);padding:9px;font-size:30px}.connector-demo-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 12px 35px #3425150d}.connector-card-brand{align-items:center;gap:10px;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.connector-card-brand img{border-radius:9px}.connector-language{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.connector-word{margin:16px 0 4px;font-size:55px;line-height:1.2}.connector-reading{color:var(--muted);margin:0;font-size:15px}.connector-meaning{margin:17px 0;font-size:20px;font-weight:650}.connector-example{border-top:1px solid var(--line);padding-top:12px}.connector-example p{margin:6px 0;font-size:14px}.connector-example p:last-child{color:var(--muted)}.connector-demo-note{color:var(--muted);margin-top:19px;font-size:10px;display:block}.connector-benefits{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px;padding-block:30px 75px;display:grid}.connector-benefits article>span{color:var(--coral);font-size:12px;font-weight:800}.connector-benefits h2{letter-spacing:-.025em;margin:16px 0 12px;font-size:22px}.connector-benefits p,.connector-setup p,.connector-faq p{color:var(--muted);font-size:15px;line-height:1.75}.connector-setup,.connector-faq{grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:90px;scroll-margin-top:30px;display:grid}.connector-setup h2,.connector-faq h2{letter-spacing:-.04em;margin:0 0 24px;font-family:Georgia,serif;font-size:48px;font-weight:500;line-height:1.1}.connector-steps>article{gap:18px;margin-bottom:32px;display:flex}.connector-step-number{background:var(--coral-soft);color:var(--ink);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:750;display:grid}.connector-steps>article>div{flex:1;min-width:0}.connector-steps h3{margin:4px 0 12px;font-size:20px}.connector-page details{border-bottom:1px solid var(--line);padding:20px 0}.connector-page summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.5}.connector-page details p{margin-bottom:0}.connector-page details a,.connector-steps p a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.connector-endpoint{background:var(--white);border:1px solid var(--line);border-radius:14px;margin-block:20px;padding:18px}.connector-endpoint label{margin-bottom:10px;font-size:12px;font-weight:750;display:block}.connector-endpoint>div{flex-wrap:wrap;gap:8px;display:flex}.connector-endpoint input{background:var(--paper);border:1px solid var(--line);width:100%;min-width:150px;color:var(--ink);border-radius:7px;flex:1;padding:12px;font:12px ui-monospace,monospace}.connector-endpoint button{background:var(--ink);color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:7px;padding:12px;font-size:12px;font-weight:700}.connector-endpoint p{margin:9px 0 0;font-size:11px}.connector-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:15px;font-size:12px;line-height:1.7}.connector-faq{border-top:1px solid var(--line);padding-block:70px}.connector-faq details:first-child{padding-top:0}.connector-help{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:30px 65px;display:flex}.connector-help p{color:var(--muted)}.connector-help a{font-weight:700}.connector-page a:focus-visible,.connector-page button:focus-visible,.connector-page input:focus-visible,.connector-page summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}@media (max-width:1000px){.connector-hero{gap:35px}.connector-story{padding:20px}.connector-setup,.connector-faq{gap:35px}}@media (max-width:760px){.connector-hero{grid-template-columns:1fr;gap:40px;padding-block:50px}.connector-intro h1{font-size:43px}.connector-story{width:100%;max-width:460px;margin:auto;transform:none}.connector-benefits{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.connector-benefits h2{margin-top:9px}.connector-setup,.connector-faq{grid-template-columns:1fr;gap:25px;padding-block:50px}.connector-setup h2,.connector-faq h2{font-size:39px}.connector-steps>article{gap:12px}.connector-actions{flex-direction:column;align-items:flex-start}.connector-intro>p:not(.eyebrow){font-size:16px}}@media (prefers-reduced-motion:reduce){.connector-page{scroll-behavior:auto}}
