:root{}/* Shared interactive section. Selectors use :is(#tas-awt,body) so they outrank the page styles. */

:is(#tas-awt,body) .tas-sci{background:#000;color:#FFFDFA;padding:110px 0 120px;overflow:hidden}
:is(#tas-awt,body) .tas-sci .ps-w{max-width:1180px;margin:0 auto;padding:0 42px}
:is(#tas-awt,body) .tas-sci .ps-eb{font:700 13px/1 Poppins,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#F37021;margin:0 0 18px}
:is(#tas-awt,body) .tas-sci h2{font:400 clamp(40px,6vw,72px)/1.04 'DM Serif Display',Georgia,serif;color:#FFFDFA;margin:0;max-width:820px}
:is(#tas-awt,body) .tas-sci h2 em{font-style:normal;color:#F37021}
:is(#tas-awt,body) .tas-sci h3{font:400 clamp(30px,3.6vw,44px)/1.1 'DM Serif Display',Georgia,serif;color:#FFFDFA;margin:0 0 14px}
:is(#tas-awt,body) .tas-sci .ps-lead{font:400 19px/1.65 Poppins,Arial,sans-serif;color:#D9D4CC;max-width:620px;margin:22px 0 0}
:is(#tas-awt,body) .tas-sci .ps-block{margin-top:96px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
:is(#tas-awt,body) .tas-sci .ps-block.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
:is(#tas-awt,body) .tas-sci .ps-block.rev .ps-copy{order:2}
:is(#tas-awt,body) .tas-sci .ps-copy p{font:400 17px/1.7 Poppins,Arial,sans-serif;color:#D9D4CC;margin:0 0 16px}
:is(#tas-awt,body) .tas-sci .ps-copy p.ps-eb{font:700 13px/1 Poppins,Arial,sans-serif;color:#F37021;margin:0 0 18px}
:is(#tas-awt,body) .tas-sci .ps-num{font:400 clamp(64px,9vw,112px)/1 'DM Serif Display',Georgia,serif;color:#F37021}
:is(#tas-awt,body) .tas-sci .ps-unit{font:500 15px/1.4 Poppins,Arial,sans-serif;color:#BDBDBD;letter-spacing:.04em}
/* chart */
:is(#tas-awt,body) .tas-sci .ps-chart{background:#0d0d0d;border:1px solid #222;border-radius:22px;padding:34px 34px 28px}
:is(#tas-awt,body) .tas-sci svg text{font-family:Poppins,Arial,sans-serif}
:is(#tas-awt,body) .tas-sci .ps-curve{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.2s cubic-bezier(.6,.1,.2,1)}
:is(#tas-awt,body) .tas-sci .on .ps-curve{stroke-dashoffset:0}
:is(#tas-awt,body) .tas-sci .ps-fill{opacity:0;transition:opacity 1.4s ease 1.2s}:is(#tas-awt,body) .tas-sci .on .ps-fill{opacity:1}
:is(#tas-awt,body) .tas-sci .ps-slider{display:flex;align-items:center;gap:18px;margin-top:22px}
:is(#tas-awt,body) .tas-sci .ps-slider label{font:600 13px Poppins;letter-spacing:.14em;text-transform:uppercase;color:#BDBDBD;white-space:nowrap}
:is(#tas-awt,body) .tas-sci input[type=range]{flex:1;accent-color:#F37021;height:28px;cursor:pointer}
:is(#tas-awt,body) .tas-sci .ps-readout{display:flex;gap:28px;margin-top:18px;flex-wrap:wrap}
:is(#tas-awt,body) .tas-sci .ps-readout div{font:400 15px/1.4 Poppins;color:#BDBDBD}
:is(#tas-awt,body) .tas-sci .ps-readout b{display:block;font:400 40px/1.05 'DM Serif Display',Georgia,serif;color:#FFFDFA}
:is(#tas-awt,body) .tas-sci .ps-readout b.o{color:#F37021}
:is(#tas-awt,body) .tas-sci .ps-small{font:400 13px/1.5 Poppins;color:#8C8C8C;margin-top:16px}
/* timeline */
:is(#tas-awt,body) .tas-sci .ps-time{margin-top:96px}
:is(#tas-awt,body) .tas-sci .ps-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
:is(#tas-awt,body) .tas-sci .ps-track:before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:#2a2a2a}
:is(#tas-awt,body) .tas-sci .ps-track:after{content:"";position:absolute;left:0;top:27px;height:2px;width:0;background:#F37021;transition:width 2.4s ease}
:is(#tas-awt,body) .tas-sci .ps-time.on .ps-track:after{width:100%}
:is(#tas-awt,body) .tas-sci .ps-step{position:relative;opacity:.25;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
:is(#tas-awt,body) .tas-sci .ps-time.on .ps-step{opacity:1;transform:none}
:is(#tas-awt,body) .tas-sci .ps-time.on .ps-step:nth-child(2){transition-delay:.6s}:is(#tas-awt,body) .tas-sci .ps-time.on .ps-step:nth-child(3){transition-delay:1.2s}:is(#tas-awt,body) .tas-sci .ps-time.on .ps-step:nth-child(4){transition-delay:1.8s}
:is(#tas-awt,body) .tas-sci .ps-dot{width:56px;height:56px;border-radius:50%;background:#000;border:2px solid #F37021;display:grid;place-items:center;font:600 16px Poppins;color:#F37021;position:relative;z-index:1}
:is(#tas-awt,body) .tas-sci .ps-step:last-child .ps-dot{background:#F37021;color:#000}
:is(#tas-awt,body) .tas-sci .ps-step h4{font:400 26px/1.15 'DM Serif Display',Georgia,serif;color:#FFFDFA;margin:20px 0 8px}
:is(#tas-awt,body) .tas-sci .ps-step p{font:400 15px/1.6 Poppins;color:#BDBDBD;margin:0}
:is(#tas-awt,body) .tas-sci .ps-step small{display:block;font:600 12px Poppins;letter-spacing:.16em;text-transform:uppercase;color:#F37021;margin-top:12px}
/* vial */
:is(#tas-awt,body) .tas-sci .ps-vial{display:grid;grid-template-columns:120px minmax(0,1fr);gap:34px;align-items:stretch}
:is(#tas-awt,body) .tas-sci .ps-tube{position:relative;border:2px solid #444;border-radius:16px 16px 26px 26px;overflow:hidden;min-height:420px;display:flex;flex-direction:column-reverse;background:#0d0d0d}
:is(#tas-awt,body) .tas-sci .ps-tube:before{content:"";position:absolute;top:-2px;left:16px;right:16px;height:26px;background:#2a2a2a;border-radius:0 0 6px 6px;z-index:2}
:is(#tas-awt,body) .tas-sci .ps-layer{height:0;transition:height 1.2s cubic-bezier(.6,.1,.2,1),filter .2s;cursor:pointer;border-top:1px solid #000}
:is(#tas-awt,body) .tas-sci .ps-vial.on .ps-layer{height:var(--h)}
:is(#tas-awt,body) .tas-sci .ps-layer.l1{background:#F37021}:is(#tas-awt,body) .tas-sci .ps-layer.l2{background:#b8b2a9}:is(#tas-awt,body) .tas-sci .ps-layer.l3{background:#FFFDFA}
:is(#tas-awt,body) .tas-sci .ps-ings{display:flex;flex-direction:column;gap:12px}
:is(#tas-awt,body) .tas-sci .ps-ing{display:block;width:100%;text-align:left;background:#0d0d0d;border:1px solid #222;border-radius:16px;padding:20px 22px;color:#FFFDFA;cursor:pointer;transition:border-color .2s,background .2s;font:inherit}
:is(#tas-awt,body) .tas-sci .ps-ing:hover,:is(#tas-awt,body) .tas-sci .ps-ing.act{border-color:#F37021;background:#141414}
:is(#tas-awt,body) .tas-sci .ps-ing .t{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
:is(#tas-awt,body) .tas-sci .ps-ing .t span{font:500 18px/1.3 Poppins}
:is(#tas-awt,body) .tas-sci .ps-ing .t b{font:400 34px/1 'DM Serif Display',Georgia,serif;color:#F37021;white-space:nowrap}
:is(#tas-awt,body) .tas-sci .ps-ing .t b i{font:500 14px Poppins;font-style:normal;color:#BDBDBD;margin-left:4px}
:is(#tas-awt,body) .tas-sci .ps-ing .d{font:400 15px/1.6 Poppins;color:#BDBDBD;max-height:0;overflow:hidden;transition:max-height .35s ease,margin .35s ease}
:is(#tas-awt,body) .tas-sci .ps-ing.act .d{max-height:140px;margin-top:10px}
:is(#tas-awt,body) .tas-sci .ps-sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:10px;vertical-align:1px}
:is(#tas-awt,body) .tas-sci .ps-cta{margin-top:96px;border-top:1px solid #222;padding-top:56px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
:is(#tas-awt,body) .tas-sci .ps-cta p{font:400 clamp(26px,3vw,36px)/1.2 'DM Serif Display',Georgia,serif;color:#FFFDFA;margin:0;max-width:640px}
:is(#tas-awt,body) .tas-sci .ps-btn{display:inline-block;background:#F37021;color:#000;font:700 16px Poppins;text-decoration:none;padding:17px 32px;border-radius:999px}
@media (max-width:860px){
 :is(#tas-awt,body) .tas-sci{padding:80px 0 90px}:is(#tas-awt,body) .tas-sci .ps-w{padding:0 20px}
 :is(#tas-awt,body) .tas-sci .ps-block,:is(#tas-awt,body) .tas-sci .ps-block.rev{grid-template-columns:1fr;gap:36px;margin-top:72px}
 :is(#tas-awt,body) .tas-sci .ps-block.rev .ps-copy{order:0}
 :is(#tas-awt,body) .tas-sci .ps-chart{padding:22px 18px 20px}
 :is(#tas-awt,body) .tas-sci .ps-track{grid-template-columns:1fr;gap:28px;padding-left:76px}
 :is(#tas-awt,body) .tas-sci .ps-track:before,:is(#tas-awt,body) .tas-sci .ps-track:after{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto}
 :is(#tas-awt,body) .tas-sci .ps-track:after{height:0;transition:height 2.4s ease}:is(#tas-awt,body) .tas-sci .ps-time.on .ps-track:after{width:2px;height:100%}
 :is(#tas-awt,body) .tas-sci .ps-dot{position:absolute;left:-76px;top:0}:is(#tas-awt,body) .tas-sci .ps-step h4{margin-top:10px}
 :is(#tas-awt,body) .tas-sci .ps-vial{grid-template-columns:58px minmax(0,1fr);gap:14px}:is(#tas-awt,body) .tas-sci .ps-tube{min-height:360px}
 :is(#tas-awt,body) .tas-sci .ps-tube:before{left:8px;right:8px}
 :is(#tas-awt,body) .tas-sci .ps-ing{padding:16px}
 :is(#tas-awt,body) .tas-sci .ps-ing .t{flex-direction:column;align-items:flex-start;gap:6px}
 :is(#tas-awt,body) .tas-sci .ps-ing .t span{font-size:16px;overflow-wrap:anywhere}
 :is(#tas-awt,body) .tas-sci svg .ps-ax{font-size:26px}
}
@media (prefers-reduced-motion:reduce){:is(#tas-awt,body) .tas-sci *{transition:none!important}}

/* tap map */
:is(#tas-awt,body) .tas-sci .ps-map{background:#0d0d0d;border:1px solid #222;border-radius:22px;padding:28px}
:is(#tas-awt,body) .tas-sci .ps-map svg{width:100%;height:auto;display:block}
:is(#tas-awt,body) .tas-sci .ps-pt{cursor:pointer}
:is(#tas-awt,body) .tas-sci .ps-pt circle{fill:#F37021;stroke:#000;stroke-width:3;transition:r .2s}
:is(#tas-awt,body) .tas-sci .ps-pt.act circle{fill:#FFFDFA;stroke:#F37021;stroke-width:5}
:is(#tas-awt,body) .tas-sci .ps-pt:focus{outline:none}:is(#tas-awt,body) .tas-sci .ps-pt:focus circle{stroke:#FFFDFA}
:is(#tas-awt,body) .tas-sci .ps-info{margin-top:22px;border-left:3px solid #F37021;padding:4px 0 4px 18px;min-height:96px}
:is(#tas-awt,body) .tas-sci .ps-info b{display:block;font:400 28px/1.15 'DM Serif Display',Georgia,serif;color:#FFFDFA;margin-bottom:6px}
:is(#tas-awt,body) .tas-sci .ps-info span{font:400 16px/1.6 Poppins,Arial,sans-serif;color:#D9D4CC}
:is(#tas-awt,body) .tas-sci .ps-hint{font:600 12px Poppins;letter-spacing:.16em;text-transform:uppercase;color:#BDBDBD;margin:0 0 14px}
/* toggle */
:is(#tas-awt,body) .tas-sci .ps-toggle{display:inline-flex;background:#1a1a1a;border-radius:999px;padding:4px;margin-top:18px}
:is(#tas-awt,body) .tas-sci .ps-toggle button{border:0;background:transparent;color:#BDBDBD;font:600 14px Poppins;padding:10px 18px;border-radius:999px;cursor:pointer}
:is(#tas-awt,body) .tas-sci .ps-toggle button.on{background:#F37021;color:#000}
:is(#tas-awt,body) .tas-sci .ps-anim{transition:all .6s ease}

:is(#tas-awt,body) .tas-sci .cw-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
:is(#tas-awt,body) .tas-sci .cw-steps button{border:1px solid #333;background:#141414;color:#D9D4CC;font:600 14px Poppins;padding:10px 16px;border-radius:999px;cursor:pointer}
:is(#tas-awt,body) .tas-sci .cw-steps button.on{background:#F37021;border-color:#F37021;color:#000}
:is(#tas-awt,body) .tas-sci [data-at],:is(#tas-awt,body) .tas-sci [data-until]{transition:opacity .5s ease,r .5s ease}
:is(#tas-awt,body) .tas-sci .cw-bag,:is(#tas-awt,body) .tas-sci .cw-shade{transition:all .6s ease}
