.hero{padding:56px var(--wz, 0) 96px}
.harch{height:580px}
.mono{font:500 12px/1.3 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6258}
.hd2{display:flex;flex-direction:column;gap:14px;max-width:780px}
.prose{display:flex;flex-direction:column;gap:16px}
.prose p{font-size:17px;line-height:1.7;color:#4a423a}
.prose b{color:#1f1a16;font-weight:600}
.wq{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:20px;background:#fff;border:1px solid #efc6a9}
.wq .q{font:500 21px/1.3 Fraunces,Georgia,serif;letter-spacing:-.01em}
.wq .a{font-size:15.5px;line-height:1.6;color:#4a423a;padding-top:14px;border-top:1px solid #f1e3d6}
.diag{background:#fff;border:1px solid #e2d6c2;border-radius:22px;padding:28px}
.diag svg{width:100%;height:auto;display:block}
.facts3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.facts3 div{padding:16px;border-radius:16px;background:#faecc4;display:flex;flex-direction:column;gap:6px}
.facts3 b{font:500 22px/1.15 Fraunces,Georgia,serif}
.kt{border-top:1.5px solid #1f1a16}
.kr{display:grid;grid-template-columns:190px 120px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:22px 4px;border-bottom:1px solid #e2d6c2;align-items:start}
.kr.hd{font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6b6258;padding:14px 4px}
.kr .nm{display:flex;flex-direction:column;gap:4px}
.kr .nm b{font:500 22px/1.15 Fraunces,Georgia,serif;letter-spacing:-.01em}
.kr .nm span{font-size:14px;color:#a8370a;font-family:"Tiro Devanagari Hindi",serif}
.kr .pt{display:flex;flex-direction:column;gap:8px}
.kr .pt b{font:500 26px/1 Fraunces,Georgia,serif}
.kr .pt i{display:block;height:8px;border-radius:4px;background:#c2410c}
.kr p{font-size:15.5px;line-height:1.55;color:#4a423a}
.kr .lb{display:none;font:500 10.5px/1.3 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6b6258;margin-bottom:4px}
.kr.tot{border-bottom:0;align-items:center}
.scale36{display:grid;grid-template-columns:18fr 7fr 8fr 3fr;height:20px;border-radius:999px;overflow:hidden}
.scale36 span:nth-child(1){background:#efe6d6}
.scale36 span:nth-child(2){background:#f5d98f}
.scale36 span:nth-child(3){background:#f6c3a4}
.scale36 span:nth-child(4){background:#c2410c}
.ticks{display:grid;grid-template-columns:18fr 7fr 8fr 3fr;font:500 12px/1 "IBM Plex Mono",monospace;color:#6b6258;margin-top:10px}
.ticks span:last-child{display:flex;justify-content:space-between}
.bk{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;background:#fff;border:1px solid #e2d6c2}
.bk .sw{width:28px;height:10px;border-radius:5px}
.bk b{font:500 20px/1.2 Fraunces,Georgia,serif}
.two{display:flex;flex-direction:column;gap:18px}
.two .tt{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.two .tt b{font:500 44px/1 Fraunces,Georgia,serif;letter-spacing:-.02em}
.mb{display:grid;grid-template-columns:110px minmax(0,1fr) 54px;gap:12px;align-items:center;font-size:14px;color:#4a423a}
.mb .tr{height:10px;border-radius:5px;background:#efe6d6;overflow:hidden}
.mb .tr i{display:block;height:100%;background:#c2410c;border-radius:5px}
.mb .tr i.lo{background:#cdbfa8}
.mb .v{font:500 13px/1 "IBM Plex Mono",monospace;text-align:right;color:#1f1a16}
.readas{padding:16px 18px;border-radius:14px;background:#faecc4;color:#5e3f00;font-size:15px;line-height:1.55}
.dc{display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:22px;background:#fff;border:1px solid #e2d6c2}
.dc ul{display:flex;flex-direction:column;gap:10px}
.dc li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:15.5px;line-height:1.5;color:#4a423a}
.dc li svg{margin-top:3px;color:#3f6b3a}
.mg{display:grid;grid-template-columns:400px minmax(0,1fr);gap:64px;align-items:center}
.chart{background:#fff;border:1px solid #e2d6c2;border-radius:22px;padding:28px}
.chart svg{width:100%;height:auto;display:block}
.key{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:13.5px;color:#4a423a}
.key span{display:inline-flex;align-items:center;gap:8px}
.key i{width:14px;height:14px;border-radius:4px;display:inline-block}
.bg4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bc{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:28px;border-radius:20px;background:#fff;border:1px solid #e2d6c2}
.bc .gl{width:48px;height:48px;border-radius:50%;background:#fbe3d3;color:#a8370a;display:grid;place-items:center}
.score{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.big{font:500 96px/1 Fraunces,Georgia,serif;letter-spacing:-.03em}
.big small{font-size:32px;color:#6b6258;letter-spacing:-.01em}
.bar{position:relative;height:14px;border-radius:999px;background:#efe6d6;margin:34px 0 10px}
.bar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#c2410c}
.bar .mk{position:absolute;top:-30px;transform:translateX(-50%);font:500 11px/1 "IBM Plex Mono",monospace;color:#6b6258;white-space:nowrap}
.bar .mk::after{content:"";position:absolute;left:50%;top:18px;width:2px;height:26px;background:#1f1a16}
.scale{display:flex;justify-content:space-between;font:500 12px "IBM Plex Mono",monospace;color:#6b6258}
.ppl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pp{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid #e2d6c2}
.ini{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:500 22px/1 Fraunces,Georgia,serif;flex:none}
.gt{border-top:1.5px solid #1f1a16}
.gr{display:grid;grid-template-columns:180px minmax(0,1fr) 200px 90px;gap:20px;align-items:center;padding:18px 4px;border-bottom:1px solid #e2d6c2}
.gr.hd{font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6b6258;padding:14px 4px}
.gr .gn{font:500 20px/1.2 Fraunces,Georgia,serif}
.gr .gc{color:#4a423a}
.gr .pts{font:500 16px/1 "IBM Plex Mono",monospace;text-align:right}
.mini{display:grid;gap:3px}
.mini.m1{grid-template-columns:repeat(1,minmax(0,1fr))}.mini.m2{grid-template-columns:repeat(2,minmax(0,1fr))}.mini.m3{grid-template-columns:repeat(3,minmax(0,1fr))}.mini.m4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mini.m5{grid-template-columns:repeat(5,minmax(0,1fr))}.mini.m6{grid-template-columns:repeat(6,minmax(0,1fr))}.mini.m7{grid-template-columns:repeat(7,minmax(0,1fr))}.mini.m8{grid-template-columns:repeat(8,minmax(0,1fr))}
.mini i{height:10px;border-radius:3px;background:#efe6d6;display:block}
.mini i.f{background:#c2410c}
.mini i.h{background:linear-gradient(90deg,#c2410c 50%,#efe6d6 50%)}
.gr.nadi{background:#faecc4;border-radius:14px;border-bottom-color:transparent;padding:18px 16px;margin-top:6px}
.note{grid-column:2/-1;font-size:15px;color:#5e3f00;line-height:1.55}
.pw{display:flex;gap:16px;padding:20px 0;border-top:1px solid #e2d6c2}
.pw:first-of-type{border-top:0;padding-top:4px}
.pw .k{font:500 11px/1.6 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#a8370a;min-width:150px}
.rep{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:start}
.rep .cv{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 26px 40px -28px rgba(31,26,22,.6)}
.rep .cv.cutout{border-radius:0;box-shadow:none}
.inside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.inside li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #ecd9a6;font-size:15.5px;line-height:1.45;color:#3d342c}
.inside li svg{margin-top:2px;color:#a8370a}
.need{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px;background:#fff;border:1px solid #e2d6c2}
.need .n{font:500 13px/1 "IBM Plex Mono",monospace;color:#a8370a;letter-spacing:.1em}
.also{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:24px 28px;border:1px solid #e2d6c2;border-radius:20px;background:#fff}
.side.sfaq{grid-template-columns:360px minmax(0,1fr)}
.trio3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ov{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:2px solid #1f1a16}
@container (max-width:760px){
  .trio3{grid-template-columns:minmax(0,1fr);gap:24px}
  .hero{padding:16px var(--wz, 0) 56px}
  .harch{height:320px}
  .prose p{font-size:16px}
  .wq{padding:22px}
  .wq .q{font-size:19px}
  .diag{padding:16px}
  .facts3{grid-template-columns:minmax(0,1fr);gap:8px}
  .facts3 b{font-size:19px}
  .kr{grid-template-columns:minmax(0,1fr) 90px;gap:10px 16px;padding:20px 0}
  .kr.hd{display:none}
  .kr .nm{grid-column:1;grid-row:1}
  .kr .pt{grid-column:2;grid-row:1;align-items:flex-end}
  .kr .pt b{font-size:22px}
  .kr>div.c{grid-column:1/-1}
  .kr .lb{display:block}
  .kr.tot>span:empty{display:none}
  .ticks{font-size:10.5px}
  .two .tt b{font-size:36px}
  .mb{grid-template-columns:92px minmax(0,1fr) 46px;gap:8px;font-size:13px}
  .dc{padding:22px}
  .mg{grid-template-columns:minmax(0,1fr);gap:28px}
  .chart{padding:16px}
  .bg4{grid-template-columns:minmax(0,1fr);gap:12px}
  .bc{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:20px}
  .bc .gl{width:40px;height:40px}
  .score{grid-template-columns:minmax(0,1fr);gap:20px}
  .big{font-size:68px}
  .big small{font-size:24px}
  .ppl{grid-template-columns:minmax(0,1fr);gap:10px}
  .gr{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:16px 0}
  .gr.hd{display:none}
  .gr .gc{grid-column:1/-1;grid-row:2;font-size:15px}
  .gr .mini{grid-column:1/-1;grid-row:3}
  .gr .pts{grid-column:2;grid-row:1}
  .gr.nadi{padding:16px}
  .note{grid-column:1/-1}
  .pw{flex-direction:column;gap:6px}
  .rep{grid-template-columns:minmax(0,1fr);gap:28px}
  .rep .cv{max-width:220px;margin:0 auto}
  .inside{grid-template-columns:minmax(0,1fr);gap:0}
  .need{padding:22px}
  .also{padding:20px;gap:12px 20px}
  .side.sfaq{grid-template-columns:minmax(0,1fr)}
}
.flowd{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch}
.flowd .bx{display:flex;flex-direction:column;gap:8px;padding:20px 16px;min-width:0;overflow-wrap:break-word;border-radius:18px;background:#fcf9f3;border:1px solid #e2d6c2}
.flowd .bx.s{background:#fbe3d3;border-color:#efb592}
.flowd .bx b{font:500 20px/1.2 Fraunces,Georgia,serif}
.flowd .ar{display:grid;place-items:center;color:#a8370a}
.flowd .ar svg{width:22px;height:22px}
@container (max-width:760px){
  .flowd{grid-template-columns:minmax(0,1fr)}
  .flowd .ar{height:36px}
  .flowd .ar svg{transform:rotate(90deg)}
}
/* inline match form and result (W2, not in the design file: uses the shared .bf form pieces) */
.mf-g{gap:40px;align-items:start}
.mf-p{border:0;padding:0;margin:0;min-width:0}
.mf-p>legend{padding:0;margin-bottom:18px}
.mf-p .check{margin-top:4px}
.mf-err{color:#a8370a;font-size:15px;font-weight:500}
.mf-res{display:flex;flex-direction:column;gap:32px}
.mf-res .gt{background:#fff;border-radius:18px;padding:0 20px 6px;border:1px solid #e2d6c2;border-top:1.5px solid #1f1a16}
.mf-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
@container (max-width:760px){
  .mf-g{gap:32px}
  .mf-res .gt{padding:0 14px 4px}
}