body{margin:0;background:#fcf9f3}
a{color:#1f1a16}a:hover{color:#a8370a}
.hero{padding:56px var(--wz, 0) 112px}
.hsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.hfacts{display:flex;flex-wrap:wrap;gap:8px}
.hvis{position:relative}
.hphoto{height:560px}
.hchart{position:absolute;left:0;bottom:0;width:380px;background:#fff;border:1px solid #e2d6c2;border-radius:22px;padding:18px;box-shadow:0 34px 60px -40px rgba(31,26,22,.6)}
.hchart svg{display:block;width:100%;height:auto}
.hcap{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}
.mono{font:500 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6258}
.sh2{display:flex;flex-direction:column;gap:14px;max-width:760px}
.what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center}
.wphoto{aspect-ratio:4/3}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.fact{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1.5px solid #1f1a16}
.fact b{font:500 22px/1.2 Fraunces,Georgia,serif}
.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.area{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border:1px solid #e2d6c2;border-radius:22px}
.area .ico{width:48px;height:48px;border-radius:14px;background:#fbe3d3;color:#a8370a;display:grid;place-items:center}
.area h3{font:500 26px/1.15 Fraunces,Georgia,serif}
.area q{font:italic 500 19px/1.35 Fraunces,Georgia,serif;quotes:none;color:#1f1a16}
.area .lk{font-size:15px;color:#4a423a;line-height:1.55}
.area .lk b{color:#1f1a16;font-weight:600}
.hside{display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px;align-items:start}
.hdiag{position:sticky;top:calc(var(--head,0px) + 24px);display:flex;flex-direction:column;gap:14px}
.hdiag svg{display:block;width:100%;height:auto;background:#fff;border:1px solid #e2d6c2;border-radius:20px;padding:14px}
.htab{border-top:1.5px solid #1f1a16}
.hr{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:20px 0;border-bottom:1px solid #e2d6c2;align-items:start}
.hr .n{font:500 34px/1 Fraunces,Georgia,serif;color:#c2410c}
.hr h3{font:500 21px/1.2 Fraunces,Georgia,serif}
.hr .hn{font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6258;margin-top:4px}
.hr .cv{font-size:15.5px;color:#4a423a;line-height:1.55}
.gg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.gr{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:24px 0;border-top:1px solid #e2d6c2}
.gr .gl{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:500 22px/1 Fraunces,Georgia,serif;border:1.5px solid #1f1a16;background:#fff}
.gr h3{font:500 22px/1.2 Fraunces,Georgia,serif}
.gr h3 span{font:400 15px/1 Inter,sans-serif;color:#6b6258;margin-left:6px}
.gr .st{font-size:15.5px;color:#4a423a;margin-top:6px;line-height:1.55}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tc{display:flex;flex-direction:column;gap:16px;padding:28px;background:#fff;border:1px solid #e2d6c2;border-radius:22px}
.tc .vis{height:200px;border-radius:16px;background:#fbe3d3;display:grid;place-items:center;overflow:hidden}
.tc .vis img{width:100%;height:100%;object-fit:cover;display:block}
.tc .vis svg{height:190px;width:auto;display:block}
.tc h3{font:500 28px/1.1 Fraunces,Georgia,serif}
.dw{display:flex;flex-direction:column;gap:36px;padding:40px;background:#fff;border:1px solid #e2d6c2;border-radius:24px}
.dl{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;margin-bottom:16px}
.bar{position:relative;display:flex;height:64px;border-radius:14px;overflow:visible}
.bar>span{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 12px;background:#f6f0e5;border-right:2px solid #fff;font:600 15px/1.1 Inter,sans-serif;color:#4a423a;overflow:hidden;white-space:nowrap}
.bar>span:first-child{border-radius:14px 0 0 14px}
.bar>span:last-of-type{border-radius:0 14px 14px 0;border-right:0}
.bar>span small{font:500 11.5px/1.2 "IBM Plex Mono",monospace;color:#6b6258}
.bar.thin{height:52px}
.bar.thin>span{padding:0 6px;align-items:center;font-size:13.5px}
.bar .sh{display:none}
.pg .dnote{font-size:15px;color:#4a423a;margin-top:12px}
div.now{border-top:1.5px solid #1f1a16}
.nr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #e2d6c2}
.nr b{font:500 19px/1.25 Fraunces,Georgia,serif}
.nr .w{font:500 12px/1.5 "IBM Plex Mono",monospace;color:#6b6258;display:block;margin-top:4px}
.nr p{font-size:15.5px;color:#4a423a;line-height:1.55}
.ss{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:20px;overflow:hidden;border:1px solid #e2d6c2;background:#fff}
.ss>div{display:flex;flex-direction:column;gap:8px;padding:22px;border-right:1px solid #e2d6c2}
.ss>div:last-child{border-right:0}
.ss>div.mid{background:#fbe3d3}
.ss b{font:500 21px/1.2 Fraunces,Georgia,serif}
.ss .w{font:500 12px/1.4 "IBM Plex Mono",monospace;color:#6b6258}
.ss p{font-size:15px;color:#4a423a;line-height:1.5}
.doshg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dc{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:22px;background:#fff;border:1px solid #e2d6c2}
.dc h3{font:500 26px/1.15 Fraunces,Georgia,serif}
.dc .lb{font:500 10.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6b6258;display:block;margin-bottom:4px}
.dc p{font-size:15.5px;color:#4a423a;line-height:1.55}
.upay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:start;padding:40px;border-radius:24px;background:#1f1a16;color:#f6f0e5}
.upay h3{font:500 34px/1.12 Fraunces,Georgia,serif}
.upay h3 em{color:#f6c3a4}
.upay p{color:#e2d6c2;font-size:16px;line-height:1.6}
.upay ul{display:flex;flex-direction:column;gap:0}
.upay li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #3a322b;font-size:15.5px;line-height:1.5;color:#f6f0e5}
.upay li svg{color:#f6c3a4;margin-top:2px}
.yg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.yc{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:#fff;border:1px solid #e2d6c2}
.yc h3{font:500 23px/1.15 Fraunces,Georgia,serif}
.yc p{font-size:15px;color:#4a423a;line-height:1.55}
.ns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.nsc{display:flex;flex-direction:column;gap:16px;padding:28px;background:#fff;border:1px solid #e2d6c2;border-radius:22px}
.nsc svg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
.nsc h3{font:500 26px/1.15 Fraunces,Georgia,serif}
.nsc ul{display:flex;flex-direction:column;gap:8px}
.nsc li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;font-size:15px;color:#4a423a;line-height:1.5}
.nsc li::before{content:"";width:6px;height:6px;border-radius:50%;background:#c2410c;margin-top:8px}
.how{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}
.hw{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:22px 0;border-top:1px solid #e2d6c2}
.hw .ic2{width:44px;height:44px;border-radius:50%;border:1.5px solid #1f1a16;display:grid;place-items:center}
.hw b{font:500 21px/1.2 Fraunces,Georgia,serif}
.hw p{font-size:15.5px;color:#4a423a;line-height:1.55;margin-top:6px}
.dk{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:22px;background:#faecc4;border:1px solid #e3c26b}
.dk h3{font:500 28px/1.15 Fraunces,Georgia,serif}
.dk .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dk .two div{padding:16px;border-radius:14px;background:#fff}
.dk .two b{display:block;font:500 10.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.dk .two p{font-size:14.5px;line-height:1.5;color:#4a423a}
.mk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.dob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:10px}
.tob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:10px}
.sub{font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6258}
select.inp{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6258' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.ta{position:relative}
.ta .inp{border-color:#c2410c;border-bottom-left-radius:0;border-bottom-right-radius:0}
.ta ul{border:1.5px solid #c2410c;border-top:0;border-radius:0 0 14px 14px;background:#fff;overflow:hidden}
.ta li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;min-height:48px;font-size:16px;border-top:1px solid #f1e9da;cursor:pointer}
.ta li.on{background:#fbe3d3}
.ta li span{font:500 12px "IBM Plex Mono",monospace;color:#6b6258}
.fc{box-shadow:0 30px 60px -44px rgba(31,26,22,.55)}
.need{display:flex;flex-direction:column;gap:0;border-top:1.5px solid #1f1a16}
.need div{padding:16px 0;border-bottom:1px solid #e2d6c2}
.need b{font:500 20px/1.2 Fraunces,Georgia,serif}
.need p{font-size:15px;color:#4a423a;margin-top:4px;line-height:1.5}
.mr{display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:start}
.mcov{width:100%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#f6c3a4;box-shadow:0 30px 44px -30px rgba(31,26,22,.6)}
.mcov img{width:100%;height:100%;display:block}
.chs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1.5px solid #1f1a16}
.ch{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid #e2d6c2}
.ch i{font:500 12px/1 "IBM Plex Mono",monospace;font-style:normal;color:#a8370a}
.ch b{font-weight:600;font-size:15.5px}
.ch b span{display:block;font-weight:400;font-size:14px;color:#6b6258;margin-top:2px}
.ch .pc{font:500 12px/1 "IBM Plex Mono",monospace;font-style:normal;color:#6b6258;white-space:nowrap}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid #e2d6c2;text-decoration:none}
.rl img{width:64px;aspect-ratio:3/4;border-radius:8px;display:block;background:#f6c3a4}
.rl div>b{font:500 19px/1.2 Fraunces,Georgia,serif;display:block;margin-bottom:6px}
.side.sfaq{grid-template-columns:360px minmax(0,1fr)}
.g4.footg{grid-template-columns:minmax(0,1.6fr) repeat(3,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){
  .hero{padding:20px var(--wz, 0) 56px}
  .hsplit,.what,.hside,.how,.mk,.mr,.upay{grid-template-columns:minmax(0,1fr);gap:28px}
  .hvis{padding:0}
  .hphoto{height:300px}
  .trio3{grid-template-columns:minmax(0,1fr);gap:24px}
  .mcov{max-width:200px}
  .hchart{position:static;width:100%;padding:14px}
  .facts{grid-template-columns:minmax(0,1fr);gap:18px}
  .areas,.trio,.doshg,.ns,.rel{grid-template-columns:minmax(0,1fr);gap:16px}
  .area,.tc,.dc,.nsc{padding:22px}
  .area h3,.dc h3{font-size:23px}
  .hdiag{position:static}
  .hdiag svg{max-width:300px;margin:0 auto}
  .hr{grid-template-columns:44px minmax(0,1fr);gap:8px 14px}
  .hr .n{font-size:28px}
  .hr .cv{grid-column:2}
  .gg{grid-template-columns:minmax(0,1fr)}
  .gr{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px 0}
  .gr .gl{width:48px;height:48px;font-size:19px}
  .tc .vis{height:180px}
  .dw{padding:20px;gap:32px}
  .bar{height:58px}
  .bar>span{padding:0 6px;font-size:13px}
  .bar>span small{font-size:10px}
  .bar.thin>span{padding:0 1px;font-size:11px}
  .bar .lg{display:none}
  .bar .sh{display:inline}
  .yg{grid-template-columns:minmax(0,1fr);gap:14px}
  .nr{grid-template-columns:minmax(0,1fr);gap:6px}
  .ss{grid-template-columns:minmax(0,1fr)}
  .ss>div{border-right:0;border-bottom:1px solid #e2d6c2}
  .ss>div:last-child{border-bottom:0}
  .upay{padding:24px}
  .upay h3{font-size:27px}
  .dk{padding:22px}
  .dk h3{font-size:24px}
  .dk .two{grid-template-columns:minmax(0,1fr)}
  .fc.pad-l{padding:20px}
  .mcov{max-width:220px}
  .chs{grid-template-columns:minmax(0,1fr)}
  .side.sfaq{grid-template-columns:minmax(0,1fr)}
  .g4.footg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footg>div:first-child{grid-column:1/-1}
}
.ta .inp[aria-expanded="false"]{border-color:var(--line2);border-radius:14px}
.inp:disabled{opacity:.5;cursor:not-allowed}
