:root{--blue:#1b9bea;--blue-dark:#094360;--ink:#002030;--muted:#5f7380;--line:#09436024;--panel:#ffffffd1;--soft:#e6ecef;--shadow:0 24px 80px #0020301f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 18% 12%,#1b9bea33,#0000 32rem),radial-gradient(circle at 82% 18%,#d83d2217,#0000 24rem),linear-gradient(135deg,#f8fbfc 0%,#eaf4f8 100%);font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.pageShell{width:min(1180px,100vw - 36px);margin:28px auto}.heroPanel,.contentPanel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.heroPanel{border-radius:32px 32px 14px 14px;padding:32px;position:relative;overflow:hidden}.heroPanel:after{content:"";background:#1b9bea2e;border-radius:999px;width:360px;height:360px;position:absolute;top:-140px;right:-120px}.brandRow,.heroGrid,.stepHeader,.footerBar,.connectRow{align-items:center;display:flex}.brandRow{z-index:1;justify-content:space-between;gap:16px;position:relative}.pill{color:var(--blue-dark);letter-spacing:.04em;text-transform:uppercase;background:#1b9bea17;border:1px solid #1b9bea3d;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:800}.heroGrid{z-index:1;justify-content:space-between;gap:32px;margin-top:58px;position:relative}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 13px;font-size:.78rem;font-weight:900}h1,h2{letter-spacing:-.045em;margin:0}h1{max-width:780px;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.95}h2{font-size:clamp(1.7rem,3vw,2.5rem)}.lede{color:var(--muted);max-width:700px;margin:24px 0 0;font-size:1.1rem;line-height:1.65}.progressCard{border:1px solid var(--line);background:#fff;border-radius:24px;flex:0 0 270px;padding:22px}.progressCard span{color:var(--muted);font-size:.88rem;font-weight:700}.progressCard strong{margin:8px 0 16px;font-size:2rem;display:block}.progressTrack{background:var(--soft);border-radius:999px;height:10px;overflow:hidden}.progressTrack div{background:linear-gradient(90deg, var(--blue), #54c5ff);border-radius:inherit;height:100%;transition:width .24s}.contentPanel{border-top:none;border-radius:14px 14px 32px 32px;margin-top:10px;padding:32px}.stepHeader{justify-content:space-between;gap:24px;margin-bottom:28px}.toolGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.toolCard,.connectRow{border:1px solid var(--line);background:#ffffffc2;border-radius:22px;padding:18px}.toolCard{cursor:pointer;text-align:left;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.toolCard:hover{border-color:#1b9bea73;transform:translateY(-2px)}.toolCardSelected{border-color:var(--blue);box-shadow:0 12px 34px #1b9bea1f}.checkbox{color:#fff;background:#fff;border:2px solid #0943603d;border-radius:8px;place-items:center;width:24px;height:24px;font-weight:900;display:inline-grid}.toolCardSelected .checkbox{background:var(--blue);border-color:var(--blue)}.toolLogo,.fallbackLogo{border:1px solid var(--line);background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.toolLogo img{object-fit:contain;width:28px;height:28px}.fallbackLogo{color:var(--blue-dark);font-weight:900}.toolText{flex-direction:column;gap:5px;min-width:0;display:flex}.toolText strong{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.toolText small{color:var(--muted);line-height:1.35}.connectList{gap:14px;display:grid}.connectRow{justify-content:space-between;gap:16px}.connectRow .toolText{margin-right:auto}.footerBar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:28px;padding-top:22px;font-weight:700}.primaryButton,.secondaryButton,.connectedButton{cursor:pointer;border:none;border-radius:999px;padding:13px 20px;font-weight:900;transition:transform .14s,filter .14s}.primaryButton{background:var(--blue);color:#fff;box-shadow:0 12px 28px #1b9bea38}.primaryButton:hover:not(:disabled),.secondaryButton:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled,.connectedButton:disabled{cursor:not-allowed;opacity:.62}.secondaryButton{color:var(--blue-dark);border:1px solid var(--line);background:#fff}.connectedButton{color:#207d38;background:#28a7451f}.errorBox,.emptyState{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.errorBox{color:#9e2a17;background:#d83d2212;border-color:#d83d2247}.emptyState{color:var(--muted)}.modalBackdrop{background:#00203070;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalCard{text-align:center;width:min(460px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:32px}.successIcon{color:#207d38;background:#28a7451f;border-radius:999px;place-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:2rem;font-weight:900;display:grid}.modalCard p{color:var(--muted);line-height:1.55}@media (max-width:900px){.heroGrid,.stepHeader,.footerBar,.connectRow{flex-direction:column;align-items:stretch}.progressCard{flex-basis:auto}.toolGrid{grid-template-columns:1fr}.pageShell{width:min(100vw - 20px,760px);margin:10px auto}.heroPanel,.contentPanel{padding:22px}}