/* Termotron: a real product screen and the procurement workflow behind it. */
body[data-scene="supplier-case"],body[data-scene="supplier-flow"]{--paper:#0a172b;--ink:#f6f9ff;--muted:#b8cae1;--violet:#80c8ff;--line:#a6d5ff30;background:#0a172b}
body[data-scene="supplier-case"]:before,body[data-scene="supplier-flow"]:before{background:radial-gradient(ellipse at 85% 40%,#2874bb35,transparent 65%)}
.supplier-case,.supplier-flow{background:radial-gradient(ellipse at 90% 25%,#285c8e44,transparent 60%),linear-gradient(125deg,#0a172b,#101f38);isolation:isolate;color:#f6f9ff}
.supply-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#78b8fa08 1px,transparent 1px),linear-gradient(90deg,#78b8fa08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(100deg,transparent,#000);animation:supply-grid-drift 28s linear infinite}
.supplier-case{display:grid;grid-template-columns:.96fr 1.5fr;align-items:center;gap:3.4vw}
.supply-copy,.supply-proof{min-width:0;position:relative}
.supply-logo{display:block;width:clamp(235px,20vw,385px);height:auto;margin-bottom:32px}
.supplier-case h2{font-size:clamp(58px,5.1vw,98px);line-height:1.02;letter-spacing:-.065em}
.supply-accent{color:#82c8ff}
.supply-lead{font-size:clamp(28px,2.3vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.28;color:#c0d3e9;margin-top:28px}
.supply-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;margin-top:32px;padding-bottom:8px;border-bottom:1px solid #7fbffb70;font-size:clamp(28px,2.15vw,40px);font-weight:600;letter-spacing:-.045em;color:#9bd7ff;white-space:nowrap}
.supply-link>span{transition:transform .3s}.supply-link:hover>span{transform:translate(4px,-4px)}
.supply-proof{perspective:1400px;padding-block:24px}
.supply-screen{position:relative;z-index:1;padding:20px;background:linear-gradient(140deg,#3d608b99,#1d355280);border:1px solid #98ceff60;border-radius:23px;box-shadow:0 30px 90px #01091680,inset 0 1px #d9edff25;transform:rotateY(-5deg) rotateX(3deg);animation:supply-screen-float 9s ease-in-out infinite}
.supply-screen-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px 18px;font-size:clamp(28px,2vw,36px);letter-spacing:-.04em;color:#d6eaff}
.supply-screen-title>span{display:flex;align-items:center;gap:12px}.supply-screen-title i{width:9px;height:9px;border-radius:50%;background:#85e2c6;box-shadow:0 0 18px #85e2c680;animation:supply-status 3s ease-in-out infinite}
.supply-screen-title>svg{width:30px;height:30px;fill:none;stroke:#a9cdef;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.supply-dashboard{display:block;width:100%;border:0;background:#eee;padding:0;border-radius:10px;overflow:hidden;cursor:zoom-in;outline-offset:7px}
.supply-dashboard>img{display:block;width:100%;height:auto;object-fit:contain}
.supply-proof-caption{display:flex;justify-content:space-between;align-items:center;margin:15px 2px 0;font-size:clamp(28px,1.9vw,35px);line-height:1.2;color:#b9cee5;letter-spacing:-.04em}
.supply-stages{display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;margin-top:26px;font-size:clamp(28px,1.95vw,37px);line-height:1.2;letter-spacing:-.05em;color:#bad6f0}.supply-stages i{font-style:normal;color:#4f91c9}.supply-stages>span{animation:supply-stage-light 9s ease-in-out infinite}.supply-stages>span:nth-of-type(2){animation-delay:3s}.supply-stages>span:nth-of-type(3){animation-delay:6s}
.supply-orbit{position:absolute;inset:-5% -5%;border:1px solid #6fb5f133;border-radius:50%;transform:rotate(-17deg);pointer-events:none}.supply-orbit>i{position:absolute;inset:0;animation:rotate 30s linear infinite}.supply-orbit>i:after{content:'';position:absolute;width:10px;height:10px;left:13%;top:12%;background:#82c8ff;border-radius:50%;box-shadow:0 0 24px #70bdff}
.supplier-flow{gap:20px;justify-content:center}
.supply-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}
.supplier-flow h2{font-size:clamp(56px,5.1vw,98px);line-height:.99;letter-spacing:-.06em}
.supply-ai-orb{position:relative;display:grid;place-items:center;width:clamp(100px,9vw,180px);height:clamp(100px,9vw,180px);margin-right:4vw;border-radius:50%;background:radial-gradient(circle,#3676ae4d,transparent 70%);flex-shrink:0}
.supply-ai-orb>b{font-size:clamp(42px,4.8vw,88px);color:#a0d9ff;letter-spacing:-.08em;text-shadow:0 0 40px #71c5ff80}
.supply-ai-orb>i{position:absolute;inset:0;border:1px solid #91d2ff99;border-radius:35%;transform:rotate(25deg);animation:supply-core-turn 18s linear infinite}.supply-ai-orb>i:nth-child(2){inset:13%;animation-direction:reverse;border-color:#e0f6ff66}
.supply-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 34px}
.supply-step{position:relative;min-width:0;padding:12px 20px 14px;border-top:1px solid #7dbdf74a;background:linear-gradient(120deg,#5a9edc0e,#5a9edc02);animation:supply-node-light 12s linear infinite;animation-delay:calc(var(--step)*2s);border-radius:0 0 15px 15px}
.supply-step:before{content:'';position:absolute;left:0;top:-2px;width:34%;height:3px;background:linear-gradient(90deg,transparent,#84cbff,transparent);opacity:0;animation:supply-signal 12s linear infinite;animation-delay:calc(var(--step)*2s)}
.supply-step-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:7px;line-height:1}
.supply-step-top>span{font-size:clamp(28px,2.4vw,44px);font-weight:700;letter-spacing:-.06em;color:#83b0d5}.supply-step-top>b{font-size:clamp(28px,1.9vw,36px);color:#87caff;font-weight:500;letter-spacing:-.04em}
.supply-human .supply-step-top>b{color:#92e2cb}
.supply-step h3{font-size:clamp(30px,2.35vw,45px);line-height:1.12;letter-spacing:-.045em;font-weight:650}
.supply-connector{position:absolute;right:-29px;top:45%;font-size:30px;font-style:normal;color:#6da4d17a}
.supply-human-control{display:flex;align-items:center;gap:22px;color:#b9d0e5;margin-top:2px}
.supply-human-control>svg{width:48px;height:48px;flex-shrink:0;fill:none;stroke:#92e2cb;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;border:1px solid #92e2cb55;border-radius:50%;padding:5px}
.supply-human-control p{font-size:clamp(28px,2.15vw,40px);line-height:1.2;letter-spacing:-.04em}.supply-human-control b{font-weight:650;color:#edf7ff}
@keyframes supply-grid-drift{to{background-position:58px 58px}}
@keyframes supply-screen-float{0%,100%{transform:translateY(0) rotateY(-5deg) rotateX(3deg)}50%{transform:translateY(-8px) rotateY(-1deg) rotateX(0)}}
@keyframes supply-status{50%{opacity:.5;box-shadow:0 0 25px #85e2c6}}
@keyframes supply-stage-light{0%,32%,100%{color:#bad6f0}10%,24%{color:#fff;text-shadow:0 0 20px #82c8ff80}}
@keyframes supply-core-turn{to{transform:rotate(385deg)}}
@keyframes supply-node-light{0%,18%,100%{background-color:transparent}3%,14%{background-color:#5099d821}}
@keyframes supply-signal{0%{opacity:0;transform:translateX(0)}3%{opacity:1}15%{opacity:1;transform:translateX(190%)}18%,100%{opacity:0;transform:translateX(190%)}}
@media(min-width:1600px){.supplier-flow{gap:34px}.supply-pipeline{gap:28px 50px}.supply-step{padding:24px 28px 27px}.supply-step-top{margin-bottom:14px}.supply-connector{right:-40px;font-size:40px}.supply-human-control{margin-top:8px;gap:28px}.supply-human-control>svg{width:64px;height:64px}.supply-screen{padding:27px}.supply-screen-title{padding-bottom:24px}.supply-proof-caption{margin-top:22px}}
@media(max-height:680px) and (min-width:901px){.supplier-case h2{font-size:56px}.supply-logo{margin-bottom:22px;width:230px}.supply-lead{margin-top:20px}.supply-link{margin-top:20px}.supplier-flow{gap:18px}.supplier-flow h2{font-size:54px}.supply-ai-orb{width:100px;height:100px}.supply-step{padding:12px 18px 14px}.supply-step h3{font-size:30px}.supply-step-top{margin-bottom:6px}.supply-pipeline{gap:12px 32px}}
@media(max-width:900px){.supplier-case,.supplier-flow{overflow-y:auto;justify-content:flex-start;gap:35px}.supplier-case{display:flex;align-items:stretch}.supply-copy{padding-top:10px}.supplier-case h2,.supplier-flow h2{font-size:clamp(45px,8.5vw,74px)}.supply-logo{width:240px}.supply-lead{font-size:28px}.supply-link{font-size:25px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.supply-proof{padding:8px}.supply-screen{padding:14px}.supply-screen-title,.supply-proof-caption{font-size:25px}.supply-stages{gap:9px;font-size:clamp(18px,4vw,28px)}.supply-flow-heading{gap:15px}.supply-ai-orb{width:75px;height:75px;margin:0}.supply-ai-orb>b{font-size:34px}.supply-pipeline{grid-template-columns:1fr 1fr;gap:20px}.supply-step{padding:16px 10px}.supply-step h3{font-size:clamp(23px,3.6vw,31px)}.supply-step-top>span,.supply-step-top>b{font-size:23px}.supply-connector{display:none}.supply-human-control{gap:15px;padding-bottom:15px}.supply-human-control p{font-size:25px}}
@media(prefers-reduced-motion:reduce){.supply-grid,.supply-screen,.supply-orbit>i,.supply-ai-orb>i,.supply-step,.supply-step:before,.supply-stages>span{animation:none!important}.supply-screen{transform:none}}
@media print{.supplier-case,.supplier-flow{background:#0a172b!important;color:#fff!important}.supply-grid,.supply-orbit{display:none}.supply-screen{transform:none}.supplier-flow{gap:20px}.supply-step h3{font-size:30px}}