/* Top Accountants online client forms. Loaded after assets/site.css on /sign-up/* and /upload. */
.fpage .phero .lead{max-width:40em}
.draft-banner{display:flex;gap:12px;align-items:flex-start;background:#fff4d6;border:2px dashed #d99a00;color:#4a3500;border-radius:14px;padding:14px 16px;margin-bottom:22px;font-size:15px}
.draft-banner b{color:#3d2c00}
.draft-tag{display:inline-block;background:#d99a00;color:#fff;font:700 12px/1 Poppins,sans-serif;letter-spacing:.12em;padding:6px 9px;border-radius:6px;vertical-align:middle;margin-left:8px}
.fcard{padding:20px}
@media (min-width:600px){.fcard{padding:30px}}
.fsec{border:0;margin:0 0 30px;padding:0;min-width:0}
.fsec>legend,.fsec>h2{display:block;width:100%;font:600 20px/1.25 Poppins,Inter,sans-serif;color:var(--navy);margin:0 0 6px;padding:0 0 10px;border-bottom:2px solid var(--line)}
.fsec .snote{color:var(--mute);font-size:14.5px;margin:6px 0 14px}
.fsec .snote small{font-size:13px}
.fgrid{display:grid;gap:16px}
.f input[type=date],.f input[type=number],.f input[type=time],.drow input,.grow input,.grow select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid #cbd6e6;border-radius:10px;padding:11px 12px;min-height:48px;transition:border-color .15s,box-shadow .15s}
.drow input:focus,.grow input:focus,.grow select:focus,.f input[type=date]:focus,.f input[type=number]:focus,.f input[type=time]:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(43,155,230,.18)}
.f .hint{color:var(--mute);font-size:13.5px;margin-top:6px;line-height:1.45}
.req{color:var(--red);font-weight:700}
.three{display:grid;gap:16px}
@media (min-width:600px){.three{grid-template-columns:2fr 1fr 1fr}}
.f.ok input{border-color:#7cc59b}
.f .val-ok{display:none;color:#13824a;font-size:13px;margin-top:6px;font-weight:600}
.f.ok .val-ok{display:block}
/* authority text */
.authority{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:14.5px;line-height:1.6;color:#2b3648}
.authority p+p{margin-top:10px}
.decl{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:14.5px}
.decl ul{margin:8px 0 0;padding-left:20px}
.consent-box{border:1.5px solid #cbd6e6;border-radius:12px;padding:14px}
.f.bad .consent-box{border-color:var(--red);background:#fff8f8}
.datebox{display:flex;align-items:center;gap:10px;background:var(--tint);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--navy)}
/* signature */
.sig{position:relative}
.sigtabs{display:inline-flex;gap:4px;background:var(--tint);border-radius:999px;padding:4px;margin-bottom:10px}
.sigtabs button{font:600 14px/1 Poppins,Inter,sans-serif;border:0;background:transparent;color:var(--navy);padding:10px 16px;border-radius:999px;cursor:pointer;min-height:40px}
.sigtabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px rgba(0,36,109,.15)}
.sigpad{position:relative;border:2px dashed #9fb4d3;border-radius:12px;background:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
.sigpad canvas{display:block;width:100%;height:190px;cursor:crosshair;touch-action:none;border-radius:10px}
.sigpad .sig-line{position:absolute;left:22px;right:22px;bottom:44px;border-bottom:1.5px solid #c9d5e6;pointer-events:none}
.sigpad .sig-x{position:absolute;left:22px;bottom:50px;color:#9fb4d3;font:600 22px/1 Poppins,sans-serif;pointer-events:none}
.sigpad .sig-ph{position:absolute;left:0;right:0;top:40%;text-align:center;color:#9aa8bb;font-size:15px;pointer-events:none}
.sigpad.has-ink .sig-ph{display:none}
.sig-clear{position:absolute;right:10px;top:10px;font:600 13.5px/1 Inter,sans-serif;border:1px solid #cbd6e6;background:#fff;color:var(--navy);border-radius:999px;padding:8px 14px;cursor:pointer;min-height:36px}
.sig-clear:hover{border-color:var(--blue)}
.f.bad .sigpad,.f.bad .sigup .drop{border-color:var(--red);background:#fff8f8}
.sigup img{max-height:140px;margin-top:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px}
.sig-meta{font-size:13px;color:var(--mute);margin-top:8px}
/* file upload */
.drop{position:relative;border:2px dashed #9fb4d3;border-radius:12px;background:#fbfcfe;padding:20px 16px;text-align:center;transition:border-color .15s,background .15s}
.drop.over{border-color:var(--sky);background:#eef7fe}
.drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drop .i{width:30px;height:30px;color:var(--sky);margin:0 auto 6px;display:block}
.drop p{font-weight:600;color:var(--navy);font-size:15px}
.drop p u{color:var(--blue)}
.drop small{display:block;color:var(--mute);font-size:13px;margin-top:4px}
.f.bad .drop{border-color:var(--red);background:#fff8f8}
.flist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.flist li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font-size:14.5px}
.flist .fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flist .fs{color:var(--mute);font-size:13px;white-space:nowrap}
.flist button{border:0;background:var(--tint);color:var(--navy);border-radius:999px;padding:6px 12px;font:600 13px/1 Inter,sans-serif;cursor:pointer;min-height:32px}
.up-msg{color:var(--red-d);font-size:13.5px;margin-top:6px}
/* deduction rows */
.drows{display:grid;gap:0;border-top:1px solid var(--line)}
.drow{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.drow>label,.drow>.dl{font-weight:500;font-size:15px;color:var(--ink)}
.drow>label small,.drow>.dl small{display:block;color:var(--mute);font-size:13px;font-weight:400}
.dins{display:flex;gap:8px;flex-wrap:wrap}
.dins>*{flex:1 1 140px;min-width:0}
@media (min-width:700px){.drow{grid-template-columns:minmax(0,1fr) 300px;gap:16px}}
.affix{position:relative;display:block}
.affix>span{position:absolute;top:50%;transform:translateY(-50%);color:var(--mute);font-weight:600;pointer-events:none;font-size:15px}
.affix.pre>span{left:12px}.affix.pre input{padding-left:28px}
.affix.suf>span{right:12px}.affix.suf input{padding-right:42px}
.drow .err{grid-column:1/-1;margin-top:0}
.drow.bad .err{display:block}
.drow.bad input{border-color:var(--red);background:#fff8f8}
.ssum{display:flex;justify-content:space-between;gap:12px;padding:12px 0 0;font-size:14.5px;color:var(--mute)}
.ssum b{color:var(--navy);font-size:16px}
details.guide{margin:4px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
details.guide>summary{cursor:pointer;padding:10px 14px;font-weight:600;color:var(--blue);font-size:14.5px}
details.guide>div{padding:0 16px 12px;font-size:14px;color:#33415a}
details.guide ul{margin:6px 0;padding-left:18px}
details.guide li{margin:4px 0}
/* repeatable groups */
.grows{display:grid;gap:14px}
.grow-card{border:1.5px solid var(--line);border-radius:14px;padding:16px;background:#fff;position:relative}
.grow-card h3{font-size:16.5px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.grow-line{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 150px auto;align-items:start}
.grow-line .rm{margin-top:6px}
.rm{border:0;background:var(--tint);color:var(--navy);border-radius:999px;padding:8px 12px;font:600 13px/1 Inter,sans-serif;cursor:pointer;min-height:36px;white-space:nowrap}
.add-row{margin-top:12px}
.grow .err{display:none}
.grow .bad .err,.grow .f.bad .err{display:block}
/* WFH timesheet */
.wfh-sum{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px}
@media (min-width:700px){.wfh-sum{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wfh-sum div{background:var(--tint);border-radius:12px;padding:12px 14px}
.wfh-sum small{display:block;color:var(--mute);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.wfh-sum b{font:700 22px/1.2 Poppins,sans-serif;color:var(--navy)}
.wfh-sum .ded{background:#e8f6ee}.wfh-sum .ded b{color:#0f6b3c}
.qfill{border:1.5px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px;background:#fbfcfe}
.qfill h3{font-size:16.5px;margin-bottom:4px}
.qfill .row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
@media (min-width:700px){.qfill .row{grid-template-columns:repeat(5,minmax(0,1fr))}}
.qfill label{font-size:13px;font-weight:600;color:var(--navy);display:block;margin-bottom:4px}
.qfill input{width:100%;font:inherit;font-size:15px;border:1.5px solid #cbd6e6;border-radius:9px;padding:9px 10px;min-height:44px;background:#fff}
.days{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.days label{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #dbe3ef;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;color:var(--navy);margin:0;cursor:pointer}
.days input{width:18px;height:18px;min-height:0;accent-color:var(--blue)}
.qfill .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center}
.qfill .acts .chk2{display:inline-flex;gap:8px;align-items:center;font-size:14px}
.qfill .acts .chk2 input{width:18px;height:18px;min-height:0}
.wmonth{border:1.5px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff}
.wmonth>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;padding:12px 16px;font:600 16px/1.3 Poppins,sans-serif;color:var(--navy)}
.wmonth>summary .mt{font:500 14px/1.3 Inter,sans-serif;color:var(--mute)}
.wmonth[open]>summary{border-bottom:1px solid var(--line)}
.wtable{width:100%;border-collapse:collapse;font-size:14.5px}
.wtable thead th{font:600 12.5px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);text-align:left;padding:10px 8px;background:var(--bg)}
.wtable td,.wtable tbody th{padding:6px 8px;border-top:1px solid #edf1f7;vertical-align:middle}
.wtable tbody th{font-weight:600;color:var(--navy);white-space:nowrap;text-align:left}
.wtable tr.we tbody th,.wtable tr.we th{color:#8a96a8}
.wtable tr.we{background:#fafbfd}
.wtable input{width:100%;min-width:0;min-height:40px;padding:7px 8px;font-size:15px;border-radius:8px}
.wtable .hrs{font-weight:700;color:var(--navy);white-space:nowrap;text-align:right;min-width:52px}
.wtable tr.badrow input{border-color:var(--red);background:#fff8f8}
.wtable tr.badrow .hrs{color:var(--red-d)}
.wtable .c-t{width:120px}.wtable .c-b{width:86px}.wtable .c-h{width:64px}
@media (max-width:759px){
 .wtable thead{display:none}
 .wtable,.wtable tbody{display:block}
 .wtable tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;padding:10px 10px;border-top:1px solid #edf1f7}
 .wtable td,.wtable tbody th{border:0;padding:0}
 .wtable tbody th{grid-column:1/3;align-self:center}
 .wtable .hrs{grid-column:3;grid-row:1;align-self:center}
 .wtable td[data-l]::before{content:attr(data-l);display:block;font-size:11.5px;color:var(--mute);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
 .wtable td.c-d{grid-column:1/-1}
 .wtable .c-t,.wtable .c-b,.wtable .c-h{width:auto}
 .wtable td[data-l]::before{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.saved-note{font-size:13px;color:var(--mute);margin-top:6px}
/* submit + progress */
.form-err ul{margin:6px 0 0;padding-left:18px}
.form-err a{color:#8f1218;font-weight:600}
.progress{display:none;margin-top:14px}
.progress.on{display:block}
.progress .bar{height:10px;border-radius:999px;background:var(--tint);overflow:hidden}
.progress .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sky),var(--blue));transition:width .2s}
.progress p{font-size:14px;color:var(--mute);margin-top:6px}
.submit[disabled]{opacity:.65;cursor:wait;transform:none}
.thanks .ref{display:inline-block;font:600 15px/1 ui-monospace,Menlo,Consolas,monospace;background:var(--tint);color:var(--navy);border-radius:8px;padding:8px 12px;margin:6px 0 14px}
.thanks .next{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.secure-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px;font-size:14.5px;color:var(--mute)}
.secure-list li{display:flex;gap:10px;align-items:flex-start}
.secure-list .i{width:20px;height:20px;color:var(--sky);margin-top:2px}
.formlist{display:grid;gap:16px}
@media (min-width:700px){.formlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.formlist a.card{display:block;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.formlist a.card:hover{border-color:var(--sky);transform:translateY(-2px)}
.formlist h3{font-size:19px;margin-bottom:6px}
.formlist p{color:var(--mute);font-size:15px}
.formlist .go{display:inline-flex;margin-top:12px;font-weight:600;color:var(--blue)}
[hidden]{display:none!important}
.grow.bad>.err{display:block;grid-column:1/-1}
.grow-line.bad input{border-color:var(--red);background:#fff8f8}
.split>.fcard,.split>aside{min-width:0}
.fcard input,.fcard select,.fcard textarea{max-width:100%}

/* /sign-up chooser */
.chooser{display:grid;gap:20px;max-width:1000px;margin:0 auto}
@media (min-width:760px){.chooser{grid-template-columns:repeat(3,1fr)}}
.choice{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.choice:hover,.choice:focus-visible{border-color:var(--sky);box-shadow:0 6px 24px rgba(0,36,109,.08)}
.choice .ci{display:inline-flex;width:56px;height:56px;border-radius:14px;align-items:center;justify-content:center;background:#eef4fb;color:#134a9b;margin-bottom:6px}
.choice .ci svg{width:32px;height:32px}
.choice h2{font-size:1.35rem;margin:0;color:#00246d}
.choice p{margin:0;color:#4a5668;line-height:1.5;flex:1}
.choice .go{font-weight:600;color:#134a9b;margin-top:8px}
.choice-more{text-align:center;margin:28px 0 0;color:#4a5668;font-size:.95rem}
.choice-more a{color:#134a9b}
/* ---- v2 (21 Oct 2026) ---- */
/* equal-width rows: same column widths, labels on one line, boxes on the same line (subgrid keeps label/box/hint rows aligned) */
.two.eq,.three.eq{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){
 .two.eq{grid-template-columns:repeat(2,minmax(0,1fr))}
 .three.eq{grid-template-columns:repeat(3,minmax(0,1fr))}
 .eq{grid-template-rows:auto auto auto auto auto;row-gap:0}
 .eq>.f{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}
 .eq>.f>label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:end}
 .eq>.f>.err:empty,.eq>.f>.val-ok{min-height:0}
}
/* calm ATO note (replaces the draft box) */
.ato-note{display:flex;gap:14px;align-items:flex-start;background:#f2f6fc;border:1px solid #d7e2f2;border-left:4px solid #2b6cc4;border-radius:12px;padding:16px 18px;margin-bottom:22px;font-size:14.5px;line-height:1.55;color:#2b3648}
.ato-note svg{flex:0 0 auto;color:#2b6cc4;margin-top:1px}
.ato-note b{display:block;color:#00246d;font-size:15px;margin-bottom:4px}
.ato-note p{margin:0}.ato-note p+p{margin-top:6px}
.ato-note a{color:#134a9b;font-weight:600}
.ato-note.in-thanks{text-align:left;margin:20px auto;max-width:620px}
/* "?" help: inline expanding note under the row */
.dlt{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.qh{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1.5px solid #b9c8de;background:#fff;color:#134a9b;cursor:pointer;padding:0;flex:0 0 auto;vertical-align:middle}
.qh:hover,.qh[aria-expanded=true]{background:#134a9b;border-color:#134a9b;color:#fff}
.qh:focus-visible{outline:3px solid rgba(43,155,230,.45);outline-offset:2px}
.qhelp{grid-column:1/-1;background:#f5f8fc;border:1px solid #dbe5f2;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.5;color:#2b3648}
.qhelp p{margin:0}
.drow>.dl label{font-weight:500;font-size:15px;color:var(--ink)}
/* worked results */
.calc{background:#f2f6fc;border:1px solid #d7e2f2;border-radius:14px;padding:16px 18px;margin:0 0 30px}
.calc h3{font-size:16px;margin:0 0 8px;color:#00246d}
.crow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #dfe7f2;font-size:15px}
.crow:first-child{border-top:0}.crow b{color:#00246d;font-variant-numeric:tabular-nums}
.crow.neg b{color:#b42318}
.calc .fine{font-size:13px;color:var(--mute);margin:8px 0 0}
/* /sign-up chooser v2: icon beside the title, faint tints */
.choice{gap:10px;padding:24px 24px 22px;border-radius:16px;box-shadow:none}
.choice .ch{display:flex;align-items:center;gap:14px}
.choice .ci{width:48px;height:48px;border-radius:12px;margin:0;background:rgba(255,255,255,.75);flex:0 0 auto}
.choice .ci svg{width:26px;height:26px}
.choice h2{font-size:1.25rem}
.choice p{font-size:15px}
.choice.t-individual{background:#f3f7fd;border-color:#d9e4f4}
.choice.t-company{background:#f2f9f4;border-color:#d5eadb}
.choice.t-company .ci{color:#1f6b3d}
.choice.t-trust{background:#f6f7f8;border-color:#e0e3e7}
.choice.t-trust .ci{color:#4a5668}
.choice:hover,.choice:focus-visible{border-color:#9fb6d6;box-shadow:0 4px 18px rgba(0,36,109,.06)}
/* /forms hub */
.hubwrap{max-width:1040px}
.rg{display:grid;gap:10px 32px;border:1px solid var(--line);border-radius:16px;padding:22px 22px 8px;margin:0 0 18px}
@media (min-width:860px){.rg{grid-template-columns:230px minmax(0,1fr);padding:26px 28px 10px}}
.rg.t-individual{background:#f3f7fd;border-color:#d9e4f4}.rg.t-company{background:#f2f9f4;border-color:#d5eadb}.rg.t-trust{background:#f6f7f8;border-color:#e0e3e7}
.rg-h h2{font-size:1.3rem;margin:0;color:#00246d}.rg-h p{margin:4px 0 0;color:#4a5668;font-size:14.5px}
.rg-l{list-style:none;margin:0;padding:0}
.rl{display:grid;gap:8px 20px;padding:14px 0;border-top:1px solid rgba(0,36,109,.1)}
.rl:first-child{border-top:0;padding-top:2px}
@media (min-width:700px){.rl{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.rl h3{font-size:1.02rem;margin:0;color:#14213d}.rl p{margin:2px 0 0;font-size:14px;color:#4a5668;line-height:1.45}
.rl-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rl-a a,.rl-soon{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.rl-on{background:#00246d;color:#fff}.rl-on:hover{background:#134a9b;color:#fff}
.rl-dl{background:#fff;color:#134a9b;border:1.5px solid #c8d6ea}.rl-dl:hover{border-color:#134a9b}
.rl-soon{color:#5b6678;background:rgba(255,255,255,.7);border:1px dashed #c8d1dd;font-weight:500}
.rl-fy select{font:inherit;font-size:14px;min-height:38px;border:1.5px solid #c8d6ea;border-radius:999px;padding:0 30px 0 12px;background:#fff;color:#14213d;max-width:230px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hub-note{text-align:center;color:#4a5668;font-size:15px;margin:26px 0 0}
.phero .lead a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (min-width:700px){.rl{grid-template-columns:minmax(0,1fr) minmax(0,auto)}.rl-a{justify-content:flex-end;max-width:440px}}
.rl-t{min-width:200px}
/* financial year selector at the top of each form (FY 2026-10) */
.fsec-fy{margin:0 0 26px;padding:16px 18px;background:var(--tint,#eef3fb);border:1px solid var(--line);border-radius:12px}
.fsec-fy .fy-top{margin:0}
.fsec-fy label{display:block;font:600 16px/1.3 Poppins,Inter,sans-serif;color:var(--navy);margin:0 0 8px}
.fsec-fy select{max-width:420px;width:100%}
.fsec-fy .fy-rates{margin:10px 0 0;font-size:14.5px;color:var(--mute)}
.fsec-fy .fy-rates b{color:var(--navy);font-weight:600}
.fsec-fy .fy-note{margin:6px 0 0;font-size:13.5px;color:var(--mute)}
.carcalc{display:block;color:var(--navy);font-weight:600;margin-top:2px}
.carcalc:empty{display:none}
.qhelp .fyv{font-weight:600}
.hub-fy{margin:10px 0 0;font-size:15px;color:var(--mute);max-width:760px}
/* two-step client forms flow: /forms chooser + /forms/<type> (Step 1 sign up, Step 2 forms) */
.flow-step{text-align:center;margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5b6678}
.choice.fc{padding:28px 26px 24px}
.choice.fc p{min-height:3em}
.flow-change{display:inline-block;margin-top:14px;font-size:14px;color:#fff;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.flow-change:hover{opacity:1;color:#fff}
.flowwrap{max-width:920px}
.fs-n{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#00246d;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:700;font-size:18px}
.fs-n2{background:#fff;color:#00246d;border:2px solid #00246d}
.fs-k{margin:0 0 2px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5b6678}
.fs1{display:flex;gap:20px;align-items:center;border:1px solid #d9e4f4;background:#f3f7fd;border-radius:18px;padding:28px 30px;margin:0 0 34px}
.fs1.t-company{background:#f2f9f4;border-color:#d5eadb}.fs1.t-trust{background:#f6f7f8;border-color:#e0e3e7}
.fs1 h2{font-size:1.6rem;margin:0;color:#00246d}
.fs-b{flex:1}.fs-b p{margin:6px 0 0;color:#4a5668;line-height:1.5}
.fs1 .fs-small{font-size:13.5px;color:#6b7686;margin-top:8px}
.fs-btn{display:inline-flex;align-items:center;white-space:nowrap;padding:14px 26px;font-size:16px;font-weight:600;border-radius:999px;background:#00246d;color:#fff;text-decoration:none}.fs-btn:hover{background:#134a9b;color:#fff}
.fs2-h{display:flex;gap:20px;align-items:flex-start;margin:0 0 16px}
.fs2-h h2{font-size:1.35rem;margin:0;color:#00246d}.fs2-h p{margin:4px 0 0;color:#4a5668;font-size:15px}
.fl-list{list-style:none;margin:0 0 0 64px;padding:0;display:grid;gap:10px}
.rl.fl-card{border:1px solid var(--line,#e3e8ef);border-radius:14px;padding:16px 18px;background:#fff}
.rl.fl-card:first-child{padding-top:16px;border-top:1px solid var(--line,#e3e8ef)}
@media (max-width:700px){.fs1{flex-direction:column;align-items:flex-start}.fl-list{margin-left:0}}
.fs2 .hub-fy{margin:8px 0 0;font-size:14px}
@media (max-width:700px){.fs1{padding:22px 20px;gap:14px}.fs1 h2{font-size:1.35rem}.fs-go,.fs-btn{width:100%;justify-content:center}.fs2-h{gap:14px}.fs2-h .fs-n{width:36px;height:36px;font-size:16px}.choice.fc p{min-height:0}}
/* 21 Oct 2026: client-type tints (soft): Individual green, Company purple, Trust rose. Text stays navy/grey on near-white. */
.choice.t-individual,.fs1.t-individual{background:#f1f8f3;border-color:#d2e8d9}
.choice.t-company,.fs1.t-company{background:#f6f3fc;border-color:#e0d8f2}
.choice.t-trust,.fs1.t-trust{background:#fcf3f5;border-color:#f1d8de}
.choice.t-individual .ci{color:#1f6b3d}.choice.t-company .ci{color:#5a3f98}.choice.t-trust .ci{color:#9b3149}
.choice.t-individual:hover,.choice.t-individual:focus-visible{border-color:#9fcfae}
.choice.t-company:hover,.choice.t-company:focus-visible{border-color:#bfb0e3}
.choice.t-trust:hover,.choice.t-trust:focus-visible{border-color:#e3aebb}
/* Accounting software access row */
.fl-sw .rl-t{flex:1}
/* 21 Oct 2026: trimmed sidebar boxes, smaller and softer text */
.side .panel{padding:18px 18px;font-size:14px;line-height:1.5;color:#5a6678}
.side .panel h3{font-size:15.5px;margin-bottom:6px}
.side .panel p,.side .secure-list{font-size:14px;color:#5a6678}
.side .secure-list{gap:7px}.side .secure-list .i{width:17px;height:17px}
.side .panel .fine{margin:10px 0 0;font-size:13.5px}
.side .panel .btn{min-height:42px;font-size:14px}
.side .panel .alt{font-size:13.5px}

/* upload row stands out (soft blue tint, subtle blue border, icon) */
.rl.fl-card.fl-up{background:linear-gradient(135deg,#f3f8ff 0%,#eaf2fd 100%);border:1px solid #c9dbf3;box-shadow:0 2px 10px rgba(19,74,155,.06)}
.fl-up .up-t{display:flex;align-items:flex-start;gap:14px}
.fl-up .up-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#134a9b;border:1px solid #d5e3f6}
.fl-up h3{color:#0b357f}
.fl-up .rl-on{background:linear-gradient(135deg,#0b357f 0%,#134a9b 55%,#2563b8 100%)}

/* compact two-column form pages: form column up to 640px, sidebar 300px, centred */
@media (min-width:1000px){
 .split.wide-side{grid-template-columns:minmax(0,640px) 300px;gap:40px;justify-content:center}
 .side .panel{padding:16px 16px;font-size:13.5px}
 .side .panel h3{font-size:15px}
 .side .panel p,.side .secure-list{font-size:13.5px}
 .side .panel .fine,.side .panel .alt{font-size:13px}
}

/* every "Fill in online" and "Start sign-up" button: the same gradient as "Upload files" */
.rl-on,.fs-btn,.fl-up .rl-on{background:linear-gradient(135deg,#0b357f 0%,#134a9b 55%,#2563b8 100%);color:#fff}
.rl-on:hover,.fs-btn:hover,.fl-up .rl-on:hover{background:linear-gradient(135deg,#0a2f73 0%,#123f88 55%,#1f56a6 100%);color:#fff}

/* Step 2 as ONE card (same radius/border feel as Step 1); rows separated by thin dividers, no row boxes */
.fs2{border:1px solid #e3e8ef;border-radius:18px;background:#fff;padding:28px 30px 26px}
.fs2 .fl-list{gap:0;margin-top:6px}
.fs2 .rl.fl-card{border:0;border-top:1px solid #e9edf3;border-radius:0;background:transparent;box-shadow:none;padding:16px 0}
.fs2 .rl.fl-card:first-child{border-top:0;padding-top:8px}
/* Receipts and documents: soft inset block at the bottom of the card */
.fs2 .rl.fl-card.fl-up{border:1px solid #c9dbf3;border-radius:14px;background:linear-gradient(135deg,#f3f8ff 0%,#eaf2fd 100%);padding:16px 18px;margin-top:10px;box-shadow:none}
.fs2 .rl.fl-card + .rl.fl-card.fl-up{border-top:1px solid #c9dbf3}
@media (max-width:700px){.fs2{padding:22px 18px 18px}}

/* mobile: title | compact button on one line, description full width underneath (button never wraps, title may) */
@media (max-width:699px){
 .fl-list .rl:not(.fl-sw){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
 .fl-list .rl:not(.fl-sw) .rl-t{display:contents}
 .fl-list .rl:not(.fl-sw) .rl-t h3{grid-column:1;grid-row:1;min-width:0;font-size:1rem;line-height:1.3}
 .fl-list .rl:not(.fl-sw) .rl-t p{grid-column:1/-1;grid-row:2;margin:0}
 .fl-list .rl:not(.fl-sw) .rl-a{grid-column:2;grid-row:1;justify-content:flex-end;max-width:none;flex-wrap:nowrap}
 .fl-list .rl-a a{min-height:34px;padding:0 13px;font-size:13.5px;white-space:nowrap}
 .fl-list .rl.fl-up{grid-template-columns:auto minmax(0,1fr) auto}
 .fl-list .fl-up .up-t>div{display:contents}
 .fl-list .fl-up .up-ic{grid-column:1;grid-row:1;width:34px;height:34px;border-radius:10px}
 .fl-list .fl-up .up-ic svg{width:18px;height:18px}
 .fl-list .rl.fl-up .rl-t h3{grid-column:2}
 .fl-list .rl.fl-up .rl-t p{grid-column:1/-1}
 .fl-list .rl.fl-up .rl-a{grid-column:3}
}
/* 21 Oct 2026: Partnership (soft amber) and SMSF (soft teal); five cards: 3 + 2, second row centred */
.choice.t-partnership,.fs1.t-partnership{background:#fdf7ec;border-color:#f0e0c0}
.choice.t-smsf,.fs1.t-smsf{background:#eef8f7;border-color:#cde7e3}
.choice.t-partnership .ci{color:#8a5a12}.choice.t-smsf .ci{color:#1d6b64}
.choice.t-partnership:hover,.choice.t-partnership:focus-visible{border-color:#e2c48a}
.choice.t-smsf:hover,.choice.t-smsf:focus-visible{border-color:#9fd0c9}
@media (min-width:760px){.chooser.c5{display:flex;flex-wrap:wrap;justify-content:center}.chooser.c5>.choice{flex:0 1 calc((100% - 40px)/3)}}
.fl-sw .rl-more{margin:6px 0 0;font-size:14.5px}.fl-sw .rl-more a{font-weight:600}
.fsec[id]{scroll-margin-top:90px}
.notlive{background:#fdf7ec;border:1px solid #f0e0c0;border-radius:12px;padding:14px 16px;margin:0 0 18px;font-size:15px;line-height:1.5;color:#3d3420}.notlive a{font-weight:600}
/* 22 Oct 2026: field hints smaller and lighter, close under their box (#667080 = 5.0:1 on white, AA) */
.f .hint{color:#667080;font-size:13.5px;font-weight:400;line-height:1.4;margin-top:5px}
@media (max-width:640px){.f .hint{font-size:14px}}
/* signature date line: one line on desktop, bracket part in the hint style */
.datebox{flex-wrap:nowrap;line-height:1.4}
.datebox svg{flex:0 0 auto}
.datebox .dnote{color:#636d7d;font-size:13.5px;font-weight:400;white-space:nowrap}
@media (max-width:640px){.datebox .dnote{font-size:14px;white-space:normal}}