/* ================= industries page ================= */
.ix{padding-top:128px;padding-bottom:var(--sec)}
.ix-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:20px 64px;align-items:end}
.ix-crumbs{display:flex;gap:8px;font-size:14px;color:var(--soft)}
.ix-crumbs a{text-decoration:none;color:var(--ink)}
.ix-head h1{font-size:clamp(38px,5vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.02;margin-top:18px;max-width:14ch}
.ix-head p{color:var(--soft);font-size:18px;max-width:460px}

.ix-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(32px,4vw,52px);align-items:start}
.ix-nav{position:sticky;top:110px;display:grid;gap:2px}
.ix-nav button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;background:none;border-radius:14px;padding:14px 16px;font:500 16px var(--f);color:var(--soft);cursor:pointer;transition:background .2s,color .2s}
.ix-nav button:hover{background:var(--tint);color:var(--ink)}
.ix-nav button i{font-style:normal;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.ix-nav button.on{background:#14171b;color:var(--white);font-weight:600}
.ix-nav button.on i{opacity:1;transform:none}

.ix-panel{min-width:0}
.ix-ph{position:relative;border-radius:32px;aspect-ratio:16/8;background:center/cover no-repeat;overflow:hidden;display:flex;align-items:flex-end}
.ix-ph::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,23,27,.78),rgba(20,23,27,.1) 60%)}
.ix-ph .cap{position:relative;padding:clamp(20px,3vw,36px);color:var(--white);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;flex-wrap:wrap}
.ix-ph h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;line-height:1.05;max-width:14ch}
.ix-ph .stat{border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.38);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:14px 18px;min-width:180px}
.ix-ph .stat b{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ix-ph .stat span{font-size:13.5px;color:rgba(255,255,255,.85)}
.ix-intro{font-size:19px;line-height:1.6;color:#2a2b31;margin-top:clamp(22px,3vw,32px);max-width:760px}
.ix-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(22px,3vw,32px)}
.ix-col{border-radius:24px;padding:clamp(20px,2.4vw,28px)}
.ix-col.hard{background:var(--tint)}
.ix-col.help{background:var(--white);border:1px solid #ebe9f3}
.ix-col h3{font-size:18px}
.ix-col ul{list-style:none;padding:0;margin-top:14px;display:grid;gap:12px}
.ix-col li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.5;color:#3a3b42}
.ix-col.hard li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:2px;border-radius:2px;background:#8f8ca4}
.ix-col.help li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e42313' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.ix-story{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;margin-top:clamp(16px,2vw,24px);border-radius:24px;background:#14171b;color:var(--white);padding:clamp(22px,2.6vw,32px);position:relative;overflow:hidden}
.ix-story::before{content:"";position:absolute;right:-12%;top:-70%;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(228,35,19,.22),transparent);pointer-events:none}
.ix-story>*{position:relative}
.ix-story blockquote{font-size:clamp(18px,1.8vw,22px);line-height:1.45;font-weight:500}
.ix-story cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:#b9b6cc}
.ix-story .res{display:grid;gap:14px;padding-left:32px;border-left:1px solid rgba(255,255,255,.14)}
.ix-story .res b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ix-story .res span{font-size:13px;color:#b9b6cc}
.ix-svc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:clamp(18px,2.4vw,26px)}
.ix-svc>span{font-size:14px;color:var(--soft);margin-right:4px}
.ix-svc a{font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s,color .2s}
.ix-svc a:hover{border-color:var(--ink);color:var(--acc)}
.ix-svc .btn{margin-left:auto}
.ix-fade{animation:ixIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ixIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ix-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.ix-proof div{padding:24px 24px 0 0}
.ix-proof div+div{padding-left:24px;border-left:1px solid var(--line)}
.ix-proof b{display:block;font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ix-proof span{color:var(--soft);font-size:15px}
.ix-proof-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 40px;flex-wrap:wrap;margin-bottom:clamp(20px,2.6vw,32px)}
.ix-proof-head p{color:var(--soft);max-width:420px}

@media (max-width:1000px){
  .ix-head{grid-template-columns:minmax(0,1fr)}
  .ix-wrap{grid-template-columns:minmax(0,1fr)}
  .ix-nav{position:sticky;top:84px;z-index:5;display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;background:var(--white);padding:10px 0;margin:-10px 0 0}
  .ix-nav::-webkit-scrollbar{display:none}
  .ix-nav button{flex:none;border:1px solid #e3e1ee;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink)}
  .ix-nav button i{display:none}
  .ix-nav button.on{border-color:#14171b}
  .ix-story{grid-template-columns:minmax(0,1fr)}
  .ix-story .res{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;grid-template-columns:1fr 1fr}
  .ix-proof{grid-template-columns:1fr 1fr}
  .ix-proof div:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:680px){
  .ix{padding-top:100px}
  .ix-ph{aspect-ratio:4/4.2;border-radius:24px}
  .ix-ph .stat{min-width:0}
  .ix-cols{grid-template-columns:minmax(0,1fr)}
  .ix-intro{font-size:17px}
  .ix-svc .btn{margin-left:0;width:100%}
}