/* MA24 — accessibility.html + sustainability.html (staging :6579) */
.as-hero{position:relative;padding:60px 0 70px;overflow:hidden;border-bottom:1px solid var(--bd)}
.as-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:var(--haz)}
.as-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.as-hero .wrap>*{min-width:0}
.as-hero h1{font-size:52px;line-height:1.22;margin:16px 0 18px}
.as-hero h1 em{font-style:normal;color:var(--y)}
.as-hero.green h1 em{color:var(--g)}
.as-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.as-art{position:relative;height:470px;border-radius:28px;overflow:hidden;border:1px solid var(--bd2);background:var(--s1)}
.as-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.as-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(8,8,12,.9),rgba(8,8,12,0) 58%)}
.as-art .phone{position:absolute;z-index:3;width:176px;top:22px;inset-inline-start:26px;border-radius:26px;overflow:hidden;border:3px solid #2a2a3c;box-shadow:0 30px 60px -12px rgba(0,0,0,.8);transform:rotate(-2.5deg)}
.as-art .phone img{display:block;width:100%;aspect-ratio:780/1240;object-fit:cover;object-position:50% 0}
.as-art .chip{position:absolute;z-index:4;inset:auto 20px 20px 20px;display:flex;gap:14px;align-items:center;background:rgba(15,15,18,.93);border:1px solid var(--bd2);border-radius:20px;padding:16px 18px;backdrop-filter:blur(10px)}
.as-art .chip b{display:block;font-size:17px;line-height:1.35}
.as-art .chip small{color:var(--mu);font-size:14px;display:block}
.as-art .chip .big{margin-inline-start:auto;font-family:Inter;font-weight:900;font-size:26px;color:var(--y);white-space:nowrap}
.as-art .chip .big.g{color:var(--g)}
.facts{display:flex;gap:28px;margin-top:26px;flex-wrap:wrap}
.facts div{border-inline-start:3px solid var(--y);padding-inline-start:12px}
.green .facts div{border-color:var(--g)}
.facts b{font-family:Inter;font-weight:900;font-size:28px;display:block;line-height:1.1}
.facts small{color:var(--mu);font-size:14px}
.sh2{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sh2 h2{margin:10px 0 0}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.fc{background:var(--s1);border:1px solid var(--bd);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:6px}
.fc .top{display:flex;align-items:center;gap:12px;justify-content:space-between}
.fc h3{font-size:19px;margin:12px 0 2px}
.fc p{color:#C9C9D6;font-size:15px;margin:0}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;border-radius:99px;padding:3px 11px;white-space:nowrap}
.tag:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tag.ok{color:var(--g);background:var(--gs)}
.tag.wip{color:var(--y);background:rgba(255,209,0,.12)}
.tag.plan{color:var(--mu);background:#1C1C2A}
.seat{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border:1px solid var(--bd2);border-radius:28px;overflow:hidden;background:var(--s1)}
.seat>*{min-width:0}
.seat .ph{position:relative;min-height:420px}
.seat .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.seat .ph .lbl{position:absolute;inset:auto 16px 16px auto;background:rgba(8,8,12,.86);border:1px solid var(--bd2);border-radius:12px;padding:6px 12px;font-size:13px;color:var(--mu)}
.seat .tx{padding:40px}
.seat h3{font-size:28px;line-height:1.3;margin:12px 0 10px}
.vt{display:grid;gap:12px;margin-top:22px}
.vt>div{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:var(--s2);border:1px solid var(--bd);border-radius:18px;padding:14px 16px}
.vt b{display:block;font-size:16.5px}
.vt small{color:var(--mu);font-size:14px;display:block}
.walk{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border:1px solid var(--bd);border-radius:22px;overflow:hidden}
.walk div{padding:24px;background:var(--s1);border-inline-start:1px solid var(--bd)}
.walk div:first-child{border-inline-start:0}
.walk b{display:block;font-family:Inter;font-weight:900;font-size:30px;color:var(--g);line-height:1.15}
.walk b.y{color:var(--g)}
.walk span{display:block;font-weight:700;margin-top:6px}
.walk small{color:var(--mu);font-size:14px}
.lim{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.lim div{background:var(--s1);border:1px solid var(--bd);border-inline-start:4px solid var(--o);border-radius:16px;padding:18px 20px}
.lim b{display:block;font-size:16.5px}
.lim small{color:var(--mu);font-size:14.5px}
.std{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.std span{border:1px solid var(--bd2);border-radius:12px;padding:6px 12px;font-size:14px;color:var(--mu)}
.std span b{color:var(--tx)}
/* sustainability */
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin-top:40px;border:1px solid var(--bd2);border-radius:28px;overflow:hidden}
.calc>*{min-width:0}
.calc .in{padding:36px;background:var(--s1)}
.calc .out{padding:36px;background:linear-gradient(160deg,rgba(43,212,125,.16),rgba(43,212,125,.03));border-inline-start:1px solid var(--bd2);display:flex;flex-direction:column;justify-content:center}
.calc label{display:block;font-weight:700;margin-bottom:10px}
.calc label .num{color:var(--y);font-family:Inter;font-weight:900;margin-inline-start:8px}
.calc input[type=range]{width:100%;height:48px;accent-color:#FFD100;cursor:pointer}
.seg{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 22px}
.seg button{min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--bd2);background:var(--s2);color:var(--tx);font:inherit;font-weight:700;cursor:pointer}
.seg button.on{background:var(--y);color:#08080C;border-color:var(--y)}
.bar2{display:grid;gap:12px;margin-top:6px}
.bar2 .r{display:grid;grid-template-columns:110px 1fr 74px;gap:12px;align-items:center;font-size:15px}
.bar2 .r i{display:block;height:22px;border-radius:8px;background:#3a3a52;width:var(--w);transition:width .3s}
.bar2 .r.d i{background:var(--g)}
.bar2 .r em{font-style:normal;font-family:Inter;font-weight:800;text-align:start;color:var(--tx)}
.bar2 .r.d em{color:var(--g)}
.calc .out .big{font-family:Inter;font-weight:900;font-size:64px;line-height:1;color:var(--g)}
.calc .out .big small{font-size:22px;color:var(--tx);margin-inline-start:6px}
.calc .out p{color:#C9C9D6;margin:10px 0 0;font-size:15.5px}
.calc .out .eq{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.calc .out .eq span{background:rgba(8,8,12,.55);border:1px solid var(--bd2);border-radius:12px;padding:8px 12px;font-size:14px}
.src{color:var(--mu);font-size:15px;margin-top:16px}
.src a{color:var(--mu);text-decoration:underline}
.life{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;position:relative}
.life div{position:relative;padding:22px 20px 0}
.life div:before{content:"";position:absolute;top:0;inset-inline:0;height:6px;background:var(--g);opacity:.25}
.life div:first-child:before{border-start-start-radius:3px;border-end-start-radius:3px}
.life div.on:before{opacity:1}
.life i{font-style:normal;font-family:Inter;font-weight:900;color:#08080C;background:var(--g);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;margin-top:-6px}
.life b{display:block;font-size:17px;margin-top:12px}
.life small{color:var(--mu);font-size:14.5px;display:block}
.life .k{display:inline-block;margin-top:8px;font-family:Inter;font-weight:800;color:var(--g);font-size:14px}
.hub{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;margin-top:10px}
.hub>*{min-width:0}
.hub svg{width:100%;height:auto;display:block;border-radius:24px;border:1px solid var(--bd2);background:#0d0d13}
.hub .kn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.hub .kn div{background:var(--s1);border:1px solid var(--bd);border-radius:16px;padding:16px 18px}
.hub .kn b{display:block;font-family:Inter;font-weight:900;font-size:24px;color:var(--y)}
.hub .kn small{color:var(--mu);font-size:14px}
.pledge{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.pledge div{background:var(--s1);border:1px solid var(--bd);border-radius:20px;padding:22px}
.pledge b{display:block;font-size:17px;margin:12px 0 4px}
.pledge small{color:var(--mu);font-size:14.5px}
.final-card .ok{display:block;margin-top:10px;font-size:14px;color:#2a2a10;min-height:20px}
.form2 textarea{width:100%;min-height:96px;border-radius:14px;border:1.5px solid rgba(8,8,12,.25);background:#fff;font-size:16px;padding:12px 14px;font:inherit;color:#08080C}
@media (max-width:1100px){.feat{grid-template-columns:1fr 1fr}.walk{grid-template-columns:1fr 1fr}.walk div:nth-child(3){border-inline-start:0}.walk div:nth-child(n+3){border-top:1px solid var(--bd)}.life{grid-template-columns:1fr 1fr;row-gap:26px}}
@media (max-width:820px){
 .as-hero{padding:30px 0 44px}
 .as-hero .wrap{grid-template-columns:1fr;gap:30px}
 .as-hero h1{font-size:34px}
 .as-art{height:300px;border-radius:22px}
 .as-art .phone{width:112px;top:14px;inset-inline-start:14px;border-radius:18px}
 .as-art .chip{inset:auto 12px 12px 12px;padding:12px 14px}
 .as-art .chip b{font-size:15.5px}.as-art .chip small{font-size:13px}.as-art .chip .big{font-size:21px}
 .as-art.withphone .chip{inset-inline-start:138px}
 .as-art.withphone .chip .ic-sq{display:none}
 .facts{gap:18px}.facts b{font-size:23px}
 .feat{grid-template-columns:1fr;gap:12px;margin-top:28px}
 .fc{padding:20px}
 .seat{grid-template-columns:1fr}.seat .ph{min-height:230px}.seat .tx{padding:24px}.seat h3{font-size:23px}
 .vt>div{grid-template-columns:44px 1fr;}.vt>div .tag{grid-column:2;justify-self:start}.vt .ic-sq{width:44px;height:44px}
 .walk b{font-size:24px}.walk div{padding:18px}
 .lim{grid-template-columns:1fr}
 .calc{grid-template-columns:1fr}.calc .in,.calc .out{padding:22px}.calc .out{border-inline-start:0;border-top:1px solid var(--bd2)}
 .calc .out .big{font-size:48px}
 .bar2 .r{grid-template-columns:84px 1fr 62px;font-size:14px}
 .life{grid-template-columns:1fr;row-gap:20px}
 .hub{grid-template-columns:1fr;gap:24px}
 .pledge{grid-template-columns:1fr;gap:12px}
}

/* r2 */
.sh2 .demo{margin-bottom:8px}
.as-art .phone{box-shadow:0 30px 60px -12px rgba(0,0,0,.85),0 0 0 1px rgba(255,209,0,.25)}
.fc p{font-size:15.5px;line-height:1.7}
.vt>div>div{min-width:0}
.seat .ph .lbl{font-size:14px;color:var(--tx)}
.std span{font-size:15px}
.form2 label{font-size:15px}
.bar2 .r{grid-template-columns:96px 1fr 84px}
@media (max-width:820px){.as-art .phone{width:104px}.as-art .chip{inset:auto 12px 12px 12px}.as-art.withphone .chip .ic-sq{display:grid}.as-art{height:330px}}
@media (max-width:820px){.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.facts b{font-size:20px}.facts small{font-size:12.5px;display:block;line-height:1.45}}

/* r3 */
.as-art .phone{width:210px}
.facts small{color:#C9C9D6;font-size:14.5px}
@media (max-width:820px){.as-hero .cta-row{margin-top:20px}.as-hero .wrap{gap:22px}.as-art .phone{display:none}.as-art.withphone .chip{inset-inline-start:12px}.as-art{height:260px}.facts small{font-size:13px}}

/* r4 */
.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:28px}
@media (max-width:820px){.facts{grid-template-columns:repeat(3,1fr);gap:10px}.facts div{padding-inline-start:9px}.facts small{line-height:1.5}.as-hero{padding-top:38px}}

/* r5 */
.as-hero h1{padding-bottom:6px}
@media (max-width:820px){
 .as-hero h1{font-size:33px;line-height:1.35}
 .facts{grid-template-columns:1fr;gap:0;border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:var(--s1)}
 .facts div{display:flex;align-items:center;gap:14px;border-inline-start:0;padding:12px 16px;border-top:1px solid var(--bd)}
 .facts div:first-child{border-top:0}
 .facts b{font-size:22px;min-width:66px;color:var(--y)}
 .green .facts b{color:var(--g)}
 .facts small{font-size:14.5px;color:#C9C9D6}
}
@media (max-width:820px){.green .facts div{border-color:var(--bd)}.as-hero .src{padding-inline-end:4px}}