@media (max-width: 700px) {
  .dna-side { overflow-x: auto; overflow-y: visible; }
  .dna-bars { min-width: 560px; }
  .dna-tooltip { position: sticky; left: 8px; right: auto; min-width: 285px; }
  .dna-scale { right: 0; }
}
/* Profile metrics, ranked companion list, and progressive service disclosure. */
.nature-hero .dna-chip,.nature-hero .hero-facts{display:none}
.dna-bar-slot{animation:none!important}.dna-bar-slot .dna-bar-fill{animation:dna-height-shift 420ms cubic-bezier(.2,.8,.2,1) both!important;animation-delay:0ms!important}@keyframes dna-height-shift{from{height:var(--from-height);opacity:1}to{height:var(--bar-height);opacity:1}}@media(prefers-reduced-motion:reduce){.dna-bar-slot .dna-bar-fill{animation:none!important}}
.dna-side{margin-bottom:125px}.dna-tooltip{bottom:-145px!important;min-height:108px}.dna-bars{overflow:visible}.chip-b{left:auto!important;right:102px!important;top:112px!important;bottom:auto!important;z-index:3}.tour-modal{position:fixed;right:24px;bottom:24px;z-index:100;display:block;pointer-events:none}.tour-dialog{pointer-events:auto;position:relative;width:min(390px,calc(100vw - 48px));padding:24px;border:1px solid var(--ink);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(0,0,0,.22)}.tour-dialog strong{display:block;margin:10px 38px 9px 0;font-size:24px;letter-spacing:-.04em}.tour-dialog p{font-size:15px;line-height:1.4;color:var(--muted)}.tour-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;background:white;font-size:21px;cursor:pointer}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.tour-actions span{font-size:12px;color:var(--muted)}
.hero-left .button-row a{display:none}.company-picker{grid-template-columns:auto minmax(250px,1fr) minmax(150px,.55fr)!important;gap:10px!important}.company-picker>label[for="company-year"]{display:none}.year-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:150px}.year-control label{font-size:11px}.year-control output{font-size:12px;font-weight:800;min-width:31px;text-align:right}.year-control small{display:none;font-size:10px;color:var(--muted);white-space:nowrap}.year-control.single-year{grid-template-columns:auto auto auto;min-width:auto;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72)}.year-control.single-year small{display:block}.year-control input[type="range"]{appearance:none;min-height:24px;padding:0;border:0;background:transparent;accent-color:var(--dark);cursor:pointer}.year-control input[type="range"]::-webkit-slider-runnable-track{height:6px;border:1px solid var(--ink);border-radius:99px;background:linear-gradient(90deg,var(--lime),#d8f4ee)}.year-control input[type="range"]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-6px;border:1px solid var(--ink);border-radius:50%;background:var(--dark)}.year-control input[type="range"]::-moz-range-track{height:6px;border:1px solid var(--ink);border-radius:99px;background:linear-gradient(90deg,var(--lime),#d8f4ee)}.year-control input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:1px solid var(--ink);border-radius:50%;background:var(--dark)}
.dna-meta em{font-style:normal;color:var(--muted);margin-top:3px}.company-results button{display:grid;gap:2px}.company-results button small{color:var(--muted)}.company-picker input:focus-visible,.company-picker select:focus-visible,.company-results button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.profile-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 12px}.profile-summary article{min-height:135px;border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.64);display:flex;flex-direction:column;gap:7px}.profile-summary span,.profile-summary small{font-size:11px;color:var(--muted)}.profile-summary b{font-size:20px;line-height:1.05;letter-spacing:-.035em}.profile-summary article:nth-child(1) b,.profile-summary article:nth-child(2) b{font-size:34px}.interpretation-strip{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px 18px;border-radius:16px;background:rgba(223,255,85,.23);font-size:13px}.interpretation-strip span{color:var(--muted);max-width:680px}.dynamic-profile{padding:0 5px 23px;font-size:13px;color:var(--muted)}.ranked-services{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:0 0 45px}.ranked-services summary,.cultural-services summary{cursor:pointer;font-weight:700}.ranked-row{display:grid;grid-template-columns:25px minmax(180px,1fr) minmax(100px,1.2fr) auto;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:11px 4px;text-align:left;cursor:pointer}.ranked-row>span,.ranked-row em{font-size:11px;color:var(--muted);font-style:normal}.ranked-row i{height:9px;border:1px solid var(--ink);border-radius:99px;background:linear-gradient(90deg,var(--lime) var(--score),rgba(10,13,10,.06) var(--score));position:relative}.ranked-row i:after{content:"";position:absolute;left:66.666%;top:-4px;height:15px;border-left:1px dashed var(--ink)}.service-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-groups details,.cultural-services{border:1px solid var(--line);border-radius:18px;padding:15px;background:rgba(255,255,255,.55)}.service-groups details[open]{grid-column:span 2}.service-groups button{display:grid;grid-template-columns:1fr auto;gap:4px 14px;width:100%;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.service-groups button span{grid-column:1/-1;font-size:12px;color:var(--muted)}.service-groups button em{font-size:11px;color:var(--muted);font-style:normal}.cultural-services{margin-top:14px}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.method-steps article{min-height:142px;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.6)}.method-steps b{display:block;font-size:28px;margin-bottom:24px}.method-steps span{font-size:13px}.quiz-stack{display:grid;gap:9px;max-width:800px}.quiz-stack details{border:1px solid var(--line);border-radius:16px;padding:16px;background:white}.quiz-stack summary{cursor:pointer;font-weight:700}.quiz-stack p{color:var(--muted);margin-bottom:0}@media(max-width:850px){.profile-summary{grid-template-columns:1fr 1fr}.service-groups{grid-template-columns:1fr}.service-groups details[open]{grid-column:auto}.method-steps{grid-template-columns:1fr 1fr}}@media(max-width:700px){.profile-summary{grid-template-columns:1fr}.interpretation-strip{display:grid}.ranked-row{grid-template-columns:22px 1fr}.ranked-row i{grid-column:2}.ranked-row em{grid-column:2}.method-steps{grid-template-columns:1fr}.company-results button{font-size:12px}}

@media (min-width:1051px){
  .nature-hero{align-items:start}
  .dna-side{margin-top:0;padding-top:112px}
  .company-picker{top:12px;left:2px;right:55px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.68);box-shadow:0 10px 30px rgba(7,16,8,.05);backdrop-filter:blur(14px)}
  .company-results{top:60px;left:82px;right:180px}
  .dna-wash{top:92px}
  .dna-scale{top:128px}
}