/* Two equal paths to a website: build it yourself with AI, or have the RingKeel team build it. */
.two-paths{padding:64px 0;background:#fff;border-bottom:1px solid #d9e4ec}
.two-paths .eyebrow{color:#40627a}
.two-paths h2{margin:0 0 10px}
.tp-sub{color:#4b6071;max-width:680px;margin:0 0 28px;font-size:1.05rem}
.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.tp-card{display:flex;flex-direction:column;border:1.5px solid #d9e4ec;border-radius:16px;padding:28px;background:#fbfdfe;box-shadow:0 8px 28px #10203a0d}
.tp-card h3{font-size:1.4rem;margin:10px 0 8px;color:#102d46}
.tp-card p{color:#4b6071;margin:0 0 14px}
.tp-card ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:8px}
.tp-card li{padding-left:26px;position:relative;color:#172f43}
.tp-card li::before{content:"✓";position:absolute;left:0;color:#0759ad;font-weight:900}
.tp-card .btn{margin-top:auto;align-self:flex-start}
.tp-tag{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#e8f1fb;color:#0759ad;border-radius:999px;padding:5px 11px}
.tp-note{font-size:.85rem;color:#4b6071;margin:18px 0 0}
@media (max-width:820px){.tp-grid{grid-template-columns:1fr}.two-paths{padding:44px 0}.tp-card{padding:22px}}
/* crafted details (Nov 9): numbered cards, a quiet top rule, tabular figures */
.two-paths h2{letter-spacing:-.6px;max-width:760px}
.tp-card{position:relative;overflow:hidden}
.tp-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0759ad,#8ee5d1)}
.tp-num{position:absolute;top:20px;right:24px;font:700 .8rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#9fb4c4}
.tp-card li{font-variant-numeric:tabular-nums}
.tp-card li s{color:#7d8f9d;margin-right:4px}