:root{--do-navy:var(--c-0d47a1);--do-navy-hover:var(--c-0b3d8c);--do-cyan:var(--c-00a5c7);--do-cyan-soft:var(--c-e9f9fc);--do-green:var(--c-10b981);--do-ink:var(--c-0f172a);--do-body:var(--c-475569);--do-muted:var(--c-64748b);--do-line:var(--c-e2e8f0);--do-panel:var(--c-f2f7fb);--do-heading:"Plus Jakarta Sans Variable", "Inter Variable", system-ui, sans-serif}.do-pill{border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex}.do-pill:hover{transform:translateY(-1px)}.do-pill:focus-visible{outline:2px solid var(--do-cyan);outline-offset:3px}.do-pill-tag{background:var(--do-navy);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.do-pill-tag svg{width:12px;height:12px}.do-pill-text{min-width:0}.do-pill-text b{font-weight:800}.do-pill-arrow{flex-shrink:0;width:15px;height:15px;transition:transform .2s}.do-pill:hover .do-pill-arrow{transform:translate(3px)}.do-pill--dark{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a4d;border:1px solid #ffffff4d}.do-pill--dark:hover{background:#0f172a73}.do-pill--dark .do-pill-tag{color:var(--do-navy);background:#fff}.do-pill--dark b{color:var(--c-7ce8f3)}.do-pill--light{border:1px solid var(--do-line);color:var(--do-body);background:#fff;box-shadow:0 8px 24px #0f172a0f}.do-pill--light:hover{border-color:#bdeaf2;box-shadow:0 12px 28px #0f172a1a}.do-pill--light b{color:var(--do-navy)}.do-band{background:#fff;padding:24px 20px 88px;scroll-margin-top:96px}.do-band-inner{background:var(--do-panel);border-radius:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:56px;max-width:1340px;margin:0 auto;padding:64px;display:grid}.do-title{color:var(--do-ink)}.do-title span{color:var(--do-navy)}.do-lede{max-width:540px;color:var(--do-muted);margin:22px 0 0;font-size:16px;line-height:1.75}.do-points{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.do-points li{color:var(--do-body);align-items:flex-start;gap:10px;font-size:15px;font-weight:600;line-height:1.5;display:flex}.do-points svg{color:#047857;background:#d1fae5;border-radius:999px;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:4px}.do-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.do-btn{background:var(--do-navy);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex;box-shadow:0 10px 24px #0d47a12e,inset 0 1px #fff3}.do-btn svg{width:16px;height:16px;transition:transform .2s}.do-btn:hover{background:var(--do-navy-hover);transform:translateY(-1px)}.do-btn:hover svg{transform:translate(3px)}.do-btn:focus-visible{outline:2px solid var(--do-cyan);outline-offset:3px}.do-btn--quiet{border:1px solid var(--do-line);color:var(--do-ink);box-shadow:none;background:#fff}.do-btn--quiet:hover{border-color:var(--do-navy);color:var(--do-navy);background:#fff}.do-card{border:1px solid var(--do-line);background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 40px #0f172a0f}.do-card-head{border-bottom:1px solid var(--do-line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.do-card-name{color:var(--do-cyan);letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.do-card-title{color:var(--do-ink);font:800 20px/1.2 var(--do-heading);letter-spacing:-.035em;margin:6px 0 0}.do-card-total{color:var(--do-ink);font:800 26px/1 var(--do-heading);letter-spacing:-.04em;flex-direction:column;align-items:flex-end;display:flex}.do-card-total small{color:var(--do-muted);font:600 12px var(--do-heading);letter-spacing:0;margin-bottom:4px}.do-steps{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid;position:relative}.do-steps:before{content:"";border-left:2px dashed #cbd5e1;position:absolute;top:34px;bottom:34px;left:29px}.do-step{border-radius:18px;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px 12px;display:grid;position:relative}.do-step.is-now{background:var(--do-cyan-soft)}.do-step-icon{border:1px solid var(--do-line);width:36px;height:36px;color:var(--do-navy);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.do-step-icon svg{width:18px;height:18px}.do-step.is-now .do-step-icon{border-color:var(--do-navy);background:var(--do-navy);color:#fff}.do-step-when{color:var(--do-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.do-step.is-now .do-step-when{color:var(--do-cyan)}.do-step-title{color:var(--do-ink);font:800 15.5px/1.3 var(--do-heading);letter-spacing:-.02em;margin:3px 0 0}.do-step-text{color:var(--do-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.do-step-amount{color:var(--do-ink);font:800 22px var(--do-heading);letter-spacing:-.04em;align-self:center}.do-step.is-now .do-step-amount{color:var(--do-navy);font-size:30px}.do-card-fine{border-top:1px solid var(--do-line);color:var(--do-muted);margin:14px 0 0;padding-top:14px;font-size:12px}@media (width<=960px){.do-band{padding:8px 16px 56px}.do-band-inner{border-radius:26px;grid-template-columns:1fr;gap:36px;padding:36px 20px}.do-actions .do-btn{flex:100%}}@media (width<=480px){.do-pill{gap:8px;font-size:12px}.do-card{padding:20px 14px}.do-step{gap:12px;padding:12px 10px}.do-steps:before{left:27px}.do-step.is-now .do-step-amount{font-size:24px}}@media (prefers-reduced-motion:reduce){.do-pill,.do-pill-arrow,.do-btn,.do-btn svg{transition:none}.do-pill:hover,.do-btn:hover{transform:none}}