/* CatchUp Tax Service: original visual identity, October 2026. */
:root{--navy:#172f49;--ink:#22364a;--green:#d4ee77;--blue:#236345;--paper:#f5f7f8;--muted:#536373;--line:#dce3e8}
body{color:var(--ink);background:#fff}
.brand{gap:11px;letter-spacing:-.5px;flex-shrink:0}
.brand-name{display:flex;flex-direction:column;line-height:1.12;font-size:27px;font-weight:750}
.brand-name small{font-size:12px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;margin-top:5px}
.brand .mark{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:var(--green);color:var(--navy);font-size:24px;font-weight:750;flex-shrink:0}
.brand-domain{color:var(--muted);font-size:13px;margin-top:12px;letter-spacing:.15px}
.btn,.portal-page button:not(.close){background:var(--green);border-color:var(--green);color:var(--navy)}
.btn:hover{background:#e1f3a3;border-color:#e1f3a3}
.btn.lime{background:var(--green);color:var(--navy);border-color:var(--green)}
.btn.lime:hover{background:#e1f3a3;border-color:#e1f3a3}
.btn.light{background:#fff;color:var(--navy);border-color:#a8b7c4}
.btn.light:hover{background:#edf2f5;border-color:var(--navy)}
.hero{background:var(--navy)}
.hero h1 span{color:var(--green)}
.hero .eyebrow{color:var(--green)}
.hero p,.start .section-head p{color:#dce5ed}
.hero .case p{color:var(--muted)}
.case,.formbox{box-shadow:0 10px 32px #10243b12}
.case-head,.case-num{background:#edf1f5}
.case-result strong{color:var(--navy)}
.tag{background:#e5efe9;color:#28583f}
.eyebrow,.steps .number,.plan .eyebrow{color:var(--blue)}
.plan.featured{background:#f5f9f6;border-color:#3b7155}
.consult-band{background:#eef4f0;border-color:#d1ded5}
.start{background:var(--navy)}
.rail li{color:#c5d2df;border-color:#536578}
.rail li.active{color:var(--green)}
.steps article{border-color:#9eafbf}
.timing,.policy-details,.notification-preview,.question-panel{border-color:var(--line)}
.drop{background:#f7f9fb;border-color:#9bafc0}
.drop.drag{background:#e9f1ec;border-color:var(--blue)}
.mapping-table th{background:#edf1f5}
.success{background:#edf5ef}
.demo-caption{background:var(--navy)}
.demo-caption button{color:var(--green)}
.sandbox{background:#edf1f5;color:#4d5f70}
.portal-brand{display:inline-flex;margin-bottom:24px;color:var(--navy);text-decoration:none}
.portal-brand .brand-name{font-size:24px}
.portal-page a:not(.brand){color:#275d88}
.portal-page .notice{background:#edf3ef;border:1px solid #bccfc2;color:#284d39}
.portal-page #drop{border-color:#879eb3;background:#f7f9fb}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6888aa;outline-offset:4px}
@media(max-width:500px){.brand-name{font-size:23px}.brand-name small{font-size:10px;letter-spacing:1.2px}.brand .mark{width:36px;height:36px;font-size:21px}.navlinks .btn{padding:10px 12px;font-size:12px}nav{gap:12px}.brand{gap:8px}}

/* Selected logo #1: scalable C-and-forward-path mark. */
.brand .mark{background:transparent;border-radius:0;width:48px;height:48px}
.brand .mark img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:500px){.brand .mark{width:42px;height:42px}}

/* Longer approved tagline: retain balanced desktop and mobile wrapping. */
.hero h1{font-size:clamp(40px,4.45vw,64px);letter-spacing:-1.8px}

.hero h1 .organize-note{display:block;font-size:clamp(15px,1.4vw,18px);line-height:1.4;font-weight:500;letter-spacing:0;color:#d2e0e5;margin:10px 0 18px;max-width:420px}

.intake-guidance{border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:16px 18px;background:#f4f8f5;margin-bottom:22px}.intake-guidance p{margin:6px 0 0;font-size:15px}.intake-guidance ul{margin:10px 0 0;padding-left:20px;font-size:14px}.intake-guidance[data-kind="review"]{border-left-color:#c39735;background:#fffaf0}