/* DC10 Review: purpose-led landing. All rules are scoped away from the viewer. */
.auth-page{background:#f7f8fa;color:#202b3a}
.auth-page .header{height:76px;max-width:1280px;margin:auto;padding:0 48px;border:0;gap:24px}
.auth-page .brand{font-size:21px;letter-spacing:-.7px}
.auth-page .brand-mark{border-radius:10px}
.auth-page .header .auth-home{margin-left:auto;border:1px solid #d9dfe6;border-radius:8px;padding:10px 18px;color:#35475b;background:#fff;font-size:13px}
.auth-page .auth-layout{margin:70px auto 60px;max-width:1200px;gap:50px;padding:0 48px}
.auth-page .auth-intro>.eyebrow{letter-spacing:.6px;color:#3465a0;font-size:12px;font-weight:700}
.auth-page .auth-intro h1{font-size:clamp(32px,3.6vw,49px);line-height:1.28;letter-spacing:-2px;margin:22px 0}
.auth-page .auth-intro h1 em{font-style:normal;color:#346bb1}
.auth-page .auth-lead{font-size:15px;line-height:1.9;color:#617083;word-break:keep-all}
.auth-page .auth-card h2{word-break:keep-all}
.auth-page .auth-card{border-radius:16px;box-shadow:0 12px 36px #253a5010}
.auth-page .auth-footnote{color:#697789}
.auth-page .landing-only{display:none}
.landing-page .landing-only{display:block}
.landing-page .auth-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);gap:28px 56px;grid-template-rows:min-content 1fr;align-items:start;margin-top:62px;margin-bottom:60px}
.landing-page .auth-intro{grid-column:1;grid-row:1}
.landing-page .auth-intro h1{font-size:clamp(34px,3.6vw,47px);margin:20px 0}
.landing-page .auth-card{grid-column:1;grid-row:2;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:stretch}
.landing-page .auth-card>.eyebrow,.landing-page .auth-card>h2{display:none}
.landing-page .auth-card>#auth-description{order:2;margin:11px 0 0;font-size:11px;color:#68778b;line-height:1.6;text-align:center}
.landing-page .auth-card #start-upload{margin:0;min-height:54px;border-radius:9px;background:#2f65aa;border-color:#2f65aa;font-size:15px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:18px;box-shadow:0 5px 12px #2f65aa1a}
.landing-page .auth-card #start-upload:hover{background:#24548f}
.landing-page .auth-card #start-upload span{font-size:21px;font-weight:400}
.landing-page .auth-card .auth-footnote{order:3;border:0;border-left:2px solid #d4dde8;padding:0 0 0 14px;margin-top:26px;font-size:12px;line-height:1.8}
.landing-page .auth-footnote strong{color:#344458;font-weight:600}
.landing-page .auth-card #auth-error,.landing-page .auth-card #auth-retry{order:4}
.landing-page .review-demo{grid-column:2;grid-row:1/3;align-self:center;min-width:0;padding-top:8px}
.demo-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 2px 14px}
.demo-topline h2{margin:0;font-size:12px;font-weight:600;color:#4a596c;letter-spacing:-.25px}
.demo-topline>span{flex-shrink:0;font-size:10px;color:#6b7788;border:1px solid #d9dfe7;padding:3px 7px;border-radius:4px}
.demo-window{background:#fff;border:1px solid #d6dee8;border-radius:12px;box-shadow:0 22px 48px #273d5d12;overflow:hidden}
.demo-window-bar{height:48px;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #e5eaf0;font-size:11px}
.demo-file-mark{font-size:8px;padding:5px 4px;border:1px solid #d5deea;border-radius:3px;color:#59728c}
.demo-version{margin-left:auto;color:#708196;font-size:10px}
.demo-workspace{display:grid;grid-template-columns:1.2fr 1fr;min-height:310px}
.demo-artwork{padding:26px 20px 14px;background:#e9edf1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.demo-paper{position:relative;width:100%;max-width:230px;aspect-ratio:.78;background:#f7f1e4;box-shadow:0 5px 12px #20364b1a;padding:19px 16px;overflow:hidden;color:#354631}
.demo-paper-brand{font-size:8px;font-weight:700;letter-spacing:1px;position:relative;z-index:1}
.demo-paper-title{position:relative;z-index:1;font-size:23px;line-height:1.3;letter-spacing:-1px;font-weight:700;margin-top:25px}
.demo-sculpture{position:absolute;width:150px;height:154px;bottom:25px;right:-14px;transform:rotate(-13deg)}
.demo-sculpture i{position:absolute;left:4px;top:10px;width:95px;height:125px;background:#b6b997;border-radius:60px 60px 8px 8px;box-shadow:inset -15px -5px 20px #69765935}
.demo-sculpture b{position:absolute;left:46px;top:58px;width:98px;height:88px;background:#c16a47;border-radius:70px 70px 0 0;box-shadow:inset -12px -7px 12px #78472c33}
.demo-sculpture span{position:absolute;left:3px;top:112px;width:95px;height:36px;background:#ddd0ad;border-radius:50%;box-shadow:0 6px 0 #c3b58b}
.demo-paper-footer{position:absolute;z-index:1;bottom:12px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:.8px}
.demo-selection{position:absolute;top:58px;left:10px;right:10px;height:72px;border:1.5px solid #d9534f;background:#d9534f05}
.demo-selection>span{position:absolute;right:-10px;top:-12px;width:23px;height:23px;display:grid;place-items:center;background:#cb4742;color:#fff;border-radius:50% 50% 50% 2px;font-size:11px;box-shadow:0 2px 4px #9d282933}
.demo-page-number{font-size:9px;color:#788697;margin-top:12px}
.demo-discussion{padding:16px 13px;min-width:0}
.demo-discussion-heading{font-size:11px;font-weight:700;padding-bottom:15px;border-bottom:1px solid #ebeff4}
.demo-discussion-heading>span{color:#c33e3b;margin-left:5px}
.demo-message{margin-top:16px}
.demo-person{display:flex;align-items:center;gap:6px;font-size:10px}
.demo-person small{margin-left:auto;color:#8792a0;font-size:8px}
.demo-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:9px;flex-shrink:0}
.demo-avatar.client{background:#f6e9da;color:#9c6344}
.demo-avatar.designer{background:#e7edf7;color:#406da2}
.demo-discussion p{font-size:11px;line-height:1.8;color:#586577;word-break:keep-all;margin:10px 0}
.demo-reply{border-left:2px solid #e3e9f2;padding-left:10px;margin:20px 0 15px}
.demo-status{display:inline-block;background:#fff3e6;color:#926025;padding:5px 8px;border-radius:4px;font-size:9px}
.demo-window[data-step="0"] .demo-selection{visibility:hidden}
.demo-window[data-step="2"] .demo-status{color:#267354;background:#e7f3ed}
.demo-window[data-step="2"] .demo-paper-title{font-size:26px}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}
.demo-steps button{min-height:42px;border:0;border-bottom:2px solid #dbe2ea;border-radius:0;background:transparent;color:#708095;padding:8px 3px;font-size:11px;font-weight:600;white-space:nowrap}
.demo-steps button>span{margin-right:4px;font-size:10px;opacity:.8}
.demo-steps button[aria-pressed="true"]{color:#2e619f;border-color:#2f67ae;background:#edf2f8}
.demo-steps button:focus-visible{outline:2px solid #2f67ae;outline-offset:3px}
.demo-caption{min-height:36px;font-size:11px;color:#6b7b8e;line-height:1.7;text-align:center;margin:12px 0 0;word-break:keep-all}
.landing-page .review-scenarios{max-width:1200px;margin:auto;padding:50px 48px 0;border-top:1px solid #e2e7ee}
.scenarios-heading>.eyebrow{font-size:11px;letter-spacing:.5px;color:#537194}
.scenarios-heading h2{font-size:29px;line-height:1.4;letter-spacing:-1px;margin:14px 0 30px}
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.scenario-grid article{background:white;border:1px solid #e0e6ee;border-radius:12px;padding:25px 22px;min-width:0}
.scenario-index{font-size:10px;letter-spacing:.5px;color:#6d829e}
.scenario-grid h3{font-size:17px;letter-spacing:-.6px;margin:22px 0 12px}
.scenario-grid p{font-size:13px;line-height:1.85;color:#697789;word-break:keep-all}
.scenario-result{display:block;border-top:1px solid #edf0f5;margin-top:24px;padding-top:16px;font-size:11px;color:#426b9b}
.review-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px 0 15px}
.review-details p{font-size:11px;line-height:1.9;color:#768396;margin:0;word-break:keep-all}
.review-details strong{display:block;color:#4f6177;font-weight:600;font-size:12px;margin-bottom:5px}
.auth-page .auth-footer{font-size:11px;color:#78879a;padding:28px 24px;border-top:1px solid #e3e8ef;margin-top:24px}
@media(min-width:1000px){.landing-page .auth-intro .auth-lead{max-width:420px}}
@media(max-width:1000px){.landing-page .auth-layout{gap:28px;grid-template-columns:.9fr 1.15fr;padding:0 28px}.auth-page .header{padding:0 28px}.demo-artwork{padding:24px 12px 14px}.demo-paper{padding:18px 12px}.demo-paper-title{font-size:21px}.demo-discussion{padding:14px 10px}.demo-person small{display:none}.landing-page .review-scenarios{padding-left:28px;padding-right:28px}}
@media(max-width:760px){
  .auth-page .header{height:64px;padding:0 22px}.auth-page .brand{font-size:19px}.auth-page .brand-mark{width:30px;height:30px}.auth-page .header .auth-home{padding:9px 13px;font-size:12px}
  .auth-page .auth-layout{display:flex;flex-direction:column;gap:24px;max-width:540px;padding:0 22px;margin:32px auto 40px}.auth-page .auth-intro{width:100%}.auth-page .auth-intro h1{font-size:34px;letter-spacing:-1.6px;margin:15px 0}.auth-page .auth-intro>.eyebrow{font-size:11px;margin:0}.auth-page .auth-lead{font-size:13px;line-height:1.85;margin-bottom:0}.auth-page .auth-card{width:100%;padding:28px 22px}
  .landing-page .auth-layout{gap:22px;margin-top:32px}.landing-page .auth-card{padding:0}.landing-page .auth-card #start-upload{min-height:52px;font-size:14px}.landing-page .auth-card .auth-footnote{margin-top:19px;font-size:11px}.landing-page .auth-card>#auth-description{font-size:10px;margin-top:9px}
  .landing-page .review-demo{width:100%;padding-top:14px;margin-top:8px}.demo-workspace{min-height:292px;grid-template-columns:1.14fr 1fr}.demo-topline h2{font-size:11px}.demo-paper-title{font-size:21px}.demo-window[data-step="2"] .demo-paper-title{font-size:23px}.demo-window-bar{padding:0 12px}.demo-artwork{padding:22px 12px 12px}.demo-paper{min-height:235px}.demo-sculpture{width:125px;height:130px;right:-27px;bottom:27px;scale:.85;transform-origin:bottom left}.demo-selection{top:57px;height:66px}.demo-discussion{padding:16px 11px}.demo-discussion p{font-size:11px;line-height:1.85}.demo-reply{padding-left:8px;margin-top:18px}.demo-steps{margin-top:15px}.demo-steps button{font-size:10px;min-height:44px}.demo-steps button>span{font-size:9px}
  .landing-page .review-scenarios{padding:32px 22px 0;max-width:540px}.scenarios-heading h2{font-size:26px}.scenario-grid{grid-template-columns:1fr;gap:12px}.scenario-grid article{padding:23px}.scenario-grid h3{margin-top:14px}.scenario-result{margin-top:18px}.review-details{grid-template-columns:1fr;gap:20px;padding-top:26px}
}
@media(max-width:350px){.auth-page .header{padding:0 16px;gap:12px}.auth-page .brand{font-size:17px}.auth-page .auth-layout{padding:0 16px;margin-top:26px}.auth-page .auth-intro h1{font-size:30px}.auth-page .auth-lead{font-size:12px}.demo-workspace{grid-template-columns:1fr 1fr}.demo-artwork{padding:17px 8px 10px}.demo-paper{padding:17px 9px;min-height:215px}.demo-paper-title{font-size:18px}.demo-window[data-step="2"] .demo-paper-title{font-size:20px}.demo-discussion{padding:14px 9px}.demo-topline h2{font-size:10px}.demo-steps button{font-size:9px}.demo-steps button>span{margin-right:2px}.landing-page .review-scenarios{padding-left:16px;padding-right:16px}}