.id-info-page{background:#fff}.id-info-hero{padding:78px 0 62px;background:radial-gradient(circle at 14% 18%,rgba(76,145,255,.22),transparent 34%),radial-gradient(circle at 88% 22%,rgba(123,78,255,.16),transparent 28%),linear-gradient(135deg,#f5faff,#fff)}.id-info-hero h1{max-width:850px;margin:0;font-size:clamp(42px,5.4vw,68px);line-height:1.02;letter-spacing:-.058em}.id-info-hero p{max-width:760px;margin:16px 0 24px;color:#5f6f89;font-size:16px}.id-info-hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}.id-ecosystem-diagram{display:flex;align-items:center;justify-content:center;gap:14px}.id-ecosystem-diagram>div{min-width:170px;padding:25px 18px;border:1px solid #dce6f3;border-radius:20px;background:#fff;box-shadow:var(--id-shadow-sm);text-align:center}.id-ecosystem-diagram b{display:block;font-size:20px}.id-ecosystem-diagram small{display:block;margin-top:4px;color:#71809a}.id-ecosystem-diagram>span{color:#0868ff;font-size:32px}.id-guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.id-guide-grid article,.id-values article{padding:22px;border:1px solid #dfe7f3;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(18,49,100,.055)}.id-guide-grid article>span,.id-values article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eaf3ff;color:#0868ff;font-weight:900;font-size:10px}.id-guide-grid h2,.id-values h2{font-size:17px;line-height:1.25;margin:15px 0 8px}.id-guide-grid p,.id-values p{margin:0;color:#67758d;font-size:11px}.id-guide-cta{margin-top:24px;padding:30px;border-radius:22px;background:linear-gradient(120deg,#eff6ff,#fff,#f4f0ff);border:1px solid #dce6f3}.id-guide-cta h2{margin:0;font-size:30px}.id-guide-cta p{margin:7px 0 18px;color:#65748c}.id-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:980px){.id-info-hero__grid{grid-template-columns:1fr}.id-guide-grid{grid-template-columns:1fr 1fr}.id-values{grid-template-columns:1fr}.id-ecosystem-diagram{justify-content:flex-start}}@media(max-width:560px){.id-info-hero{padding:52px 0 42px}.id-info-hero h1{font-size:39px}.id-guide-grid{grid-template-columns:1fr}.id-ecosystem-diagram{flex-direction:column;align-items:stretch}.id-ecosystem-diagram>span{transform:rotate(90deg);align-self:center}}
.id-workflow-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px;border:1px solid #dce6f3;border-radius:20px;background:#fff;box-shadow:var(--id-shadow-sm)}.id-workflow-legend span{display:flex;align-items:center;gap:8px;color:#4f607b;font-weight:800}.id-workflow-legend i{width:10px;height:10px;border-radius:50%;background:#ccd5e3}.id-workflow-legend i.is-queued{background:#6b8cff}.id-workflow-legend i.is-provisioning{background:#7b5cff}.id-workflow-legend i.is-ready{background:#10ad80}.id-workflow-legend i.is-failed{background:#ef5b69}.id-workflow-legend small{grid-column:1/3;color:#7b879a}.id-my-demos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.id-my-demo-card{padding:20px;border:1px solid #dfe7f3;border-radius:18px;background:#fff;box-shadow:var(--id-shadow-sm)}.id-my-demo-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.id-my-demo-card__top time{color:#8190a5}.id-my-demo-card h2{margin:14px 0 7px}.id-my-demo-card p{margin:0;color:#687790}.id-my-demo-card__meta{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0;color:#6f7d92}.id-my-demo-card__meta code{word-break:break-all}.id-my-demo-card__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.id-workflow-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#edf2f8;color:#53627a;font-weight:900}.id-workflow-badge.is-queued{background:#edf2ff;color:#4467db}.id-workflow-badge.is-provisioning{background:#f2eeff;color:#6c4ee2}.id-workflow-badge.is-ready{background:#e9faf4;color:#0b8f6b}.id-workflow-badge.is-failed,.id-workflow-badge.is-expired,.id-workflow-badge.is-cancelled{background:#fff0f1;color:#cf4655}@media(max-width:760px){.id-my-demos-grid{grid-template-columns:1fr}.id-workflow-legend{grid-template-columns:1fr}.id-workflow-legend small{grid-column:auto}}