/*
 * Tamiyouz Website Design | From Discovery to Launch / Premium Scrollytelling
 * Interaction based on Scrollama v3.2.0 (MIT) by Russell Samora.
 * License in SCROLLAMA-LICENSE.txt alongside locally hosted Scrollama source.
 * Scope: single service page, section #tyz-web40-process only.
 */
body.tyz-web40-page .tyz-web40 .tyz-process4.tyz-web40-section--process {
 --p4-dark:#081729;
 --p4-navy:#102740;
 --p4-ink:#edf4fc;
 --p4-gold:#dfb77d;
 --p4-muted:#acbfd2;
 position:relative;isolation:isolate;
 margin:0!important;
 padding:clamp(72px,7.5vw,118px) 0 clamp(65px,7vw,115px)!important;
 background:
   radial-gradient(ellipse 42% 43% at 92% 12%,rgba(165,124,71,.16),transparent 76%),
   radial-gradient(ellipse 50% 48% at 12% 85%,rgba(44,105,149,.25),transparent 81%),
   linear-gradient(122deg,#0a182b 0%,#112a46 52%,#071727 100%)!important;
 border:0!important;color:var(--p4-ink);
 overflow:clip;
}
body.tyz-web40-page .tyz-web40 .tyz-process4::before{
 content:"";position:absolute;pointer-events:none;inset:0;opacity:.3;
 background-image:
   linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
   linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
 background-size:67px 67px;
 mask-image:linear-gradient(90deg,transparent,black 18%,black 80%,transparent);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-shell {position:relative;z-index:1;}
body.tyz-web40-page .tyz-web40 .tyz-process4-head.tyz-web40-heading{
 max-width:900px;margin:0 0 clamp(32px,4vw,57px)!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head .tyz-web40-kicker{
 color:#efd1a2;font-size:11px;letter-spacing:.19em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head h2{
 font-size:clamp(36px,4.7vw,67px)!important;
 line-height:1.28!important;font-weight:900;
 color:#fffaf2!important;margin:13px 0 12px;
 letter-spacing:-.045em;text-wrap:balance;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head p{
 color:#b7c8d9!important;
 font-size:clamp(14px,1.5vw,17px)!important;line-height:1.95;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head-rule {
 display:block;margin-top:21px;width:83px;height:2px;
 background:linear-gradient(90deg,#f1d49f,#a8773f,transparent);
 border-radius:3px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-layout{
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
 gap:clamp(27px,4.2vw,62px);
 align-items:start;
 direction:inherit;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-visual{
 position:sticky;top:clamp(102px,13vh,142px);
 align-self:start;
 min-width:0;
 height:clamp(415px,38vw,530px);
 padding:12px 0 0;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-glow{
 position:absolute;pointer-events:none;
 width:90%;height:80%;inset:10% 5%;
 background:radial-gradient(ellipse,rgba(203,149,80,.25),transparent 74%);
 filter:blur(36px);
 animation:tyz-p4-glow 7s ease-in-out infinite alternate;
}
@keyframes tyz-p4-glow{to{transform:scale(1.12);opacity:.59}}
body.tyz-web40-page .tyz-web40 .tyz-process4-board{
 position:relative;z-index:1;
 display:flex;flex-direction:column;overflow:hidden;
 height:clamp(355px,34vw,472px);
 border:1px solid rgba(233,193,128,.36);
 border-radius:clamp(19px,2vw,27px);
 background:radial-gradient(ellipse 80% 110% at 50% 100%,rgba(32,78,116,.39),transparent 80%),#0b2037;
 box-shadow:0 34px 71px rgba(1,8,19,.35),inset 0 1px rgba(255,255,255,.07);
 transform:translateZ(0);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 38%,rgba(205,161,101,.04));
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-top,
body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;z-index:3;position:relative;
 padding:15px 21px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-top{
 border-bottom:1px solid rgba(211,175,121,.15);background:rgba(5,17,33,.33);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-brand{
 display:inline-flex;align-items:center;gap:7px;
 color:#f3ead8;font:800 10px/1.6 "Outfit","Inter",Arial,sans-serif;
 letter-spacing:.14em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-brand i{
 font-style:normal;color:#e9c58f;font-size:16px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-small{opacity:.5;font-size:8px;letter-spacing:.12em;}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-count{
 color:#aec2d4;font:700 13px/1.3 "Outfit",Arial,sans-serif;white-space:nowrap;direction:ltr;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-current{
 color:#f1d39e;font-size:22px;
 transition:opacity .3s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-canvas{
 position:relative;min-height:0;flex:1;
 display:flex;flex-direction:column;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top{
 position:relative;z-index:2;
 display:flex;align-items:center;gap:9px;
 color:#aac0d3;font:700 10px/1.5 "Outfit","Cairo",Arial,sans-serif;
 padding:15px 24px;
 letter-spacing:.04em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-live-dot{
 height:7px;width:7px;border-radius:50%;flex:none;
 background:#e2c38d;
 box-shadow:0 0 0 5px rgba(223,187,127,.13);
 animation:tyz-p4-breath 3s ease-in-out infinite;
}
@keyframes tyz-p4-breath{50%{box-shadow:0 0 0 12px rgba(223,187,127,.015)}}
body.tyz-web40-page .tyz-web40 .tyz-process4-spacer{flex:1;}
body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top>span:last-child{font-size:8px;color:#c4a171;}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene{
 position:absolute;inset:25px 24px 15px;
 z-index:1;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 pointer-events:none;
 opacity:0;visibility:hidden;
 filter:blur(8px);
 transform:translateY(28px) scale(.92);
 transition:opacity .55s cubic-bezier(.2,.8,.25,1),transform .65s cubic-bezier(.2,.8,.25,1),filter .5s,visibility .5s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active{
 opacity:1;visibility:visible;filter:blur(0);transform:translateY(0) scale(1);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-graphic{
 display:grid;place-items:center;
 width:min(100%,370px);
 flex:1;min-height:0;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{
 width:100%;height:100%;max-height:294px;
 stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 9px 19px rgba(4,13,24,.26));
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption{
 display:flex;align-items:center;justify-content:space-between;gap:18px;
 width:100%;
 padding-inline:12px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption span{
 color:#9bb4c8;font:700 9px/1.5 "Outfit",Arial,sans-serif;letter-spacing:.14em;white-space:nowrap;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{
 color:#f2d5a4;font:800 clamp(14px,2vw,23px)/1.4 "Outfit","Cairo",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom{
 padding-block:12px;background:rgba(5,17,33,.25);
 border-top:1px solid rgba(211,175,121,.14);
 color:#aabccd;font-size:10px;font-weight:650;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-dots{
 display:flex;gap:5px;direction:ltr;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-dots i{
 width:11px;height:3px;border-radius:4px;background:rgba(214,178,122,.4);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-dots i:first-child{background:#eccb91;}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress{
 padding:23px 4px 0;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress-track{
 position:relative;height:3px;border-radius:8px;
 background:rgba(222,193,146,.16);overflow:hidden;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress-fill{
 position:absolute;inset:0;
 background:linear-gradient(90deg,#b7824f,#e3be83,#fff1c5);
 transform:scaleX(0);transform-origin:left center;
 will-change:transform;
 box-shadow:0 0 13px rgba(221,173,103,.36);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress-labels{
 display:flex;justify-content:space-between;direction:ltr;
 color:#8199ae;font:800 10px/1.7 "Outfit",Arial,sans-serif;
 letter-spacing:.09em;margin-top:10px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story{min-width:0;}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-top,
body.tyz-web40-page .tyz-web40 .tyz-process4-story-foot{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;
 color:#cdb189;font:800 10px/1.55 "Outfit","Cairo",Arial,sans-serif;
 letter-spacing:.08em;
 border-bottom:1px solid rgba(226,194,137,.21);
 padding:8px 4px 17px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-steps {
 display:grid;list-style:none;counter-reset:none;
 margin:0!important;padding:0!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step {
 position:relative;display:flex;align-items:center;
 min-height:clamp(325px,56vh,515px);
 margin:0;padding:18px 0;
 transition:filter .4s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step:not(:last-child)::after{
 content:"";position:absolute;bottom:0;inset-inline:10px;
 height:1px;background:rgba(212,188,153,.16);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{
 width:100%;position:relative;overflow:hidden;
 border:1px solid rgba(175,199,220,.22);
 background:linear-gradient(146deg,rgba(248,247,246,.071),rgba(225,235,245,.027));
 box-shadow:inset 0 1px rgba(255,255,255,.057);
 border-radius:21px;
 padding:clamp(23px,2.8vw,35px);
 transform:translateY(12px) scale(.975);
 opacity:.72;
 transition:transform .55s cubic-bezier(.22,.78,.25,1),opacity .55s,border-color .45s,background .45s,box-shadow .45s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step.is-current .tyz-process4-step-inner{
 transform:translateY(0) scale(1);
 opacity:1;border-color:rgba(239,202,148,.69);
 background:linear-gradient(139deg,rgba(226,180,112,.15),rgba(255,255,255,.052) 70%);
 box-shadow:0 22px 44px rgba(2,14,30,.16),inset 0 1px rgba(255,255,255,.085);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner::before{
 content:"";position:absolute;inset-inline-start:0;inset-block:0;
 width:3px;background:linear-gradient(#f2d9ae,#ae8151);
 transform:scaleY(0);transform-origin:top center;
 transition:transform .5s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step.is-current .tyz-process4-step-inner::before{transform:scaleY(1);}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-top{
 display:flex;align-items:center;gap:15px;
 margin:0 0 23px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-number{
 color:#f2d2a0;
 font:900 clamp(37px,4.8vw,63px)/1 "Outfit","Inter",Arial,sans-serif;
 letter-spacing:-.065em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-meta{
 color:#9eafc1;
 font:800 10px/1.5 "Outfit",Arial,sans-serif;
 letter-spacing:.15em;direction:ltr;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-star{
 margin-inline-start:auto;
 color:#ddb77b;font-size:22px;
 transition:transform .6s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step.is-current .tyz-process4-step-star{transform:rotate(110deg);}
body.tyz-web40-page .tyz-web40 .tyz-process4-step h3{
 margin:0 0 14px!important;
 color:#fcf7ee!important;
 font:900 clamp(25px,2.9vw,39px)/1.48 "Cairo","Inter",Arial,sans-serif!important;
 letter-spacing:-.025em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step p{
 color:#bcd0df!important;
 margin:0!important;
 font-size:clamp(13px,1.3vw,15.5px)!important;
 font-weight:500;line-height:2.05!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-under{
 display:flex;align-items:center;gap:10px;margin-top:28px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-under i{
 display:block;width:60px;height:2px;
 background:linear-gradient(90deg,#e5c48b,transparent);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-under b{
 width:5px;height:5px;border-radius:50%;background:#e5c48b;
 box-shadow:0 0 0 4px rgba(226,191,131,.13);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-foot{
 justify-content:flex-start;
 border-top:1px solid rgba(226,194,137,.2);
 border-bottom:0;
 padding-top:19px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-foot span:first-child{font-size:19px;color:#e3b97c;}
/* Illustration changes are stage-specific; no fabricated portfolio content. */
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-draw{
 stroke-dasharray:380;stroke-dashoffset:380;
 animation:tyz-p4-draw 1.25s .13s ease forwards;
}
@keyframes tyz-p4-draw{to{stroke-dashoffset:0}}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-orbit-ring{
 animation:tyz-p4-spin 28s linear infinite;
 transform-origin:200px 146px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-orbit-ring--outer{animation-duration:36s;animation-direction:reverse;}
@keyframes tyz-p4-spin{to{transform:rotate(360deg)}}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-wire{
 stroke-dasharray:550;stroke-dashoffset:550;
 animation:tyz-p4-draw 1.2s ease forwards;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-wire--delay{animation-delay:.24s}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-code-line{
 stroke-dasharray:250;stroke-dashoffset:250;
 animation:tyz-p4-draw .8s ease forwards;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-code-line:nth-of-type(2){animation-delay:.12s}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-code-line:nth-of-type(3){animation-delay:.22s}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-code-line:nth-of-type(4){animation-delay:.32s}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-rocket{animation:tyz-p4-rocket 2.1s ease-in-out infinite alternate;}
@keyframes tyz-p4-rocket{to{transform:translateY(-9px)}}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-flame{
 transform-origin:200px 188px;
 animation:tyz-p4-flame 1s ease-in-out infinite alternate;
}
@keyframes tyz-p4-flame{to{transform:scaleY(1.2);opacity:.68}}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-launch-ring{
 transform-origin:200px 155px;
 animation:tyz-p4-spin 23s linear infinite;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active .tyz-p4-launch-ring--inner{animation-direction:reverse;animation-duration:30s}
/* tablet and mobile: compact sticky stage, readable uninterrupted story. */
@media(max-width:990px){
 body.tyz-web40-page .tyz-web40 .tyz-process4-layout{
  display:block;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{
  top:91px;height:clamp(260px,40vh,340px);
  z-index:4;margin:0 0 15px;
  padding:0;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-board{
  height:clamp(213px,32vh,291px);border-radius:17px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-top{padding:9px 15px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom{padding:7px 15px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top{padding:6px 15px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene{inset:8px 12px 7px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-graphic{max-width:250px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{height:clamp(118px,20vh,197px);}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{font-size:17px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-progress{padding-top:12px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-progress-labels{margin-top:6px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-story-top{padding:16px 4px 10px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step{
  min-height:clamp(248px,40vh,370px);padding:17px 2px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{opacity:.84;}
}
@media(max-width:580px){
 body.tyz-web40-page .tyz-web40 .tyz-process4.tyz-web40-section--process{
  padding-block:64px 70px!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-head h2{font-size:clamp(31px,8vw,41px)!important}
 body.tyz-web40-page .tyz-web40 .tyz-process4-head{margin-bottom:25px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{top:76px;height:264px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board{height:220px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-top{padding:8px 11px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-small{display:none;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-current{font-size:18px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top{padding:7px 11px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top>span:last-child{display:none;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene{inset:5px 9px 7px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-graphic{max-width:230px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{max-height:145px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption{padding-inline:7px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{font-size:14px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom{font-size:9px;padding:6px 11px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-progress{padding-top:10px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-story-top{flex-wrap:wrap;font-size:9px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step{
  min-height:clamp(244px,39vh,340px);
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{padding:23px 21px;border-radius:16px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-number{font-size:42px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step h3{font-size:25px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step p{font-size:13px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-under{margin-top:20px;}
}
@media(max-width:370px){
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{top:69px;height:238px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board{height:195px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{max-height:113px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{padding:18px 16px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom span:first-child{font-size:8px;}
}
html[data-tyz-theme="light"] body.tyz-web40-page .tyz-web40 .tyz-process4,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-process4{
 color:#f8f2e9!important;
}
/* Nothing essential is hidden if the user turns animations off. */
@media(prefers-reduced-motion:reduce){
 body.tyz-web40-page .tyz-web40 .tyz-process4 *,
 body.tyz-web40-page .tyz-web40 .tyz-process4 *::before,
 body.tyz-web40-page .tyz-web40 .tyz-process4 *::after {
  animation:none!important;transition:none!important;
  scroll-behavior:auto!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{
  opacity:1!important;transform:none!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene:not(.is-active){
  visibility:hidden!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active{
  opacity:1!important;filter:none!important;transform:none!important;
 }
}
/* Critical: clip visual overflow without creating a scroll container that breaks sticky pinning. */
body.tyz-web40-page .tyz-web40{overflow:clip!important;}

/* =============================================================
   TAMIYOUZ PROCESS / V2 — EDITORIAL STUDIO ART DIRECTION
   Visual scope stays exclusively inside .tyz-process4.
   Scrollama logic, server-side copy, and SEO markup preserved.
   ============================================================= */
body.tyz-web40-page .tyz-web40 .tyz-process4.tyz-web40-section--process {
 --p5-metal:#efca91;
 --p5-ice:#a7c9de;
 background:
  radial-gradient(ellipse 45% 65% at 5% 0%,rgba(111,152,183,.13),transparent 78%),
  radial-gradient(ellipse 55% 67% at 99% 100%,rgba(190,141,76,.12),transparent 76%),
  linear-gradient(130deg,#080f1d 0%,#102238 49%,#0b192b 100%)!important;
 padding-block:clamp(87px,8.4vw,137px) clamp(82px,8vw,134px)!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4::before{
 opacity:.17!important;background-size:85px 85px!important;
 mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 83%,transparent 100%)!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4::after{
 content:"";position:absolute;pointer-events:none;
 inset-block:0;inset-inline-start:8.3%;
 width:1px;background:linear-gradient(transparent,rgba(242,199,131,.13) 15%,rgba(242,199,131,.13) 90%,transparent);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow {
 display:flex;align-items:center;gap:14px;
 max-width:900px;margin-bottom:17px;
 font:800 10px/1.5 "Outfit","Inter",Arial,sans-serif;
 color:#c4d0de;letter-spacing:.17em;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow b {
 color:#d4ab73;padding-inline:7px;font-weight:600;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow-orbit {
 display:grid;place-items:center;width:35px;height:35px;
 border:1px solid rgba(224,184,122,.39);
 border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(241,215,161,.15),rgba(198,153,77,.03));
 color:#f7d8a1;font-size:17px;
 box-shadow:0 0 0 6px rgba(224,184,122,.025);
 animation:tyz-p5-rotate 18s linear infinite;
}
@keyframes tyz-p5-rotate {to{transform:rotate(360deg)}}
body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow-edition {
 margin-inline-start:auto;color:#8199b1;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head.tyz-web40-heading {
 max-width:none!important;
 margin-bottom:clamp(34px,4.6vw,66px)!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head .tyz-web40-kicker {
 display:none;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head h2 {
 font-size:clamp(40px,5.4vw,82px)!important;
 font-weight:900!important;
 line-height:1.22!important;
 letter-spacing:-.052em!important;
 margin:10px 0 16px!important;
 max-width:1000px;
 text-shadow:0 20px 80px rgba(0,0,0,.2);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head p {
 font-size:clamp(14px,1.5vw,17px)!important;
 max-width:710px;line-height:1.9!important;
 color:#b9c9db!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-head-rule{
 width:130px;height:2px;margin-top:27px;
 background:linear-gradient(90deg,transparent,#b98d54 12%,#f7d7a3 55%,transparent);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-intro-tag{
 display:inline-flex;align-items:center;gap:10px;
 margin-top:19px;color:#8eabca;font-size:11px;font-weight:650;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-scroll-emblem{
 display:grid;place-items:center;
 width:25px;height:35px;
 color:#e4bd83;border:1px solid rgba(205,166,107,.35);
 border-radius:999px;
 font-size:15px;
 animation:tyz-p5-arrowdown 2.5s ease-in-out infinite;
}
@keyframes tyz-p5-arrowdown{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(5px)}
}
body.tyz-web40-page .tyz-web40 .tyz-process4-layout{
 grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
 gap:clamp(30px,4.6vw,74px)!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-visual{
 height:clamp(455px,42vw,581px);
 top:clamp(112px,12vh,149px);
 isolation:isolate;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-glow{
 background:radial-gradient(ellipse,rgba(214,162,90,.18),transparent 72%);
 width:110%;height:98%;inset:1% -5%;
 filter:blur(51px);
 animation-duration:10s;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-orbit-badge{
 display:flex;align-items:center;gap:10px;
 position:absolute;z-index:5;
 top:-17px;inset-inline-end:-9px;
 padding:9px 15px 9px 13px;
 border:1px solid rgba(231,197,142,.34);
 border-radius:999px;
 color:#eee0cc;
 background:linear-gradient(135deg,#253951,#132a45);
 backdrop-filter:blur(18px);
 box-shadow:0 12px 30px rgba(0,5,15,.27);
 transform:rotate(5deg);
 animation:tyz-p5-badgefloat 6s ease-in-out infinite;
 font:700 9px/1.5 "Outfit","Inter",Arial,sans-serif;
 letter-spacing:.13em;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-orbit-badge strong{color:#f0c790;}
body.tyz-web40-page .tyz-web40 .tyz-p5-orbit-badge i{
 font-size:20px;color:#edc991;font-style:normal;
}
@keyframes tyz-p5-badgefloat{
 0%,100%{transform:translateY(0) rotate(5deg)}
 50%{transform:translateY(-8px) rotate(8deg)}
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board.tyz-p5-stage-window{
 height:clamp(395px,36vw,490px);
 border:1px solid rgba(239,203,145,.38);
 border-radius:28px;
 background:
  radial-gradient(ellipse 73% 78% at 48% 48%,rgba(32,84,121,.28),transparent 70%),
  linear-gradient(148deg,#10283f,#081526 77%);
 box-shadow:0 42px 90px rgba(1,8,18,.5),0 3px 0 rgba(233,191,126,.06),inset 0 1px rgba(255,255,255,.12);
 transition:border-color .45s,box-shadow .6s,background .6s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4[data-active-step="1"] .tyz-p5-stage-window{
 background:radial-gradient(ellipse 72% 80% at 56% 55%,rgba(118,76,112,.18),transparent 72%),linear-gradient(143deg,#192942,#101627);
 border-color:rgba(201,181,222,.42);
}
body.tyz-web40-page .tyz-web40 .tyz-process4[data-active-step="2"] .tyz-p5-stage-window{
 background:radial-gradient(ellipse 72% 80% at 56% 55%,rgba(46,123,140,.23),transparent 72%),linear-gradient(143deg,#0c3040,#091a2b);
 border-color:rgba(131,204,205,.41);
}
body.tyz-web40-page .tyz-web40 .tyz-process4[data-active-step="3"] .tyz-p5-stage-window{
 background:radial-gradient(ellipse 72% 90% at 52% 58%,rgba(213,153,77,.25),transparent 72%),linear-gradient(143deg,#2b2b3e,#111e34);
 border-color:rgba(242,208,146,.59);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-window-halo{
 position:absolute;z-index:1;pointer-events:none;
 inset:-25%;width:150%;height:150%;
 border:1px solid rgba(243,203,148,.08);
 transform:rotate(-12deg);
 background:radial-gradient(ellipse 38% 35% at 50% 54%,rgba(239,188,117,.095),transparent 70%);
 animation:tyz-p5-halo 12s ease-in-out infinite alternate;
}
@keyframes tyz-p5-halo{to{transform:rotate(14deg) scale(1.06);opacity:.65}}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-top{
 min-height:57px;
 padding:13px 21px;
 background:rgba(3,14,26,.51);
 border-bottom:1px solid rgba(241,214,166,.14);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-brand{
 font-size:10px;gap:10px;letter-spacing:.20em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-brand i{
 display:grid;place-items:center;
 width:29px;height:29px;
 border-radius:9px;
 background:rgba(218,175,106,.12);
 border:1px solid rgba(227,196,137,.23);
 font-size:17px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-small{
 padding-inline-start:11px;
 border-inline-start:1px solid rgba(204,179,135,.24);
 font-size:9px;opacity:.58;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-count{
 padding:7px 12px;
 border:1px solid rgba(214,183,134,.27);
 background:rgba(220,182,130,.065);
 border-radius:10px;color:#9cb3c9;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-current{
 font-size:20px;color:#f1d4a1;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-canvas{
 isolation:isolate;
 overflow:hidden;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-stage-sheen{
 position:absolute;z-index:6;pointer-events:none;
 width:35%;height:250%;top:-70%;left:-60%;
 background:linear-gradient(90deg,transparent,rgba(255,238,207,.06),transparent);
 transform:rotate(25deg);
 animation:tyz-p5-sheen 13s ease-in-out infinite;
}
@keyframes tyz-p5-sheen{
 0%,60%,100%{left:-60%}
 81%{left:120%}
}
body.tyz-web40-page .tyz-web40 .tyz-p5-visual-grid{
 pointer-events:none;position:absolute;z-index:0;inset:0;
 background:
  linear-gradient(90deg,rgba(232,210,166,.036) 1px,transparent 1px),
  linear-gradient(0deg,rgba(232,210,166,.036) 1px,transparent 1px);
 background-size:34px 34px;
 mask-image:radial-gradient(ellipse,#000 12%,transparent 79%);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-watermark{
 position:absolute;pointer-events:none;z-index:0;
 inset-inline-end:3%;bottom:3%;
 color:rgba(230,198,145,.065);
 letter-spacing:-.10em;
 font:900 clamp(120px,18vw,250px)/.9 "Outfit","Inter",sans-serif;
 transition:opacity .45s;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-watermark-no{font:inherit;}
body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top{
 padding-top:17px;color:#adbdcc;
 letter-spacing:.05em;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-pulse-indicator{
 display:none;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene{
 inset:39px 22px 23px;
 transform:translateY(36px) scale(.90) rotateX(5deg);
 filter:blur(12px) saturate(.6);
 transition:opacity .56s cubic-bezier(.18,.9,.26,1),
            transform .75s cubic-bezier(.18,.9,.26,1),
            filter .65s cubic-bezier(.18,.9,.26,1),
            visibility .56s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active{
 transform:translateY(0) scale(1) rotateX(0);
 filter:blur(0) saturate(1.12);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-graphic{
 position:relative;width:min(100%,405px);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-graphic::before{
 content:"";position:absolute;z-index:-1;
 width:75%;height:70%;inset:15% 12.5%;
 background:radial-gradient(ellipse,rgba(224,169,97,.18),transparent 74%);
 filter:blur(23px);
 animation:tyz-p5-core 8s ease-in-out infinite alternate;
}
@keyframes tyz-p5-core{to{transform:scale(1.12);opacity:.62}}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{
 filter:drop-shadow(0 18px 24px rgba(2,10,20,.28));
}
body.tyz-web40-page .tyz-web40 .tyz-p5-art-label{
 position:absolute;top:4px;inset-inline-start:7px;
 color:rgba(223,188,137,.79);letter-spacing:.16em;
 font:750 9px/1.6 "Outfit","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption{
 position:relative;z-index:4;
 padding-top:10px;
 border-top:1px solid rgba(216,183,130,.17);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{
 font-size:clamp(18px,2.2vw,29px)!important;
 color:#f8dec0;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom{
 padding:14px 21px;color:#b7c7d7;font-size:11px;
}

/* Process navigation: elegant capsule controls with tactile states. */
body.tyz-web40-page .tyz-web40 .tyz-p5-stage-navigation{
 position:relative;z-index:4;
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:7px;
 margin-top:13px;padding:7px;
 border-radius:16px;
 border:1px solid rgba(229,194,136,.17);
 background:rgba(12,30,50,.83);
 box-shadow:0 14px 26px rgba(1,10,22,.16),inset 0 1px rgba(255,255,255,.045);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-go{
 cursor:pointer;
 position:relative;display:flex;align-items:center;justify-content:center;
 gap:11px;min-height:38px;
 border-radius:10px;
 color:#9fb4c7;
 border:1px solid transparent;
 background:transparent;
 font:850 11px/1.5 "Outfit","Inter",sans-serif;
 transition:background .26s,color .26s,border-color .26s,box-shadow .26s,transform .26s;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-go i{
 width:5px;height:5px;border-radius:50%;
 background:currentColor;opacity:.47;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-go.is-current{
 color:#ffebc7;
 border-color:rgba(231,190,122,.41);
 background:linear-gradient(120deg,rgba(210,170,109,.2),rgba(232,184,111,.08));
 box-shadow:inset 0 1px rgba(255,255,255,.11),0 4px 15px rgba(6,12,22,.22);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-go:hover{
 color:#ffebc7;transform:translateY(-1px);
 background:rgba(226,187,133,.12);
}
body.tyz-web40-page .tyz-web40 .tyz-p5-go:focus-visible{
 outline:2px solid #f1d29d;outline-offset:2px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress{
 padding:19px 3px 0;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress-track{
 height:4px;border-radius:999px;background:rgba(226,188,130,.13);
 box-shadow:inset 0 0 0 1px rgba(240,199,133,.04);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress-fill{
 background:linear-gradient(90deg,#ba8951,#f8d59d 60%,#fff4de);
 box-shadow:0 0 19px rgba(239,196,121,.3);
 transition:transform .1s linear;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-progress-row{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 margin-top:9px;
 color:#a0b4c8;
 font:650 11px/1.4 "Cairo","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-progress-value{
 color:#eac892;letter-spacing:.06em;
 font:850 15px/1.4 "Outfit","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-progress-labels{
 font-size:9px;opacity:.66;margin-top:9px;
}
/* The four editorial chapters, with a graceful connecting rule. */
body.tyz-web40-page .tyz-web40 .tyz-process4-story{
 position:relative;
 padding-inline-start:clamp(6px,1vw,16px);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story::before{
 content:"";position:absolute;
 inset-inline-start:0;
 top:50px;bottom:55px;
 width:1px;
 background:linear-gradient(180deg,rgba(226,184,119,.35),rgba(120,160,197,.2),rgba(236,194,127,.43));
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-top{
 letter-spacing:.16em;
 border-color:rgba(228,191,132,.23);
 color:#b8c4d1;
 padding:0 7px 17px;
 font-size:10px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-top span:first-child{
 color:#edca95;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step{
 min-height:clamp(340px,58vh,525px);
 padding:20px 0;
}
body.tyz-web40-page .tyz-web40 .tyz-p5-step-indexline{
 position:absolute;inset-inline:0;
 top:14px;z-index:2;pointer-events:none;
 display:flex;justify-content:space-between;
 padding:0 16px;color:rgba(208,175,127,.43);
 font:750 9px/1.4 "Outfit","Inter",Arial,sans-serif;
 letter-spacing:.2em;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{
 padding:clamp(34px,3.6vw,48px)!important;
 border:1px solid rgba(205,214,222,.14);
 border-radius:25px;
 background:linear-gradient(145deg,rgba(235,242,250,.042),rgba(255,255,255,.015));
 backdrop-filter:blur(9px);
 min-height:clamp(235px,27vw,316px);
 box-shadow:0 16px 25px rgba(0,6,15,.07),inset 0 1px rgba(255,255,255,.045);
 opacity:.78;
 transform:translate3d(0,14px,0) scale(.972);
 transition:border-color .55s ease,background .55s ease,box-shadow .55s ease,
            opacity .55s ease,transform .65s cubic-bezier(.15,.82,.27,1);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step.is-current .tyz-process4-step-inner{
 opacity:1;
 transform:translate3d(0,0,0) scale(1);
 border-color:rgba(242,205,150,.54);
 background:
  radial-gradient(ellipse 62% 54% at 95% 5%,rgba(239,190,128,.09),transparent 80%),
  linear-gradient(140deg,rgba(241,214,172,.12),rgba(243,247,249,.04));
 box-shadow:0 29px 55px rgba(0,8,20,.23),inset 0 1px rgba(255,255,255,.075);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner::before{
 width:3px;inset-block:19px;border-radius:0 4px 4px 0;
 background:linear-gradient(#fff1d1,#cf9b5c,#b17f51);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-top{
 margin:0 0 23px!important;
 align-items:center;gap:16px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-number{
 font-size:clamp(59px,7vw,97px);
 line-height:.92;
 font-weight:850;
 letter-spacing:-.09em;
 color:#e8c28d;
 text-shadow:0 6px 35px rgba(239,195,121,.08);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-meta{
 font-size:10px;
 color:#829db6;
 letter-spacing:.15em;
 padding-top:16px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-star{
 font-size:28px;
 opacity:.35;
 transition:opacity .5s,transform .9s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step.is-current .tyz-process4-step-star{
 opacity:1;transform:rotate(135deg) scale(1.08);
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step h3{
 font-size:clamp(25px,2.8vw,37px)!important;
 font-weight:900!important;line-height:1.4!important;
 letter-spacing:-.035em!important;
 color:#fff8eb!important;margin:0 0 14px!important;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step p{
 font-size:clamp(13.5px,1.35vw,16px)!important;
 color:#c0d0df!important;
 line-height:2.05!important;
 max-width:500px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-under{
 margin-top:28px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step-under i{
 width:78px;
 background:linear-gradient(90deg,#f8d7a2,#c18f57,transparent);
 transition:width .55s;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-step.is-current .tyz-process4-step-under i{
 width:110px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-foot{
 padding-top:22px;
 color:#efcb95;
 letter-spacing:.04em;font-size:12px;
}
body.tyz-web40-page .tyz-web40 .tyz-process4-story-foot span:first-child{
 display:grid;place-items:center;
 width:28px;height:28px;
 border-radius:50%;
 border:1px solid rgba(239,202,144,.34);
 background:rgba(239,202,144,.08);
}
@media(min-width:1280px){
 body.tyz-web40-page .tyz-web40 .tyz-process4-shell{
  max-width:1270px!important;
 }
}
@media(max-width:990px){
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{
  height:clamp(315px,45vh,393px);
  top:clamp(89px,10vh,105px);
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-board.tyz-p5-stage-window{
  height:clamp(228px,36vh,309px);
  border-radius:19px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-orbit-badge{
  top:-11px;inset-inline-end:3px;
  padding:6px 10px;font-size:8px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-top{min-height:42px;padding:7px 13px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-bottom{padding:7px 13px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene{
  inset:25px 15px 13px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-art-label{font-size:8px;top:1px}
 body.tyz-web40-page .tyz-web40 .tyz-process4-graphic{width:min(100%,270px);}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{max-height:197px}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{font-size:18px!important}
 body.tyz-web40-page .tyz-web40 .tyz-process4-story{padding-inline-start:0;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step{
  min-height:clamp(263px,40vh,350px);
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{
  min-height:0;padding:clamp(21px,3vw,31px)!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-number{font-size:55px}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step h3{font-size:27px!important}
 body.tyz-web40-page .tyz-web40 .tyz-process4-story::before{display:none;}
}
@media(max-width:580px){
 body.tyz-web40-page .tyz-web40 .tyz-process4.tyz-web40-section--process{
  padding-block:70px 83px!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow{
  flex-wrap:wrap;gap:7px;font-size:9px;letter-spacing:.10em;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow-orbit{
  width:30px;height:30px;font-size:14px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-eyebrow-edition{
  font-size:8px;white-space:nowrap;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-head h2{
  font-size:clamp(31px,8vw,43px)!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-head-rule{width:103px;margin-top:21px;}
 body.tyz-web40-page .tyz-web40 .tyz-p5-intro-tag{font-size:10px;margin-top:14px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{
  top:72px;height:297px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-board.tyz-p5-stage-window{
  height:216px;border-radius:17px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-orbit-badge{
  display:none;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-brand{
  font-size:9px;gap:6px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-brand i{width:24px;height:24px;font-size:14px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-board-count{padding:5px 8px;font-size:10px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-current{font-size:17px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-canvas-top{padding:5px 11px;font-size:9px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene{inset:9px 10px 5px;}
 body.tyz-web40-page .tyz-web40 .tyz-p5-art-label{font-size:7px;top:-3px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-graphic{max-width:210px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{max-height:135px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{font-size:15px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-p5-stage-navigation{
  margin-top:8px;padding:4px;gap:5px;border-radius:11px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-go{
  min-height:33px;border-radius:8px;font-size:10px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-progress{padding-top:10px;}
 body.tyz-web40-page .tyz-web40 .tyz-p5-progress-row{margin-top:6px;font-size:9px;}
 body.tyz-web40-page .tyz-web40 .tyz-p5-progress-value{font-size:11px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-progress-labels{display:none;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step{
  min-height:clamp(247px,36vh,320px);padding:14px 0;
 }
 body.tyz-web40-page .tyz-web40 .tyz-p5-step-indexline{
  top:10px;padding-inline:14px;font-size:8px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{
  padding:24px 19px!important;border-radius:17px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-number{font-size:49px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-meta{font-size:8px;padding-top:11px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-star{font-size:21px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step h3{font-size:24px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step p{font-size:13px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-story-top{font-size:9px;}
}
@media(max-width:375px){
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{
  top:65px;height:267px;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-board.tyz-p5-stage-window{height:190px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-art{max-height:112px;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene-caption strong{font-size:13px!important;}
 body.tyz-web40-page .tyz-web40 .tyz-p5-art-label{display:none;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{padding:19px 15px!important;}
}
/* No JS, no Scrollama, short viewports or reduced motion: all chapters stay readable. */
@media(max-height:550px) and (min-width:991px){
 body.tyz-web40-page .tyz-web40 .tyz-process4-visual{position:relative;top:0;height:auto;}
}
@media(prefers-reduced-motion:reduce){
 body.tyz-web40-page .tyz-web40 .tyz-process4 *,
 body.tyz-web40-page .tyz-web40 .tyz-process4 *::before,
 body.tyz-web40-page .tyz-web40 .tyz-process4 *::after{
  animation:none!important;transition:none!important;transform:none!important;
 }
 body.tyz-web40-page .tyz-web40 .tyz-process4-step-inner{opacity:1!important;}
 body.tyz-web40-page .tyz-web40 .tyz-process4-scene.is-active{
  opacity:1!important;visibility:visible!important;filter:none!important;
 }
}
@media(prefers-reduced-motion:reduce){
  body.tyz-web40-page .tyz-web40 .tyz-process4 .tyz-process4-progress-fill{
    transform:scaleX(var(--tyz-p5-scroll,0))!important;
  }
}