:root{--petroleo:#0F2A33;--burdeos:#880808;--negro:#1C1C1C;--crema:#F5F4F1;--linea:#d9d5cf;--blanco:#ffffff}
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{margin:0;background:var(--crema);color:var(--negro);font-family:'Plus Jakarta Sans',Arial,sans-serif;line-height:1.5}
    header{background:var(--petroleo);color:var(--crema);padding:34px 5vw 42px;border-bottom:8px solid var(--burdeos)}
    .topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:76px}
    .brand{font-weight:800;letter-spacing:.04em;font-size:15px}.brand span{color:var(--burdeos)}
    .tag{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--crema);opacity:.85}
    h1{font-size:clamp(42px,6vw,86px);line-height:.95;margin:0 0 18px;font-weight:800;max-width:980px;letter-spacing:-.05em}
    h1 em{display:block;color:var(--burdeos);font-style:italic}.subtitle{font-size:clamp(17px,2vw,23px);max-width:820px;margin:0;color:var(--crema)}
    .hero-meta{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.pill{border:1px solid rgba(245,244,241,.5);padding:8px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
    main{max-width:1180px;margin:auto;padding:38px 5vw 80px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
    .card{background:var(--blanco);border:1px solid var(--linea);padding:28px}.card.dark{background:var(--petroleo);color:var(--crema);border:0}
    .label{font-weight:700;color:var(--burdeos);font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}
    .intro h2,.section h2{font-size:34px;line-height:1.05;margin:0 0 14px;letter-spacing:-.035em}.intro h2 em,.section h2 em{color:var(--burdeos);font-style:italic}
    .instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.scale{border:1px solid rgba(245,244,241,.35);padding:14px}.scale b{display:block;font-size:24px;color:var(--crema)}.scale span{font-size:12px;color:rgba(245,244,241,.88)}
    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--burdeos)}
    input[type=text], input[type=email], textarea, select{width:100%;padding:12px 12px;border:1px solid var(--linea);background:#fff;font-family:inherit;font-size:14px;color:var(--negro)}textarea{min-height:72px;resize:vertical}.full{grid-column:1/-1}
    .section{margin-top:32px}.dimension{background:#fff;border:1px solid var(--linea);margin:18px 0 26px}.dimension-head{background:var(--petroleo);color:var(--crema);padding:22px 26px;display:flex;justify-content:space-between;gap:24px}.dimension-head h3{margin:0;font-size:25px;letter-spacing:-.03em}.dimension-head p{margin:6px 0 0;max-width:720px;color:rgba(245,244,241,.9);font-size:14px}.scorechip{background:var(--burdeos);padding:8px 12px;align-self:start;font-weight:800;white-space:nowrap}
    .questions{padding:14px 24px 24px}.question{padding:18px 0;border-bottom:1px solid var(--linea)}.question:last-child{border-bottom:0}.q-title{font-weight:800;margin-bottom:4px}.q-help{font-size:13px;color:#555;margin-bottom:12px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 12px}.option{border:1px solid var(--linea);padding:12px;cursor:pointer;background:#fff;display:flex;gap:8px;align-items:flex-start;min-height:132px}.option:hover{border-color:var(--burdeos)}.option input{margin-top:3px;accent-color:var(--burdeos)}.option strong{display:block;font-size:13px;color:var(--negro);margin-bottom:5px}.option span{display:block;font-size:12px;color:#555;text-transform:none;letter-spacing:0;font-weight:400}.evidence{margin-top:8px}.dim-note{background:var(--crema);border-left:5px solid var(--burdeos);padding:14px 16px;font-size:13px;margin-top:12px}
    .dashboard{position:sticky;top:16px}.result-title{font-size:30px;line-height:1;margin:0 0 8px}.score-total{font-size:62px;line-height:1;font-weight:800;letter-spacing:-.07em}.score-total span:nth-child(2){font-size:18px;font-weight:700;color:var(--burdeos)}.bar{height:12px;background:var(--crema);border:1px solid var(--linea);margin:8px 0 18px}.bar > div{height:100%;background:var(--burdeos);width:0%;transition:.3s}.mini-row{display:grid;grid-template-columns:145px 1fr 44px;gap:10px;align-items:center;margin:10px 0}.mini-row small{font-weight:700}.profile{padding:18px;background:var(--petroleo);color:var(--crema);margin-top:18px}.profile h3{margin:0 0 8px;color:var(--crema)}.profile p{margin:0;color:rgba(245,244,241,.9)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button{background:var(--burdeos);color:#fff;border:0;padding:12px 16px;font-family:inherit;font-weight:800;cursor:pointer}button.secondary{background:transparent;color:var(--petroleo);border:1px solid var(--petroleo)}.recommendations{margin-top:16px;background:#fff;border:1px solid var(--linea);padding:18px}.recommendations h3{margin:0 0 10px}.recommendations ul{margin:8px 0 0;padding-left:18px}.cta-box{margin-top:16px;background:var(--crema);border:1px solid var(--linea);border-left:6px solid var(--burdeos);padding:18px}.cta-box h3{margin:0 0 8px;font-size:18px}.cta-box p{margin:0 0 14px;font-size:14px}.cta-btn{display:inline-block;background:var(--burdeos);color:#fff;text-decoration:none;padding:12px 16px;font-weight:800}.footer-note{font-size:11px;color:#555;border-top:1px solid var(--linea);padding-top:18px;margin-top:40px}
    @media(max-width:920px){.grid{grid-template-columns:1fr}.dashboard{position:relative}.options{grid-template-columns:1fr}.instructions{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.dimension-head{display:block}.scorechip{display:inline-block;margin-top:12px}}
    @media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}header,.actions,.no-print{display:none!important}main{max-width:none;padding:12mm}.grid{display:block}.dashboard{position:relative}.card,.dimension,.recommendations{break-inside:avoid}.option{padding:4px;min-height:auto}.questions{padding:8px 14px}.question{padding:8px 0}.dimension-head{padding:12px 16px}.bar{height:8px}.footer-note{font-size:9px}}

/* Railway/static deployment refinements */
:focus-visible{outline:3px solid var(--burdeos);outline-offset:2px}.bar > div{background-color:var(--burdeos)!important}.scorechip,button,.cta-btn{background-color:var(--burdeos)!important}header,.dimension-head,.profile{background-color:var(--petroleo)!important}