/* Presentation and portal refinement, shared with the application's quieter palette. */
:root{--ink:#22312b;--forest:#254b3d;--paper:#f2f5f2;--stroke:#dfe6df}.header .brand small{letter-spacing:1.5px}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;padding-top:90px;padding-bottom:90px}.hero h1{font-size:clamp(50px,5.1vw,77px);letter-spacing:-4px;line-height:1.04}.hero h1 em{font-style:normal;color:#50604b}.hero .lead{font-size:16px;line-height:1.8;max-width:400px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.3px}.hero .actions{margin-top:30px}.hero .actions .button{font-size:12px;padding:15px 19px}.hero-meta{font-size:10px;gap:19px}.hero-workspace{background:#fff;border:1px solid #d8e1d9;border-radius:14px;box-shadow:0 22px 70px #274a3412;min-width:0;overflow:hidden}.preview-top{padding:18px 23px;border-bottom:1px solid #e3e9e2;display:flex;align-items:center;gap:10px}.preview-top strong{font-size:12px;font-weight:600;flex:1}.preview-top>span{font-size:8px;color:#5c665a;letter-spacing:1px}.preview-tabs{display:flex;gap:23px;padding:0 24px;border-bottom:1px solid #e3e9e2}.preview-tabs button{border:0;background:none;padding:17px 0 15px;border-bottom:2px solid transparent;color:#5d665a;font-size:11px;cursor:pointer}.preview-tabs button[aria-selected=true]{color:#284d39;border-color:#537e59;font-weight:600}.preview-body{padding:27px 25px 0;min-height:376px}.preview-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.preview-title>div>span{font-size:8px;letter-spacing:1.1px;color:#5b6556}.preview-title h3{font-size:21px;line-height:1.3;letter-spacing:-.7px;font-weight:550;margin:8px 0 0}.preview-title>strong{font-size:34px;font-weight:500;letter-spacing:-1.5px}.preview-title>strong small{display:block;font-size:8px;font-weight:400;letter-spacing:0;color:#5b6556;text-align:right;margin-top:1px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:17px 0;border-bottom:1px solid #e8ece5}.preview-row.labels{padding:0 0 9px;font-size:9px;color:#60695c}.preview-row b{display:block;font-size:11px;font-weight:550}.preview-row small{display:block;font-size:9px;color:#5c6657;margin-top:6px}.preview-state{font-size:8px;white-space:nowrap;background:#edf4e8;color:#43613a;border-radius:4px;padding:6px 8px;border:1px solid #e0ead8}.preview-state.review{background:#faf4e6;border-color:#eee4cd;color:#745820}.preview-state.critical{background:#f7ebe7;border-color:#edd4cc;color:#945d4b}.preview-note{display:flex;align-items:center;gap:13px;margin:22px 0;color:#5b6755}.preview-note-icon{border:1px solid #dce5d5;border-radius:7px;padding:9px;font-size:10px;background:#f5f8f0}.preview-note p{font-size:10px;line-height:1.8}.preview-note p strong{font-weight:400;color:#3e5540}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:#f7f9f4;border-top:1px solid #e2e8dc;color:#5d6557;font-size:8px}.preview-footer button,.screen-controls button{font-size:9px;background:none;border:0;color:#48653d;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:5px 0;min-height:30px}.preview-risks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;padding:17px 0 20px;border-bottom:1px solid #e8ece5}.preview-risks span{font-size:9px;display:block;min-height:27px;color:#5c6657}.preview-risks strong{font-size:29px;font-weight:500;display:block;margin-bottom:12px}.preview-risks progress{width:100%;height:5px;border:0;display:block;background:#edf1e8;border-radius:5px;accent-color:#ae8270}.preview-risks progress::-webkit-progress-bar{background:#edf1e8;border-radius:5px}.preview-risks progress::-webkit-progress-value{background:#b58873;border-radius:5px}.preview-risks>div:nth-child(2) progress::-webkit-progress-value{background:#c6b079}.preview-risks>div:nth-child(3) progress::-webkit-progress-value{background:#8aac85}.hero-workspace [data-showcase-panel][hidden],.screen-slide[hidden]{display:none!important}.hero-workspace [data-showcase-panel]:not([hidden]),.screen-slide:not([hidden]){animation:studio-reveal .35s ease}.screen-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #dce5db;padding:0 0 13px;overflow:auto;scrollbar-width:thin}.screen-tabs button{background:none;border:1px solid transparent;border-radius:7px;padding:15px 20px;display:flex;gap:11px;align-items:center;color:#5b6755;font-size:13px;cursor:pointer;white-space:nowrap}.screen-tabs button>span{font-size:9px;color:#5c6656}.screen-tabs button[aria-selected=true]{background:#eaf0e4;color:#304b2d;border-color:#dce6d3;font-weight:600}.screen-stage{border:1px solid #d9e2d7;border-radius:11px;overflow:hidden;background:#f7faf7;box-shadow:0 15px 50px #29442c0a}.screen-chrome{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid #dce4d9;font-size:10px;color:#5c6557;background:white;gap:15px}.screen-chrome strong{font-size:12px;font-weight:550;color:#31482e}.screen-image{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}.screen-image img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.screen-caption{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;padding:29px 0 16px}.screen-caption>div>span{font-size:8px;color:#5d6557;letter-spacing:1px}.screen-caption h3{font-size:25px;font-weight:550;letter-spacing:-.8px;line-height:1.3;margin:9px 0 0}.screen-caption p{font-size:13px;color:#5c6657;line-height:1.9}.screen-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0e6dc;margin-top:15px;padding:16px 0;font-size:10px;color:#50604b}.screen-controls button{font-size:10px}.module-image{background:#edf2eb;padding:12px;border:1px solid #dce5d7;border-radius:10px}.module-image img{width:100%;height:auto;object-fit:contain;border:1px solid #d7e0d4;border-radius:5px}.section-heading h2{font-weight:550;letter-spacing:-2px}.steps article{border-radius:0;box-shadow:none}.plan{box-shadow:none;border-radius:12px}.section-number{font-size:12px;letter-spacing:1px}.module-copy h3{font-weight:550}.client-hero{background:#edf3e7;color:#29412a;border:1px solid #dce7d1;border-radius:11px}.client-hero h2{font-size:32px;font-weight:550;letter-spacing:-1px}.client-hero h2 em{color:#50604b}.client-hero>div>p:not(.eyebrow),.client-hero .eyebrow,.client-hero aside>span,.client-hero aside small{color:#5e6b54}.client-hero aside strong{color:#29412a}.client-hero>aside{border-color:#d4dfc8}.client-hero .hero-secondary{color:#47603b;border-color:#9eb18c}.client-hero .button{background:#254a37;border-color:#254a37;color:#fff}.client-stats>a,.client-grid .panel{box-shadow:none;border-radius:9px}.action-grid>a{border-radius:7px;background:#fbfcf8}.action-grid strong{font-size:17px}.client-grid .panel-heading h2{font-weight:550}.readiness{background:white!important;border:1px solid #dce5d7!important;color:#30482c;box-shadow:none!important;border-radius:11px}.readiness .dial-top{color:#50604b}.readiness .readiness-svg .dial-segment:focus{outline:none}.readiness .readiness-svg .dial-segment:focus-visible{stroke:#1f422c;stroke-width:3;outline:none}.readiness .dial-center strong{color:#2e462b}.readiness .dial-center>span{color:#50604b}.readiness .dial-ring{stroke:#e0e8da}.readiness .dial-tick{display:none}.readiness .dial-track{fill:#f0f4eb}.readiness .dial-caption{background:#f6f9f0;border-color:#dfe8d5;color:#4e6540}.readiness .dial-disclaimer{color:#50604b}.readiness .dial-caption small{color:#50604b}.readiness .dial-segment[aria-pressed=true]{stroke:#284d32;stroke-width:2;filter:none}.readiness .level-high{fill:#8eb79c}.readiness .level-mid{fill:#d0bc8a}.readiness .level-low{fill:#cd9380}
@keyframes studio-reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero{gap:36px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:59px}.hero .actions{flex-wrap:wrap;gap:20px}.preview-title h3{font-size:19px}.preview-body{padding:24px 20px 0}.preview-tabs{padding:0 20px;gap:20px}.preview-top{padding:17px 20px}.preview-title>strong{font-size:29px}.screen-caption{gap:35px}.screen-tabs button{padding:13px 17px;font-size:12px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:65px;letter-spacing:-3px}.hero h1 br:nth-of-type(2){display:none}.hero .lead{max-width:550px}.hero-copy .actions{gap:24px}.hero-workspace{max-width:650px;width:100%}.preview-body{min-height:365px}.preview-title h3{font-size:22px}.preview-title>strong{font-size:35px}.preview-row b{font-size:12px}.preview-row small{font-size:10px}.preview-state{font-size:9px}.screen-caption{grid-template-columns:1fr;gap:15px}.screen-caption h3{font-size:24px}.screen-caption p{font-size:12px}.screen-tabs{gap:5px}.screen-tabs button{font-size:11px;padding:12px 13px}.screen-chrome{padding:13px 17px;font-size:8px}.screen-chrome strong{font-size:10px}.client-hero h2{font-size:29px}}
@media(max-width:540px){.hero{padding-top:42px;gap:33px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero .lead{font-size:14px;line-height:1.85}.hero .actions .button{font-size:11px;padding:14px 16px}.hero-copy .actions{gap:19px}.hero-meta{font-size:9px;gap:12px}.preview-top{padding:15px 16px}.preview-top strong{font-size:11px}.preview-top>span{font-size:6px}.preview-tabs{gap:22px;padding:0 16px}.preview-tabs button{font-size:10px;padding:15px 0 13px}.preview-body{padding:23px 16px 0;min-height:357px}.preview-title{gap:10px}.preview-title h3{font-size:19px;letter-spacing:-.5px;max-width:205px}.preview-title>div>span{font-size:7px;letter-spacing:.8px}.preview-title>strong{font-size:29px}.preview-title>strong small{font-size:7px}.preview-row{padding:16px 0;gap:8px}.preview-row b{font-size:10px}.preview-row small{font-size:8px}.preview-state{font-size:7px;padding:5px 6px}.preview-note p{font-size:9px}.preview-footer{padding:12px 16px;font-size:7px;gap:7px}.preview-footer button{font-size:8px}.preview-risks{gap:10px}.preview-risks span{font-size:8px;min-height:30px}.preview-risks strong{font-size:25px}.screen-tabs button{padding:12px 11px;font-size:10px;gap:7px}.screen-tabs button>span{font-size:8px}.screen-chrome>span:last-child{display:none}.screen-image img{aspect-ratio:1.3;object-fit:cover;object-position:left top}.screen-caption{padding:23px 0 11px}.screen-caption h3{font-size:23px;letter-spacing:-.6px}.screen-caption p{font-size:11px}.screen-controls{align-items:flex-start;font-size:9px;gap:20px}.screen-controls p{max-width:220px;line-height:1.75}.screen-controls button{font-size:9px;white-space:nowrap}.section-heading h2{letter-spacing:-1.5px}.client-hero h2{font-size:28px}.module-image{padding:6px}}
@media(prefers-reduced-motion:reduce){.hero-workspace [data-showcase-panel],.screen-slide{animation:none!important}}
/* Keep the live preview legible at normal desktop zoom. */
.preview-top strong{font-size:13px}.preview-tabs button{font-size:12px}.preview-title>div>span{font-size:9px}.preview-row b{font-size:13px}.preview-row small{font-size:11px}.preview-row.labels{font-size:10px}.preview-state{font-size:10px}.preview-note p{font-size:11px}.preview-footer{font-size:9px}.preview-footer button{font-size:10px}.preview-risks span{font-size:11px;min-height:32px}.preview-body{min-height:390px}
@media(max-width:540px){.preview-top strong{font-size:11px}.preview-tabs button{font-size:11px}.preview-row b{font-size:11px}.preview-row small{font-size:9px}.preview-state{font-size:8px}.preview-note p{font-size:10px}.preview-footer{font-size:8px}.preview-footer button{font-size:9px}.preview-title>div>span{font-size:8px}.preview-risks span{font-size:9px}.preview-body{min-height:370px}}
@media(max-width:800px){.hero h1 br:nth-of-type(2){display:initial}}
@media(max-width:540px){.hero h1{font-size:clamp(37px,10.7vw,49px);letter-spacing:-1.8px;line-height:1.12}.hero h1 em{display:inline}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}}

@media(max-width:540px){.header .brand small{display:none}.header .brand span{font-size:20px}.header .brand{gap:9px}.header .brand img{width:31px;height:31px}.header .nav{gap:10px}.header .menu-toggle{padding:9px 11px}}

.demo-readiness{border:1px solid #dce4db;border-radius:12px;background:white;padding:25px;min-width:0}.demo-readiness>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid #e6ece3;margin-bottom:10px}.demo-readiness h3{font-size:20px;letter-spacing:-.6px;margin:9px 0;color:#263e2e}.demo-readiness header p{font-size:11px;color:#50604b;margin:0}.demo-readiness [data-readiness]{font-size:46px;letter-spacing:-2px;line-height:1;color:#3c5d3c;font-weight:500}.demo-readiness [data-readiness] small{font-size:20px;margin-left:2px}.readiness-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 15px}.readiness-area{display:grid;grid-template-columns:1fr auto;gap:12px 8px;text-align:left;border:1px solid transparent;border-radius:6px;background:none;padding:13px 9px;cursor:pointer;color:#485b43;font-size:10px;min-width:0}.readiness-area[aria-pressed=true]{background:#eff5ea;border-color:#d7e4cb}.readiness-area:hover{background:#f5f8f1}.readiness-area strong{font-size:10px;font-weight:600}.readiness-area progress{grid-column:1/-1;width:100%;height:4px;border:0;background:#eef2ea;border-radius:4px;accent-color:#96ad84}.readiness-area progress::-webkit-progress-bar{background:#eaf0e4;border-radius:4px}.readiness-area progress::-webkit-progress-value{background:#92aa80;border-radius:4px}.readiness-area.level-low progress::-webkit-progress-value{background:#c39988}.readiness-area.level-mid progress::-webkit-progress-value{background:#c7b480}.readiness-selection{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px 0 5px;border-top:1px solid #e6ece3;margin-top:12px;font-size:11px}.readiness-selection [data-dial-hint]{flex-basis:100%;font-size:9px;color:#5e6656}.demo-readiness>.demo-footnote{font-size:9px;line-height:1.8;color:#50604b;margin:15px 0 0}.demo-story h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1.4px;line-height:1.15}.demo-story>p{font-size:13px;line-height:1.9}.demo-selected h3{font-size:21px}.demo-story{padding:25px 0}.demo-overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:35px}
@media(max-width:900px){.demo-overview-grid{grid-template-columns:1fr}.demo-story{padding:0}.readiness-area{font-size:12px}}@media(max-width:540px){.demo-readiness{padding:17px}.demo-readiness h3{font-size:18px}.demo-readiness [data-readiness]{font-size:37px}.readiness-area-grid{grid-template-columns:1fr}.readiness-area{padding:13px 8px;font-size:12px}.demo-story h2{font-size:29px}.demo-readiness>header{align-items:flex-start}}

.readiness-area,.readiness-area strong{font-size:12px}.demo-readiness header p{font-size:12px}.demo-readiness .demo-label{font-size:9px}

.activation-key{margin-top:25px;padding:20px;background:#f3f6f1;border:1px solid #dfe7d8;border-radius:10px}.activation-key>label{display:block;font-size:12px;margin-bottom:10px;font-weight:600}.activation-key>div{display:flex;gap:12px}.activation-key input{font-family:monospace;min-width:0;flex:1}.activation-key p,.activation-policy{font-size:12px;line-height:1.8;color:#62735d}.activation-policy{margin-top:20px}.workspace-main .detail-list code{overflow-wrap:anywhere}.workspace-main .detail-list dd{margin:0}.workspace-main .detail-list>div{padding:8px 0;display:flex;justify-content:space-between;gap:15px}@media(max-width:540px){.activation-key>div{flex-direction:column}.activation-key{padding:15px}.workspace-main .detail-list>div{flex-direction:column;gap:4px}.activation-key input{width:100%;font-size:12px}}

/* Signed package details */
.package-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0}.package-facts>div{padding:16px 0;border-bottom:1px solid #e6eae3;min-width:0}.package-facts dt{font-size:12px;color:#50604b;margin-bottom:7px}.package-facts dd{margin:0;font-size:15px;font-weight:550;overflow-wrap:anywhere}.package-facts code{font-size:12px;word-break:break-all}.activation-key input{box-sizing:border-box;border:1px solid #cbd3c7;border-radius:8px;background:#fff;padding:14px 16px;min-width:0;font-family:ui-monospace,monospace;font-size:14px}.activation-key label{font-weight:650}.activation-policy{font-size:13px;line-height:1.7;color:#5a6d60;max-width:76ch}.form-two .field{display:flex;flex-direction:column;gap:8px}.form-two input,.form-two select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd3c7;border-radius:8px;background:#fff}.panel .checkbox{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.6}.panel .checkbox input{margin-top:5px;flex:none}.request-edit form{padding:16px 0}.request-edit .field{display:grid;gap:6px;margin:12px 0}.request-edit input:not([type=checkbox]){padding:10px;border:1px solid #cbd3c7;border-radius:6px}.package-facts+ .activation-key{margin-top:20px}@media(max-width:600px){.package-facts{grid-template-columns:1fr}.activation-key>div{flex-direction:column;align-items:stretch}.activation-key input{font-size:12px;width:100%}}

/* Status and avatar use a dark surface: keep their labels independent of aside copy. */
.client-hero aside>.hero-account-state,.client-hero aside>.hero-avatar{color:#fff}
input::placeholder,textarea::placeholder{color:#596653;opacity:1}

.client-hero aside>.hero-account-state{font-size:11px;line-height:1.5;font-weight:550}

/* Interactive product overview */
.hero-workspace .preview-body{padding:26px;min-height:380px}.chart-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.chart-heading h3{font-size:22px;letter-spacing:-.7px;line-height:1.25;margin:7px 0 20px}.chart-heading>div>span{font-size:9px;letter-spacing:1.4px;color:#65786c}.chart-period{font-size:10px;color:#617469;text-align:right;max-width:100px}.chart-kpis{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:12px}.chart-kpis strong{font-size:34px;letter-spacing:-1.5px;font-weight:550;display:block}.chart-kpis strong small{font-size:16px;letter-spacing:0}.chart-kpis div>span{font-size:10px;color:#607368}.progress-chart{display:block;width:100%;height:170px;margin:18px 0 8px}.chart-line{stroke-dasharray:550;stroke-dashoffset:0;animation:chart-draw 1.2s ease-out}.chart-insight{border-top:1px solid #e2eae4;display:flex;gap:12px;padding-top:16px;font-size:11px;line-height:1.5}.chart-insight strong{white-space:nowrap;color:#266044}.chart-insight span{color:#52665a}.risk-chart{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;align-items:center;min-height:252px}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.heatmap>span{display:grid;place-items:center;aspect-ratio:1.4;border-radius:4px;font-size:13px;font-weight:600;color:#273e32}.heat-low{background:#d9ece1}.heat-medium{background:#efe7c7}.heat-high{background:#edd0ae}.heat-critical{background:#e9b9ad}.heatmap small{grid-column:1/-1;text-align:center;font-size:9px;color:#617469;padding:5px}.risk-legend>div{display:flex;align-items:center;gap:12px;margin:10px 0}.risk-legend b{font-size:25px;font-weight:500}.risk-legend span{font-size:11px;color:#617469}.document-chart{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;min-height:252px}.document-ring{aspect-ratio:1;border-radius:50%;background:conic-gradient(#357858 0 70%,#c8b779 70% 90%,#e2e9e3 90%);padding:18px;max-width:200px}.document-ring>div{background:white;border-radius:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.document-ring strong{font-size:34px;letter-spacing:-1px}.document-ring strong span{font-size:17px;color:#718174}.document-ring small{font-size:10px;color:#617469}.doc-bars>div{margin:16px 0}.doc-bars span{font-size:11px;display:flex;justify-content:space-between}.doc-bars progress{width:100%;height:7px;border:0;border-radius:5px;overflow:hidden;accent-color:#357858}.doc-bars progress::-webkit-progress-bar{background:#e9eee9}.doc-bars progress::-webkit-progress-value{background:#357858}.preview-tabs button:focus-visible,.preview-footer button:focus-visible{outline:2px solid #28795b;outline-offset:4px}.hero-workspace [hidden]{display:none!important}@keyframes chart-draw{from{stroke-dashoffset:550}to{stroke-dashoffset:0}}@media(max-width:540px){.hero-workspace .preview-body{padding:20px 16px;min-height:360px}.chart-heading h3{font-size:20px}.chart-kpis strong{font-size:28px}.chart-kpis div>span{font-size:9px}.risk-chart,.document-chart{gap:18px;min-height:240px}.document-ring{padding:12px}.document-ring strong{font-size:28px}.chart-insight{flex-direction:column;gap:3px}.chart-period{font-size:9px}.preview-footer{font-size:9px}.preview-footer button{font-size:10px}}@media(prefers-reduced-motion:reduce){.chart-line{animation:none}}