/* Shared A theme: presentation only; status colours and form behaviour retained. */
:root{--navy:#173f3b;--blue:#087d70;--light:#f0f7f5;--line:#dce8e3;--text:#213d39;--muted:#546b65;--ok:#147d64}
body{background:#f8faf7;line-height:1.8;letter-spacing:.015em}
.site-header{border-bottom-color:#e8eeea}.brand-mark{background:#087d70}.rule-badge{background:#eef6ef}
a{color:var(--blue);text-underline-offset:4px}
.primary{background:#087568;color:#fff;display:inline-block;text-align:center;text-decoration:none;min-height:48px;border-radius:999px;padding:13px 26px;line-height:1.5}
.primary:hover:not(:disabled){background:#075e54}.secondary{background:#eaf3ef;border-radius:999px;min-height:48px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #987000;outline-offset:4px}
input:focus,select:focus,textarea:focus{outline:3px solid #b9dfd6;border-color:#087568}
input,select,textarea{font-size:16px;min-height:46px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:#087568}
.form-card,.upload-card,.results,.legal-card,.admin-lead-card{border-radius:22px;box-shadow:0 8px 30px #183f3905}
.hero h1{line-height:1.45;letter-spacing:-.025em}.hero .hero-tagline{background:#edf5ef;border-radius:14px}.hero p{line-height:1.9}
.mode-btn.active{border-color:#087568;box-shadow:0 0 0 3px #08756818}.score-card.main{background:#087568}.step-heading span{background:#087568}
.access-card{padding:32px}.access-card label{margin:18px 0}.access-card h2:not(:first-child){margin-top:32px}#login{scroll-margin-top:110px}
.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;padding:72px 0 64px}
.landing-pill{display:inline-block;padding:5px 13px;background:#e5f1df;color:#375b36;border-radius:999px;font-size:12px;font-weight:700}
.landing-copy h1{font-size:clamp(32px,3.5vw,48px);line-height:1.55;letter-spacing:-.04em;margin:18px 0 22px}.landing-copy h1 em{font-style:normal;color:#087568}
.landing-lead{font-size:16px;line-height:2;max-width:540px}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.landing-actions>a:not(.primary){font-size:14px;font-weight:700}.landing-actions .primary span{margin-left:16px}
.landing-preview{background:#fff;border:1px solid #dce8e3;border-radius:28px;padding:32px;box-shadow:0 24px 65px #235b3c12;position:relative}.preview-top{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.preview-top .landing-pill{white-space:nowrap}.preview-score{font-size:88px;line-height:1.2;color:#087568;font-weight:800;letter-spacing:-.05em}.preview-score small{font-size:20px;letter-spacing:0;margin-left:12px}
.preview-insight{display:flex;gap:14px;background:#f0f6e8;border-radius:16px;padding:18px;margin-top:24px}.preview-insight>span{font-size:28px;color:#087568}.preview-insight p{font-size:13px;margin:6px 0 0}.preview-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.preview-tags span{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:4px 10px}
.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}.landing-steps>div{padding:0 16px}.landing-steps span{font-size:13px;color:#087568;font-weight:800}.landing-steps h2{font-size:18px;margin:8px 0}.landing-steps p{font-size:14px;color:var(--muted);margin:0}
.landing-modes{padding:60px 0 20px}.landing-modes>h2{text-align:center;font-size:24px}.landing-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.landing-mode-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.landing-mode-grid p{font-size:14px}
@media(max-width:800px){.landing-hero{grid-template-columns:1fr;gap:32px;padding:36px 0}.landing-preview{max-width:560px;width:100%;justify-self:center}.landing-copy h1{font-size:36px}.landing-steps{gap:12px}.landing-steps>div{padding:0}.landing-steps h2{font-size:16px}}
@media(max-width:640px){.brand{font-size:16px}.brand-mark{width:38px;height:38px}.landing-copy h1{font-size:32px}.landing-actions{flex-direction:column;align-items:stretch;text-align:center}.landing-preview{padding:24px}.preview-score{font-size:72px}.landing-steps,.landing-mode-grid{grid-template-columns:1fr}.landing-steps>div{padding:12px 8px}.landing-modes{padding-top:36px}.landing-modes>h2{font-size:21px}.access-card{padding:22px}.hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.landing-bottom{text-align:center;padding:40px 0 12px}.landing-bottom h2{font-size:22px}.login-help{margin:16px 0;font-size:13px}.login-help summary{cursor:pointer;color:var(--blue)}

.landing-bottom .landing-actions{justify-content:center}.landing-mode-grid .mode-label{display:inline-block;margin:0 0 16px;padding:5px 14px;border-radius:10px;background:#edf5ef;color:#087568;font-size:18px;font-weight:700;letter-spacing:.06em}

.preview-score-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.preview-score-heading p{margin:0;font-size:14px;font-weight:700}.preview-score-heading>span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.preview-breakdown{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.preview-breakdown h2{display:flex;justify-content:space-between;font-size:13px;margin:0 0 14px}.preview-breakdown h2 small{font-size:11px;color:var(--muted);font-weight:400}.preview-bar-row{display:grid;grid-template-columns:120px minmax(0,1fr) 32px;gap:12px;align-items:center;margin:12px 0;font-size:12px}.preview-bar-row b{display:inline-block;width:24px;color:#087568}.preview-bar-row>i{height:9px;border-radius:99px;background:#edf3ef;overflow:hidden}.preview-bar-row>i>i{display:block;height:100%;background:#64b5a3;border-radius:inherit}.preview-bar-row:nth-of-type(3)>i>i{background:#087568}.preview-bar-row strong{text-align:right;font-variant-numeric:tabular-nums}.preview-scale{font-size:10px;color:var(--muted);margin:16px 0 0}.preview-insight small{display:block;font-size:11px;color:#4c6942;margin-bottom:5px}.preview-insight strong{display:block;font-size:14px}.preview-example-note{font-size:11px;color:var(--muted);margin:18px 0 0;line-height:1.7}@media(max-width:640px){.preview-bar-row{grid-template-columns:112px minmax(0,1fr) 30px;gap:8px}.preview-top{font-size:11px}}

.preview-bar-row .bar-600{width:60%}.preview-bar-row .bar-748{width:74.8%}.preview-bar-row .bar-640{width:64%}.preview-bar-row .bar-670{width:67%}

/* Match the owner's selected original A composition. */
:root{--navy:#102346;--text:#172b49;--blue:#008d96}
.brand-mark{background:#00969c}.primary{background:#009a9e}.primary:hover:not(:disabled){background:#007c83}
.design-a-landing .landing-hero{grid-template-columns:1.15fr 1fr;gap:32px;position:relative;padding:54px 0 42px;isolation:isolate}
.design-a-landing .landing-hero:before{content:"";position:absolute;inset:0 calc((1112px - 100vw)/2);z-index:-1;background:linear-gradient(153deg,transparent 60%,#dff7f8 60%,#f4fbfb 82%),linear-gradient(28deg,#ddf7f7 16%,#f0fbfc 16%,#f6fcfc 76%,#e6f8f8 76%)}
.design-a-landing .landing-copy h1{font-size:clamp(30px,3.05vw,44px);line-height:1.45;color:#102346;letter-spacing:-.045em;margin:16px 0}.design-a-landing .landing-copy>.landing-pill{display:none}.design-a-landing .landing-copy .eyebrow{color:#247687!important;font-weight:500}.design-a-landing .landing-lead{font-size:17px;line-height:1.8}.design-a-landing .landing-copy .landing-actions{flex-direction:column;align-items:flex-start;gap:12px}.design-a-landing .landing-copy .primary{min-width:310px;font-size:18px;padding:16px 28px}.design-a-landing .landing-copy .landing-actions>a:not(.primary){min-width:310px;text-align:center}.design-a-landing .landing-copy>.hint{font-size:11px}
.design-a-landing .landing-preview{padding:22px;border:0;border-radius:16px;box-shadow:0 14px 36px #247c8610}.example-badge{display:inline-block;background:#f2f4f7;color:#3d4b65;border-radius:99px;padding:4px 16px;font-size:11px;margin-bottom:12px}.preview-dashboard{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;border:1px solid #e6f1f2;background:#f8fcfc;border-radius:9px;padding:10px}.preview-number{border-radius:8px;padding:12px;background:#eaf8f8}.preview-number>p{font-size:15px;font-weight:700;margin:0}.design-a-landing .preview-score{font-size:58px;color:#008e98;line-height:1.3}.design-a-landing .preview-score small{font-size:18px;margin-left:3px;color:#102346}.preview-columns{display:flex;align-items:end;justify-content:space-between;gap:9px;height:120px;padding-top:8px}.preview-columns>div{display:flex;flex:1;min-width:0;height:100%;flex-direction:column;justify-content:end;align-items:center;gap:3px}.column{display:block;width:100%;max-width:32px;border-radius:3px 3px 0 0}.column-x1{height:60%;background:#64bdda}.column-x2{height:60%;background:#23b4b1}.column-y{height:74.8%;background:#79cbd2}.column-z{height:64%;background:#cbd8e0}.column-w{height:67%;background:#78bee1}.preview-columns b{font-size:10px;font-weight:500;color:#5c718b}.design-a-landing .preview-insight{background:#fff8e9;gap:14px;padding:16px;margin-top:12px;border-radius:9px}.design-a-landing .preview-insight small{color:#187b89;font-weight:700}.design-a-landing .preview-insight strong{font-size:14px;color:#102346}.bulb-icon{color:#f9be3f!important;font-size:36px!important;line-height:1.3}.insight-line{display:block;width:92%;height:5px;background:#e1e2dd;border-radius:99px;margin-top:10px}.insight-line.short{width:75%;margin-top:7px}.design-a-landing .preview-example-note{font-size:10px;margin-top:10px}.steps-title{text-align:center;font-size:28px;margin:32px 0 20px;color:#102346}.steps-title strong{font-size:42px;color:#00999e}.design-a-landing .landing-steps{border-top:0;padding-top:0}.step-icon{float:left;display:grid;place-items:center;width:58px;height:58px;margin:8px 16px 25px 0;border-radius:50%;background:#e2f2f1;font-size:32px!important;color:#087d88!important}.design-a-landing .landing-steps h2{font-size:17px}.design-a-landing .landing-steps p{font-size:13px}
@media(max-width:1160px){.design-a-landing .landing-hero:before{inset:0 -24px}}
@media(max-width:800px){.design-a-landing .landing-hero{grid-template-columns:1fr}.design-a-landing .landing-preview{max-width:480px}.design-a-landing .landing-copy h1{font-size:34px}.design-a-landing .landing-copy .primary{min-width:0}.step-icon{float:none;margin:0 0 10px}}
@media(max-width:640px){.design-a-landing .landing-hero{padding:32px 0;gap:24px}.design-a-landing .landing-hero:before{inset:0 -14px}.design-a-landing .landing-copy h1{font-size:30px}.design-a-landing .landing-copy .landing-actions{align-items:stretch}.design-a-landing .landing-copy .landing-actions>a:not(.primary){min-width:0}.design-a-landing .landing-preview{padding:16px}.preview-dashboard{grid-template-columns:112px minmax(0,1fr);gap:9px;padding:8px}.preview-number{padding:10px 8px}.design-a-landing .preview-score{font-size:46px}.preview-columns{gap:6px;height:108px}.step-icon{float:left;margin:8px 16px 18px 0}.steps-title{font-size:23px}.steps-title strong{font-size:34px}}

.design-a-landing .preview-number .preview-score{white-space:nowrap;font-size:52px;letter-spacing:-.06em}.design-a-landing .preview-number .preview-score small{font-size:16px;margin-left:2px}.steps-title:after{content:"";display:block;width:48px;height:2px;background:#00999e;margin:12px auto 0}@media(max-width:640px){.design-a-landing .preview-number .preview-score{font-size:40px}}

/* Reference A: compact dashboard, reliable vector icons and original bar silhouette. */
body:has(.design-a-landing){background:#fff}.site-header:has(.landing-header-nav){position:relative;padding-top:16px;padding-bottom:16px}.site-header:has(.landing-header-nav) .brand-mark{display:none}.site-header:has(.landing-header-nav) .brand-wrap>div:last-child{display:flex;align-items:center;gap:16px}.site-header:has(.landing-header-nav) .office{border-left:1px solid #d4e2e6;padding-left:16px}.landing-header-nav{display:flex;align-items:center;gap:32px;font-size:13px}.landing-header-nav a{text-decoration:none;color:#102346}.header-login{padding:5px 28px;border:1px solid #008b9b;border-radius:8px;font-weight:700}.design-a-landing .landing-hero{padding:34px 0;gap:30px;grid-template-columns:1.1fr 1fr}.design-a-landing .landing-copy h1{font-weight:850;line-height:1.3;letter-spacing:-.04em;font-size:clamp(30px,3.2vw,44px)}.design-a-landing .landing-copy .landing-actions{margin-top:24px;gap:10px}.design-a-landing .landing-copy>.hint{width:310px;text-align:center;margin:8px 0 0}.design-a-landing .landing-preview{padding:20px;border-radius:15px}.preview-dashboard{grid-template-columns:38% minmax(0,1fr);padding:8px;gap:12px;height:142px}.preview-number{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}.design-a-landing .preview-number .preview-score{font-size:58px}.preview-columns{height:118px;gap:12px}.column-x1{height:52%;background:linear-gradient(#63bfdc,#51b1cc)}.column-x2{height:76%;background:linear-gradient(#27b4af,#27a7a8)}.column-y{height:59%;background:linear-gradient(#70cbd1,#63bac6)}.column-z{height:37%;background:linear-gradient(#d9e2e8,#c8d4df)}.column-w{height:59%;background:linear-gradient(#7ec4e7,#6bb5df)}.design-a-landing .preview-insight{align-items:center;padding:16px 14px;min-height:108px}.bulb-icon{display:block;flex:none;width:44px;height:52px}.preview-insight>div{flex:1;min-width:0}.insight-chevron{font-size:24px!important;color:#102346!important}.step-icon svg{width:36px;height:36px}.design-a-landing .landing-steps>div{position:relative}.design-a-landing .landing-steps>div:not(:last-child):after{content:"›";position:absolute;right:-12px;top:36px;color:#a3b5bb;font-size:24px}.steps-title{margin:24px 0 18px}.design-a-landing .landing-steps>div>span:not(.step-icon){display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d8eeed}.design-a-landing .landing-steps{padding-bottom:28px}.design-a-landing .landing-modes{padding-top:36px}
@media(max-width:1000px){.site-header:has(.landing-header-nav) .office{display:none}.preview-columns{gap:8px}.design-a-landing .preview-number .preview-score{font-size:46px}.preview-number{padding:10px}}
@media(max-width:800px){.design-a-landing .landing-hero{grid-template-columns:1fr}.design-a-landing .landing-preview{max-width:480px}.design-a-landing .landing-copy h1{font-size:34px}.design-a-landing .preview-number .preview-score{font-size:54px}}
@media(max-width:640px){.landing-header-nav{gap:12px;font-size:12px}.header-login{padding:5px 12px}.landing-header-nav>a:first-child{display:none}.site-header:has(.landing-header-nav) .brand{font-size:14px}.design-a-landing .landing-copy h1{font-size:30px}.design-a-landing .landing-copy>.hint{width:100%}.design-a-landing .landing-preview{padding:14px}.preview-dashboard{height:125px;grid-template-columns:40% minmax(0,1fr);gap:8px}.preview-columns{height:105px;gap:7px}.design-a-landing .preview-number .preview-score{font-size:43px}.preview-number{padding:8px}.design-a-landing .preview-insight{padding:12px 8px;gap:8px}.bulb-icon{width:35px;height:46px}.design-a-landing .preview-insight strong{font-size:12px}.design-a-landing .landing-steps>div:after{display:none}}