/* Industry pages (/new/industries/…), template industry.html.
   Ported from the "Ports & Logistics — Industry Page" design canvas (2026-10-26).
   Everything is scoped under .ind so it never touches the rest of the scale site;
   tokens (--ink, --coral, …) come from scale.css. */
.ind { color: var(--ink-2); font-weight: 450; }
.ind h1, .ind h2, .ind h3, .ind h4 { font-family: var(--display); color: var(--ink); margin: 0; font-weight: 450; }
.ind p { margin: 0; }
.ind a { color: inherit; text-decoration: none; }
.ind .wordmark { font-family: var(--display); font-weight: 800; letter-spacing: .02em; color: var(--coral); }
.ind h1, .ind h2, .ind h3, .ind h4{font-family:'Inter Tight','Inter',sans-serif; color:var(--ink); margin:0; font-weight:450;}
.ind .wrap{width:100%; max-width:1320px; margin:0 auto; padding-left:clamp(20px,4vw,48px); padding-right:clamp(20px,4vw,48px);}
.ind .band{width:100%; padding-top:96px; padding-bottom:96px;}
.ind .band.soft{background:var(--bg-soft);}
.ind .band.dark{background:var(--dark); color:var(--on-dark-2);}
.ind .band.dark h1, .ind .band.dark h2, .ind .band.dark h3{color:var(--on-dark);}
.ind .eyebrow{display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:550; color:var(--ink-3);}
.ind .band.dark .eyebrow, .ind .hero .eyebrow{color:var(--on-dark-2);}
.ind .eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--coral); display:inline-block;}
.ind .h1{font-size:62px; line-height:.98; letter-spacing:-2.1px;}
.ind .h2{font-size:42px; line-height:1.05; letter-spacing:-1.2px;}
.ind .lede{font-size:22px; line-height:1.45; font-weight:500;}
.ind .muted{color:var(--ink-3);}
.ind .p{color:var(--coral);}
.ind .section-head{display:flex; flex-direction:column; gap:16px; max-width:760px; margin-bottom:48px;}
.ind .section-head p{font-size:18px; color:var(--ink-3); max-width:620px;}
.ind .band.dark .section-head p{color:var(--on-dark-2);}
.ind .btn{display:inline-flex; align-items:center; gap:8px; padding:14px 24px; border-radius:999px; font-family:'Inter',sans-serif; font-size:15px; font-weight:600; line-height:1; transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease); white-space:nowrap;}
.ind .btn-primary{background:var(--ink); color:#fff;}
.ind .btn-primary:hover{background:#2a2926;}
.ind .btn-light{background:var(--on-dark); color:var(--ink);}
.ind .btn-light:hover{background:#fff;}
.ind .btn-ghost-dark{background:transparent; color:var(--on-dark); border:1px solid rgba(255,255,255,.55);}
.ind .btn-ghost-dark:hover{border-color:#fff;}
.ind .btn-outline{background:#fff; color:var(--ink); border:1px solid var(--line);}
.ind .btn-outline:hover{border-color:var(--ink-3);}
.ind .text-link{display:inline-flex; align-items:center; gap:6px; font-weight:650; font-size:15px; color:var(--ink);}
.ind .arrow{display:inline-block; transition:transform .25s var(--ease);}
.ind .btn:hover .arrow, .ind .text-link:hover .arrow, .ind .card-link:hover .arrow{transform:translateX(4px);}
.ind .tag{display:inline-flex; align-items:center; padding:5px 11px; border-radius:999px; background:var(--bg-soft); color:var(--ink-3); font-size:12px; font-weight:600;}
.ind .status{display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; font-size:13px; font-weight:600;}
.ind .status.live{background:rgba(47,122,85,.14); color:#6fcf9c;}
.ind .status.live.on-light{background:#e7f2ec; color:var(--green);}
.ind .status .sdot{width:7px; height:7px; border-radius:50%; background:currentColor; animation:ind-pulse 2.4s var(--ease) infinite;}
.ind .badge{display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:999px; background:var(--coral-tint); color:var(--coral-ink); font-size:13px; font-weight:650;}
.ind .card{background:#fff; border:1px solid var(--line); border-radius:22px; padding:30px; position:relative; transition:transform .35s var(--ease),border-color .35s var(--ease);}
.ind .card:hover{transform:translateY(-4px);}
.ind a.card:hover{border-color:var(--coral);}
.ind .icon-box{width:46px; height:46px; border-radius:13px; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; color:var(--ink); flex:none;}
.ind .icon-box svg{width:22px; height:22px;}
.ind .check-row{display:flex; gap:12px; align-items:flex-start;}
.ind .check-row svg{flex:none; margin-top:5px;}
.ind .hero{position:relative; overflow:hidden; background:var(--dark);}
.ind .hero-bg{position:absolute; inset:0; background: radial-gradient(60% 70% at 85% 30%, rgba(242,100,64,.16) 0%, rgba(242,100,64,0) 60%), radial-gradient(120% 140% at 10% -10%, rgb(42,38,34) 0%, var(--dark) 60%); animation:ind-kenburns 14s var(--ease) both;}
.ind .hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; padding-top:88px; padding-bottom:104px;}
.ind .hero-copy{display:flex; flex-direction:column; gap:26px;}
.ind .hero-copy .h1{color:var(--on-dark);}
.ind .hero-copy .lede{color:var(--on-dark-2); max-width:600px;}
.ind .hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:6px;}
.ind .in-1{animation:ind-rise 1s var(--ease) .15s both;}
.ind .in-2{animation:ind-rise 1s var(--ease) .28s both;}
.ind .in-3{animation:ind-rise 1s var(--ease) .41s both;}
.ind .in-4{animation:ind-rise 1s var(--ease) .54s both;}
.ind .in-5{animation:ind-rise 1.1s var(--ease) .45s both;}
.ind .panel{background:var(--dark-2); border:1px solid rgba(255,255,255,.08); border-radius:22px; padding:24px; color:var(--on-dark-2);}
.ind .panel-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;}
.ind .panel-title{font-size:14px; font-weight:600; color:var(--on-dark);}
.ind .panel svg text{font-family:'Inter',sans-serif;}
.ind .flow{stroke-dasharray:4 7; animation:ind-flow 1.6s linear infinite;}
.ind .flow.slow{animation-duration:2.4s;}
.ind .hub-ring{transform-origin:260px 150px; animation:ind-ring 2.8s var(--ease) infinite;}
.ind .feed{display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.08); margin-top:6px;}
.ind .feed-row{display:flex; align-items:center; gap:12px; padding:12px 2px; border-bottom:1px solid rgba(255,255,255,.06); font-size:14px; color:var(--on-dark);}
.ind .feed-row:last-child{border-bottom:0;}
.ind .feed-row .t{white-space:nowrap; margin-left:auto; color:var(--on-dark-2); font-size:13px; font-variant-numeric:tabular-nums;}
.ind .feed-row .fd{width:8px; height:8px; border-radius:50%; flex:none;}
.ind .feed-row:nth-child(1){animation:ind-rise .8s var(--ease) 1.1s both;}
.ind .feed-row:nth-child(2){animation:ind-rise .8s var(--ease) 1.35s both;}
.ind .feed-row:nth-child(3){animation:ind-rise .8s var(--ease) 1.6s both;}
@keyframes ind-rise{from{ opacity:0; translate:0 24px; } to{ opacity:1; translate:0 0; }}
@keyframes ind-reveal{from{ opacity:0; translate:0 24px; } to{ opacity:1; translate:0 0; }}
@keyframes ind-kenburns{from{ transform:scale(1.08); } to{ transform:scale(1); }}
@keyframes ind-pulse{0%,100%{ opacity:1; } 50%{ opacity:.35; }}
@keyframes ind-flow{to{ stroke-dashoffset:-22; }}
@keyframes ind-ring{0%{ transform:scale(1); opacity:.55; } 100%{ transform:scale(1.55); opacity:0; }}
.ind .cta{text-align:center; display:flex; flex-direction:column; align-items:center; gap:22px;}
.ind .cta .h2{font-size:52px; letter-spacing:-1.6px; max-width:760px;}
.ind .cta p{max-width:560px; font-size:18px;}
.ind .mini-dia{display:block; margin-bottom:8px; overflow:visible;}
.ind .mini-ring{transform-box:fill-box; transform-origin:center; animation:ind-ring 2.8s var(--ease) infinite;}
.ind .i-pillar{display:flex; flex-direction:column; gap:12px;}
.ind .i-pillar .pname{font-size:15px; font-weight:650; color:var(--coral);}
.ind .i-pillar h3{font-size:26px; line-height:1.12; letter-spacing:-.6px;}
.ind .i-pillar p{font-size:15.5px; line-height:1.55; color:var(--ink-2);}
.ind .i-pillar .text-link{margin-top:auto; padding-top:6px;}
@media (max-width: 1000px){
.ind .hero-grid, .ind .tpl-grid, .ind .day1{grid-template-columns:1fr !important;}
.ind .stats, .ind .aud-grid, .ind .why-grid, .ind .others, .ind .steps{grid-template-columns:1fr 1fr !important;}
.ind .flow-steps{grid-template-columns:1fr 1fr !important;}
.ind .steps::before, .ind .flow-steps::before{display:none;}
.ind .h1{font-size:46px; letter-spacing:-1.4px;}
}
@media (max-width: 640px){
.ind .stats, .ind .aud-grid, .ind .why-grid, .ind .others, .ind .steps, .ind .tpl-list, .ind .what-grid, .ind .flow-steps{grid-template-columns:1fr !important;}
.ind .h1{font-size:38px; letter-spacing:-1px;}
.ind .h2{font-size:32px;}
.ind .i-statement{font-size:28px !important;}
.ind .band{padding-top:64px; padding-bottom:64px;}
.ind .i-logo{flex:1 1 50%; border-left:0 !important; border-bottom:1px solid var(--line);}
.ind .i-logos{border-bottom:0;}
}
@media (prefers-reduced-motion: reduce){
.ind *::before, .ind *::after{animation:none !important; transition:none !important;}
}
.ind .i-logos{display:flex; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.ind .i-logo{flex:1 1 auto; min-height:96px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:18px 28px; border-left:1px solid var(--line);}
.ind .i-logo:first-child{border-left:0;}
.ind .i-logo img, .ind .i-logo svg{height:26px; width:auto; max-width:150px; display:block; filter:grayscale(1); opacity:.62; transition:filter .35s var(--ease),opacity .35s var(--ease);}
.ind .i-logo:hover img, .ind .i-logo:hover svg{filter:none; opacity:1;}
.ind .i-logo .inv{filter:grayscale(1) invert(1);}
.ind .i-logo:hover .inv{filter:invert(1);}
.ind .i-logo .inv svg{height:34px; max-width:170px;}
.ind .i-logo .word{font-family:'Inter Tight',sans-serif; font-weight:700; font-size:17px; letter-spacing:.02em; color:var(--ink-3); line-height:1.1; text-align:center; transition:color .35s var(--ease);}
.ind .i-logo:hover .word{color:var(--ink);}
.ind .i-logo .cap{font-size:12px; font-weight:600; color:var(--ink-3);}
.ind .stats{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:64px;}
.ind .stat{padding:28px 0 0; border-top:1px solid var(--line);}
.ind .stat .num{font-family:'Inter Tight',sans-serif; font-size:56px; line-height:1; letter-spacing:-1.8px; color:var(--coral); font-weight:450; margin-bottom:14px;}
.ind .stat p{font-size:16px; color:var(--ink-3); max-width:300px;}
.ind .i-statement{font-family:'Inter Tight',sans-serif; font-size:44px; line-height:1.18; letter-spacing:-1.2px; font-weight:450; color:var(--on-dark); max-width:1080px;}
.ind .i-statement .dim{color:#55534e;}
.ind .tpl-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:20px; align-items:stretch;}
.ind .feature{border-radius:22px; padding:36px; color:#fff; display:flex; flex-direction:column; justify-content:space-between; gap:28px; background:radial-gradient(120% 120% at 20% 0%, rgb(255,138,102) 0%, rgb(242,100,64) 45%, rgb(217,80,45) 100%);}
.ind .feature h3{color:#fff; font-size:37px; letter-spacing:-1px; line-height:1.05;}
.ind .feature .sub{color:rgba(255,255,255,.88); font-size:17px; max-width:420px; margin-top:12px;}
.ind .feature .rows{display:flex; flex-direction:column; gap:12px; font-size:15.5px; color:#fff;}
.ind .feature .mini{display:flex; gap:32px; padding-top:22px; border-top:1px solid rgba(255,255,255,.28);}
.ind .feature .mini b{display:block; font-family:'Inter Tight',sans-serif; font-weight:500; font-size:28px; letter-spacing:-.6px; color:#fff;}
.ind .feature .mini span{font-size:13px; color:rgba(255,255,255,.82);}
.ind .feature .chip{align-self:flex-start; background:rgba(0,0,0,.16); border-radius:999px; padding:10px 16px; font-size:13.5px; font-weight:550;}
.ind .tpl-list{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.ind .tpl{display:flex; flex-direction:column; gap:12px; min-height:240px;}
.ind .tpl .top{display:flex; align-items:center; justify-content:space-between;}
.ind .tpl h3{font-size:23px; letter-spacing:-.4px;}
.ind .tpl p{font-size:15.5px; line-height:1.55; color:var(--ink-2);}
.ind .tpl .text-link{margin-top:auto;}
.ind .aud-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.ind .aud{display:flex; flex-direction:column; gap:18px;}
.ind .aud h3{font-size:23px; letter-spacing:-.4px;}
.ind .aud p{font-size:16px;}
.ind .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; position:relative;}
.ind .steps::before{content:""; position:absolute; left:0; right:0; top:51px; border-top:1px dashed #d9d6cf;}
.ind .step{position:relative; display:flex; flex-direction:column; gap:14px;}
.ind .step .n{font-family:'Inter Tight',sans-serif; font-size:15px; font-weight:600; color:var(--ink-3);}
.ind .step .pt{width:14px; height:14px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 6px #fff; margin:6px 0 10px;}
.ind .step .pt.hollow{background:#fff; border:2px solid var(--coral);}
.ind .step .when{font-size:13px; font-weight:600; color:var(--ink-3);}
.ind .step h3{font-size:30px; letter-spacing:-.8px; color:var(--coral); line-height:1.1;}
.ind .step .rows{display:flex; flex-direction:column; gap:8px; font-size:16px;}
.ind .step .badge{align-self:flex-start; margin-top:6px;}
.ind .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.ind .why{display:flex; flex-direction:column; gap:18px;}
.ind .why h3{font-size:23px; letter-spacing:-.4px;}
.ind .why .rows{display:flex; flex-direction:column; gap:10px; font-size:16px;}
.ind .why .text-link{margin-top:auto;}
.ind .i-faq{max-width:900px; border-top:1px solid var(--line);}
.ind .i-faq details{border-bottom:1px solid var(--line);}
.ind .i-faq summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 0; font-family:'Inter Tight',sans-serif; font-size:21px; font-weight:500; color:var(--ink); letter-spacing:-.3px;}
.ind .i-faq summary::-webkit-details-marker{display:none;}
.ind .i-faq summary .pm{width:30px; height:30px; border-radius:50%; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:18px; flex:none; transition:transform .3s var(--ease),background .3s var(--ease);}
.ind .i-faq details[open] summary .pm{transform:rotate(45deg); background:var(--coral-tint); color:var(--coral-ink);}
.ind .i-faq details p{padding:0 60px 26px 0; font-size:17px; max-width:760px; animation:ind-rise .45s var(--ease) both;}
.ind .hscroll{overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scroll-snap-type:none; padding:4px 0 20px; scrollbar-width:thin; scrollbar-color:#cfcbc2 transparent;}
.ind .hscroll::-webkit-scrollbar{height:6px;}
.ind .hscroll::-webkit-scrollbar-thumb{background:#cfcbc2; border-radius:999px;}
.ind .hscroll::-webkit-scrollbar-track{background:transparent;}
.ind .hscroll-track{display:flex; gap:20px; width:max-content; padding-left:max(clamp(20px,4vw,48px), calc((100vw - 1320px) / 2 + clamp(20px,4vw,48px))); padding-right:clamp(20px,4vw,48px);}
.ind .hscroll-track > .shift{width:380px; flex:none;}
.ind .shift{display:flex; flex-direction:column; gap:20px; min-height:300px;}
.ind .shift .area{font-size:15px; font-weight:650; color:var(--coral);}
.ind .shift .lbl{font-size:12px; font-weight:650; color:var(--ink-3); margin-bottom:6px;}
.ind .shift .before p{font-size:16px; color:var(--ink-3);}
.ind .shift .after{margin-top:auto; padding-top:20px; border-top:1px solid var(--line);}
.ind .shift .after .lbl{color:var(--coral-ink);}
.ind .shift .after p{font-family:'Inter Tight',sans-serif; font-size:22px; line-height:1.25; letter-spacing:-.4px; color:var(--ink);}
.ind .scroll-hint{display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; gap:20px;}
.ind .scroll-hint .muted{font-size:14px; font-weight:550;}
.ind .app{border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#fff;}
.ind .app-top{display:flex; align-items:center; gap:14px; padding:16px 22px; border-bottom:1px solid var(--line);}
.ind .app-top .crumb{font-size:14px; font-weight:550; color:var(--ink-3);}
.ind .app-top .crumb b{color:var(--ink); font-weight:600;}
.ind .app-top .right{margin-left:auto; display:flex; gap:10px; align-items:center;}
.ind .app-body{display:grid; grid-template-columns:210px 1fr; min-height:520px;}
.ind .app-side{background:var(--bg-soft); border-right:1px solid var(--line); padding:18px 12px; display:flex; flex-direction:column; gap:4px;}
.ind .app-side > span{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; font-size:14px; font-weight:550; color:var(--ink-3);}
.ind .app-side > span.on{background:#fff; color:var(--ink);}
.ind .app-side .n{margin-left:auto; font-size:12px; font-weight:650; color:var(--ink-3);}
.ind .app-side span.on .n{color:var(--coral-ink);}
.ind .app-main{padding:24px; display:flex; flex-direction:column; gap:20px; min-width:0;}
.ind .kpis{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:14px;}
.ind .kpi{border:1px solid var(--line); border-radius:16px; padding:16px 18px; display:flex; flex-direction:column; gap:4px;}
.ind .kpi .k{font-size:13px; font-weight:550; color:var(--ink-3);}
.ind .kpi .v{font-family:'Inter Tight',sans-serif; font-size:34px; letter-spacing:-1px; color:var(--ink); line-height:1.1;}
.ind .kpi .v.c{color:var(--coral);}
.ind .kpi-row{display:flex; align-items:flex-end; justify-content:space-between; gap:12px;}
.ind .spark-line{stroke-dasharray:1; stroke-dashoffset:1; animation:ind-draw 1.6s var(--ease) .4s forwards;}
.ind .spark-fill{opacity:0; animation:ind-fadein 1s var(--ease) 1.2s forwards;}
@keyframes ind-draw{to{ stroke-dashoffset:0; }}
@keyframes ind-fadein{to{ opacity:1; }}
.ind .tbl-wrap{border:1px solid var(--line); border-radius:16px; overflow-x:auto;}
.ind .tbl{width:100%; border-collapse:collapse; font-size:14px; min-width:640px;}
.ind .tbl th{text-align:left; font-size:12px; font-weight:650; color:var(--ink-3); padding:12px 16px; border-bottom:1px solid var(--line); background:#fcfbf9;}
.ind .tbl td{padding:13px 16px; border-bottom:1px solid var(--line); color:var(--ink-2); white-space:nowrap;}
.ind .tbl tr:last-child td{border-bottom:0;}
.ind .tbl td.id{font-variant-numeric:tabular-nums; color:var(--ink); font-weight:550;}
.ind .tbl td.t{color:var(--ink-3);}
.ind .st{display:inline-flex; align-items:center; gap:7px; padding:4px 10px; border-radius:999px; font-size:12.5px; font-weight:600;}
.ind .st::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor;}
.ind .st.ok{background:#e7f2ec; color:var(--green);}
.ind .st.wait{background:var(--bg-soft); color:var(--ink-3);}
.ind .st.hold{background:var(--coral-tint); color:var(--coral-ink);}
.ind .tbl tr.new td{animation:ind-rowin .9s var(--ease) .9s both;}
@keyframes ind-rowin{from{ background:var(--coral-tint); } to{ background:transparent; }}
.ind .proof3{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:40px;}
.ind .proof3 h3{font-size:22px; letter-spacing:-.3px; margin-bottom:8px;}
.ind .proof3 p{font-size:16px; color:var(--ink-3); margin-bottom:12px;}
@media (max-width:1000px){
.ind .hscroll-track > .shift{width:300px;}
.ind .app-body{grid-template-columns:1fr;}
.ind .app-side{display:none;}
.ind .kpis, .ind .proof3{grid-template-columns:1fr !important;}
}

/* client reference band (e.g. construction page) */
.ind .ref-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ind .ref-step { border: 1px solid rgba(255,255,255,.1); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; gap: 10px; background: var(--dark-2); }
.ind .ref-step .when { font-size: 13px; font-weight: 600; color: var(--coral); }
.ind .ref-step h3 { font-size: 23px; letter-spacing: -.4px; color: var(--on-dark); }
.ind .ref-step p { font-size: 16px; color: var(--on-dark-2); }
.ind .ref-note { margin-top: 28px; font-size: 14px; color: var(--on-dark-2); max-width: 760px; }
@media (max-width: 1000px) { .ind .ref-grid { grid-template-columns: 1fr; } }

/* "wide" template layout (many agents): the feature card spans the top, agents in three columns */
.ind .tpl-grid.wide { grid-template-columns: 1fr; }
.ind .tpl-grid.wide .feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 28px 48px; }
.ind .tpl-grid.wide .feature .rows { gap: 14px; }
.ind .tpl-grid.wide .tpl-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) { .ind .tpl-grid.wide .feature { grid-template-columns: 1fr; } .ind .tpl-grid.wide .tpl-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .ind .tpl-grid.wide .tpl-list { grid-template-columns: 1fr; } }
.ind .feature .ex-title { margin-top: 22px; font-size: 13px; font-weight: 650; letter-spacing: .02em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.ind .feature .examples { margin-top: 10px; display: grid; gap: 8px; }
.ind .feature .examples li { font-family: var(--display); font-size: 18px; line-height: 1.3; color: #fff; padding-left: 14px; border-left: 2px solid rgba(255,255,255,.45); }
.ind .tpl-grid.wide .feature .chip { grid-column: 1 / -1; }
.ind .tpl-grid.wide .feature .sub { max-width: 560px; }
.ind .status.neutral { background: rgba(255,255,255,.08); color: var(--on-dark-2); }
.ind .status.neutral .sdot { animation: none; opacity: .7; }