*{box-sizing:border-box}body{font-size:16px}.site-header,.hero,.facts,.learning,.start,.site-footer{max-width:1180px;margin-left:auto;margin-right:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:26px;text-decoration:none;color:#102e35}.site-header nav{display:flex;gap:26px;align-items:center}.site-header nav a{font-weight:600;color:#174b40;text-decoration:none}.cta,.outline{display:inline-block;padding:15px 23px;border-radius:8px;text-decoration:none;font-weight:650;line-height:1.3}.cta,.site-header nav .cta{background:#246b50;color:#fff}.outline{border:1px solid #b6c7bf;color:#174b40;background:#fff}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:65px 24px 72px;align-items:center}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.7px;font-weight:750;color:#39745c}h1{font-size:clamp(36px,4.8vw,60px);line-height:1.09;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:#267452}.lead{font-size:18px;line-height:1.8;color:#526961;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}.fine{font-size:14px;color:#65756e;line-height:1.6}.practice-preview{background:#fff;border:1px solid #d9e2dc;border-radius:15px;padding:30px;box-shadow:0 18px 45px #183f3110}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;font-weight:650;color:#597368}.pill{background:#eaf3ed;color:#256b4f;padding:7px 10px;border-radius:6px}.practice-preview h2{font-size:27px;line-height:1.3;margin:28px 0}.practice-preview ol{list-style:none;padding:0;margin:0}.practice-preview li{display:flex;gap:16px;margin:25px 0}.practice-preview li>span{color:#287150;background:#edf4ef;border-radius:7px;min-width:34px;height:34px;display:grid;place-items:center;font-size:13px;font-weight:700}.practice-preview li p{font-size:14px;color:#64776f;line-height:1.6;margin:5px 0}.preview-footer{border-top:1px solid #e0e8e3;padding-top:19px;color:#73867c;font-size:13px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5dfd8;border-bottom:1px solid #d5dfd8;padding:30px 24px;gap:26px}.facts strong{display:block;font-size:34px;color:#215a43;margin-bottom:7px}.facts span{font-size:14px;color:#61756b}.learning{display:grid;grid-template-columns:1fr 1fr;padding:75px 24px;gap:90px}.learning h2,.start h2{font-size:34px;letter-spacing:-1px;line-height:1.2}.learning p,.start p{color:#5c7067;line-height:1.8}.features article{border-bottom:1px solid #d8e3da;padding:0 0 16px;margin-bottom:22px}.features h3{margin:0;font-size:19px}.features p{margin:10px 0 0}.start{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#e5eee7;border:1px solid #d5e1d8;border-radius:14px;padding:35px 40px}.start h2{margin:12px 0}.offers-link{display:block;text-align:center;margin-top:18px;color:#256c50}.site-footer{padding:35px 24px;display:flex;justify-content:space-between;gap:24px;color:#65776d;font-size:12px;line-height:1.6}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:5px;background:white;padding:10px}a:focus-visible,button:focus-visible{outline:3px solid #65ac80;outline-offset:4px}@media(max-width:850px){.hero{gap:30px;padding-top:35px;grid-template-columns:1fr}.hero-copy{max-width:650px}.learning{gap:35px}.start{margin:0 20px;padding:28px}.site-footer{flex-direction:column}}@media(max-width:560px){.site-header{padding:22px 18px;gap:14px}.site-header nav{gap:12px;font-size:14px}.site-header .cta{padding:12px}.brand{font-size:22px}.hero{padding:25px 20px 38px}.facts{grid-template-columns:1fr 1fr}.learning{grid-template-columns:1fr;padding:40px 20px}.start{display:block}.learning h2,.start h2{font-size:28px}.start .cta{margin-top:15px}.offers-link{text-align:left}h1{letter-spacing:-1px}.practice-preview{padding:22px}}

/* Public home motion: illustrative only; no exercise data is modified. */
@keyframes cl-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes cl-glow{0%,100%{box-shadow:0 0 0 0 #2463eb22}55%{box-shadow:0 0 0 9px #2463eb00}}
@keyframes cl-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cl-check{0%,55%{opacity:.25;transform:translateY(7px)}70%,100%{opacity:1;transform:translateY(0)}}
.hero-copy>*{animation:cl-rise .7s both}
.hero-copy>*:nth-child(2){animation-delay:.1s}.hero-copy>*:nth-child(3){animation-delay:.22s}.hero-copy>*:nth-child(4){animation-delay:.34s}
.practice-preview{animation:cl-rise .9s .28s both;transition:transform .25s,box-shadow .25s}
.practice-preview:hover{transform:translateY(-4px);box-shadow:0 22px 48px #0b1f451c}
.cta{transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 9px 24px #2463eb36}
.animated-ledger{margin:22px 0;padding:17px;border:1px solid #dce7fa;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#eef5ff);color:#102448}
.ledger-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.35px;color:#5d7092}
.ledger-live{display:flex;align-items:center;gap:7px;color:#2463eb}.ledger-live span{width:7px;height:7px;border-radius:50%;background:#2463eb;animation:cl-glow 2.1s infinite}
.ledger-document{background:#fff;border:1px solid #e0e7f1;border-radius:8px;padding:12px;margin:13px 0;display:grid;gap:7px;animation:cl-rise .7s 1s both}
.ledger-document small{font-size:10px;color:#60708b;font-weight:700}.ledger-document strong{font-size:14px}
.ledger-entry{display:grid;gap:7px}.ledger-entry>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;background:#fff;border-radius:7px;padding:10px 9px;border-left:3px solid #2463eb;font-size:12px;animation:cl-rise .6s both}
.ledger-entry>div:first-child{animation-delay:1.8s}.ledger-entry>div:last-child{animation-delay:2.45s}
.ledger-entry strong{font-variant-numeric:tabular-nums;white-space:nowrap}.ledger-entry small{color:#64748b;font-size:10px}
.ledger-success{margin:14px 0 1px!important;color:#176748!important;font-weight:750;font-size:12px!important;animation:cl-check 4s both}
.facts strong{position:relative;display:inline-block}.facts strong:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#2463eb;transform-origin:left;animation:cl-line 1s 1.2s both}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.practice-preview,.ledger-live span,.ledger-document,.ledger-entry>div,.ledger-success,.facts strong:after{animation:none!important}.practice-preview,.cta{transition:none!important}.practice-preview:hover,.cta:hover{transform:none}}


/* Public, isolated three-mission trial: no account or saved progress required. */
.demo-workbench{min-width:0;background:#fff;border:1px solid #dce3ef;border-radius:16px;padding:25px;box-shadow:0 18px 45px #0b1f4510}
.demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.demo-eyebrow{margin:0 0 8px;color:#2463eb;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:1.2px}
.demo-head h2{margin:0;font-size:clamp(22px,2.3vw,28px);line-height:1.2;letter-spacing:-.7px}
.demo-pill{flex:none;padding:7px 9px;border-radius:7px;background:#edf3ff;color:#2355b5;font-size:11px;font-weight:750}
.demo-progress{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:#60708b;font-size:12px;font-weight:700}
.demo-progress>span{white-space:nowrap}
.demo-progress-track{height:6px;flex:1;min-width:30px;overflow:hidden;border-radius:9px;background:#e8edf6}
.demo-progress-track>span{display:block;width:33.333%;height:100%;border-radius:9px;background:#2463eb;transition:width .35s ease}
.demo-mission-title{font-size:19px;line-height:1.35;margin:0 0 13px;letter-spacing:-.25px}
.demo-document{padding:15px 16px;margin:0 0 15px;border:1px solid #dce6f7;border-left:4px solid #2463eb;border-radius:10px;background:linear-gradient(135deg,#f8fbff,#edf3ff)}
.demo-doc-label{display:block;color:#60708b;font-size:10px;font-weight:800;letter-spacing:.8px;margin-bottom:7px}
.demo-document p{font-size:14px;line-height:1.55;color:#405574;margin:0 0 10px}
.demo-document strong{display:inline-block;font-size:19px;line-height:1.3;color:#102448;font-variant-numeric:tabular-nums}
.demo-instruction{font-size:12px;line-height:1.5;color:#60708b;margin:0 0 12px}
.demo-entry-table{display:grid;gap:10px}
.demo-entry-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(95px,.7fr) minmax(120px,.8fr);gap:9px;padding:12px;border:1px solid #e0e6f0;border-radius:10px;background:#fff}
.demo-field{min-width:0}
.demo-field label{display:block;margin:0 0 6px;color:#536783;font-size:11px;line-height:1.35;font-weight:750}
.demo-field select,.demo-field input{display:block;width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid #cbd6e7;border-radius:7px;background:#fff;color:#102448;font:500 13px/1.35 system-ui,sans-serif}
.demo-field input[readonly]{background:#f2f5fa;color:#526681;font-weight:700;font-variant-numeric:tabular-nums}
.demo-field select:focus-visible{outline:3px solid #9ab8ff;outline-offset:1px}
.demo-actions{display:flex;gap:10px;margin-top:14px}
.demo-check,.demo-next{width:100%;min-height:46px;border:0;cursor:pointer;font:700 14px/1.3 system-ui,sans-serif}
.demo-check:disabled,.demo-next:disabled{opacity:.55;cursor:not-allowed}
.demo-feedback{margin:13px 0 0;padding:12px 13px;border-radius:8px;font-size:13px;line-height:1.5;font-weight:700}
.demo-feedback.good{background:#eaf7ef;color:#176747;border:1px solid #bfe4ce}
.demo-feedback.try{background:#fff6e7;color:#795019;border:1px solid #f0d7a8}
.demo-explanation{margin-top:14px;padding:15px;border:1px solid #dce6f7;border-radius:10px;background:#f8faff;animation:cl-rise .25s both}
.demo-explanation h4{font-size:14px;margin:0 0 10px}
.demo-correction{display:grid;gap:6px}
.demo-correction-row{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:7px;background:#fff;border:1px solid #e1e8f3;font-size:12px;line-height:1.4}
.demo-correction-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.demo-explanation>p{font-size:13px;line-height:1.6;color:#526681;margin:12px 0}
.demo-next{margin-top:3px}
.demo-finish{padding:16px 0 4px;text-align:center}
.demo-finish-icon{display:grid;place-items:center;width:50px;height:50px;margin:4px auto 16px;border-radius:50%;background:#eaf7ef;color:#176747;font-size:25px;font-weight:800}
.demo-finish h3{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:8px 0 12px}
.demo-score{font-size:25px;font-weight:850;color:#2463eb;margin:15px 0}
.demo-finish>p:not(.demo-eyebrow):not(.demo-score){font-size:14px;line-height:1.6;color:#60708b}
.demo-finish-actions{display:grid;gap:13px;margin-top:22px}
.demo-finish-actions .cta{display:block;text-align:center}
.demo-offers,.demo-restart{font:600 13px/1.5 system-ui,sans-serif;color:#2463eb;text-decoration:none}
.demo-restart{border:0;background:transparent;cursor:pointer;padding:8px;text-decoration:underline}
.demo-footnote{border-top:1px solid #e2e8f2;padding-top:14px;margin:17px 0 0;color:#7787a1;font-size:11px;line-height:1.5;text-align:center}
[hidden]{display:none!important}
@media(max-width:560px){.demo-workbench{padding:18px}.demo-head{gap:8px}.demo-pill{font-size:10px}.demo-progress{margin:18px 0 15px}.demo-entry-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.demo-field:first-child{grid-column:1/-1}.demo-field input,.demo-field select{font-size:14px}.demo-mission-title{font-size:18px}.demo-document{padding:13px}.demo-correction-row{align-items:flex-start}.demo-correction-row strong{white-space:normal;text-align:right}}
@media(prefers-reduced-motion:reduce){.demo-progress-track>span,.demo-explanation{transition:none;animation:none}}


/* Match the real ComptaLab journal-entry form inside the public demo. */
.demo-journal{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px;font-size:14px;color:#263c59}
.demo-journal label{font-weight:500}
.demo-journal select{width:min(65%,270px);min-height:48px;padding:12px 14px;border:1px solid #cbd6e7;border-radius:9px;background:#fff;color:#263c59;font:500 15px system-ui,sans-serif}
.demo-entry-table{display:grid;gap:9px}
.demo-entry-row{display:block;padding:15px 13px;border:1px solid #dce3eb;border-radius:13px;background:#fcfcfb}
.demo-accountline{display:flex;align-items:flex-end;gap:9px}
.demo-account-label{display:block;flex:1;min-width:0;color:#68788e;font-size:14px;line-height:1.4}
.demo-account-combobox{position:relative}
.demo-account-search{display:block;box-sizing:border-box;width:100%;min-height:50px;margin-top:7px;padding:12px 13px;border:1px solid #cbd6e7;border-radius:9px;background:#fff;color:#102448;font:500 15px system-ui,sans-serif}
.demo-account-search::placeholder{color:#8b929b;opacity:1}
.demo-account-search:focus-visible,.demo-amounts input:focus-visible,.demo-journal select:focus-visible{outline:3px solid #a8c3ff;outline-offset:1px}
.demo-remove{flex:none;display:grid;place-items:center;width:32px;height:48px;padding:0;border:0;background:transparent;color:#967164;font:400 27px/1 system-ui,sans-serif;cursor:pointer}
.demo-remove:hover{color:#7f4e40}
.demo-account-menu{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;padding:6px;border:1px solid #cbd6e7;border-radius:9px;background:#fff;box-shadow:0 12px 28px #10244820}
.demo-account-option{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:9px;width:100%;padding:10px 9px;border:0;border-radius:7px;background:#fff;color:#102448;text-align:left;cursor:pointer}
.demo-account-option strong{font-size:13px}
.demo-account-option span{font-size:13px;line-height:1.4}
.demo-account-option:hover,.demo-account-option:focus-visible{background:#edf3ff;outline:none}
.demo-account-empty{padding:9px;color:#60708b;font-size:12px}
.demo-amounts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}
.demo-amounts label{display:block;min-width:0;color:#64758d;font-size:14px;line-height:1.4}
.demo-amounts input{display:block;box-sizing:border-box;width:100%;min-height:54px;margin-top:7px;padding:11px 12px;border:1px solid #cbd6e7;border-radius:9px;background:#fff;color:#102448;text-align:right;font:500 18px system-ui,sans-serif;font-variant-numeric:tabular-nums}
.demo-amounts input::placeholder{color:#7b8491;opacity:1}
.demo-add-line{display:inline-block;margin:14px 0 0;padding:4px 0;border:0;background:transparent;color:#2463eb;font:700 15px/1.5 system-ui,sans-serif;text-align:left;cursor:pointer}
.demo-add-line:hover{text-decoration:underline}
.demo-add-line:disabled{opacity:.45;cursor:not-allowed}
.demo-total{display:flex;justify-content:space-between;gap:10px;margin-top:25px;padding-top:17px;border-top:1px solid #dce3eb;color:#263c59;font-size:14px;line-height:1.5}
.demo-total span{min-width:0}
.demo-total strong{font-weight:800;font-variant-numeric:tabular-nums}
.demo-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(115px,.8fr);gap:10px;margin-top:24px}
.demo-check{min-width:0;padding:14px 12px;border-radius:9px;background:#2463eb;color:#fff;font-size:14px}
.demo-hint-button{min-height:46px;padding:12px 14px;border:1px solid #d1dce7;border-radius:9px;background:#fff;color:#102448;font:700 14px system-ui,sans-serif;cursor:pointer}
.demo-hint-button:hover{background:#f4f7fc}
.demo-hint-panel{margin:13px 0 0;padding:12px 14px;border-left:3px solid #2463eb;border-radius:0 8px 8px 0;background:#edf3ff;color:#28456f;font-size:13px;line-height:1.6}
.demo-check:disabled{opacity:.6;cursor:not-allowed}
.demo-explanation{margin-top:14px}
.demo-correction-row{align-items:center}
.demo-footnote{margin-top:17px}
@media(max-width:560px){.demo-workbench{padding:18px}.demo-journal{gap:12px}.demo-journal select{width:65%;min-height:48px}.demo-entry-row{padding:14px 12px}.demo-account-search{font-size:16px;min-height:52px}.demo-amounts{gap:10px}.demo-amounts label{font-size:15px}.demo-amounts input{min-height:54px;font-size:18px}.demo-total{font-size:14px;gap:7px}.demo-actions{grid-template-columns:minmax(0,1.2fr) minmax(105px,.8fr);gap:8px}.demo-check{padding:13px 8px;font-size:13px}.demo-hint-button{padding:10px 8px;font-size:13px}}