.ai-hub{--ink:#0a203d;--muted:#5a6c83;--line:#dae4f0;--blue:#0875ef;color:var(--ink);overflow:hidden}.ai-hub *{box-sizing:border-box}.ai-hub .eyebrow{margin:0 0 13px;color:#0875ef;font-size:.74rem;font-weight:850;letter-spacing:.13em}.ai-hub .section{padding:88px 0}.ai-hub .button{border-radius:12px}.ai-hub-hero{position:relative;padding:82px 0 72px;background:radial-gradient(circle at 86% 18%,#e9e5ff 0,transparent 33%),linear-gradient(135deg,#f5faff,#fff 54%,#fcf4ed)}.ai-hub-hero:before{position:absolute;inset:0;background-image:linear-gradient(rgba(8,117,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,117,239,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent);content:""}.ai-hub-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);gap:62px;align-items:center}.ai-hub-copy .back-link{display:inline-block;margin-bottom:27px;color:#50647b;font-weight:750;text-decoration:none}.ai-hub h1{max-width:820px;margin:0;font-size:clamp(2.65rem,5.2vw,5rem);line-height:.98;letter-spacing:-.058em}.ai-hub h1 span{display:block;margin-top:12px;background:linear-gradient(95deg,#0976ee,#7659df 58%,#ad664a);background-clip:text;color:transparent}.ai-hub-lead{max-width:720px;margin:26px 0 0;color:#415875;font-size:1.12rem;line-height:1.75}.ai-hub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.ai-hub-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.ai-hub-proof>div{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.76)}.ai-hub-proof i{display:grid;flex:0 0 22px;height:22px;place-items:center;border-radius:50%;background:#ddf7e9;color:#118554;font-style:normal;font-weight:850}.ai-hub-proof strong,.ai-hub-proof small{display:block}.ai-hub-proof strong{font-size:.68rem;letter-spacing:.04em}.ai-hub-proof small{margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.4}
.ai-hub-visual{position:relative;padding:19px;border:1px solid #d6e2ef;border-radius:27px;background:#fff;box-shadow:0 28px 80px rgba(22,53,93,.15)}.ai-hub-visual:before{position:absolute;inset:-12px;z-index:-1;border-radius:35px;background:linear-gradient(135deg,rgba(8,117,239,.16),rgba(155,89,63,.14));content:""}.ai-hub-visual-head{display:flex;gap:10px;align-items:center;padding:9px 8px 17px;border-bottom:1px solid #e7edf5}.ai-hub-visual-head strong{font-size:.88rem}.ai-hub-visual-head small{margin-left:auto;color:#667a91;font-size:.72rem}.ai-hub-live-dot{width:10px;height:10px;border-radius:50%;background:#19ad72;box-shadow:0 0 0 5px #e3f8ee}.ai-hub-incoming,.ai-hub-outgoing{max-width:84%;padding:16px 18px;border-radius:17px}.ai-hub-incoming{margin:24px auto 0 8px;border:1px solid #dce6f1;border-top-left-radius:5px;background:#f6f9fd}.ai-hub-outgoing{margin:14px 8px 20px auto;border-top-right-radius:5px;background:linear-gradient(135deg,#0a75ed,#684fd3);color:#fff}.ai-hub-incoming small,.ai-hub-outgoing small{font-size:.64rem;font-weight:850;letter-spacing:.08em}.ai-hub-incoming small{color:#63788f}.ai-hub-outgoing small{color:#e0ecff}.ai-hub-incoming p,.ai-hub-outgoing p{margin:8px 0 0;line-height:1.55}.ai-hub-outgoing em{display:block;margin-top:12px;color:#dce9ff;font-size:.7rem;font-style:normal}.ai-hub-flow{display:flex;gap:9px;justify-content:center;align-items:center;margin:19px auto 12px}.ai-hub-flow span{padding:9px 18px;border:1px solid #d9e4f1;border-radius:99px;background:#fff;color:#294766;font-size:.76rem;font-weight:800}.ai-hub-flow span:last-child{border-color:#e9d8cc;background:#fff7f1;color:#9a553e}.ai-hub-flow b{color:#8190a4;font-size:.67rem}.ai-hub-mode{display:flex;gap:11px;align-items:center;max-width:300px;margin:auto;padding:12px;border:1px solid #d9e4f1;border-radius:14px;background:#f8fbff;box-shadow:0 8px 25px rgba(38,70,110,.06)}.ai-hub-mode>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#e9ecff;color:#6250d8}.ai-hub-mode strong,.ai-hub-mode small{display:block}.ai-hub-mode strong{font-size:.82rem}.ai-hub-mode small{color:#64788e;font-size:.69rem}.ai-hub-visual-foot{padding:11px 4px 2px;border-top:1px solid #edf1f6;color:#5d7087;font-size:.7rem;font-weight:750;text-align:center}
.ai-hub-nav{position:sticky;top:0;z-index:8;border-block:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}.ai-hub-nav .container{display:flex;gap:26px;overflow:auto}.ai-hub-nav a{padding:16px 0;color:#4a6078;font-size:.77rem;font-weight:800;text-decoration:none;white-space:nowrap}.ai-hub-heading{max-width:830px;margin:0 auto 38px;text-align:center}.ai-hub-heading h2,.ai-hub-cost h2,.ai-hub-faq h2,.ai-hub-final h2{margin:0;font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.07;letter-spacing:-.045em}.ai-hub-heading>p:last-child{color:var(--muted);line-height:1.7}.ai-hub-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.ai-hub-benefit-grid article,.ai-hub-control-grid article,.ai-hub-example-grid article{padding:26px;border:1px solid var(--line);border-radius:19px;background:#fff}.ai-hub-benefit-grid article>span,.ai-hub-example-grid article>span{color:#0875ef;font-size:.7rem;font-weight:850;letter-spacing:.08em}.ai-hub-benefit-grid h3,.ai-hub-control-grid h3,.ai-hub-example-grid h3{margin:25px 0 9px;font-size:1.17rem}.ai-hub-benefit-grid p,.ai-hub-control-grid p,.ai-hub-example-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}
.ai-hub-providers{background:#f3f7fc}.ai-hub-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ai-hub-provider{display:flex;flex-direction:column;padding:32px;border:1px solid #d8e5f2;border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(36,70,111,.07)}.ai-hub-provider-claude{border-color:#e8d8ce;background:#fffaf6}.ai-hub-provider header{display:flex;justify-content:space-between;align-items:center}.ai-hub-provider-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:15px;background:#e9f2ff;color:#0b6bdf;font-size:2rem}.ai-hub-provider-claude .ai-hub-provider-mark{background:#f8ebe2;color:#a05c42}.ai-hub-provider header small{color:#6f7e90;font-weight:800}.ai-hub-provider h3{margin:23px 0 3px;font-size:2rem;letter-spacing:-.04em}.ai-hub-provider>strong{font-size:1.12rem}.ai-hub-provider>p{min-height:105px;margin:14px 0 18px;color:var(--muted);line-height:1.7}.ai-hub-key-note{display:flex;gap:8px;align-items:center;margin-top:auto;padding:13px;border-radius:12px;background:#f1f6fd;color:#34536f;font-size:.82rem;font-weight:750}.ai-hub-provider-claude .ai-hub-key-note{background:#faeee6}.ai-hub-key-note span{color:#0b9b61}.ai-hub-provider .button{margin-top:18px;text-align:center}.ai-hub-provider-claude .button-primary{border-color:#9b593f;background:#9b593f;color:#fff}.ai-hub-provider-claude .button-primary:hover{border-color:#80442f;background:#80442f}.ai-hub-provider-note{margin:18px 0 0;color:#586c83;font-size:.84rem;text-align:center;line-height:1.6}
.ai-hub-steps{background:#071b35;color:#fff}.ai-hub-steps .eyebrow{color:#83bbff}.ai-hub-steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0;padding:0;list-style:none}.ai-hub-steps li{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.05)}.ai-hub-steps li>span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#0b78ed;font-weight:850}.ai-hub-steps h3{margin:23px 0 9px;font-size:1.07rem}.ai-hub-steps p{margin:0;color:#bac8d9;font-size:.87rem;line-height:1.65}.ai-hub-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ai-hub-control-grid article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#ebf3ff;color:#0875ef;font-weight:850}.ai-hub-examples{background:#f5f8fc}.ai-hub-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ai-hub-cost{background:#eaf3ff}.ai-hub-cost .container{display:flex;gap:40px;justify-content:space-between;align-items:center}.ai-hub-cost .container>div{max-width:770px}.ai-hub-cost p:last-child{color:#4d627b;line-height:1.75}.ai-hub-cost .button{flex-shrink:0}.ai-hub-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.ai-hub-faq-grid>div:first-child>p:last-child{color:var(--muted);line-height:1.7}.ai-hub-faq details{border-bottom:1px solid var(--line)}.ai-hub-faq summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;font-weight:800;list-style:none}.ai-hub-faq summary::-webkit-details-marker{display:none}.ai-hub-faq summary span{color:#0875ef;font-size:1.2rem}.ai-hub-faq details p{margin:0 0 18px;color:var(--muted);line-height:1.65}.ai-hub-final{padding-top:0!important}.ai-hub-final .container{display:flex;gap:45px;justify-content:space-between;align-items:center;padding:44px;border-radius:24px;background:linear-gradient(125deg,#eaf3ff,#f5e9e2)}.ai-hub-final .container>div:first-child{max-width:750px}.ai-hub-final .container>div:first-child>p:last-child{color:#4f6279;line-height:1.7}.ai-hub-final .container>div:last-child{display:flex;flex-direction:column;gap:10px;min-width:245px}.ai-hub-final .button{text-align:center}
.ai-hub-steps .ai-hub-heading h2,.ai-hub-steps li h3{color:#fff}
@media(max-width:1060px){.ai-hub-hero-grid{grid-template-columns:1fr}.ai-hub-visual{max-width:670px}.ai-hub-benefit-grid,.ai-hub-control-grid{grid-template-columns:repeat(2,1fr)}.ai-hub-steps ol,.ai-hub-example-grid{grid-template-columns:repeat(2,1fr)}.ai-hub-faq-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:700px){.ai-hub-hero{padding:55px 0}.ai-hub .section{padding:65px 0}.ai-hub h1{font-size:2.65rem}.ai-hub-proof,.ai-hub-benefit-grid,.ai-hub-provider-grid,.ai-hub-control-grid,.ai-hub-example-grid,.ai-hub-steps ol{grid-template-columns:1fr}.ai-hub-provider>p{min-height:0}.ai-hub-actions .button{width:100%;text-align:center}.ai-hub-cost .container,.ai-hub-final .container{display:block}.ai-hub-cost .button{display:inline-block;margin-top:15px}.ai-hub-final .container{padding:30px 22px}.ai-hub-final .container>div:last-child{margin-top:20px;min-width:0}.ai-hub-visual-foot{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.ai-hub *{scroll-behavior:auto!important}}