/* Vivid visual hierarchy for the free diagnostic, preserving the existing brand. */
.home-page .hero{background:radial-gradient(ellipse at 80% 10%,#155776 0,transparent 56%),#08243f}.home-page .hero-portrait{border-radius:18px;box-shadow:0 24px 60px #0005;border:1px solid #ffffff30}.home-page .hero-portrait img{filter:saturate(1.12) contrast(1.04)}.home-page .hero .button:not(.ghost){background:#ffc34e;border-color:#ffc34e;color:#10273b;box-shadow:0 8px 24px #ffc34e24}.home-page .experience-badge{background:#fff;border-color:#00a88a;border-radius:0 12px 12px 0}.home-page .experience-badge strong{color:#007a66}.home-page .free-diagnosis{background:linear-gradient(120deg,#e3f8f3,#f5fbff 68%,#fff0d9)}.home-page .free-diagnosis-art{background:#fff;border:1px solid #c9e5df;border-radius:22px;padding:22px;box-shadow:0 16px 45px #063d5320}.home-page .free-diagnosis .button{background:#007b67;color:#fff;border-color:#007b67;box-shadow:0 8px 20px #007b6720}.home-page .free-flow span{background:#e8f8f2;border-color:#c9e5df;color:#006b57}
.diagnosis-page{--green:#008b75;--gold:#ffc34e;--amber:#c56815;--cream:#f4f7fb;--line:#d9e3ec;background:var(--cream)}.diagnosis-page header{background:#fff}.diagnosis-page .hero{position:relative;background:radial-gradient(ellipse at 85% 20%,#12647e 0,transparent 56%),linear-gradient(125deg,#09203c,#0c3d60);padding:60px 0 50px}.diagnosis-page .hero-grid{gap:65px;grid-template-columns:1.08fr .92fr}.diagnosis-page h1{font-size:clamp(42px,5vw,64px);line-height:1.12;max-width:620px}.diagnosis-page h1 em{color:#7febcc;font-style:normal}.diagnosis-page .hero p{font-size:17px;line-height:1.8;color:#e0ebf4}.diagnosis-page .hero .button{background:#ffc34e;color:#132a41;border-color:#ffc34e;border-radius:10px;box-shadow:0 8px 26px #0003;padding:17px 24px;font-size:15px;transition:transform .2s,box-shadow .2s}.diagnosis-page .button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 8px 20px #0b213622}.diagnosis-page .benefits{color:#dfedf2;gap:15px}.diagnosis-page .benefits span:before{color:#7febcc}.diagnosis-page .eyebrow.dark{color:#007765}.diagnosis-page .hero-art{display:block;position:relative;padding:12px 0 30px}.preview-board{position:relative;background:#fff;color:#15334c;border:1px solid #c9e9ed;border-radius:22px;box-shadow:0 25px 55px #00122266;overflow:hidden;padding:25px}.preview-top{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.06em;color:#526a80}.live-dot{width:8px;height:8px;background:#00a88a;border-radius:50%;box-shadow:0 0 0 4px #e0f8f1;flex-shrink:0}.preview-label{margin-left:auto;border-radius:5px;background:#e4faf1;color:#007763;padding:4px 6px;font-size:8px}.preview-board h3{font-size:25px;letter-spacing:-.04em;margin:23px 0 6px}.diagnosis-page .preview-board>p{font-size:12px;line-height:1.5;color:#657a8c;margin:0 0 22px}.visual-route{display:grid;gap:10px}.visual-route>div{padding:14px;border-radius:12px;background:#edf7ff;display:grid;grid-template-columns:38px 1fr;gap:2px 12px;align-items:center}.visual-route>div:nth-child(2){background:#e5faf2}.visual-route>div:nth-child(3){background:#fff3dc}.route-icon{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#3675eb;font-size:12px;font-weight:700}.visual-route>div:nth-child(2) .route-icon{background:#008b75}.visual-route>div:nth-child(3) .route-icon{background:#c66c14}.visual-route b{font-size:13px}.visual-route small{font-size:10px;color:#536c7f}.preview-bottom{margin-top:20px;padding-top:16px;border-top:1px solid #e3ecf2;display:flex;align-items:center;gap:12px;color:#00816d;font-size:11px;line-height:1.5}.mentor-chip{position:relative;display:flex;gap:12px;align-items:center;padding:12px 17px;background:#fff;border-radius:14px;margin:-5px 16px -35px;box-shadow:0 12px 30px #00122244;border:1px solid #e1ebf2;z-index:1}.mentor-chip img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:3px solid #e3f7ef}.mentor-chip b{display:block;color:#0b304c;font-size:13px}.mentor-chip small{display:block;color:#557084;font-size:10px}.diagnosis-page .intro{align-items:center;grid-template-columns:.78fr 1.22fr;padding:55px 0 20px;gap:34px}.diagnosis-page .intro h2{font-size:37px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.value-grid article{padding:17px 15px;border:1px solid #e0e7f0;border-radius:15px;background:#fff}.value-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ddf8ef;color:#007c67;margin-bottom:14px}.value-icon svg{width:24px;height:24px}.value-grid article:nth-child(2) .value-icon{color:#3263d3;background:#e8eeff}.value-grid article:nth-child(3) .value-icon{color:#b06514;background:#fff0d7}.value-grid b{display:block;font-size:13px;line-height:1.5}.diagnosis-page .value-grid p{font-size:12px;line-height:1.65;margin:7px 0 0}.triage-note{font-size:12px;color:#5b7182;margin-top:0;margin-bottom:36px}.diagnosis-page .question-panel{border:1px solid #d8e5ed;box-shadow:0 14px 40px #1637520c;border-radius:18px;padding:34px}.diagnosis-page .form-step h2{font-family:'DM Sans',sans-serif;font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.04em}.diagnosis-page .progress{height:7px;background:#e5edf4;border-radius:20px;margin-bottom:25px}.diagnosis-page .progress span{background:linear-gradient(90deg,#00a88a,#51c7c2);border-radius:20px}.diagnosis-page .choice{border-color:#dae4ed;border-radius:11px;padding:17px;background:#fbfdff;transition:border-color .2s,background .2s}.diagnosis-page .choice:hover{border-color:#88b5cb;background:#f2faff}.diagnosis-page .choice:has(input:checked){border:2px solid #008b75;padding:16px;background:#e9faf3;box-shadow:0 3px 10px #008b7510}.diagnosis-page .question .choice{padding:12px 14px;font-size:14px}.diagnosis-page .question .choice:has(input:checked){padding:11px 13px}.diagnosis-page .form-actions .button:not(.secondary){background:#007e6a;border-color:#007e6a;color:#fff;border-radius:9px}.diagnosis-page .button.secondary{border-radius:9px;background:#fff;border-color:#c5d4e0}.diagnosis-page .explain{background:linear-gradient(150deg,#e3f9f2,#eaf3ff);padding:25px;border-radius:18px;border:1px solid #cbe5df}.diagnosis-page .explain h3{font-family:'DM Sans',sans-serif;font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.04em}.diagnosis-page .explain li:before{color:#008571}.diagnosis-page .result{scroll-margin-top:100px}.diagnosis-page #result-title{font-family:'DM Sans',sans-serif;font-size:42px;font-weight:700;letter-spacing:-.045em;line-height:1.15}.diagnosis-page .result-badge{background:#dff8ee;color:#007961;border-color:#a8e3d0;font-weight:700}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}.result-stat{position:relative;padding:22px;border-radius:16px;background:#e0f9ef;border:1px solid #bdebd8;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.result-stat strong{font-size:42px;line-height:1;color:#007b62}.result-stat span{font-size:12px;font-weight:700;line-height:1.45;color:#075d51}.result-stat.review{background:#fff1db;border-color:#ffdcab}.result-stat.review strong,.result-stat.review span{color:#9c520a}.result-stat.unknown{background:#eaf0ff;border-color:#cfdcff}.result-stat.unknown strong,.result-stat.unknown span{color:#365cc5}.diagnosis-page .chart-panel,.diagnosis-page .next-panel,.diagnosis-page .documents{border-radius:18px;border-color:#dce6ee;box-shadow:0 10px 30px #16375207}.diagnosis-page .chart-panel{background:linear-gradient(150deg,#fff,#f3fffb)}.diagnosis-page .chart{width:210px;height:210px}.diagnosis-page .chart strong{color:#007b67;font-size:42px}.diagnosis-page .chart span{color:#557084}.diagnosis-page .legend-bar{height:9px}.diagnosis-page .legend-row b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:7px;background:#f1f5f8;font-size:13px}.diagnosis-page .next-panel ol{list-style:none;counter-reset:action;padding:0}.diagnosis-page .next-panel li{position:relative;counter-increment:action;padding:0 0 20px 46px;border-bottom:1px solid #e7edf2}.diagnosis-page .next-panel li:before{content:counter(action,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e0f8ee;color:#007c67;font-size:11px;font-weight:700}.diagnosis-page .next-panel li span{font-size:13px;color:#506879;line-height:1.7}.point-section{margin:35px 0}.point-section>h3{font-size:25px;letter-spacing:-.035em;margin:8px 0 20px}.point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.point-card{padding:19px;border:1px solid #cfdfeb;border-top:4px solid #00a88a;background:#fff;border-radius:12px}.point-card.review{border-top-color:#ff9b35}.point-card.unknown{border-top-color:#5c7cfa}.point-card .point-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#007b67;background:#e3faf1;border-radius:6px;padding:4px 7px}.point-card.review .point-status{background:#fff1dc;color:#9d510b}.point-card.unknown .point-status{background:#ebf0ff;color:#3d59bb}.point-card h4{font-size:14px;line-height:1.4;margin:14px 0 8px}.point-card p{font-size:12px;line-height:1.7;margin:0;color:#526a7d}.diagnosis-page .documents ul{list-style:none;padding:0}.diagnosis-page .documents li{position:relative;padding-left:25px}.diagnosis-page .documents li:before{content:'✓';position:absolute;left:0;color:#008b75;font-weight:700}.diagnosis-page .contact-card{background:radial-gradient(ellipse at 95% 0%,#17667c,transparent 55%),#082b46;border:1px solid #18506b;border-radius:20px}.contact-mentor{display:flex;gap:12px;align-items:center;margin-bottom:25px;font-size:11px;color:#d3e8ef;line-height:1.5}.contact-mentor img{width:68px;height:68px;object-fit:cover;object-position:center 15%;border-radius:50%;border:3px solid #7fe1c0}.contact-mentor b{font-size:15px;color:#fff}.diagnosis-page .contact-card .whatsapp{background:#18a96e;border-color:#18a96e;color:#fff;border-radius:10px}.diagnosis-page .contact-card .email{border-color:#84a7b9;border-radius:10px}.diagnosis-page .contact-card .experience{color:#7febcc}.diagnosis-page .contact-card .small{color:#c7dce8}.diagnosis-page .contact-card h2{font-size:39px}.diagnosis-page .small{font-size:12px;line-height:1.7}.diagnosis-page .cnis-guide-link{background:#e6f8f1;border:1px solid #c3e6d8;border-radius:7px;padding:9px 12px;text-decoration:none}.diagnosis-page .sources summary{color:#34556e}
@media screen and (max-width:900px){.diagnosis-page .hero-grid{gap:28px}.diagnosis-page .intro{grid-template-columns:1fr}.point-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:760px){header .mobile-nav{padding:0;border:0}.home-page .free-diagnosis-art{padding:18px}.diagnosis-page .hero{padding:35px 0 42px}.diagnosis-page .hero-grid{grid-template-columns:minmax(0,1fr);gap:25px}.diagnosis-page h1{font-size:clamp(34px,9vw,45px);line-height:1.13;margin-top:16px}.diagnosis-page .hero p{font-size:15px;line-height:1.75}.diagnosis-page .hero .button{font-size:14px;padding:15px 18px}.diagnosis-page .hero-art{display:block;padding:0 0 20px;max-width:420px;width:100%;margin:auto}.preview-board{padding:20px;border-radius:17px}.preview-board h3{font-size:23px;margin-top:17px}.preview-board .visual-route{gap:8px}.visual-route>div{padding:11px}.preview-bottom{margin-top:14px;padding-top:12px}.mentor-chip{padding:10px 13px;margin-bottom:-27px}.mentor-chip img{width:44px;height:44px}.diagnosis-page .intro{padding:35px 0 18px}.diagnosis-page .intro h2{font-size:31px;margin-bottom:16px}.value-grid{grid-template-columns:minmax(0,1fr);gap:10px}.value-grid article{display:grid;grid-template-columns:42px 1fr;gap:3px 12px;padding:15px}.value-icon{grid-row:span 2;margin:0}.value-grid b{font-size:14px}.diagnosis-page .value-grid p{font-size:12px;margin:0}.triage-note{font-size:11px;margin-bottom:25px}.diagnosis-page .question-panel{padding:23px 18px}.diagnosis-page .form-step h2{font-size:27px}.diagnosis-page #result-title{font-size:31px}.result-stats{gap:8px;margin:18px 0}.result-stat{padding:16px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-radius:12px}.result-stat strong{font-size:34px}.result-stat span{font-size:10px}.diagnosis-page .chart{width:195px;height:195px}.diagnosis-page .chart-panel,.diagnosis-page .next-panel,.diagnosis-page .documents{padding:23px 19px}.point-grid{grid-template-columns:minmax(0,1fr);gap:10px}.point-card{padding:17px}.point-card h4{margin-top:10px}.point-section>h3{font-size:23px}.diagnosis-page .contact-card{padding:25px 20px}.diagnosis-page .contact-card h2{font-size:33px}.diagnosis-page .utility{grid-template-columns:1fr}.diagnosis-page .form-actions{gap:8px}.diagnosis-page .form-actions .button{font-size:13px;padding:12px}.diagnosis-page .benefits{gap:8px 14px;font-size:10px}.diagnosis-page .workspace{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.diagnosis-page .button{transition:none}.diagnosis-page .button:hover:not(:disabled){transform:none}}
@media print{.diagnosis-page{background:#fff}.result-stats{margin:15px 0}.result-stat{padding:12px}.result-stat strong{font-size:26px}.point-grid{grid-template-columns:repeat(2,1fr)}.point-card{break-inside:avoid}.triage-note{display:none}}
.diagnosis-page .preview-bottom svg{width:25px;height:25px;flex:0 0 25px}.diagnosis-page .preview-bottom span{text-align:left}.mentor-chip img,.contact-mentor img{object-position:center 12%}