.int-hero{border-bottom:1px solid var(--border);padding:160px 0 60px;position:relative;overflow:hidden}@media (max-width:720px){.int-hero{padding:120px 0 48px}}.int-hero .container{z-index:2;position:relative}.int-hero h1{max-width:920px}.int-hero .lede{max-width:720px;margin-top:24px}.int-hero-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.int-crumbs{font-family:var(--font-mono);color:var(--muted-2);margin-bottom:24px;font-size:12px}.int-crumbs a{color:inherit}.int-crumbs a:hover{color:var(--green)}.int-toc{margin-top:var(--space-10);background:var(--surface-sheen), linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);box-shadow:var(--ring-inset), var(--shadow-md);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px 24px;padding:22px;display:grid}@media (max-width:880px){.int-toc{grid-template-columns:1fr 1fr}}@media (max-width:480px){.int-toc{grid-template-columns:1fr;padding:18px}}.int-toc a{font-family:var(--font-mono);color:var(--text-body);letter-spacing:.04em;transition:color var(--dur-2) var(--ease-out);align-items:center;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.int-toc a:hover{color:var(--green)}.int-toc a .toc-num{color:var(--muted-2);font-size:11px}.int-section{border-bottom:1px solid var(--border);padding:80px 0;position:relative}@media (max-width:720px){.int-section{padding:56px 0}}.int-section h2{letter-spacing:-.032em;font-size:clamp(28px,3.4vw,42px);line-height:1.12}.sec-eyebrow{font-family:var(--font-mono);color:var(--green);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:11.5px;display:inline-flex}.sec-eyebrow .num{border:1px solid var(--border-green);width:28px;height:28px;color:var(--green);box-shadow:var(--ring-inset);background:linear-gradient(#7ed32124,#7ed3210d);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.sec-lede{color:var(--text-body);max-width:760px;margin-top:18px;font-size:16px;line-height:1.7}.code-inline{font-family:var(--font-mono);color:var(--green);background:#7ed32114;border-radius:4px;padding:2px 6px;font-size:12.5px}.prov-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;display:grid}@media (max-width:880px){.prov-grid{grid-template-columns:1fr}}.prov-card{background:var(--surface-sheen), linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);padding:var(--space-6);box-shadow:var(--ring-inset), var(--shadow-sm);transition:border-color var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);border-radius:16px;flex-direction:column;gap:14px;display:flex}.prov-card:hover{border-color:var(--border-hi);box-shadow:var(--ring-inset), var(--shadow-lg);transform:translateY(-3px)}.prov-card.recommended{border-color:var(--border-green);background:linear-gradient(180deg, #7ed32112, transparent 60%), linear-gradient(180deg, var(--surface-2), var(--surface-1))}.prov-head{align-items:flex-start;gap:14px;display:flex}.prov-logo{border:1px solid var(--border-green);width:44px;height:44px;color:var(--green);font-family:var(--font-mono);box-shadow:var(--ring-inset);background:linear-gradient(#7ed32124,#7ed3210d);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.prov-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prov-title h4{color:#fff;margin:0;font-size:16px;font-weight:500}.prov-title .prov-url{font-family:var(--font-mono);color:var(--muted-2);font-size:11px}.prov-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:10px}.prov-badge.pick{color:var(--green);background:var(--green-soft);border:1px solid var(--border-green)}.prov-badge.free{color:var(--muted);border:1px solid var(--border);background:#ffffff0a}.prov-badge.paid{color:#ffb454;background:#ffb45414;border:1px solid #ffb45440}.prov-desc{color:var(--text-body);font-size:13.5px;line-height:1.62}.prov-meta{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.04em;flex-wrap:wrap;gap:16px;padding-top:14px;font-size:11px;display:flex}.prov-meta .pm{align-items:center;gap:6px;display:flex}.prov-meta .pm-v{color:#e8ebe8}.flow{margin-top:var(--space-10);background:var(--surface-sheen), linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);padding:var(--space-8);box-shadow:var(--ring-inset), var(--shadow-md);border-radius:20px}@media (max-width:600px){.flow{padding:22px}}.flow-title{font-size:13px;font-family:var(--font-mono);color:var(--green);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:22px;display:inline-flex}.flow-title:before{content:"";background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%}.flow-row{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:8px;display:grid}@media (max-width:880px){.flow-row{grid-template-columns:1fr;gap:6px}}.flow-step{border:1px solid var(--border);padding:var(--space-4);transition:border-color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);background:#0a0d0a;border-radius:12px;flex-direction:column;gap:8px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff05}.flow-step:hover{border-color:var(--border-green);background:#0c110c}.flow-step .fs-num{font-family:var(--font-mono);color:var(--green);letter-spacing:.12em;font-size:10px}.flow-step .fs-title{color:#fff;font-size:14px;font-weight:500;line-height:1.3}.flow-step .fs-tech{font-family:var(--font-mono);color:var(--muted);font-size:11px}.flow-step:after{content:"→";color:var(--green);z-index:2;font-size:18px;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.flow-step:last-child:after{display:none}@media (max-width:880px){.flow-step:after{content:"↓";top:auto;bottom:-14px;right:50%;transform:translate(50%)}}.endpoints{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#0a0d0a;border-radius:16px;margin-top:36px;overflow:hidden}.endpoint-row{border-bottom:1px solid var(--border);font-family:var(--font-mono);grid-template-columns:100px 1fr 1.4fr;align-items:center;gap:20px;padding:16px 22px;font-size:13px;display:grid}@media (max-width:720px){.endpoint-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}}.endpoint-row:last-child{border-bottom:none}.endpoint-row.head{color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;background:#ffffff08;font-size:11px}@media (max-width:720px){.endpoint-row.head{display:none}}.ep-method{border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ep-method.POST{color:var(--green);border:1px solid var(--border-green);background:#7ed3211f}.ep-method.GET{color:#58b7ff;background:#0096ff1f;border:1px solid #58b7ff4d}.ep-method.WEBHOOK{color:#ffb454;background:#ffb4541f;border:1px solid #ffb4544d}.ep-path{color:#fff;word-break:break-all}.ep-desc{color:var(--muted);font-family:var(--font-sans);font-size:13px;line-height:1.5}.envblock{margin-top:var(--space-6);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-body);white-space:pre;background:#050505;border-radius:14px;padding:22px;font-size:12.5px;line-height:1.85;overflow-x:auto;box-shadow:inset 0 1px 3px #00000080}.envblock .e-comment{color:var(--muted-2)}.envblock .e-key{color:var(--green)}.envblock .e-val{color:#ffb454}.priority-list{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:40px;display:grid}@media (max-width:880px){.priority-list{grid-template-columns:1fr}}.prio-col{background:var(--surface-sheen), linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);box-shadow:var(--ring-inset), var(--shadow-sm);border-radius:14px;padding:22px}.prio-col h4{font-size:13px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;margin-bottom:14px;display:flex}.prio-col h4 .prio-dot{border-radius:50%;width:8px;height:8px}.prio-col.p1 h4{color:var(--green)}.prio-col.p1 h4 .prio-dot{background:var(--green);box-shadow:0 0 10px var(--green)}.prio-col.p2 h4{color:#ffb454}.prio-col.p2 h4 .prio-dot{background:#ffb454;box-shadow:0 0 10px #ffb454}.prio-col.p3 h4{color:var(--muted)}.prio-col.p3 h4 .prio-dot{background:var(--muted-2)}.prio-col ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.prio-col li{color:var(--text-hi);flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.prio-col li .li-sub{font-family:var(--font-mono);color:var(--muted-2);margin-top:2px;font-size:11px;display:block}.cost-table{margin-top:var(--space-8);border-collapse:separate;border-spacing:0;background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);border-radius:14px;font-size:14px;overflow:hidden}.cost-table th,.cost-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 18px}.cost-table th{font-family:var(--font-mono);color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;background:#ffffff06;font-size:11px;font-weight:500}.cost-table td:first-child{color:#fff;font-weight:500}.cost-table td:last-child{font-family:var(--font-mono);color:var(--green);white-space:nowrap;font-size:13px}.cost-table tr:last-child td{border-bottom:none}.cost-table .cost-total td{background:#7ed3210a}.cost-table .cost-total td:first-child{color:var(--green)}@media (max-width:600px){.cost-table th,.cost-table td{padding:12px 14px;font-size:13px}}.int-cta{text-align:center;padding:100px 0;position:relative;overflow:hidden}.int-cta:before{content:"";pointer-events:none;background:radial-gradient(700px 360px at 50% 100%,#7ed32112,#0000 70%);position:absolute;inset:0}.int-cta h2{max-width:760px;margin:0 auto 18px}.int-cta .lede{text-align:center;margin:0 auto 32px}.int-cta .cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex}.text-green{color:var(--green)}
