.skp{
  --sk6-bg:#050d12;
  --sk6-panel:#09141b;
  --sk6-panel-2:#0c1820;
  --sk6-line:rgba(180,205,215,.14);
  --sk6-line-strong:rgba(180,205,215,.24);
  --sk6-copy:#f3f5f3;
  --sk6-muted:#8e9aa1;
  --sk6-orange:#ff692f;
  --sk6-orange-soft:#ff9b5d;
  --sk6-green:#58d98a;
}
.skp .sk6-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.skp .sk6-hero{
  min-height:100svh;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:calc(var(--header-h) + 26px) clamp(22px,2.4vw,46px) 28px;
  color:var(--sk6-copy);
  background:
    radial-gradient(circle at 50% 35%,rgba(21,52,66,.16),transparent 34%),
    linear-gradient(112deg,#07151c 0,#050c11 31%,#040b10 100%);
}

.skp .sk6-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.28;
  background-image:
    linear-gradient(rgba(147,181,192,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(147,181,192,.022) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,#000,transparent 20%,transparent 82%,#000);
}

.skp .sk6-ambient{
  position:absolute;
  z-index:-1;
  width:36vw;
  height:36vw;
  border-radius:50%;
  filter:blur(120px);
  pointer-events:none;
}

.skp .sk6-ambient--blue{left:-20vw;top:-13vw;background:#0b748a;opacity:.14}
.skp .sk6-ambient--orange{right:-22vw;bottom:-24vw;background:#ff5d21;opacity:.09}

.skp .sk6-shell{
  width:100%;
  max-width:1840px;
  min-width:0;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(270px,340px) minmax(760px,1fr) minmax(190px,220px);
  gap:clamp(24px,2.25vw,44px);
  align-items:center;
}

.skp .sk6-copy{min-width:0;padding-block:12px}
.skp .sk6-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  line-height:1.2;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.17em;
  color:#b4c0c5;
}

.skp .sk6-eyebrow i{
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--sk6-orange),var(--sk6-orange-soft));
  box-shadow:0 0 15px rgba(255,105,47,.58);
}

.skp .sk6-copy h1{
  margin:29px 0 22px;
  max-width:430px;
  font-size:clamp(47px,3.1vw,60px);
  line-height:.985;
  letter-spacing:-.055em;
  font-weight:760;
}

.skp .sk6-copy h1 em{display:inline-block;font-size:.9em;font-style:normal;color:var(--sk6-orange);letter-spacing:-.065em;white-space:nowrap}
.skp .sk6-copy>p{
  max-width:410px;
  margin:0;
  color:#a9b3b8;
  font-size:clamp(14px,.95vw,17px);
  line-height:1.72;
}

.skp .sk6-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.skp .sk6-button{
  min-height:50px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:12px;
  font-weight:750;
  transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s;
}

.skp .sk6-button:hover{transform:translateY(-2px)}
.skp .sk6-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.skp .sk6-button--primary{
  background:linear-gradient(135deg,#ff7a38,#ff5e24);
  color:#1a110c;
  box-shadow:0 13px 34px rgba(255,91,28,.2),inset 0 1px rgba(255,255,255,.2);
}
.skp .sk6-button--primary:hover{box-shadow:0 17px 42px rgba(255,91,28,.27)}
.skp .sk6-button--secondary{border-color:var(--sk6-line-strong);background:rgba(255,255,255,.02)}
.skp .sk6-button--secondary:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.05)}

.skp .sk6-trust{
  margin-top:35px;
  padding-top:18px;
  border-top:1px solid var(--sk6-line);
  display:flex;
  align-items:center;
  gap:clamp(10px,1.2vw,19px);
}
.skp .sk6-trust div{min-width:0;display:flex;flex-direction:column;gap:4px}
.skp .sk6-trust strong{font-size:12px}
.skp .sk6-trust span{font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.04em;color:#829097;white-space:nowrap}
.skp .sk6-trust>i{width:1px;height:27px;background:var(--sk6-line)}

.skp .sk6-story-control{
  margin-top:32px;
  padding:0;
  border:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#7f8c92;
  font-size:12px;
  cursor:pointer;
}
.skp .sk6-story-control__icon{
  width:24px;
  height:24px;
  border:1px solid var(--sk6-line-strong);
  border-radius:50%;
  display:grid;
  place-items:center;
}
.skp .sk6-story-control__icon::after{
  content:"";
  width:6px;
  height:8px;
  border-inline:2px solid var(--sk6-orange);
}
.skp .sk6-story-control[aria-pressed="true"] .sk6-story-control__icon::after{
  width:0;
  height:0;
  margin-inline-start:2px;
  border-block:4px solid transparent;
  border-inline-start:6px solid var(--sk6-orange);
  border-inline-end:0;
}

.skp .sk6-studio-wrap{min-width:0}
.skp .sk6-studio{
  min-width:0;
  height:640px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(166,198,210,.19);
  border-radius:20px;
  background:
    linear-gradient(160deg,rgba(15,31,41,.94),rgba(5,14,20,.96)),
    #09141b;
  box-shadow:0 34px 100px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.025);
}
.skp .sk6-studio::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.018),transparent 30%,transparent 72%,rgba(255,105,47,.018));
}

.skp .sk6-studio-bar{
  height:46px;
  padding:0 17px;
  border-bottom:1px solid rgba(166,198,210,.12);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  color:#839197;
  font-size:11px;
  letter-spacing:.13em;
}
.skp .sk6-window-dots{display:flex;gap:5px}
.skp .sk6-window-dots i{width:7px;height:7px;border-radius:50%;background:#35454d}
.skp .sk6-window-dots i:first-child{background:#a45a30}
.skp .sk6-studio-bar strong{justify-self:end;display:inline-flex;align-items:center;gap:5px;font-weight:500}
.skp .sk6-studio-bar strong i{width:5px;height:5px;border-radius:50%;background:var(--sk6-green);box-shadow:0 0 9px var(--sk6-green)}

.skp .sk6-stage-tabs{
  height:104px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:start;
  padding:25px 14px 0;
}
.skp .sk6-stage-tabs button{
  position:relative;
  z-index:2;
  min-width:0;
  border:0;
  padding:0 4px 30px;
  background:transparent;
  color:#93a0a6;
  text-align:center;
  cursor:pointer;
}
.skp .sk6-stage-tabs b{display:block;margin-bottom:7px;color:#d4dadd;font-size:11px}
.skp .sk6-stage-tabs span{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.2;font-weight:670;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.skp .sk6-stage-tabs button>i{
  position:absolute;
  left:50%;
  bottom:8px;
  width:15px;
  height:15px;
  translate:-50% 50%;
  border:4px solid #283a43;
  border-radius:50%;
  background:#0b161d;
  box-shadow:0 0 0 1px rgba(160,189,201,.14);
  transition:border-color .3s,box-shadow .3s,scale .3s;
}
.skp .sk6-stage-tabs button.is-active b,.skp .sk6-stage-tabs button.is-active span{color:var(--sk6-orange)}
.skp .sk6-stage-tabs button.is-active>i{
  border-color:var(--sk6-orange);
  box-shadow:0 0 0 4px rgba(255,105,47,.09),0 0 19px rgba(255,105,47,.26);
  scale:1.08;
}
.skp .sk6-stage-tabs button.is-complete>i{border-color:#8e512f;background:var(--sk6-orange)}
.skp .sk6-tab-rail{
  position:absolute;
  left:calc(8.33% + 14px);
  right:calc(8.33% + 14px);
  bottom:20px;
  height:1px;
  overflow:hidden;
  background:#263640;
}
.skp .sk6-tab-rail i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--sk6-orange),#ba7048);box-shadow:0 0 10px rgba(255,105,47,.6);transition:width .6s var(--ease)}

.skp .sk6-workflow{
  height:calc(100% - 150px);
  position:relative;
  z-index:1;
  padding:10px 15px 15px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.skp .sk6-stage{
  min-width:0;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(147,177,188,.1);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(11,27,36,.7),rgba(6,17,23,.76));
  transition:border-color .4s,box-shadow .4s,transform .4s var(--ease),background .4s;
}
.skp .sk6-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(140deg,rgba(255,105,47,.07),transparent 40%);
  transition:opacity .4s;
}
.skp .sk6-stage.is-active{
  z-index:2;
  border-color:rgba(255,105,47,.35);
  background:linear-gradient(180deg,rgba(17,32,40,.92),rgba(8,18,23,.92));
  box-shadow:0 14px 35px rgba(0,0,0,.22),inset 0 0 24px rgba(255,105,47,.025);
  transform:translateY(-3px);
}
.skp .sk6-stage.is-active::after{opacity:1}
.skp .sk6-stage-viewport{height:62%;min-height:0;position:relative;overflow:hidden}
.skp .sk6-grid{
  background-color:#09151c;
  background-image:
    linear-gradient(rgba(139,174,187,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,174,187,.085) 1px,transparent 1px);
  background-size:18px 18px;
}
.skp .sk6-tools{
  position:absolute;
  z-index:3;
  left:7px;
  top:8px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.skp .sk6-tools i{
  width:18px;
  height:18px;
  border:1px solid rgba(165,190,200,.18);
  border-radius:4px;
  display:grid;
  place-items:center;
  color:#a9b5ba;
  background:rgba(5,13,18,.8);
  font-size:8px;
  font-style:normal;
}
.skp .sk6-drawing{
  width:83%;
  position:absolute;
  left:14%;
  top:24%;
  fill:none;
  stroke:#eef4f3;
  stroke-width:1.45;
  filter:drop-shadow(0 0 4px rgba(228,242,239,.2));
}
.skp .sk6-drawing use{
  stroke-dasharray:610;
  stroke-dashoffset:610;
  animation:sk6-draw 4.2s cubic-bezier(.52,.05,.2,1) infinite;
}
.skp .sk6-nodes{fill:#071017;stroke:#ff8d53;stroke-width:1}
.skp .sk6-pen{
  width:10px;
  height:92px;
  position:absolute;
  left:56%;
  top:33%;
  z-index:4;
  border-radius:8px 8px 2px 2px;
  transform-origin:50% 95%;
  transform:rotate(-34deg);
  background:linear-gradient(90deg,#090c0e,#4a5052 48%,#0b0e10);
  box-shadow:10px 12px 18px rgba(0,0,0,.45);
  animation:sk6-pen 4.2s cubic-bezier(.52,.05,.2,1) infinite;
}
.skp .sk6-pen::after{content:"";position:absolute;left:2px;bottom:-10px;border-inline:3px solid transparent;border-top:11px solid #c8cecc}
.skp .sk6-pen i{position:absolute;left:2px;bottom:-13px;width:6px;height:6px;border-radius:50%;background:#fff5e8;box-shadow:0 0 8px 3px #ff7a32,0 0 18px 6px rgba(255,71,20,.45)}
@keyframes sk6-draw{0%,8%{stroke-dashoffset:610}72%,100%{stroke-dashoffset:0}}
@keyframes sk6-pen{0%,8%{left:26%;top:28%}26%{left:73%;top:28%}44%{left:73%;top:63%}62%{left:26%;top:63%}72%,100%{left:56%;top:33%}}

.skp .sk6-stage-card{
  margin:auto 7px 8px;
  min-height:54px;
  position:relative;
  z-index:2;
  border:1px solid rgba(159,186,197,.15);
  border-radius:8px;
  background:rgba(6,15,20,.82);
}
.skp .sk6-file-card{padding:8px;display:grid;grid-template-columns:26px minmax(0,1fr) 12px;gap:6px;align-items:center}
.skp .sk6-file-icon{width:25px;height:29px;border:1px solid var(--sk6-line-strong);border-radius:5px;display:grid;place-items:center;color:#eaf0ee;background:#101e25}
.skp .sk6-file-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.skp .sk6-file-card strong{overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}
.skp .sk6-file-card small{font-size:11px;color:#7e8d94}
.skp .sk6-file-card>b{color:var(--sk6-green);font-size:10px}

.skp .sk6-vector{
  position:absolute;
  width:88%;
  left:6%;
  top:18%;
  overflow:visible;
  fill:none;
  stroke:#e9f1ef;
  stroke-width:1.25;
}
.skp .sk6-vector text{fill:#dbe3e1;stroke:none;font-size:11px;text-anchor:middle}
.skp .sk6-vector .sk6-dimension-line{stroke:#75868d;stroke-width:.75}
.skp .sk6-validation{margin:auto 9px 12px;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b7c2c4}
.skp .sk6-validation span{display:flex;align-items:center;gap:5px}
.skp .sk6-validation i{width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:rgba(78,211,132,.17);color:var(--sk6-green);font-size:7px;font-style:normal;box-shadow:0 0 12px rgba(88,217,138,.11)}

.skp .sk6-material-view{
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 50%,rgba(154,190,202,.14),transparent 50%);
  perspective:400px;
}
.skp .sk6-solid-plate{width:91%;color:var(--sk6-part-color,#a9b4b9);filter:drop-shadow(0 14px 13px rgba(0,0,0,.5))}
.skp .sk6-material-view .sk6-solid-plate{transform:perspective(400px) rotateX(57deg) rotateZ(-7deg) translateY(-5px)}
.skp .sk6-product-shadow{position:absolute;width:70%;height:20%;left:16%;bottom:20%;border-radius:50%;background:#000;filter:blur(12px);opacity:.6}
.skp .sk6-material-card{margin:auto 7px 8px;position:relative;z-index:2;border:1px solid rgba(159,186,197,.13);border-radius:8px;background:rgba(7,16,21,.88);padding:8px}
.skp .sk6-material-card>span{display:block;margin-bottom:6px;color:#7d8b92;font-size:11px}
.skp .sk6-material-options{display:flex;flex-direction:column;gap:3px}
.skp .sk6-material-options button{
  min-width:0;
  height:22px;
  padding:0 5px;
  border:1px solid transparent;
  border-radius:5px;
  background:rgba(255,255,255,.025);
  display:flex;
  align-items:center;
  gap:5px;
  color:#87949a;
  font-size:11px;
  cursor:pointer;
}
.skp .sk6-material-options button.is-selected{border-color:rgba(255,105,47,.3);background:rgba(255,105,47,.07);color:#e9eeec}
.skp .sk6-material-options i{width:11px;height:11px;border-radius:2px;background:linear-gradient(135deg,#57646b,#d2dadd 48%,#68747a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.skp .sk6-material-options button:nth-child(2) i{background:linear-gradient(135deg,#262f34,#89959b 48%,#333d42)}
.skp .sk6-material-options button:nth-child(3) i{background:#b78953}
.skp .sk6-material-card dl{margin:7px 0 0;padding-top:6px;border-top:1px solid var(--sk6-line);display:flex;flex-direction:column;gap:5px}
.skp .sk6-material-card dl div{display:flex;align-items:center;justify-content:space-between}
.skp .sk6-material-card dt{font-size:11px;color:#7c8b91}
.skp .sk6-material-card dd{margin:0;display:flex;align-items:center;gap:4px;font-size:11px}
.skp .sk6-material-card dd button{width:15px;height:15px;padding:0;border:1px solid var(--sk6-line);border-radius:3px;background:#0e1b21;line-height:1;cursor:pointer}
.skp .sk6-material-card .sk6-price{color:#fff;font-size:11px;font-weight:800}

.skp .sk6-three-scene{height:72%;background:radial-gradient(ellipse at 50% 47%,rgba(35,65,75,.33),transparent 57%)}
.skp .sk6-three-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(3,9,12,.55))}
.skp .sk6-three-scene canvas{width:100%;height:100%;display:block;position:relative;z-index:2}
.skp .sk6-three-scene canvas:focus-visible{outline:2px solid var(--sk6-orange);outline-offset:-3px}
.skp .sk6-three-fallback{position:absolute;left:5%;top:24%;width:90%;transform:perspective(400px) rotateX(58deg) rotateZ(-9deg);color:var(--sk6-part-color,#b9c5ca)}
.skp .sk6-three-scene[data-three-ready="true"] .sk6-three-fallback{display:none}
.skp .sk6-render-chip{position:absolute;z-index:4;left:8px;top:8px;padding:4px 5px;border:1px solid rgba(113,219,156,.22);border-radius:999px;background:rgba(4,12,16,.68);display:flex;align-items:center;gap:4px;color:#91a09f;font-size:11px;letter-spacing:.04em}
.skp .sk6-render-chip i{width:4px;height:4px;border-radius:50%;background:var(--sk6-green);box-shadow:0 0 8px var(--sk6-green)}
.skp .sk6-preview-card{margin:auto 7px 8px;padding:7px;border:1px solid var(--sk6-line);border-radius:8px;background:rgba(7,16,21,.86)}
.skp .sk6-preview-card>span{display:flex;align-items:center;gap:4px;font-size:11px;color:#a9b3b5}
.skp .sk6-cube-icon{color:var(--sk6-orange);font-style:normal}
.skp .sk6-preview-card>div{display:flex;gap:3px;margin-top:7px}
.skp .sk6-preview-card button{width:28px;height:25px;border:1px solid var(--sk6-line);border-radius:5px;background:#0b171d;color:#78868c;font-size:10px;cursor:pointer}
.skp .sk6-preview-card button.is-selected{border-color:rgba(255,105,47,.3);background:rgba(255,105,47,.08);color:var(--sk6-orange)}

.skp .sk6-machine{
  height:69%;
  background:linear-gradient(180deg,#111b21,#050d12 72%);
  perspective:350px;
}
.skp .sk6-machine::before{content:"";position:absolute;inset:36% 5% 4%;background:repeating-linear-gradient(90deg,#101c21 0 3px,#26333a 3px 5px);transform:rotateX(51deg);transform-origin:center bottom;border:1px solid rgba(255,255,255,.07)}
.skp .sk6-machine-head{position:absolute;z-index:5;left:48%;top:0;width:40px;height:95px;transform:translateX(-50%);background:linear-gradient(90deg,#05090b,#566268 36%,#161c1f 64%,#05080a);border-radius:0 0 8px 8px;box-shadow:0 11px 24px #000}
.skp .sk6-machine-head::before{content:"";position:absolute;left:-29px;top:0;width:98px;height:25px;background:linear-gradient(#202a2e,#090e11);border-radius:0 0 5px 5px}
.skp .sk6-machine-head span{position:absolute;left:10px;right:10px;bottom:-13px;height:23px;background:linear-gradient(90deg,#151b1d,#818d8e,#111719);clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}
.skp .sk6-machine-head i{position:absolute;left:17px;bottom:-23px;width:7px;height:14px;background:#12191b;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.skp .sk6-machine-sheet{position:absolute;left:7%;right:7%;bottom:5%;height:50%;transform:rotateX(55deg);transform-origin:center bottom;background:linear-gradient(130deg,#2d383e,#9aa6aa 42%,#4d5a60 72%,#1f292e);box-shadow:0 18px 30px #000,inset 0 1px rgba(255,255,255,.22)}
.skp .sk6-machine-sheet svg{width:74%;height:auto;position:absolute;left:13%;top:6%;fill:none;stroke-width:1.7}
.skp .sk6-cut-guide{stroke:rgba(47,25,10,.48)}
.skp .sk6-cut-live{stroke:#ffb179;stroke-dasharray:610;stroke-dashoffset:610;filter:drop-shadow(0 0 3px #ff5b1f);animation:sk6-cut 3.2s linear infinite}
.skp .sk6-laser{position:absolute;z-index:8;left:52%;top:48%;width:4px;height:45px;background:linear-gradient(transparent,#ff7736 58%,#fff);filter:drop-shadow(0 0 6px #ff4d16);animation:sk6-laser-move 3.2s linear infinite}
.skp .sk6-laser i{position:absolute;left:-3px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #ff7b38,0 0 22px 10px rgba(255,53,5,.42)}
.skp .sk6-sparks{position:absolute;z-index:9;left:53%;top:81%;animation:sk6-sparks-move 3.2s linear infinite}
.skp .sk6-sparks i{position:absolute;width:2px;height:16px;transform-origin:50% 0;background:linear-gradient(#fff,#ff6b25,transparent);filter:drop-shadow(0 0 2px #ff6c27);animation:sk6-spark .75s ease-out infinite}
.skp .sk6-sparks i:nth-child(1){rotate:18deg}.skp .sk6-sparks i:nth-child(2){rotate:57deg;animation-delay:-.2s}.skp .sk6-sparks i:nth-child(3){rotate:95deg;animation-delay:-.4s}.skp .sk6-sparks i:nth-child(4){rotate:145deg;animation-delay:-.1s}.skp .sk6-sparks i:nth-child(5){rotate:212deg;animation-delay:-.55s}.skp .sk6-sparks i:nth-child(6){rotate:296deg;animation-delay:-.33s}
@keyframes sk6-cut{0%,10%{stroke-dashoffset:610}88%,100%{stroke-dashoffset:0}}
@keyframes sk6-laser-move{0%,10%{left:29%;top:44%}30%{left:72%;top:44%}49%{left:72%;top:70%}68%{left:29%;top:70%}88%,100%{left:29%;top:44%}}
@keyframes sk6-sparks-move{0%,10%{left:30%;top:77%}30%{left:71%;top:77%}49%{left:71%;top:88%}68%{left:30%;top:88%}88%,100%{left:30%;top:77%}}
@keyframes sk6-spark{0%{opacity:1;scale:.25}100%{opacity:0;transform:translateY(20px);scale:1}}
.skp .sk6-production-card{margin:auto 7px 8px;padding:8px;border:1px solid var(--sk6-line);border-radius:8px;background:rgba(7,16,21,.88)}
.skp .sk6-production-card>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#c0c9c8}
.skp .sk6-production-card>span i{width:5px;height:5px;border-radius:50%;background:var(--sk6-green);box-shadow:0 0 8px var(--sk6-green)}
.skp .sk6-production-card>div{height:4px;margin:8px 0;background:#1c2a30;border-radius:5px;overflow:hidden}
.skp .sk6-production-card>div b{display:block;width:65%;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--sk6-orange),#ffa061);transition:width .4s}
.skp .sk6-production-card small{display:flex;justify-content:space-between;font-size:5.5px;color:#77868c}
.skp .sk6-production-card small strong{color:#b9c3c2}

.skp .sk6-package{height:69%;background:radial-gradient(circle at 50% 57%,rgba(144,91,49,.18),transparent 56%);perspective:420px}
.skp .sk6-box{position:absolute;left:9%;right:9%;bottom:9%;height:56%;transform:rotateX(53deg) rotateZ(-5deg);transform-style:preserve-3d}
.skp .sk6-box-bed{position:absolute;inset:0;background:#9b6535;border:2px solid #7b4d27;box-shadow:0 25px 30px rgba(0,0,0,.55)}
.skp .sk6-box-bed::before{content:"";position:absolute;inset:7px;background:repeating-linear-gradient(110deg,#e5d6ba 0 2px,#bca987 2px 4px);opacity:.8}
.skp .sk6-packed-plate{position:absolute;z-index:2;left:11%;top:8%;width:78%;color:var(--sk6-part-color,#a9b4b9);filter:drop-shadow(0 7px 5px rgba(31,35,38,.5))}
.skp .sk6-box-lid{position:absolute;z-index:4;left:0;right:0;top:-93%;height:91%;transform-origin:bottom;transform:rotateX(-20deg);background:linear-gradient(155deg,#ba7c41,#774922);border:1px solid #cb8a4c;box-shadow:0 12px 25px rgba(0,0,0,.28);display:grid;place-items:center}
.skp .sk6-box-lid>span{color:#0a1113;font-size:11px;font-weight:850;letter-spacing:.12em;transform:rotate(5deg)}
.skp .sk6-box-lid>span span,.skp .sk6-box-front span{color:#e9d4ae}
.skp .sk6-box-front{position:absolute;z-index:5;left:0;right:0;bottom:-25px;height:26px;transform-origin:top;transform:rotateX(-90deg);background:#70431f;display:grid;place-items:center;color:#0a1011;font-size:8px;font-weight:850;letter-spacing:.12em}
.skp .sk6-delivery-card{margin:auto 7px 8px;padding:8px;border:1px solid var(--sk6-line);border-radius:8px;background:rgba(7,16,21,.88)}
.skp .sk6-delivery-card>span{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;color:#c4cdcb}
.skp .sk6-delivery-card>span i{width:5px;height:5px;border-radius:50%;background:var(--sk6-green);box-shadow:0 0 8px var(--sk6-green)}
.skp .sk6-delivery-card small{display:block;color:#738187;font-size:5.5px}
.skp .sk6-delivery-card strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#b9c3c5;font-size:5.5px;letter-spacing:.04em;white-space:nowrap}
.skp .sk6-definitions{position:absolute}

.skp .sk6-value-strip{
  margin:16px auto 0;
  max-width:940px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.skp .sk6-value-strip>div{min-width:0;padding:0 18px;display:flex;align-items:center;gap:10px;border-inline-end:1px solid var(--sk6-line)}
.skp .sk6-value-strip>div:last-child{border:0}
.skp .sk6-value-strip>div>i{width:30px;height:30px;flex:0 0 auto;border:1px solid rgba(255,105,47,.5);border-radius:50%;display:grid;place-items:center;color:var(--sk6-orange);font-size:13px;font-style:normal}
.skp .sk6-value-strip span{min-width:0;display:flex;flex-direction:column;gap:3px}
.skp .sk6-value-strip strong{overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}
.skp .sk6-value-strip small{overflow:hidden;text-overflow:ellipsis;color:#7c8a91;font-size:11px;white-space:nowrap}

.skp .sk6-summary{align-self:center;min-width:0}
.skp .sk6-process{position:relative;margin-bottom:34px;display:flex;flex-direction:column;gap:0}
.skp .sk6-process-line{position:absolute;left:9px;top:14px;bottom:14px;width:1px;background:#23343d;overflow:hidden}
.skp .sk6-process-line i{display:block;width:100%;height:0;background:linear-gradient(var(--sk6-orange),#a35f3d);box-shadow:0 0 9px rgba(255,105,47,.58);transition:height .6s var(--ease)}
.skp .sk6-process button{
  min-width:0;
  height:44px;
  position:relative;
  display:grid;
  grid-template-columns:20px 27px minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#7f8c92;
  text-align:start;
  cursor:pointer;
}
.skp .sk6-process button>i{
  position:relative;
  z-index:2;
  width:9px;
  height:9px;
  margin-left:5px;
  border:3px solid #2d414a;
  border-radius:50%;
  background:#09141a;
  box-shadow:0 0 0 1px rgba(140,173,185,.11);
  transition:.3s;
}
.skp .sk6-process button b{font-size:10px;font-weight:600}
.skp .sk6-process button span{overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}
.skp .sk6-process button.is-active{color:var(--sk6-orange)}
.skp .sk6-process button.is-active>i{border-color:var(--sk6-orange);box-shadow:0 0 0 4px rgba(255,105,47,.08),0 0 14px rgba(255,105,47,.25)}
.skp .sk6-process button.is-complete>i{border-color:#975835;background:var(--sk6-orange)}

.skp .sk6-job{
  overflow:hidden;
  border:1px solid rgba(160,190,201,.15);
  border-radius:13px;
  background:linear-gradient(150deg,rgba(13,27,35,.9),rgba(6,15,20,.9));
  box-shadow:0 25px 55px rgba(0,0,0,.22);
}
.skp .sk6-job header{height:44px;padding:0 13px;border-bottom:1px solid var(--sk6-line);display:flex;align-items:center;justify-content:space-between}
.skp .sk6-job header span{color:#718087;font-size:11px;letter-spacing:.1em}
.skp .sk6-job header strong{font-size:11px}
.skp .sk6-job dl{margin:0;padding:13px;display:flex;flex-direction:column;gap:10px}
.skp .sk6-job dl div{min-width:0;display:flex;justify-content:space-between;gap:8px}
.skp .sk6-job dt{color:#74838a;font-size:11px}
.skp .sk6-job dd{margin:0;overflow:hidden;text-overflow:ellipsis;color:#b9c3c5;font-size:11px;text-align:end;white-space:nowrap}
.skp .sk6-job-total{padding:12px 13px;border-top:1px solid var(--sk6-line);display:flex;align-items:center;justify-content:space-between;color:var(--sk6-orange)}
.skp .sk6-job-total span{font-size:11px;font-weight:700}
.skp .sk6-job-total strong{font-size:14px}
.skp .sk6-job footer{padding:12px 13px;border-top:1px solid var(--sk6-line);display:flex;align-items:center;gap:9px}
.skp .sk6-shield{width:25px;height:28px;display:grid;place-items:center;border:2px solid var(--sk6-orange);border-radius:8px 8px 11px 11px;color:var(--sk6-orange)}
.skp .sk6-job footer>span:last-child{display:flex;flex-direction:column;gap:2px}
.skp .sk6-job footer strong{font-size:11px}
.skp .sk6-job footer small{color:#6f7d83;font-size:11px}

@media (max-width:1550px){
  .skp .sk6-shell{grid-template-columns:minmax(250px,300px) minmax(690px,1fr) minmax(175px,195px);gap:24px}
  .skp .sk6-copy h1{font-size:clamp(43px,3.25vw,54px)}
  .skp .sk6-studio{height:600px}
  .skp .sk6-stage-tabs{height:96px;padding-top:21px}
  .skp .sk6-workflow{height:calc(100% - 142px);padding-inline:11px;gap:6px}
  .skp .sk6-value-strip>div{padding-inline:11px}
}

@media (max-width:1279px){
  .skp .sk6-hero{align-items:flex-start;padding-top:calc(var(--header-h) + 38px);padding-bottom:45px}
  .skp .sk6-shell{max-width:1080px;grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start}
  .skp .sk6-summary{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}
  .skp .sk6-process{margin:0;display:grid;grid-template-columns:repeat(6,1fr)}
  .skp .sk6-process-line{left:8.33%;right:8.33%;top:10px;bottom:auto;width:auto;height:1px}
  .skp .sk6-process-line i{width:0;height:100%!important;transition:width .6s var(--ease)}
  .skp .sk6-process button{height:66px;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;text-align:center}
  .skp .sk6-process button>i{margin:5px 0 0}
  .skp .sk6-process button b{display:none}
  .skp .sk6-process button span{font-size:8px}
  .skp .sk6-job{display:grid;grid-template-columns:auto 1fr auto}
  .skp .sk6-job header{height:auto;border:0;border-inline-end:1px solid var(--sk6-line);display:flex;flex-direction:column;justify-content:center;gap:6px}
  .skp .sk6-job dl{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}
  .skp .sk6-job-total{border-top:0;border-inline-start:1px solid var(--sk6-line);display:flex;flex-direction:column;justify-content:center}
  .skp .sk6-job footer{display:none}
}

@media (max-width:980px){
  .skp .sk6-hero{padding-inline:var(--page-pad)}
  .skp .sk6-shell{display:block}
  .skp .sk6-copy{max-width:680px;padding:25px 0 42px}
  .skp .sk6-copy h1{max-width:620px;font-size:clamp(48px,8vw,74px)}
  .skp .sk6-copy>p{max-width:560px}
  .skp .sk6-trust{max-width:550px}
  .skp .sk6-story-control{display:inline-flex;margin-bottom:8px}
  .skp .sk6-studio{height:auto;min-height:600px}
  .skp .sk6-stage-tabs{display:flex;overflow-x:auto;padding-inline:15px;scrollbar-width:none}
  .skp .sk6-stage-tabs::-webkit-scrollbar{display:none}
  .skp .sk6-stage-tabs button{min-width:128px}
  .skp .sk6-tab-rail{display:none}
  .skp .sk6-workflow{
    height:455px;
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding:15px;
    padding:10px 15px 18px;
    scrollbar-width:none;
  }
  .skp .sk6-workflow::-webkit-scrollbar{display:none}
  .skp .sk6-stage{width:min(62vw,270px);min-width:min(62vw,270px);flex:0 0 auto;scroll-snap-align:center}
  .skp .sk6-value-strip{margin:20px 0 0;grid-template-columns:repeat(2,1fr);gap:18px 0}
  .skp .sk6-value-strip>div:nth-child(2){border:0}
  .skp .sk6-summary{display:block;margin-top:35px}
  .skp .sk6-process{display:none}
  .skp .sk6-job{max-width:540px;margin:auto;display:block}
  .skp .sk6-job header{height:44px;flex-direction:row;border-inline-end:0;border-bottom:1px solid var(--sk6-line)}
  .skp .sk6-job dl{display:flex}
  .skp .sk6-job-total{border-inline-start:0;border-top:1px solid var(--sk6-line);flex-direction:row}
  .skp .sk6-job footer{display:flex}
}

@media (max-width:620px){
  .skp .sk6-hero{padding-top:calc(var(--header-h) + 20px)}
  .skp .sk6-copy{padding-top:10px}
  .skp .sk6-copy h1{margin-top:22px;font-size:clamp(42px,13.5vw,62px)}
  .skp .sk6-actions{display:grid;grid-template-columns:1fr}
  .skp .sk6-button{width:100%}
  .skp .sk6-trust{gap:9px;justify-content:space-between}
  .skp .sk6-trust span{font-size:11px}
  .skp .sk6-studio{border-radius:15px}
  .skp .sk6-studio-bar{grid-template-columns:1fr auto}
  .skp .sk6-studio-bar>span{display:none}
  .skp .sk6-studio-bar strong{grid-column:2}
  .skp .sk6-stage-tabs button{min-width:116px}
  .skp .sk6-workflow{height:440px}
  .skp .sk6-stage{width:76vw;min-width:76vw;flex-basis:auto}
  .skp .sk6-value-strip{grid-template-columns:1fr}
  .skp .sk6-value-strip>div{padding:8px 0;border:0}
}

@media (prefers-reduced-motion:reduce){
  .skp .sk6-drawing use{animation:none;stroke-dashoffset:0}
  .skp .sk6-pen,.skp .sk6-cut-live,.skp .sk6-laser,.skp .sk6-sparks{animation:none}
  .skp .sk6-sparks{display:none}
  .skp .sk6-stage,.skp .sk6-tab-rail i,.skp .sk6-process-line i{transition:none}
}

/* Arabic / RTL presentation. Technical drawings retain their physical orientation. */
html[dir="rtl"] .skp{
  font-family:"IBM Plex Sans Arabic",Inter,Arial,sans-serif;
}
html[dir="rtl"] .skp .sk6-copy,
html[dir="rtl"] .skp .sk6-process button,
html[dir="rtl"] .skp .sk6-job,
html[dir="rtl"] .skp .sk6-material-card{
  text-align:right;
}
html[dir="rtl"] .skp .sk6-stage-viewport,
html[dir="rtl"] .skp .sk6-three-scene,
html[dir="rtl"] .skp .sk6-stage-tabs{
  direction:ltr;
}
html[dir="rtl"] .skp .sk6-stage-tabs button span{
  direction:rtl;
}
html[dir="rtl"] .skp .sk6-process-line{
  left:auto;
  right:9px;
}
html[dir="rtl"] .skp .sk6-job dd,
html[dir="rtl"] .skp .sk6-price,
html[dir="rtl"] .skp [data-sk6-production-value],
html[dir="rtl"] .skp .sk6-delivery-card strong{
  unicode-bidi:isolate;
}

@media (max-width:1279px){
  html[dir="rtl"] .skp .sk6-process-line{right:8.33%;left:8.33%}
  html[dir="rtl"] .skp .sk6-process button{text-align:center}
}