* { box-sizing: border-box; }
html, body { margin: 0; background: #f5f8f6; }
.landing-page { min-height: 100vh; color: #183b2b; background: #f5f8f6; font-family: Roboto, Arial, sans-serif; }
.landing-nav, .landing-hero, .feature-section, .landing-footer { max-width: 1160px; margin: 0 auto; }
.landing-nav { height: 86px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; }
.landing-nav-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.landing-login-btn { color: #167642 !important; border-color: #b8d5c0 !important; background: #fff; }
.landing-login-btn:hover { background: #eff7f1; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #183b2b !important; text-decoration: none; font-size: 17px; font-weight: 500; }
.brand img { width: 47px; height: 47px; object-fit: contain; }
.brand strong { color: #15803d; }
.brand small { display: block; color: #75847a; font-size: 11px; margin-top: 2px; }
.landing-hero { min-height: 478px; padding: 42px 34px 55px; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 30px; }
.landing-copy { max-width: 560px; }
.eyebrow, .section-heading > span { display: inline-flex; align-items: center; color: #287047; font-size: 11px; font-weight: 700; letter-spacing: 1.35px; }
.landing-copy h1 { font-size: clamp(38px, 4.4vw, 55px); line-height: 1.12; letter-spacing: -1.7px; margin: 17px 0 18px; color: #173b2a; font-weight: 750; }
.landing-copy h1 span { color: #198248; }
.landing-copy > p { max-width: 505px; color: #65766b; font-size: 16px; line-height: 1.8; margin: 0; }
.hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 27px; flex-wrap: wrap; }
.hero-actions > span { color: #62776a; font-size: 13px; }
.hero-art { position: relative; min-height: 330px; display: flex; align-items: center; justify-content: center; }
.art-circle { position: absolute; width: 310px; height: 310px; border-radius: 50%; background: linear-gradient(145deg,#e2f3e6,#c9e8d1); }
.art-card { position: relative; z-index: 1; display: grid; grid-template-columns: 52px 1fr 26px; align-items: center; gap: 13px; width: min(410px, 94%); padding: 23px; border-radius: 18px; background: white; box-shadow: 0 24px 60px rgba(22,74,43,.15); transform: rotate(-3deg); }
.art-icon { width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(145deg,#168448,#0f6635); display: grid; place-items: center; }
.art-lines b, .art-lines span { display: block; }.art-lines b { color: #254735; font-size: 14px; }.art-lines span { color: #849188; font-size: 11px; margin-top: 5px; }
.art-progress { grid-column: 1 / 4; display: flex; gap: 6px; margin-top: 8px; }.art-progress i { height: 5px; flex: 1; border-radius: 5px; background: #e3eee6; }.art-progress i:first-child, .art-progress i:nth-child(2) { background: #45a66c; }
.art-stamp { z-index: 2; position: absolute; right: 4%; bottom: 33px; display: flex; align-items: center; gap: 9px; background: white; padding: 13px 16px; border-radius: 13px; box-shadow: 0 12px 30px rgba(22,74,43,.12); font-size: 11px; color: #748177; transform: rotate(3deg); }.art-stamp b { color: #284a35; }
.feature-section { padding: 41px 34px 66px; }
.section-heading { text-align: center; }.section-heading > span { justify-content: center; }.section-heading h2 { margin: 10px 0 8px; font-size: 30px; color: #183b2b; }.section-heading p { margin: 0; color: #718077; font-size: 14px; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 30px; }.feature-grid article { background: white; border: 1px solid #e8eee9; border-radius: 14px; padding: 22px; box-shadow: 0 8px 24px rgba(37,68,47,.035); }.feature-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #eaf5ed; }.feature-grid h3 { margin: 17px 0 7px; color: #244633; font-size: 16px; }.feature-grid p { margin: 0; color: #748178; line-height: 1.65; font-size: 13px; }
.landing-footer { display: flex; justify-content: space-between; padding: 20px 34px 25px; color: #87938b; font-size: 11px; border-top: 1px solid #e5ece7; }
.form-nav { width: min(100%, 940px); min-height: 78px; margin: 0 auto; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #e4ece6; }
.form-nav .brand { flex: 0 1 auto; min-width: 0; }.form-nav .brand img { width: 44px; height: 44px; }
.form-nav-back { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; border: 1px solid #dce9df; border-radius: 9px; background: #fff; color: #287047 !important; text-decoration: none; font-size: 12px; font-weight: 600; transition: background .15s, border-color .15s; }
.form-nav-back:hover { background: #eff7f1; border-color: #b8d7c1; }.form-nav-back .mdi { font-size: 17px; }
.auth-page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 20px 20px; background: radial-gradient(ellipse at 50% 0%, #e5f3e9 0, #f5f8f6 53%, #f5f8f6 100%); font-family: Roboto, Arial, sans-serif; color: #183b2b; }
.auth-brand { display: inline-flex; align-items: center; gap: 11px; color: #183b2b !important; text-decoration: none; font-size: 17px; font-weight: 500; margin-bottom: 25px; }.auth-brand img { width: 48px; height: 48px; object-fit: contain; }.auth-brand strong { color: #15803d; }.auth-brand small { display: block; color: #75847a; font-size: 11px; margin-top: 2px; }
.auth-card { width: min(100%, 440px); background: white; border: 1px solid #e5ece7; border-radius: 18px; padding: 36px 38px 30px; box-shadow: 0 22px 65px rgba(26,76,46,.11); text-align: center; }.auth-mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; margin: 0 auto 16px; background: #eaf5ed; color: #198248; font-size: 26px; }.auth-eyebrow { margin: 0 0 6px; color: #27804a; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }.auth-card h1 { margin: 0; font-size: 27px; color: #183b2b; }.auth-description { margin: 9px 0 27px; color: #758178; font-size: 13px; line-height: 1.6; }
.auth-field { text-align: left; margin-bottom: 17px; }.auth-field label { display: block; color: #354b3d; font-size: 12px; font-weight: 600; margin-bottom: 7px; }.auth-field input { width: 100%; height: 46px; border: 1px solid #dce6de; border-radius: 8px; outline: none; padding: 0 13px; color: #263d2e; font-size: 14px; background: #fff; transition: border-color .15s, box-shadow .15s; }.auth-field input:focus { border-color: #279052; box-shadow: 0 0 0 3px rgba(39,144,82,.11); }.auth-field.has-error input { border-color: #c53e3e; }.auth-error { display: block; margin-top: 6px; color: #b42323; font-size: 12px; }.auth-remember { display: flex; align-items: center; gap: 8px; margin: 2px 0 21px; color: #5f6e63; font-size: 12px; text-align: left; cursor: pointer; }.auth-remember input { accent-color: #15803d; width: 15px; height: 15px; }
.auth-submit { width: 100%; height: 47px; display: flex; justify-content: center; align-items: center; gap: 8px; border: 0; border-radius: 8px; background: #15803d; border-bottom: 3px solid #0f6635; color: white; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s, transform .15s; }.auth-submit:hover { background: #116c36; }.auth-submit:active { transform: translateY(1px); }.auth-submit .mdi { font-size: 18px; }.auth-back { display: inline-block; margin-top: 21px; color: #4c765b !important; font-size: 12px; text-decoration: none; }.auth-back:hover { color: #15803d !important; }.auth-footer { margin-top: 25px; color: #87938b; font-size: 11px; }
@media(max-width:760px) { .landing-nav { height: 74px; padding: 0 17px; }.landing-nav-actions { gap: 6px; }.landing-nav .v-btn { font-size: 11px; }.landing-nav-actions .v-btn { padding: 0 12px !important; }.landing-nav-actions .v-btn .v-icon { margin-right: 4px; }.brand { font-size: 15px; }.brand img { width: 40px; height: 40px; }.landing-hero { grid-template-columns: 1fr; padding: 48px 23px 25px; gap: 5px; }.landing-copy h1 { font-size: 40px; }.landing-copy > p { font-size: 14px; }.hero-art { min-height: 285px; }.art-circle { width: 255px; height: 255px; }.art-card { width: 350px; }.feature-section { padding: 35px 20px 45px; }.feature-grid { grid-template-columns: 1fr; gap: 12px; }.section-heading h2 { font-size: 25px; }.landing-footer { margin: 0 18px; padding: 18px 0; gap: 10px; flex-wrap: wrap; }.form-nav { padding: 13px 18px 0; } }
@media(max-width:760px) { .form-nav { width: 100%; min-height: 70px; padding: 10px 18px; }.form-nav .brand { font-size: 14px; }.form-nav .brand img { width: 38px; height: 38px; }.form-nav-back { padding: 9px 11px; font-size: 11px; } }
@media(max-width:520px) { .auth-page { justify-content: flex-start; padding: 28px 16px 18px; }.auth-brand { margin-bottom: 20px; }.auth-card { padding: 30px 23px 25px; }.landing-nav { padding-right: 10px; padding-left: 10px; }.landing-nav-actions { gap: 3px; }.landing-nav-actions .v-btn { min-width: 0; padding: 0 8px !important; font-size: 10px; letter-spacing: 0; }.landing-nav-actions .v-btn .v-icon { font-size: 16px; }.landing-nav .v-btn { padding: 0 12px !important; }.landing-nav-actions .v-btn { padding-right: 8px !important; padding-left: 8px !important; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }.form-nav { gap: 8px; padding-right: 13px; padding-left: 13px; }.form-nav .brand { gap: 7px; font-size: 13px; }.form-nav .brand small { font-size: 9px; }.form-nav .brand img { width: 34px; height: 34px; }.form-nav-back { gap: 4px; padding: 8px 9px; font-size: 10px; white-space: nowrap; } }

/* Login is part of the SIMPARAS public experience. */
.auth-page { background: radial-gradient(ellipse at 50% 0%, #eee6f7 0, #f8f6fb 53%, #f8f6fb 100%); color: #382c4c; }
.auth-brand { color: #382c4c !important; }.auth-brand strong { color: #6d42b5; }
.auth-card { border-color: #e9e3f0; box-shadow: 0 22px 65px rgba(74,48,108,.12); }
.auth-mark { background: #f0eafa; color: #6d42b5; }.auth-eyebrow { color: #7651b1; }.auth-card h1 { color: #382c4c; }
.auth-field input:focus { border-color: #8056c1; box-shadow: 0 0 0 3px rgba(128,86,193,.14); }
.auth-remember input { accent-color: #6d42b5; }.auth-submit { background: #6d42b5; border-bottom-color: #503182; }.auth-submit:hover { background: #5d369e; }
.auth-back { color: #684b91 !important; }.auth-back:hover { color: #503182 !important; }
.auth-page { background: radial-gradient(ellipse at 50% 0%, #eee6f7 0, #f8f6fb 53%, #f8f6fb 100%); color: #382c4c; }
.auth-brand { color: #382c4c !important; }.auth-brand strong { color: #6d42b5; }
.auth-card { border-color: #e9e3f0; box-shadow: 0 22px 65px rgba(74,48,108,.12); }
.auth-mark { background: #f0eafa; color: #6d42b5; }.auth-eyebrow { color: #7651b1; }.auth-card h1 { color: #382c4c; }
.auth-field input:focus { border-color: #8056c1; box-shadow: 0 0 0 3px rgba(128,86,193,.14); }
.auth-remember input { accent-color: #6d42b5; }.auth-submit { background: #6d42b5; border-bottom-color: #503182; }.auth-submit:hover { background: #5d369e; }
.auth-back { color: #684b91 !important; }.auth-back:hover { color: #503182 !important; }

/* Scope visual refinements to the SIMPARAS admin application. */
.simparas-admin .v-main { background: #f8f6fb; }
.simparas-admin .simparas-appbar { background: linear-gradient(110deg,#58338f,#7047aa 65%,#8060b5) !important; }
.simparas-admin .simparas-drawer { border-color: #e8e1f0; }
.simparas-admin .simparas-drawer .drawer-label { color: #857a94; }
.simparas-admin .simparas-drawer .v-list-item { color: #554967; }
.simparas-admin .simparas-drawer .simparas-nav-active { background: #f0eafa; color: #58338f !important; }
.simparas-admin .simparas-drawer .simparas-nav-active .v-icon { color: #6844a2 !important; }
.simparas-admin .workspace-card .v-data-table th { background: #faf8fc; color: #655477; }
.simparas-admin .v-dialog .v-card__title { color: #493960; border-color: #ece6f4; }
.simparas-admin .v-dialog .v-card__actions { border-color: #efebf4; }
.simparas-admin .workspace-heading h1, .simparas-admin .dashboard-heading h2, .simparas-admin .step-title, .simparas-admin .section-title, .simparas-admin .detail-name { color: #493960; }
.simparas-admin .workspace-kicker, .simparas-admin .dashboard-eyebrow { color: #7651b1; }
.simparas-admin .step-card:hover { box-shadow: 0 8px 24px rgba(86,57,126,.13); }
.simparas-admin .chart-title strong { color: #514064; }
.simparas-admin .trend-area { fill: rgba(118,81,177,.12); }.simparas-admin .trend-line { stroke: #7651b1; }.simparas-admin .trend-point { fill: #7651b1; }
.simparas-admin .report-kpi > strong, .simparas-admin .element-bar b { color: #6844a2; }
.simparas-admin .report-kpi { background: linear-gradient(145deg,#fff,#faf8fc); }
.simparas-admin .question-number { background: #f0eafa; color: #6844a2; }
.simparas-admin .advanced-filters { background: #faf8fc; border-color: #ece6f4; }
.simparas-admin.theme--dark .v-main { background: #18131f; }
.simparas-admin.theme--dark .simparas-appbar { background: linear-gradient(110deg,#372253,#4a2e70 65%,#573b7d) !important; }
.simparas-admin.theme--dark .simparas-drawer { background: #211a2b; border-color: #3c304c; }
.simparas-admin.theme--dark .simparas-drawer .v-list-item { color: #ddd3e9; }.simparas-admin.theme--dark .simparas-drawer .drawer-label { color: #ad9cbc; }
.simparas-admin.theme--dark .simparas-drawer .simparas-nav-active { background: #493568; color: #f4edfb !important; }.simparas-admin.theme--dark .simparas-drawer .simparas-nav-active .v-icon { color: #e5d4f7 !important; }
.simparas-admin.theme--dark .workspace-heading h1, .simparas-admin.theme--dark .dashboard-heading h2, .simparas-admin.theme--dark .step-title, .simparas-admin.theme--dark .section-title, .simparas-admin.theme--dark .detail-name, .simparas-admin.theme--dark .v-dialog .v-card__title { color: #eadff5; }
.simparas-admin.theme--dark .workspace-kicker, .simparas-admin.theme--dark .dashboard-eyebrow { color: #c3a5e3; }
.simparas-admin.theme--dark .summary-panel { background: #30243f; }.simparas-admin.theme--dark .summary-element { background: #38294b; border-color: #57416e; }
.simparas-admin.theme--dark .summary-score, .simparas-admin.theme--dark .summary-count { color: #eadcf7; }
.simparas-admin.theme--dark .workspace-card .v-data-table th { background: #2b2236; color: #d3c3e4; }
.simparas-admin .v-chip.green.lighten-5 { background: #f0eafa !important; color: #6844a2 !important; caret-color: #6844a2 !important; }
@media(max-width:600px) {
    .landing-nav { height: auto; min-height: 0; flex-wrap: wrap; gap: 12px; padding: 13px 16px; }
    .landing-nav .brand { flex: 1 1 100%; min-width: 0; }
    .landing-nav-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 8px; }
    .landing-nav-actions .v-btn { width: 100%; min-width: 0; margin: 0; padding: 0 8px !important; font-size: 11px; letter-spacing: 0; white-space: nowrap; }
}
@media(max-width:360px) {
    .landing-nav { padding-right: 12px; padding-left: 12px; }
    .landing-nav-actions .v-btn .v-icon { display: none; }
    .form-nav { gap: 6px; }
    .form-nav .brand { gap: 5px; font-size: 12px; }
    .form-nav .brand img { width: 31px; height: 31px; }
    .form-nav-back { padding: 8px 7px; font-size: 9px; }
}

/* SIMPARAS login palette */
.auth-page { background: radial-gradient(ellipse at 50% 0%, #eee6f7 0, #f8f6fb 53%, #f8f6fb 100%); color: #382c4c; }
.auth-brand { color: #382c4c !important; }
.auth-brand strong { color: #6d42b5; }
.auth-card { border-color: #e9e3f0; box-shadow: 0 22px 65px rgba(74,48,108,.12); }
.auth-mark { background: #f0eafa; color: #6d42b5; }
.auth-eyebrow { color: #7651b1; }
.auth-card h1 { color: #382c4c; }
.auth-field input:focus { border-color: #8056c1; box-shadow: 0 0 0 3px rgba(128,86,193,.14); }
.auth-remember input { accent-color: #6d42b5; }
.auth-submit { background: #6d42b5; border-bottom-color: #503182; }
.auth-submit:hover { background: #5d369e; }
.auth-back { color: #684b91 !important; }
.auth-back:hover { color: #503182 !important; }

/* SIMPARAS public experience: coordinated violet palette */
.simparas-landing .public-brand { color: #382756; }
.simparas-landing .brand-mark { background: linear-gradient(145deg,#8056c1,#58338f); }
.simparas-landing .hero-eyebrow, .simparas-landing .steps-heading > span, .results-eyebrow { color: #7050a3; }
.simparas-landing .hero-eyebrow i { background: #8056c1; box-shadow: 0 0 0 4px #eee7f7; }
.simparas-landing .hero-copy h1, .simparas-landing .steps-heading h2 { color: #382c4c; }
.simparas-landing .hero-copy h1 em { color: #7651b1; }
.simparas-landing .hero-copy > p, .simparas-landing .steps-heading p { color: #706a7b; }
.simparas-landing .hero-text-link, .simparas-landing .public-footer a { color: #69459d; }
.simparas-landing .orbit-one { background: linear-gradient(145deg,#f0eafa,#e4d8f4); }
.simparas-landing .visual-orbit { border-color: #e0d4ef; }
.simparas-landing .visual-icon { background: #7047aa; }
.simparas-landing .visual-score strong { color: #7047aa; }
.simparas-landing .visual-bars i { background: linear-gradient(#a17bd1,#ded0f0); }
.simparas-landing .visual-bars i:nth-child(3n), .simparas-landing .visual-bars i:nth-child(4n), .simparas-landing .visual-bars i:nth-child(5n), .simparas-landing .visual-bars i:nth-child(7n) { background: linear-gradient(#8056c1,#cbb5e8); }
.simparas-landing .visual-card-foot i { background: #8056c1; }
.simparas-landing .visual-sticker { color: #514167; }
.simparas-landing .steps-grid .step-icon { background: #f0eafa; }
.simparas-landing .step-number { color: #e7def2; }
.simparas-landing .steps-grid h3, .simparas-landing .public-footer b { color: #493960; }
.simparas-landing .public-appbar, .simparas-landing .public-footer { border-color: #ece6f4; }
.simparas-landing .public-filter-card, .simparas-landing .result-panel, .simparas-landing .result-kpi { border-color: #e9e3f0 !important; }
.simparas-landing .filter-card-heading strong, .simparas-landing .result-title-row h3, .simparas-landing .panel-heading strong { color: #493960; }
.simparas-landing .result-kpi strong, .simparas-landing .ikm-kpi strong { color: #6844a2; }
.simparas-landing .public-line { stroke: #7651b1; }
.simparas-landing .public-area { fill: rgba(118,81,177,.12); }
.simparas-landing .public-point { stroke: #7651b1; }
.simparas-landing .service-track i { background: #8d68c2; }
.simparas-landing .service-result-active b { color: #6844a2; }
.simparas-landing .dimension-index { background: #f0eafa; color: #6844a2; }
.simparas-scan .v-app-bar, .simparas-form .v-app-bar { background-color: #6844a2 !important; }
.simparas-scan .v-main, .simparas-form .v-main { background: #f8f6fb; }

.simparas-landing .v-application--wrap,
.simparas-scan .v-application--wrap,
.simparas-form .v-application--wrap { background: #f8f6fb; }
.simparas-landing .v-main > .v-main__wrap > .container { max-width: 1160px; }
.simparas-landing h1 { max-width: 620px; line-height: 1.17; color: #173c29; }
.simparas-landing .subtitle-1 { max-width: 650px; color: #64766b; line-height: 1.7; }
.simparas-landing .v-card,
.simparas-scan .v-card { border-radius: 16px; border-color: #e1eae3; }
.simparas-landing .v-card { height: 100%; box-shadow: 0 12px 32px rgba(24,70,40,.035); }
.simparas-landing .v-card p { color: #66796c; line-height: 1.6; }
.simparas-landing .v-card h3 { color: #20472e; }
.simparas-landing .results-section { margin-top: 26px; }
.simparas-scan .v-main > .v-main__wrap > .container,
.simparas-form .v-main > .v-main__wrap > .container { max-width: 980px; }
.simparas-landing { background: #f8f6fb; color: #342a45; }
.simparas-landing .public-appbar { border-bottom: 1px solid #ece6f4; }
.simparas-landing .public-appbar .v-toolbar__content { max-width: 1220px; width: 100%; margin: 0 auto; padding: 0 30px; }
.simparas-landing .public-brand { display: flex; align-items: center; gap: 11px; color: #382756; font-size: 17px; font-weight: 800; }
.simparas-landing .public-brand > span:last-child { line-height: 1.15; }.simparas-landing .public-brand small { display: block; margin-top: 4px; color: #7a897f; font-size: 10px; font-weight: 500; }
.simparas-landing .brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg,#8056c1,#58338f); }
.simparas-landing .public-home { max-width: 1220px; padding-top: 56px !important; }
.simparas-landing .public-appbar { border-bottom: 1px solid #ece6f4; }
.simparas-landing .public-brand { color: #382756; }
.simparas-landing .brand-mark { background: linear-gradient(145deg,#8056c1,#58338f); }
.simparas-landing .hero-eyebrow, .simparas-landing .steps-heading > span { color: #7050a3; }
.simparas-landing .hero-eyebrow i { background: #8056c1; box-shadow: 0 0 0 4px #eee7f7; }
.simparas-landing .hero-copy h1, .simparas-landing .steps-heading h2 { color: #382c4c; }
.simparas-landing .hero-copy h1 em { color: #7651b1; }
.simparas-landing .hero-copy > p, .simparas-landing .steps-heading p { color: #706a7b; }
.simparas-landing .hero-text-link, .simparas-landing .public-footer a { color: #69459d; }
.simparas-landing .visual-orbit { border-color: #e0d4ef; }
.simparas-landing .orbit-one { background: linear-gradient(145deg,#f0eafa,#e4d8f4); }
.simparas-landing .visual-icon { background: #7047aa; }
.simparas-landing .visual-card-top b { color: #403252; }
.simparas-landing .visual-score strong { color: #7047aa; }
.simparas-landing .visual-bars i { background: linear-gradient(#a17bd1,#ded0f0); }
.simparas-landing .visual-bars i:nth-child(3n), .simparas-landing .visual-bars i:nth-child(4n), .simparas-landing .visual-bars i:nth-child(5n), .simparas-landing .visual-bars i:nth-child(7n) { background: linear-gradient(#8056c1,#cbb5e8); }
.simparas-landing .visual-card-foot i { background: #8056c1; }
.simparas-landing .visual-sticker { color: #514167; }
.simparas-landing .steps-grid .step-icon { background: #f0eafa; }
.simparas-landing .step-number { color: #e7def2; }
.simparas-landing .steps-grid h3, .simparas-landing .public-footer b { color: #493960; }
.simparas-landing .public-footer { border-color: #ece6f4; }
.simparas-landing .public-filter-card, .simparas-landing .result-panel, .simparas-landing .result-kpi { border-color: #e9e3f0 !important; }
.simparas-landing .filter-card-heading strong, .simparas-landing .result-title-row h3, .simparas-landing .panel-heading strong { color: #493960; }
.simparas-landing .result-kpi strong, .simparas-landing .ikm-kpi strong { color: #6844a2; }
.simparas-landing .public-line { stroke: #7651b1; }
.simparas-landing .public-area { fill: rgba(118,81,177,.12); }
.simparas-landing .public-point { stroke: #7651b1; }
.simparas-landing .service-track i { background: #8d68c2; }
.simparas-landing .service-result-active b { color: #6844a2; }
.simparas-landing .dimension-index { background: #f0eafa; color: #6844a2; }
.simparas-scan .v-app-bar, .simparas-form .v-app-bar { background-color: #6844a2 !important; }
.simparas-scan .v-main, .simparas-form .v-main { background: #f8f6fb; }
.simparas-landing .v-application--wrap, .simparas-scan .v-application--wrap, .simparas-form .v-application--wrap { background: #f8f6fb; }
.simparas-landing .public-hero { min-height: 455px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 34px; padding: 20px 30px 52px; }
.simparas-landing .hero-copy { max-width: 570px; }.simparas-landing .hero-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #7050a3; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; }.simparas-landing .hero-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #8056c1; box-shadow: 0 0 0 4px #eee7f7; }
.simparas-landing .hero-copy h1 { margin: 19px 0 15px; color: #382c4c; font-size: clamp(39px,4.5vw,57px); line-height: 1.1; letter-spacing: -1.7px; font-weight: 800; }.simparas-landing .hero-copy h1 em { color: #7651b1; font-style: normal; }.simparas-landing .hero-copy > p { max-width: 520px; color: #706a7b; font-size: 15px; line-height: 1.8; }
.simparas-landing .hero-actions { display: flex; align-items: center; gap: 21px; flex-wrap: wrap; margin-top: 25px; }.simparas-landing .hero-text-link { display: inline-flex; align-items: center; gap: 6px; color: #69459d; font-size: 13px; font-weight: 700; text-decoration: none; }.simparas-landing .hero-note { display: flex; align-items: center; gap: 7px; margin-top: 24px; color: #898393; font-size: 11px; }
.simparas-landing .hero-visual { min-height: 350px; position: relative; display: grid; place-items: center; }.simparas-landing .visual-orbit { position: absolute; border: 1px solid #e0d4ef; border-radius: 50%; }.simparas-landing .orbit-one { width: 330px; height: 330px; background: linear-gradient(145deg,#f0eafa,#e4d8f4); }.simparas-landing .orbit-two { width: 270px; height: 270px; border-style: dashed; }
.simparas-landing .visual-card { position: relative; z-index: 1; width: min(390px,88%); padding: 21px; border: 1px solid #edf1ed; border-radius: 17px; background: #fff; box-shadow: 0 24px 65px rgba(29,76,45,.14); transform: rotate(-2deg); }.simparas-landing .visual-card-top { display: flex; align-items: center; gap: 11px; }.simparas-landing .visual-card-top > span:nth-child(2) { flex: 1; }.simparas-landing .visual-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; background: #198248; }.simparas-landing .visual-card-top b,.simparas-landing .visual-card-top small { display: block; }.simparas-landing .visual-card-top b { color: #264632; font-size: 13px; }.simparas-landing .visual-card-top small { margin-top: 4px; color: #8a978e; font-size: 10px; }.simparas-landing .visual-score { display: flex; align-items: baseline; justify-content: space-between; margin-top: 25px; }.simparas-landing .visual-score strong { color: #21834a; font-size: 24px; }.simparas-landing .visual-score span { color: #89968d; font-size: 10px; }.simparas-landing .visual-bars { height: 86px; display: flex; align-items: end; gap: 7px; padding: 10px 2px 0; border-bottom: 1px solid #e6eee8; }.simparas-landing .visual-bars i { flex: 1; border-radius: 5px 5px 0 0; background: linear-gradient(#68b27e,#b9dfc3); height: 33%; }.simparas-landing .visual-bars i:nth-child(3n) { height: 64%; }.simparas-landing .visual-bars i:nth-child(4n) { height: 48%; }.simparas-landing .visual-bars i:nth-child(5n) { height: 82%; }.simparas-landing .visual-bars i:nth-child(7n) { height: 94%; }.simparas-landing .visual-card-foot { display: flex; justify-content: space-between; gap: 8px; margin-top: 13px; color: #89968d; font-size: 9px; }.simparas-landing .visual-card-foot i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #299254; }.simparas-landing .visual-card-foot b { color: #45654f; }
.simparas-landing .visual-sticker { position: absolute; z-index: 2; right: -1%; bottom: 20px; display: flex; align-items: center; gap: 9px; padding: 12px 16px; border: 1px solid #eeeaf2; border-radius: 12px; background: white; box-shadow: 0 12px 30px rgba(66,43,96,.12); color: #514167; font-size: 11px; font-weight: 700; transform: rotate(2deg); }.simparas-landing .visual-sticker small { display: block; margin-top: 3px; color: #898393; font-size: 9px; font-weight: 400; }
.simparas-landing .steps-section { padding: 38px 30px 63px; }.simparas-landing .steps-heading { text-align: center; }.simparas-landing .steps-heading > span { color: #7651b1; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; }.simparas-landing .steps-heading h2 { margin: 9px 0 6px; color: #382c4c; font-size: 28px; }.simparas-landing .steps-heading p { color: #7a887f; font-size: 13px; }.simparas-landing .steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 27px; }.simparas-landing .steps-grid article { position: relative; min-height: 176px; padding: 22px; border: 1px solid #e8eee9; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(37,68,47,.035); }.simparas-landing .step-number { position: absolute; top: 19px; right: 20px; color: #e0eae2; font-size: 22px; font-weight: 800; }.simparas-landing .step-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; background: #eaf5ed; }.simparas-landing .steps-grid h3 { margin: 15px 0 6px; color: #284b35; font-size: 14px; }.simparas-landing .steps-grid p { margin: 0; color: #79867e; font-size: 11px; line-height: 1.65; }.simparas-landing .publication-section { padding: 20px 30px 52px; scroll-margin-top: 90px; }
.simparas-landing .public-footer { justify-content: space-between; gap: 20px; padding: 21px max(calc((100% - 1160px)/2), 30px); border-top: 1px solid #e6ede7; color: #819087; font-size: 11px; }.simparas-landing .public-footer div,.simparas-landing .public-footer a { display: flex; align-items: center; gap: 12px; }.simparas-landing .public-footer b { color: #42604b; }.simparas-landing .public-footer a { color: #287847; text-decoration: none; font-weight: 600; }
.results-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; }.results-heading h2 { margin:7px 0 5px; color:#1e432e; font-size:28px; }.results-heading p { margin:0; color:#77867c; font-size:13px; }.results-eyebrow { color:#7651b1; font-size:10px; font-weight:800; letter-spacing:1.3px; }.public-filter-card,.result-panel,.result-kpi { border-color:#e6ede7 !important; border-radius:14px !important; box-shadow:0 8px 25px rgba(34,72,44,.035) !important; }.public-filter-card { padding:19px 20px 13px; margin-bottom:22px; }.filter-card-heading { display:flex; align-items:center; gap:10px; margin-bottom:15px; }.filter-card-heading strong,.filter-card-heading span { display:block; }.filter-card-heading strong { color:#294b35; font-size:13px; }.filter-card-heading span { margin-top:3px; color:#849188; font-size:11px; }.filter-footnote { display:flex; align-items:center; gap:6px; margin-top:9px; color:#829087; font-size:10px; }.result-title-row { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:24px 2px 8px; }.result-title-row h3 { margin:5px 0 4px; color:#203f2b; font-size:23px; }.result-title-row p { margin:0; color:#829087; font-size:11px; }.result-kpis { margin-bottom:4px; }.result-kpi { height:100%; min-height:112px; padding:16px; }.result-kpi span,.result-kpi small { display:block; color:#758379; font-size:10px; }.result-kpi strong { display:block; margin:8px 0 4px; color:#254932; font-size:26px; line-height:1.1; }.ikm-kpi strong { color:#168044; }.result-visuals { margin-top:2px; }.result-panel { height:100%; padding:17px 18px; }.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:13px; }.panel-heading strong,.panel-heading span { display:block; }.panel-heading strong { color:#294b35; font-size:13px; }.panel-heading span { margin-top:4px; color:#829087; font-size:10px; }.public-trend { position:relative; padding-left:34px; }.public-trend svg { width:100%; height:182px; overflow:visible; }.public-gridline { stroke:#e9efea; stroke-width:1; }.public-line { fill:none; stroke:#21864c; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }.public-area { fill:rgba(33,134,76,.1); }.public-point { fill:#fff; stroke:#21864c; stroke-width:2; }.trend-scale { position:absolute; left:0; top:5px; bottom:25px; display:flex; flex-direction:column; justify-content:space-between; color:#98a39b; font-size:9px; }.trend-dates { display:flex; justify-content:space-between; color:#929d95; font-size:9px; }.no-chart-data { padding:30px 10px; color:#87948b; font-size:11px; text-align:center; }.service-result { width:100%; display:grid; grid-template-columns:minmax(100px,1fr) minmax(70px,1.1fr) 18px; align-items:center; gap:12px; padding:11px 2px; border:0; border-top:1px solid #edf1ed; background:transparent; text-align:left; cursor:pointer; }.service-result b,.service-result small { display:block; }.service-result b { overflow:hidden; color:#3b5543; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.service-result small { margin-top:3px; color:#8a968e; font-size:9px; }.service-result-active b { color:#168044; }.service-track { height:6px; overflow:hidden; border-radius:6px; background:#edf3ee; }.service-track i { display:block; height:100%; border-radius:6px; background:#55aa70; }.dimension-panel { height:auto; margin-top:14px; }.dimension-list { border-top:1px solid #edf1ed; }.dimension-row { display:grid; grid-template-columns:24px minmax(0,1fr) 58px; align-items:center; gap:11px; padding:13px 0; border-bottom:1px solid #f0f3f0; }.dimension-index { width:22px; height:22px; display:grid; place-items:center; border-radius:7px; background:#edf6ef; color:#428252; font-size:10px; font-weight:700; }.dimension-main { min-width:0; }.dimension-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }.dimension-label strong { overflow:hidden; color:#435a49; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.dimension-label span { flex:0 0 auto; color:#87948b; font-size:9px; }.dimension-row > strong { color:#3e5946; font-size:11px; text-align:right; }.results-disclaimer { display:flex; align-items:center; gap:6px; margin:13px 2px; color:#859188; font-size:10px; }.result-loading { display:flex; justify-content:center; align-items:center; gap:12px; padding:60px 15px; color:#718077; font-size:12px; }
@media(max-width:600px) {
    .simparas-landing .v-main > .v-main__wrap > .container { padding-top: 32px !important; }
    .simparas-landing h1 { font-size: 30px !important; }
    .simparas-landing .v-app-bar .v-toolbar__title,
    .simparas-scan .v-app-bar .v-toolbar__title,
    .simparas-form .v-app-bar .v-toolbar__title { font-size: 16px; }
}
@media(max-width:760px) { .simparas-landing .public-hero { grid-template-columns:1fr; padding:12px 15px 35px; gap:0; }.simparas-landing .hero-copy h1 { font-size:39px; }.simparas-landing .hero-visual { min-height:315px; }.simparas-landing .orbit-one { width:280px; height:280px; }.simparas-landing .orbit-two { width:230px; height:230px; }.simparas-landing .steps-section { padding:25px 15px 42px; }.simparas-landing .steps-grid { grid-template-columns:1fr; gap:10px; }.simparas-landing .steps-grid article { min-height:0; }.simparas-landing .publication-section { padding:15px 0 30px; }.simparas-landing .public-footer { padding:18px 22px; }.dimension-label { align-items:flex-start; flex-direction:column; gap:4px; } }
@media(max-width:600px) { .simparas-landing .public-appbar .v-toolbar__content { padding:0 14px; }.simparas-landing .public-brand { font-size:14px; }.simparas-landing .public-brand small { font-size:9px; }.simparas-landing .public-appbar .v-btn { min-width:0; padding:0 9px !important; font-size:10px; }.simparas-landing .public-home { padding-top:30px !important; }.simparas-landing .hero-copy h1 { font-size:34px; }.simparas-landing .hero-copy > p { font-size:13px; }.simparas-landing .hero-actions { gap:13px; }.simparas-landing .hero-note { align-items:flex-start; }.results-heading h2 { font-size:23px; }.public-filter-card { padding:15px 12px 11px; }.result-title-row h3 { font-size:19px; }.result-kpi { min-height:102px; padding:12px; }.result-kpi strong { font-size:22px; }.result-panel { padding:14px 12px; }.dimension-row { grid-template-columns:22px minmax(0,1fr) 45px; gap:7px; }.service-result { grid-template-columns:minmax(90px,1fr) minmax(55px,.8fr) 16px; gap:7px; } }

/* Final SIMPARAS violet overrides, after legacy rules. */
.simparas-landing .visual-card { border-color:#eeeaf2; box-shadow:0 24px 65px rgba(66,43,96,.14); }
.simparas-landing .visual-card-top b { color:#403252; }.simparas-landing .visual-card-top small,.simparas-landing .visual-score span,.simparas-landing .visual-card-foot { color:#898393; }
.simparas-landing .visual-icon,.simparas-landing .visual-score strong { background-color:#7047aa; color:#7047aa; }
.simparas-landing .visual-score strong { background:transparent; }.simparas-landing .visual-bars i { background:linear-gradient(#a17bd1,#ded0f0); }
.simparas-landing .visual-bars i:nth-child(3n),.simparas-landing .visual-bars i:nth-child(4n),.simparas-landing .visual-bars i:nth-child(5n),.simparas-landing .visual-bars i:nth-child(7n) { background:linear-gradient(#8056c1,#cbb5e8); }
.simparas-landing .visual-card-foot i { background:#8056c1; }.simparas-landing .visual-sticker { border-color:#eeeaf2; color:#514167; }
.simparas-landing .steps-grid article { border-color:#ece6f2; }.simparas-landing .steps-grid h3 { color:#493960; }.simparas-landing .steps-grid p { color:#777080; }
.simparas-landing .results-heading h2,.simparas-landing .result-title-row h3 { color:#493960; }.simparas-landing .results-heading p,.simparas-landing .result-title-row p { color:#797383; }
.simparas-landing .public-filter-card,.simparas-landing .result-panel,.simparas-landing .result-kpi { border-color:#e9e3f0 !important; }
.simparas-landing .filter-card-heading strong,.simparas-landing .panel-heading strong { color:#493960; }.simparas-landing .result-kpi strong { color:#6844a2; }
.simparas-landing .public-gridline { stroke:#ede8f2; }.simparas-landing .public-line { stroke:#7651b1; }.simparas-landing .public-area { fill:rgba(118,81,177,.12); }.simparas-landing .public-point { stroke:#7651b1; }
.simparas-landing .service-track { background:#f0eafa; }.simparas-landing .service-track i { background:#8d68c2; }.simparas-landing .service-result-active b { color:#6844a2; }
.simparas-landing .dimension-list,.simparas-landing .dimension-row,.simparas-landing .service-result { border-color:#efebf4; }.simparas-landing .dimension-index { background:#f0eafa; color:#6844a2; }.simparas-landing .dimension-label strong { color:#514064; }
.simparas-landing .filter-section-label { display:flex; align-items:center; gap:9px; margin:18px 0 10px; color:#514064; font-size:12px; }.simparas-landing .filter-section-label>span { display:grid; width:23px; height:23px; place-items:center; border-radius:7px; background:#f0eafa; color:#6844a2; font-size:10px; font-weight:800; }.simparas-landing .filter-primary-row .v-input { margin-bottom:2px; }.simparas-landing .date-section-label { margin-top:15px; }.simparas-landing .extra-filter-panels { margin-top:8px; border-top:1px solid #efebf4; }.simparas-landing .extra-filter-panels .v-expansion-panel { background:transparent; }.simparas-landing .extra-filter-panels .v-expansion-panel-header { min-height:44px; padding:8px 2px; }.simparas-landing .extra-filter-panels .v-expansion-panel-content__wrap { padding:5px 0 0; }.simparas-landing .extra-filter-title { display:flex; align-items:center; gap:8px; color:#6844a2; font-size:12px; font-weight:700; }.simparas-landing .extra-filter-title small { margin-left:2px; color:#8a8194; font-size:10px; font-weight:400; }.simparas-landing .filter-submit-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; padding-top:11px; border-top:1px solid #efebf4; }.simparas-landing .filter-submit-row>div:last-child { display:flex; align-items:center; gap:8px; }.simparas-landing .quality-summary { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }.simparas-landing .quality-summary>span { color:#81778d; font-size:10px; }.simparas-landing .quality-chip { border:1px solid transparent!important; font-weight:700!important; opacity:1!important; }.simparas-landing .quality-a { background:#e8f5ed!important; border-color:#b9dfc7!important; color:#21663a!important; }.simparas-landing .quality-b { background:#eee8f8!important; border-color:#d0c0e8!important; color:#57358a!important; }.simparas-landing .quality-c { background:#fff4df!important; border-color:#f0d69e!important; color:#805b13!important; }.simparas-landing .quality-d { background:#fcebea!important; border-color:#efc2bf!important; color:#963b36!important; }.simparas-landing .quality-scale { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:-2px 0 12px; padding:9px 10px; border-radius:10px; background:#faf8fc; }.simparas-landing .quality-scale>span { color:#81778d; font-size:10px; font-weight:600; }.simparas-landing .quality-scale>div { display:flex; flex-wrap:wrap; gap:5px; }.simparas-landing .dimension-value { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }.simparas-landing .dimension-value .v-chip { max-width:100%; }.simparas-landing .dimension-value .v-chip__content { white-space:nowrap; font-size:9px; }.simparas-landing .ikm-total-row>strong { display:flex; align-items:center; gap:8px; }
@media(max-width:600px) { .simparas-landing .filter-submit-row { align-items:stretch; flex-direction:column; }.simparas-landing .filter-submit-row>div:last-child { justify-content:flex-end; }.simparas-landing .filter-footnote { align-items:flex-start; }.simparas-landing .quality-scale { align-items:flex-start; flex-direction:column; }.simparas-landing .dimension-value .v-chip { max-width:120px; height:auto!important; min-height:20px; }.simparas-landing .dimension-value .v-chip__content { white-space:normal; text-align:center; } }
.simparas-landing .public-footer { border-color:#ece6f4; }.simparas-landing .public-footer b { color:#493960; }.simparas-landing .public-footer a { color:#6844a2; }
.simparas-landing .v-application--wrap,.simparas-scan .v-application--wrap,.simparas-form .v-application--wrap { background:#f8f6fb; }
.simparas-admin .v-chip.green.lighten-5 { background:#f0eafa !important; color:#6844a2 !important; caret-color:#6844a2 !important; }