/* /why-world-steel – why the World Steel solution is optimal (6 reasons, built-up vs hot-rolled, supplier not competitor, Form D, price) */
.wy-hprice{display:inline-flex;flex-direction:column;gap:2px;margin:0 0 22px;padding:12px 20px;border-radius:12px;background:rgba(0,23,47,.55);border:1px solid rgba(231,196,106,.45);backdrop-filter:blur(8px)}
.wy-hprice span{font:600 .78rem/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l)}
.wy-hprice b{font:600 1.25rem/1.2 var(--f-head);color:#fff;letter-spacing:.02em}
.wy-hprice strong{font-size:2rem;color:var(--gold-l);font-weight:700}

/* 6 reasons */
.wy-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wy-card{display:flex;flex-direction:column;height:100%;padding:30px 28px 24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--ink);position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.wy-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--red),var(--gold))}
.wy-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);color:var(--ink)}
.wy-card__n{position:absolute;right:22px;top:16px;font:700 2.6rem/1 var(--f-head);color:var(--tint);-webkit-text-stroke:1px var(--line)}
.wy-card__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:var(--gold-l);margin-bottom:18px}
.wy-card__ic .ic,.wy-card__ic svg{width:26px;height:26px}
.wy-card h3{font-size:1.3rem;margin-bottom:.45em}
.wy-card p{color:var(--ink-2);font-size:.98rem;margin:0 0 14px}
.wy-card__price{color:var(--navy)!important;font-weight:600}
.wy-card__price b{font:700 1.5rem/1 var(--f-head);color:var(--red)}
.wy-card__go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:600 .82rem/1 var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.wy-card__go svg{width:16px;height:16px}

/* layout helpers */
.wy-sec h2{max-width:34ch}
.wy-split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,64px);align-items:start;margin-bottom:clamp(28px,3.5vw,48px)}
.wy-split .prose p{margin-bottom:1em}
.wy-split .prose strong{color:var(--navy)}
.sec--dark .wy-split .prose strong{color:#fff}
.wy-sub{font-size:1.5rem;margin:clamp(36px,4vw,56px) 0 20px}
.wy-center{text-align:center;margin:34px 0 0}
.wy-small{font-size:.92rem;color:var(--mute);margin:22px 0 0}
.wy-small a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.wy-small svg{width:14px;height:14px}

/* metrics / facts */
.wy-metrics,.wy-facts{list-style:none;display:grid;gap:14px}
.wy-metrics li,.wy-facts li{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px -16px rgba(0,36,74,.4)}
.wy-metrics b,.wy-facts b{flex:none;min-width:5.4ch;font:700 2rem/1 var(--f-head);color:var(--red)}
.wy-metrics span,.wy-facts span{color:var(--ink-2);font-size:.98rem;line-height:1.45}
.wy-facts{grid-template-columns:1fr 1fr}
.wy-facts li{flex-direction:column;align-items:flex-start;gap:8px}
.wy-facts li.is-hi{background:var(--navy);border-color:var(--navy)}
.wy-facts li.is-hi b{color:var(--gold-l);font-size:3rem}
.wy-facts li.is-hi span{color:#D6DEE9}

/* feature cards */
.wy-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wy-feats--4{grid-template-columns:repeat(4,1fr);margin-top:clamp(30px,3.5vw,48px)}
.wy-feat{display:flex;gap:16px;padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.wy-feat__ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(196,29,48,.08);color:var(--red)}
.wy-feat__ic svg{width:22px;height:22px}
.wy-feat h3{font-size:1.08rem;margin:2px 0 .35em}
.wy-feat p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55}
.sec--dark .wy-feat{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.sec--dark .wy-feat h3{color:#fff}
.sec--dark .wy-feat p{color:#B7C3D3}
.sec--dark .wy-feat__ic{background:rgba(231,196,106,.12);color:var(--gold-l)}

/* built-up illustration */
.wy-shapes{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--navy);box-shadow:var(--sh-lg)}
.wy-shapes__img{aspect-ratio:16/10;overflow:hidden}
.wy-shapes__img img{width:100%;height:100%;object-fit:cover}
.wy-shapes__svg{width:100%;height:auto;padding:18px 22px 20px;font:600 13px var(--f-body)}
.wy-shapes__svg text{fill:#D6DEE9;letter-spacing:.04em}
.wy-shapes__svg .hr rect{fill:#7F8DA3}
.wy-shapes__svg .hr .web{fill:#56657D}
.wy-shapes__svg .bu path{fill:var(--gold)}
.wy-shapes__svg .bu .web{fill:#9C7623}

/* tables */
.wy-table{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px -22px rgba(0,36,74,.45)}
.wy-table table{width:100%;border-collapse:collapse;min-width:640px;font-size:.97rem}
.wy-table th,.wy-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.wy-table tbody tr:last-child th,.wy-table tbody tr:last-child td{border-bottom:0}
.wy-table thead th{background:var(--navy);color:#fff;font:600 .9rem/1.3 var(--f-head);letter-spacing:.08em;text-transform:uppercase}
.wy-table thead th.is-hi{background:var(--red)}
.wy-table thead th.is-ws{background:var(--navy-2)}
.wy-table tbody th{font-weight:600;color:var(--navy);width:26%}
.wy-table td{color:var(--ink-2)}
.wy-table td.is-hi{background:rgba(196,29,48,.035);color:var(--ink)}
.wy-table td.is-hi>.ic,.wy-table td.is-hi>svg{display:inline-block;width:16px;height:16px;color:#1d8a4e;margin:0 8px -2px 0}
.wy-table--scope td{text-align:center;width:24%}
.wy-table--scope td.is-hi{background:rgba(29,138,78,.05)}
.wy-yes{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1d8a4e;color:#fff}
.wy-yes svg{width:16px;height:16px}
.wy-no{color:var(--steel);font-weight:700}
.wy-table--scope{margin-bottom:clamp(28px,3.5vw,44px)}

/* worked example */
.wy-example{margin-top:clamp(30px,3.5vw,48px);padding:clamp(22px,3vw,36px);border-radius:var(--r-lg);background:var(--tint);border:1px solid var(--line)}
.wy-example__head{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}
.wy-example__head h3{font-size:1.45rem;margin-bottom:.3em}
.wy-example__head p{margin:0;color:var(--ink-2)}
.wy-example__ic{flex:none;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--red);color:#fff}
.wy-example__ic svg{width:28px;height:28px}
.wy-table--ex thead th:first-child{background:var(--navy-d)}
.wy-table--ex tr.is-sum th,.wy-table--ex tr.is-sum td{font:700 1.15rem/1.3 var(--f-head);background:#FBF6EA}
.wy-table--ex tr.is-sum td.is-hi{color:var(--red);background:#FCEFEF}
.wy-example__note{display:flex;gap:10px;margin:16px 0 0;font-size:.92rem;color:var(--mute)}
.wy-example__note svg{flex:none;width:18px;height:18px;margin-top:2px}

/* automatic line / Form D steps */
.wy-line{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:l}
.wy-line--4{grid-template-columns:repeat(4,1fr)}
.wy-line li{position:relative;padding:22px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.wy-line li:not(:last-child)::after{content:"";position:absolute;top:40px;right:-14px;width:12px;height:2px;background:var(--gold)}
.wy-line__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font:700 1rem/1 var(--f-head);margin-bottom:12px}
.wy-line h4{font:600 1.08rem/1.25 var(--f-head);color:var(--navy);margin:0 0 .4em;text-transform:uppercase;letter-spacing:.03em}
.lang-th .wy-line h4{text-transform:none;letter-spacing:0}
.wy-line p{margin:0;font-size:.93rem;color:var(--ink-2);line-height:1.55}
.wy-honest{display:flex;gap:14px;align-items:flex-start;margin:24px 0 0;padding:18px 22px;border-left:4px solid var(--gold);border-radius:0 var(--r) var(--r) 0;background:#FBF6EA;color:var(--ink)}
.wy-honest svg{flex:none;width:22px;height:22px;color:var(--gold);margin-top:2px}

/* schedule */
.wy-tl{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid rgba(231,196,106,.35)}
.wy-tl li{position:relative;padding:26px 20px 0 0}
.wy-tl li::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(204,153,43,.2)}
.wy-tl__d{display:block;font:700 1.9rem/1 var(--f-head);color:var(--gold-l);margin-bottom:10px}
.wy-tl h3{font-size:1.1rem;color:#fff;margin-bottom:.35em}
.wy-tl p{margin:0;color:#B7C3D3;font-size:.94rem;line-height:1.55}

/* value chain */
.wy-chain{display:grid;gap:12px;position:relative}
.wy-chain::before{content:"";position:absolute;left:31px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--navy),var(--gold))}
.wy-chain__step{position:relative;display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.wy-chain__step>span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;position:relative;z-index:1}
.wy-chain__step>span svg{width:16px;height:16px}
.wy-chain__step b{display:block;font:600 1.08rem/1.25 var(--f-head);color:var(--navy);text-transform:uppercase;letter-spacing:.04em}
.lang-th .wy-chain__step b{text-transform:none;letter-spacing:0}
.wy-chain__step p{margin:4px 0 0;font-size:.94rem;color:var(--ink-2);line-height:1.5}
.wy-chain__step--1{border-color:#1d8a4e;box-shadow:0 0 0 3px rgba(29,138,78,.1)}
.wy-chain__step--1>span{background:#1d8a4e}
.wy-chain__step--ws{background:var(--navy);border-color:var(--navy)}
.wy-chain__step--ws>span{background:var(--red)}
.wy-chain__step--ws b{color:var(--gold-l)}
.wy-chain__step--ws p{color:#D6DEE9}

/* price */
.wy-price{display:grid;grid-template-columns:1.1fr .9fr;gap:0;max-width:1040px;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);border:1px solid var(--line)}
.wy-price__main{padding:clamp(28px,4vw,48px);background:radial-gradient(120% 90% at 85% 0%,#0B3B70 0%,var(--navy) 50%,var(--navy-d) 100%);color:#D6DEE9}
.wy-price__label{font:600 .82rem/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l)}
.wy-price__fig{margin:10px 0 16px;font:600 1.6rem/1 var(--f-head);color:#fff;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.wy-price__fig b{font-size:clamp(3.4rem,7vw,5rem);color:var(--gold-l);letter-spacing:.01em}
.wy-price__note{margin:0;font-size:.95rem;line-height:1.6;color:#B7C3D3}
.wy-price__inc{padding:clamp(24px,3.5vw,44px);background:#fff;display:flex;flex-direction:column;justify-content:center}
.wy-price__inc .ticks{margin:0 0 24px}
.wy-price--off{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:clamp(28px,4vw,48px);background:#fff}
.wy-price--off p{max-width:60ch;margin:0;color:var(--ink-2);font-size:1.08rem}

@media (max-width:1100px){
  .wy-line{grid-template-columns:repeat(3,1fr)}
  .wy-feats--4{grid-template-columns:repeat(2,1fr)}
  .wy-tl{grid-template-columns:repeat(3,1fr);row-gap:30px}
}
@media (max-width:1024px){
  .wy-grid,.wy-feats{grid-template-columns:repeat(2,1fr)}
  .wy-split{grid-template-columns:1fr}
  .wy-price{grid-template-columns:1fr}
}
@media (max-width:760px){
  .wy-grid,.wy-feats,.wy-feats--4,.wy-line,.wy-line--4,.wy-facts{grid-template-columns:1fr}
  .wy-line li::after{display:none}
  .wy-tl{grid-template-columns:1fr;border-top:0;border-left:2px solid rgba(231,196,106,.35);padding-left:22px;row-gap:22px}
  .wy-tl li{padding:0}
  .wy-tl li::before{left:-30px;top:6px}
  .wy-card__n{font-size:2rem}
  .wy-table--scope table,.wy-table--ex table{min-width:520px}
}