.skp{
  --bg:#071013;
  --bg-soft:#0b1518;
  --panel:#0d181b;
  --panel-2:#111d20;
  --line:rgba(255,255,255,.11);
  --line-soft:rgba(255,255,255,.065);
  --text:#f4f4ef;
  --muted:#9ca8a8;
  --accent:#FF642E;
  --accent-2:#FFB067;
  --success:#70d598;
  --danger:#f66;
  --page-pad:clamp(20px,4vw,72px);
  --header-h:78px;
  --ease:cubic-bezier(.2,.75,.2,1);
  --stage-progress:0;
  color-scheme:dark;
}
.skp *{box-sizing:border-box}
.skp{scroll-behavior:smooth;background:var(--bg)}
.skp{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.skp.menu-open{overflow:hidden}
.skp a{color:inherit;text-decoration:none}
.skp button,.skp input{font:inherit}
.skp button{color:inherit}
.skp img,.skp svg{display:block;max-width:100%}
.skp .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 .skip-link{position:fixed;left:20px;top:-80px;z-index:9999;background:#fff;color:#000;padding:12px 16px;border-radius:10px;transition:top .2s}
.skp .skip-link:focus{top:16px}
.skp .site-header{height:var(--header-h);position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}
.skp .site-header.is-scrolled{background:rgba(7,16,19,.76);border-color:var(--line-soft);backdrop-filter:blur(18px)}
.skp .brand{display:inline-flex;align-items:center;min-width:128px;height:34px;position:relative}
.skp .brand img{position:absolute;left:0;top:2px;z-index:2;height:30px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
.skp .brand-fallback{display:inline;font-size:25px;font-weight:790;letter-spacing:-1.5px}
.skp .brand-fallback span{color:var(--accent)}
.skp .brand.logo-loaded .brand-fallback{visibility:hidden}
.skp .desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,38px);font-size:13px;color:#c3cdcd}
.skp .desktop-nav a,.skp .login-link{transition:color .2s}
.skp .desktop-nav a:hover,.skp .login-link:hover{color:#fff}
.skp .header-actions{display:flex;align-items:center;gap:12px}
.skp .language-button,.skp .login-link,.skp .header-cta{height:40px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02)}
.skp .language-button{gap:7px;padding:0 14px;cursor:pointer}
.skp .language-button svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.skp .login-link{padding:0 18px}
.skp .header-cta{padding:0 20px;background:var(--accent);color:#17130b;border-color:transparent;font-weight:700;box-shadow:0 9px 30px rgba(255,100,46,.18)}
.skp .menu-button{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;place-content:center;gap:5px;cursor:pointer}
.skp .menu-button span:not(.sr-only){display:block;width:18px;height:1px;background:#fff;transition:transform .25s}
.skp .mobile-menu{position:fixed;inset:var(--header-h) 0 0;z-index:90;background:rgba(7,16,19,.98);padding:40px var(--page-pad);display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}
.skp .mobile-menu.is-open{opacity:1;visibility:visible;transform:none}
.skp .mobile-menu nav{display:flex;flex-direction:column;font-size:30px;font-weight:600;gap:18px}
.skp .experience{height:650vh;min-height:4200px;background:#071013}
.skp .experience-sticky{height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.skp .experience-sticky::after{content:"";position:absolute;inset:auto 0 0;height:17vh;background:linear-gradient(transparent,#071013);pointer-events:none;z-index:8}
.skp .ambient{position:absolute;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none}
.skp .ambient-one{width:42vw;height:42vw;background:#126c74;left:-18vw;top:-15vw}
.skp .ambient-two{width:34vw;height:34vw;background:#FF642E;right:-17vw;bottom:-18vw;opacity:.12}
.skp .grid-backdrop{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:62px 62px;mask-image:radial-gradient(circle at center,#000 0,transparent 70%);opacity:.35}
.skp .experience-shell{position:relative;z-index:3;height:100%;padding:calc(var(--header-h) + 30px) var(--page-pad) 40px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(520px,1.6fr) minmax(210px,.58fr);gap:clamp(22px,3vw,52px);align-items:center}
.skp .story-column{height:min(690px,calc(100vh - 130px));position:relative;display:flex;flex-direction:column;justify-content:center}
.skp .hero-intro{position:absolute;inset:auto 0;top:50%;transform:translateY(-52%);opacity:1;transition:opacity .35s var(--ease),transform .45s var(--ease);z-index:3}
.skp.has-progress .hero-intro{opacity:0;pointer-events:none;transform:translateY(-55%)}
.skp .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#aebaba;font-weight:720}
.skp .eyebrow i{width:26px;height:1px;background:var(--accent);box-shadow:0 0 14px rgba(255,100,46,.6)}
.skp .hero-intro h1{font-size:clamp(45px,4.2vw,76px);line-height:.98;letter-spacing:-.055em;margin:24px 0 22px;max-width:700px}
.skp .hero-intro h1 em{font-style:normal;color:var(--accent);display:block}
.skp .hero-intro>p{color:#a9b3b3;font-size:clamp(15px,1.08vw,18px);line-height:1.7;max-width:555px;margin:0}
.skp .hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.skp .button{min-height:50px;border-radius:11px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:720;border:1px solid transparent;transition:transform .25s var(--ease),background .25s,border-color .25s}
.skp .button:hover{transform:translateY(-2px)}
.skp .button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.skp .button-primary{background:var(--accent);color:#1d170b;box-shadow:0 16px 45px rgba(255,100,46,.17)}
.skp .button-primary:hover{background:#FF7A4D}
.skp .button-secondary{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.035);color:#f4f4ef}
.skp .button-secondary:hover{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.07)}
.skp .trust-line{margin-top:42px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:18px;max-width:610px}
.skp .trust-line div{display:flex;flex-direction:column;gap:3px}.skp .trust-line strong{font-size:13px}.skp .trust-line span{font-size:10px;color:#829091;text-transform:uppercase;letter-spacing:.07em}.skp .trust-line>i{width:1px;height:25px;background:var(--line)}
.skp .stage-copy-stack{position:relative;height:330px;opacity:0;transition:opacity .35s var(--ease)}
.skp.has-progress .stage-copy-stack{opacity:1}
.skp .stage-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .42s var(--ease),transform .55s var(--ease)}
.skp .stage-copy.is-active{opacity:1;transform:none;pointer-events:auto}
.skp .stage-number{color:var(--accent);font-weight:800;font-size:54px;line-height:1;letter-spacing:-.055em;text-shadow:0 0 40px rgba(255,100,46,.18)}
.skp .stage-kicker{font-size:12px;color:#dfe5e4;font-weight:720;text-transform:uppercase;letter-spacing:.15em;margin:14px 0}
.skp .stage-copy h2{font-size:clamp(34px,3.1vw,58px);letter-spacing:-.045em;line-height:1.02;margin:0 0 20px;max-width:590px}
.skp .stage-copy>p:last-child{font-size:15px;color:#9caaaa;line-height:1.75;max-width:520px;margin:0}
.skp .scroll-hint{position:absolute;left:0;bottom:5px;display:flex;align-items:center;gap:9px;color:#859292;font-size:11px;transition:opacity .3s}
.skp.has-progress .scroll-hint{opacity:0}.skp .scroll-hint svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.4;animation:bob 1.7s infinite}.skp .mouse{width:20px;height:30px;border:1px solid #657273;border-radius:12px;position:relative}.skp .mouse i{position:absolute;width:2px;height:6px;background:var(--accent);left:8px;top:6px;border-radius:2px;animation:mouse 1.6s infinite}
@keyframes mouse{0%{transform:translateY(0);opacity:0}30%{opacity:1}80%{transform:translateY(8px);opacity:0}100%{opacity:0}}
@keyframes bob{50%{transform:translateY(3px)}}
.skp .visual-column{height:min(730px,calc(100vh - 115px));display:flex;align-items:center;justify-content:center;perspective:1400px}
.skp .visual-frame{width:100%;height:100%;max-height:710px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(150deg,rgba(20,34,38,.88),rgba(7,14,16,.82));box-shadow:0 40px 120px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.03);overflow:hidden;transform:translateZ(0)}
.skp .visual-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 30%,transparent 70%,rgba(255,100,46,.018));pointer-events:none;z-index:20}
.skp .frame-topbar{position:relative;z-index:30}
.skp .three-part-stage{
  position:absolute;
  inset:46px 0 0;
  z-index:4;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity .45s var(--ease);
}
.skp.has-three .three-part-stage{opacity:1}
.skp .three-part-stage::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 43% 54%,transparent 0 28%,rgba(5,11,13,.16) 72%,rgba(5,11,13,.35));
  pointer-events:none;
}
.skp .three-part-stage canvas{width:100%;height:100%;display:block}
.skp .three-part-badge{
  position:absolute;
  left:20px;
  bottom:18px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(7,14,16,.52);
  backdrop-filter:blur(10px);
  color:#7f8d8d;
  font-size:7px;
  font-weight:700;
  letter-spacing:.13em;
}
.skp .three-part-badge i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--success);
  box-shadow:0 0 9px rgba(112,213,152,.75);
}
.skp.has-three .product-intro,
.skp.has-three .product-wood,
.skp.has-three .product-config,
.skp.has-three .product-finished,
.skp.has-three .packed-product{
  opacity:0!important;
  visibility:hidden!important;
}
.skp .frame-topbar{position:absolute;inset:0 0 auto;height:46px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;letter-spacing:.13em;color:#758384;z-index:50;background:rgba(7,14,16,.35);backdrop-filter:blur(6px)}
.skp .frame-lights{display:flex;gap:5px}.skp .frame-lights i{width:6px;height:6px;border-radius:50%;background:#354043}.skp .frame-lights i:first-child{background:#8e6130}.skp .frame-signal{display:flex;align-items:center;gap:6px}.skp .frame-signal i{width:5px;height:5px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success)}
.skp .scene{position:absolute;inset:46px 0 0;opacity:0;visibility:hidden;transform:scale(.975) translateY(12px);transition:opacity .45s var(--ease),transform .65s var(--ease),visibility .45s;overflow:hidden}
.skp .scene.is-active{opacity:1;visibility:visible;transform:none}
.skp .scene::after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(4,10,12,.3));pointer-events:none}
.skp .design-canvas{position:absolute;left:7.5%;top:8%;width:70%;height:80%;border-radius:12px;border:1px solid rgba(255,255,255,.08);background-color:#0b1518;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;box-shadow:0 22px 60px rgba(0,0,0,.35),inset 0 0 60px rgba(0,0,0,.2);transform:perspective(1100px) rotateX(1.5deg) rotateY(-2.5deg)}
.skp .design-toolbar{position:absolute;left:2.2%;top:13%;display:flex;flex-direction:column;gap:4px;z-index:4}.skp .design-toolbar span{width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:6px;display:grid;place-items:center;font-size:9px;color:#829091}.skp .design-toolbar span:first-child{background:rgba(255,100,46,.12);color:var(--accent);border-color:rgba(255,100,46,.3)}
.skp .canvas-rulers{position:absolute;inset:0;pointer-events:none}.skp .canvas-rulers span{position:absolute;font-size:7px;color:#647172}.skp .canvas-rulers span:nth-child(1){left:10px;top:7px}.skp .canvas-rulers span:nth-child(2){left:32%;top:7px}.skp .canvas-rulers span:nth-child(3){left:61%;top:7px}.skp .canvas-rulers span:nth-child(4){right:10px;top:7px}
.skp .part-drawing{position:absolute;width:64%;aspect-ratio:1;left:17%;top:9%;overflow:visible}.skp .part-strokes{fill:none;stroke:#dfe8e7;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.skp .draw-frame{stroke-width:6}.skp .draw-path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw-progress,1));filter:drop-shadow(0 0 6px rgba(224,242,239,.1))}.skp .anchor-points{fill:var(--accent);stroke:#0d1618;stroke-width:3;opacity:.9}.skp .selection-box{position:absolute;width:61%;aspect-ratio:1;left:18.5%;top:10.5%;border:1px dashed rgba(255,255,255,.52)}.skp .selection-box i{position:absolute;width:8px;height:8px;background:#e9efed;border:2px solid #162022}.skp .selection-box i:nth-child(1){left:-5px;top:-5px}.skp .selection-box i:nth-child(2){right:-5px;top:-5px}.skp .selection-box i:nth-child(3){right:-5px;bottom:-5px}.skp .selection-box i:nth-child(4){left:-5px;bottom:-5px}
.skp .design-panel,.skp .config-panel,.skp .job-panel,.skp .finish-panel{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(13,24,27,.83);box-shadow:0 24px 60px rgba(0,0,0,.34);backdrop-filter:blur(16px);z-index:10}
.skp .design-panel{right:3%;top:21%;width:29%;padding:16px}.skp .panel-caption{font-size:9px;letter-spacing:.13em;font-weight:800;color:#e4e9e8}.skp .file-card{border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:14px 0;padding:9px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;background:rgba(255,255,255,.025)}.skp .file-icon{width:30px;height:30px;border-radius:6px;background:rgba(255,100,46,.08);display:grid;place-items:center;color:var(--accent)}.skp .file-icon svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.4}.skp .file-card strong{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skp .file-card small{display:block;color:#6f7e7e;font-size:7px;margin-top:3px}.skp .file-card b{font-size:10px;color:var(--success)}.skp .design-panel dl{margin:0}.skp .design-panel dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft)}.skp .design-panel dl div:last-child{border:0}.skp .design-panel dt{font-size:9px;color:#8c9a9a}.skp .design-panel dd{margin:0;font-size:9px;color:#e5e9e8}
.skp .material-world{position:absolute;left:4%;right:31%;top:7%;bottom:8%;perspective:1100px}.skp .material-sheet{position:absolute;width:83%;height:70%;left:7%;top:17%;background:linear-gradient(135deg,#c89f68,#9f7445 65%,#7d542e);border-radius:9px;transform:rotateX(58deg) rotateZ(-13deg);box-shadow:0 45px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.14);overflow:hidden}.skp .material-sheet::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(17deg,rgba(69,40,13,.08) 0 1px,transparent 1px 5px),radial-gradient(circle at 25% 20%,rgba(255,255,255,.16),transparent 24%);mix-blend-mode:overlay}.skp .sheet-edge{position:absolute;left:0;right:0;bottom:0;height:8px;background:#77502d;transform-origin:bottom}
.skp .product-stack{position:absolute;aspect-ratio:1;color:#aa7b41;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35));transform-style:preserve-3d}.skp .product-stack svg,.skp .product-depth{position:absolute;inset:0;width:100%;height:100%}.skp .product-depth{mask:url('mounting-plate.svg') center/contain no-repeat;background:#5c3b1f}.skp .product-stack .depth-1{transform:translate(3px,5px)}.skp .product-stack .depth-2{transform:translate(5px,8px)}.skp .product-stack .depth-3{transform:translate(7px,11px)}.skp .product-stack .depth-4{transform:translate(9px,14px)}
.skp .product-wood{width:55%;left:21%;top:16%;transform:rotateX(54deg) rotateZ(-13deg);z-index:3}.skp .product-wood svg{color:#b98a4e}.skp .material-shadow{position:absolute;width:40%;height:12%;left:28%;bottom:8%;background:#000;filter:blur(22px);opacity:.38;transform:rotate(-12deg)}
.skp .material-picker{position:absolute;right:3.5%;top:9%;bottom:7%;width:29%;border-left:1px solid var(--line-soft);padding:3% 3%}.skp .picker-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:10px;font-weight:750}.skp .picker-heading b{font-size:8px;color:#7f8d8e;font-weight:600}.skp .material-options{display:flex;flex-direction:column;gap:8px}.skp .material-option{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.22s}.skp .material-option:hover,.skp .material-option.is-selected{border-color:rgba(255,100,46,.38);background:rgba(255,100,46,.065)}.skp .material-option em{font-style:normal;color:var(--accent);font-size:10px}.skp .material-option strong{display:block;font-size:10px}.skp .material-option small{display:block;color:#7c898a;font-size:8px;margin-top:3px}.skp .swatch{width:44px;height:38px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.skp .swatch.mdf{background:linear-gradient(135deg,#d7b27b,#a57943)}.skp .swatch.birch{background:repeating-linear-gradient(105deg,#e5c38d 0 7px,#f1d6a9 7px 14px)}.skp .swatch.acrylic{background:linear-gradient(145deg,#171b1d,#050708);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 14px 14px 24px rgba(255,255,255,.04)}.skp .swatch.steel{background:linear-gradient(120deg,#555e61,#c0c7c7,#5b6366)}
.skp .configure-world{position:absolute;left:3%;right:35%;top:7%;bottom:5%;display:grid;place-items:center}.skp .product-config{width:64%;position:relative;transform:rotateX(56deg) rotateZ(-5deg);color:#bd8b4d}.skp .product-config svg{color:#bc8b4f}.skp .dimension{position:absolute;color:#b9c1c0;font-size:9px;display:flex;align-items:center;justify-content:space-between}.skp .dimension::before{content:"";position:absolute;background:rgba(255,255,255,.25)}.skp .dimension i{width:1px;height:10px;background:rgba(255,255,255,.55)}.skp .dimension-top{width:62%;top:7%;left:20%}.skp .dimension-top::before{height:1px;left:0;right:0;top:50%}.skp .dimension-top span{position:relative;background:#0b1518;padding:0 8px}.skp .dimension-side{height:59%;right:6%;top:21%;flex-direction:column}.skp .dimension-side::before{width:1px;top:0;bottom:0;left:50%}.skp .dimension-side i{width:10px;height:1px}.skp .dimension-side span{position:relative;background:#0b1518;padding:8px 0;writing-mode:vertical-rl}
.skp .config-panel{right:3%;top:7%;width:31%;padding:17px}.skp .config-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding-bottom:13px;margin-bottom:12px;font-size:10px;font-weight:750}.skp .config-title b{font-size:8px;color:var(--success);background:rgba(112,213,152,.08);border:1px solid rgba(112,213,152,.18);padding:5px 7px;border-radius:999px}.skp .config-panel label{display:grid;grid-template-columns:42% 58%;align-items:center;margin:7px 0}.skp .config-panel label>span{font-size:8px;color:#8d9a9a}.skp .config-panel label>div{height:29px;border:1px solid rgba(255,255,255,.09);border-radius:6px;display:flex;align-items:center;background:rgba(255,255,255,.02);overflow:hidden}.skp .config-panel input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:#e8edec;font-size:9px;padding:0 8px}.skp .config-panel em{font-size:7px;color:#708080;font-style:normal;padding-right:7px}.skp .config-panel label button{width:27px;height:100%;border:0;background:rgba(255,255,255,.035);cursor:pointer}.skp .select-like{font-size:9px;padding:0 8px;justify-content:space-between}.skp .select-like svg{width:12px;fill:none;stroke:#8f999a;stroke-width:1.3}.skp .price-row{border-top:1px solid var(--line-soft);margin-top:13px;padding-top:13px;display:flex;justify-content:space-between;align-items:flex-end}.skp .price-row span{display:flex;flex-direction:column}.skp .price-row small{color:#8b9999;font-size:7px}.skp .price-row strong{font-size:25px;color:var(--accent);letter-spacing:-.04em;margin-top:2px}.skp .price-row em{font-style:normal;font-size:7px;color:#6e7d7d}.skp .approve-button{margin-top:13px;width:100%;height:34px;border:1px solid rgba(112,213,152,.22);border-radius:7px;background:rgba(112,213,152,.08);color:#a6e2bc;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:8px}.skp .approve-button b{width:17px;height:17px;border-radius:50%;background:var(--success);color:#0b1a11;display:grid;place-items:center}
.skp .machine-gantry{position:absolute;left:0;right:0;top:5%;height:13%;background:linear-gradient(#20292b,#0e1416);box-shadow:0 20px 30px rgba(0,0,0,.4);z-index:4}.skp .machine-gantry::before{content:"";position:absolute;left:0;right:0;top:18%;height:12px;background:linear-gradient(#495154,#171d1f);box-shadow:0 1px rgba(255,255,255,.14)}.skp .machine-gantry span{position:absolute;width:24%;height:74%;left:38%;top:8%;border-radius:8px;background:linear-gradient(90deg,#111719,#3e4749 50%,#101618);box-shadow:0 8px 15px #000}.skp .machine-gantry i{position:absolute;width:28%;height:10px;left:36%;bottom:-10px;background:#0b1011;border-radius:0 0 10px 10px}
.skp .machine-bed{position:absolute;inset:14% 0 0;background:linear-gradient(155deg,#4d3927,#2f231a 62%,#1d1713);perspective:900px;overflow:hidden}.skp .bed-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(0,0,0,.25) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.25) 2px,transparent 2px);background-size:26px 26px;transform:rotateX(58deg) rotateZ(-2deg) scale(1.3);opacity:.55}.skp .machine-bed::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--laser-x,50%) var(--laser-y,50%),rgba(255,171,55,.13),transparent 15%)}
.skp .cut-design{position:absolute;width:68%;height:68%;left:16%;top:17%;overflow:visible;transform:rotateX(55deg) rotateZ(-4deg);filter:drop-shadow(0 9px 5px rgba(0,0,0,.38))}.skp .cut-guide{fill:none;stroke:#17100c;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.skp .cut-progress{fill:none;stroke:#FF642E;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #FF642E);stroke-dasharray:1;stroke-dashoffset:1}.skp .cut-progress.branches{stroke-width:7}.skp .laser-head{position:absolute;width:96px;height:150px;left:50%;top:42%;z-index:8;transform:translate(-50%,-72%);pointer-events:none}.skp .laser-nozzle{position:absolute;width:56px;height:116px;left:20px;top:0;border-radius:9px 9px 22px 22px;background:linear-gradient(90deg,#151b1c,#596062 48%,#161b1d);box-shadow:0 12px 20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12)}.skp .laser-nozzle::before{content:"";position:absolute;left:8px;right:8px;height:16px;bottom:22px;border-radius:8px;background:linear-gradient(90deg,#854a1d,#e89b36,#754017);box-shadow:0 0 0 1px rgba(255,182,82,.18)}.skp .laser-nozzle i{position:absolute;width:11px;height:24px;background:linear-gradient(#d68a34,#542d13);left:22px;bottom:-14px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.skp .laser-flare{position:absolute;width:50px;height:50px;border-radius:50%;left:23px;bottom:5px;background:radial-gradient(circle,#fff 0 4%,#FFD0B6 5% 13%,#FF642E 14% 25%,rgba(255,100,46,.15) 26% 50%,transparent 70%);filter:blur(.2px);animation:flare .18s infinite alternate}.skp .laser-flare::before,.skp .laser-flare::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:72px;background:linear-gradient(transparent,#FFB067,transparent);transform:translate(-50%,-50%) rotate(35deg)}.skp .laser-flare::after{transform:translate(-50%,-50%) rotate(-42deg)}@keyframes flare{to{transform:scale(.82);opacity:.82}}
.skp .job-panel{right:2.5%;top:17%;width:25%;padding:15px}.skp .job-panel ol{list-style:none;padding:0;margin:15px 0}.skp .job-panel li{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:7px;margin:11px 0;color:#738183;font-size:8px}.skp .job-panel li i{width:13px;height:13px;border-radius:50%;border:1px solid #566264;display:grid;place-items:center;font-style:normal;font-size:7px}.skp .job-panel li.done{color:#b9c5c3}.skp .job-panel li.done i{border-color:var(--success);color:var(--success)}.skp .job-panel li.active{color:#fff}.skp .job-panel li.active i{border:3px solid var(--accent);box-shadow:0 0 10px rgba(255,100,46,.45)}.skp .job-panel li b{color:var(--accent);font-size:7px}.skp .progress-track{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.skp .progress-track i{display:block;width:0;height:100%;background:var(--accent);border-radius:inherit;box-shadow:0 0 10px rgba(255,100,46,.6)}
.skp .finish-spotlight{position:absolute;width:70%;height:85%;left:5%;top:0;background:radial-gradient(ellipse at 50% 26%,rgba(255,255,255,.13),rgba(255,255,255,.03) 35%,transparent 67%);filter:blur(12px)}.skp .product-showcase{position:absolute;left:5%;right:30%;top:5%;bottom:2%;perspective:1100px;display:grid;place-items:center}.skp .product-finished{position:relative;width:70%;color:#151a1b;transform:rotateX(62deg) rotateZ(-7deg);filter:drop-shadow(0 35px 28px rgba(0,0,0,.6))}.skp .product-finished svg{color:#171c1d;filter:drop-shadow(-7px -7px 8px rgba(255,255,255,.055))}.skp .product-finished .product-depth{background:#050708}.skp .showcase-shadow{position:absolute;width:48%;height:13%;bottom:12%;background:#000;filter:blur(28px);opacity:.62;transform:rotate(-7deg)}.skp .finish-panel{right:3%;top:14%;width:25%;padding:16px}.skp .finish-option{width:100%;display:grid;grid-template-columns:14px 1fr 16px;gap:8px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left;color:#8b9999;cursor:pointer;font-size:9px}.skp .finish-option>i{width:11px;height:11px;border-radius:50%;border:1px solid #6a7677}.skp .finish-option.is-selected{color:#fff}.skp .finish-option.is-selected>i{border:3px solid var(--accent);box-shadow:0 0 8px rgba(255,100,46,.3)}.skp .finish-option em{font-style:normal;color:var(--accent)}.skp .finish-colors{display:flex;gap:6px;margin-top:15px}.skp .finish-colors span{width:15px;height:15px;background:var(--chip);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.skp .packing-table{position:absolute;inset:0;background:linear-gradient(155deg,#383c3c,#171d1e 60%,#0c1213)}.skp .packing-table::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(7deg,rgba(255,255,255,.015) 0 1px,transparent 1px 5px)}.skp .box-world{position:absolute;left:2%;right:2%;top:3%;bottom:16%;perspective:1200px;transform-style:preserve-3d}.skp .box-shadow{position:absolute;width:54%;height:25%;left:17%;bottom:5%;background:#000;filter:blur(35px);opacity:.58;transform:rotate(-5deg)}.skp .box-base{position:absolute;width:58%;height:49%;left:15%;top:34%;transform:rotateX(58deg) rotateZ(-7deg);transform-style:preserve-3d}.skp .box-inside{position:absolute;inset:0;background:#8e6539;border:10px solid #aa7a43;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15);overflow:hidden}.skp .box-inside::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 40%)}.skp .box-front{position:absolute;left:0;right:0;height:34%;top:100%;background:linear-gradient(#a9763e,#82572c);transform-origin:top;transform:rotateX(-90deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#21160d;border:1px solid rgba(0,0,0,.14)}.skp .box-front>span{font-size:25px;font-weight:830;letter-spacing:-1.7px}.skp .box-front>span span,.skp .lid-logo span{color:#7a4a15}.skp .box-front small{font-size:6px;letter-spacing:.22em;margin-top:3px}.skp .box-side{position:absolute;top:0;bottom:0;width:26%;left:100%;background:#79502a;transform-origin:left;transform:rotateY(90deg);border:1px solid rgba(0,0,0,.14)}.skp .box-lid{position:absolute;inset:0;transform-origin:top;transform-style:preserve-3d;transform:rotateX(var(--lid-angle,-112deg)) translateZ(4px);transition:transform .1s linear}.skp .lid-outer,.skp .lid-inner{position:absolute;inset:0;backface-visibility:hidden;background:linear-gradient(145deg,#b9854b,#875a2e);border:1px solid rgba(0,0,0,.18)}.skp .lid-outer{transform:rotateY(180deg);display:grid;place-items:center}.skp .lid-inner{background:#8d6237}.skp .lid-logo{font-size:33px;font-weight:850;color:#20160f;letter-spacing:-2px;transform:rotate(7deg)}.skp .foam-corner{position:absolute;width:15%;height:15%;background:#e9e8df;z-index:2;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.skp .foam-corner::after{content:"";position:absolute;background:#8e6539}.skp .foam-corner.c1{left:3%;top:3%}.skp .foam-corner.c1::after{right:-100%;bottom:-100%;width:100%;height:100%}.skp .foam-corner.c2{right:3%;top:3%}.skp .foam-corner.c3{left:3%;bottom:3%}.skp .foam-corner.c4{right:3%;bottom:3%}.skp .packed-product{position:absolute;width:76%;aspect-ratio:1;left:12%;top:-14%;color:#1b2021;filter:drop-shadow(0 8px 5px rgba(0,0,0,.3));z-index:1}.skp .shipping-label{position:absolute;right:2%;top:25%;width:23%;padding:14px;background:#e9e6d9;color:#131616;transform:rotate(2deg);box-shadow:0 20px 30px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:4px}.skp .shipping-label span{font-size:8px;color:#6b7170}.skp .shipping-label strong{font-size:11px}.skp .shipping-label i{height:27px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px)}.skp .shipping-label small{font-size:6px;letter-spacing:.15em}.skp .delivery-badges{position:absolute;left:5%;right:5%;bottom:3%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:4}.skp .delivery-badges>div{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(8,15,17,.62);backdrop-filter:blur(10px);padding:9px;display:flex;align-items:center;gap:8px}.skp .delivery-badges svg{width:23px;fill:none;stroke:#ced6d4;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.skp .delivery-badges strong{display:block;font-size:8px}.skp .delivery-badges small{display:block;font-size:6px;color:#748182;margin-top:2px}
.skp .process-column{height:min(690px,calc(100vh - 130px));display:flex;flex-direction:column;justify-content:center;gap:30px}.skp .process-nav{position:relative;padding-left:4px}.skp .process-progress{position:absolute;left:9px;top:12px;width:1px;height:calc(100% - 24px);background:rgba(255,255,255,.13)}.skp .process-progress i{display:block;width:1px;height:calc(var(--overall-progress,0)*100%);background:linear-gradient(var(--accent),var(--accent-2));box-shadow:0 0 10px rgba(255,100,46,.5)}.skp .process-nav button{position:relative;width:100%;border:0;background:transparent;display:flex;align-items:center;gap:15px;padding:13px 0;text-align:left;color:#697778;cursor:pointer}.skp .process-nav button>i{position:relative;z-index:2;width:11px;height:11px;border-radius:50%;background:#4b5758;border:3px solid #101a1d;box-shadow:0 0 0 1px rgba(255,255,255,.05);transition:.25s}.skp .process-nav button span{font-size:10px;white-space:nowrap}.skp .process-nav button b{font-size:9px;margin-right:8px;color:#8a9797}.skp .process-nav button.is-active{color:#fff}.skp .process-nav button.is-active>i{background:var(--accent);box-shadow:0 0 0 3px rgba(255,100,46,.12),0 0 18px rgba(255,100,46,.38)}.skp .process-nav button.is-active b{color:var(--accent)}.skp .process-nav button.is-complete>i{background:#b8c3c2}
.skp .mini-job-card{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);overflow:hidden}.skp .mini-job-card>div{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.skp .mini-job-card>div span{font-size:8px;color:#6f7d7d;letter-spacing:.13em}.skp .mini-job-card>div strong{font-size:10px}.skp .mini-job-card dl{margin:0;padding:8px 13px}.skp .mini-job-card dl div{display:flex;justify-content:space-between;padding:5px 0}.skp .mini-job-card dt{font-size:8px;color:#768485}.skp .mini-job-card dd{font-size:8px;margin:0;color:#d9dfde}.skp .mini-job-card>small{display:block;border-top:1px solid var(--line-soft);padding:10px 13px;color:#647272;font-size:7px}.skp .mini-job-card>small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}.skp .skip-experience{position:absolute;right:var(--page-pad);bottom:18px;z-index:12;border:0;background:transparent;color:#657374;font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.skp .skip-experience span{color:var(--accent);margin-left:5px}.skp .mobile-stage-label{display:none}
.skp .credibility-strip{min-height:96px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,72px);padding:20px var(--page-pad);background:#091315}.skp .credibility-strip div{display:flex;align-items:baseline;gap:8px}.skp .credibility-strip span{font-size:9px;color:#677576;text-transform:uppercase;letter-spacing:.1em}.skp .credibility-strip strong{font-size:12px}.skp .credibility-strip>i{width:1px;height:22px;background:var(--line)}
.skp .section{padding:clamp(90px,10vw,160px) var(--page-pad)}.skp .section-heading{max-width:860px}.skp .section-heading h2{font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.055em;margin:22px 0}.skp .section-heading>p{color:#8f9d9d;line-height:1.75;max-width:680px}.skp .why-section{background:linear-gradient(#071013,#091416)}.skp .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.skp .benefit-grid article{position:relative;min-height:340px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent);transition:background .3s}.skp .benefit-grid article:hover{background:rgba(255,255,255,.035)}.skp .benefit-grid article>span{position:absolute;top:24px;right:24px;font-size:10px;color:#697777}.skp .benefit-icon{position:absolute;top:27px;left:27px;width:47px;height:47px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.02)}.skp .benefit-icon svg{width:22px;fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.skp .benefit-grid h3{font-size:23px;margin:0 0 12px;letter-spacing:-.025em}.skp .benefit-grid p{font-size:13px;color:#879596;line-height:1.65;margin:0}
.skp .material-section{background:#ecece6;color:#111718}.skp .section-heading.horizontal{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.skp .section-heading.horizontal>div{max-width:840px}.skp .material-section .eyebrow{color:#586160}.skp .material-section .section-heading>a{font-size:12px;border-bottom:1px solid #a2a8a6;padding-bottom:6px}.skp .material-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.skp .material-card{border:1px solid #ced1cc;background:#f5f5f0;min-height:530px;display:grid;grid-template-rows:55% 45%;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}.skp .material-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(20,28,27,.11)}.skp .material-sample{position:relative;overflow:hidden;display:grid;place-items:center}.skp .material-sample::before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;box-shadow:0 30px 50px rgba(0,0,0,.18);transform:rotateX(62deg) rotateZ(-9deg)}.skp .material-sample i{position:absolute;width:52%;aspect-ratio:1;mask:url('mounting-plate.svg') center/contain no-repeat;transform:rotateX(62deg) rotateZ(-9deg) translateY(-8%);filter:drop-shadow(0 18px 10px rgba(0,0,0,.28))}.skp .card-mdf .material-sample{background:linear-gradient(145deg,#c49a64,#8e653b)}.skp .card-mdf .material-sample::before{background:#b98b53}.skp .card-mdf .material-sample i{background:#3a2514}.skp .card-acrylic .material-sample{background:linear-gradient(145deg,#333b3c,#111617)}.skp .card-acrylic .material-sample::before{background:#171b1c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 50px rgba(0,0,0,.3)}.skp .card-acrylic .material-sample i{background:#020304;filter:drop-shadow(0 18px 10px #000)}.skp .card-metal .material-sample{background:linear-gradient(135deg,#a8ada9,#596160)}.skp .card-metal .material-sample::before{background:linear-gradient(145deg,#3f4646,#9ca3a0,#303737)}.skp .card-metal .material-sample i{background:#242929}.skp .material-sample span{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.65)}.skp .material-card>div:last-child{padding:26px}.skp .material-card>div:last-child>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#737b79}.skp .material-card h3{font-size:28px;margin:10px 0 12px;letter-spacing:-.035em}.skp .material-card p{font-size:13px;color:#606a68;line-height:1.65}.skp .material-card small{display:flex;justify-content:space-between;margin-top:30px;color:#7b8582}.skp .material-card small b{color:#1b2221}
.skp .industries-section{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;background:#071013}.skp .industry-visual{min-height:650px;position:relative;display:grid;place-items:center;overflow:hidden}.skp .industry-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:ring 18s linear infinite}.skp .industry-ring::before,.skp .industry-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(255,100,46,.7)}.skp .industry-ring::before{left:15%;top:15%}.skp .industry-ring::after{right:12%;bottom:18%}.skp .r1{width:88%;aspect-ratio:1}.skp .r2{width:63%;aspect-ratio:1;animation-direction:reverse;animation-duration:13s}.skp .r3{width:38%;aspect-ratio:1;animation-duration:9s}@keyframes ring{to{transform:rotate(360deg)}}.skp .industry-product{width:49%;aspect-ratio:1;color:#b98a4f;filter:drop-shadow(0 25px 25px rgba(0,0,0,.6));transform:rotateX(58deg) rotateZ(-8deg)}.skp .industry-tag{position:absolute;border:1px solid var(--line);background:rgba(13,24,27,.65);backdrop-filter:blur(10px);padding:9px 12px;border-radius:999px;font-size:8px;letter-spacing:.12em;color:#a5b0b0}.skp .t1{left:5%;top:20%}.skp .t2{right:3%;top:32%}.skp .t3{left:8%;bottom:22%}.skp .t4{right:8%;bottom:16%}.skp .industry-copy h2{font-size:clamp(42px,5vw,75px);line-height:1;letter-spacing:-.055em;margin:22px 0}.skp .industry-copy>p{color:#8d9b9b;line-height:1.75;max-width:610px}.skp .button.light{margin-top:25px}
.skp .final-cta{position:relative;overflow:hidden;padding:clamp(100px,12vw,190px) var(--page-pad);text-align:center;background:#0a1517;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;align-items:center}.skp .cta-glow{position:absolute;width:55vw;height:30vw;border-radius:50%;background:rgba(255,100,46,.1);filter:blur(120px);top:40%;left:50%;transform:translate(-50%,-50%)}.skp .final-cta>*:not(.cta-glow){position:relative}.skp .final-cta h2{font-size:clamp(48px,7vw,104px);line-height:.95;letter-spacing:-.065em;max-width:1100px;margin:25px 0}.skp .final-cta>p{color:#8f9d9d;font-size:16px}.skp .site-footer{padding:70px var(--page-pad) 25px;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:5vw;border-top:1px solid var(--line-soft);background:#061012}.skp .footer-brand p{color:#738181;max-width:390px;line-height:1.7;font-size:13px;margin-top:20px}.skp .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.skp .footer-links div{display:flex;flex-direction:column;gap:11px}.skp .footer-links strong,.skp .footer-newsletter strong{font-size:11px;margin-bottom:7px}.skp .footer-links a{font-size:11px;color:#7e8c8c}.skp .footer-newsletter p{font-size:11px;color:#718080}.skp .footer-newsletter form{display:flex;border-bottom:1px solid rgba(255,255,255,.25);margin-top:22px}.skp .footer-newsletter label{flex:1}.skp .footer-newsletter input{width:100%;height:42px;border:0;background:transparent;color:#fff;outline:0;font-size:12px}.skp .footer-newsletter button{width:42px;border:0;background:transparent;cursor:pointer;color:var(--accent);font-size:18px}.skp .footer-bottom{grid-column:1/-1;border-top:1px solid var(--line-soft);padding-top:24px;margin-top:30px;display:flex;justify-content:space-between;color:#596768;font-size:9px}.skp .footer-bottom div{display:flex;gap:20px}
.skp[dir="rtl"] .desktop-nav,.skp[dir="rtl"] .header-actions,.skp[dir="rtl"] .hero-actions,.skp[dir="rtl"] .trust-line{direction:rtl}.skp[dir="rtl"] .process-nav button{text-align:right}.skp[dir="rtl"] .mini-job-card dl div{direction:rtl}
@media(max-width:1220px){
  .skp .experience-shell{grid-template-columns:minmax(250px,.75fr) minmax(470px,1.45fr);gap:30px}.skp .process-column{display:none}.skp .hero-intro h1{font-size:clamp(45px,5vw,68px)}.skp .visual-frame{max-height:650px}.skp .experience-shell{padding-top:calc(var(--header-h) + 25px)}
}
@media(max-width:920px){
  .skp{--header-h:68px}.skp .desktop-nav,.skp .login-link,.skp .header-cta{display:none}.skp .menu-button{display:grid}.skp .site-header{padding-inline:22px}.skp .experience{height:600vh}.skp .experience-sticky{min-height:650px}.skp .experience-shell{padding:calc(var(--header-h) + 12px) 18px 50px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px;align-items:stretch}.skp .story-column{height:auto;min-height:190px;justify-content:flex-start}.skp .hero-intro{top:14px;transform:none}.skp .hero-intro h1{font-size:clamp(38px,8.3vw,62px);max-width:720px;margin:15px 0 12px}.skp .hero-intro h1 em{display:inline}.skp .hero-intro>p{font-size:14px;line-height:1.55;max-width:650px}.skp .hero-actions{margin-top:17px}.skp .trust-line{display:none}.skp .stage-copy-stack{height:175px}.skp .stage-copy{justify-content:flex-start;padding-top:14px}.skp .stage-number{display:none}.skp .stage-kicker{margin:0 0 8px;font-size:10px}.skp .stage-copy h2{font-size:clamp(29px,6.3vw,43px);margin-bottom:9px}.skp .stage-copy>p:last-child{font-size:12px;line-height:1.55;max-width:700px}.skp .scroll-hint{display:none}.skp .visual-column{height:auto;min-height:0}.skp .visual-frame{height:calc(100vh - 275px);min-height:390px;max-height:none;border-radius:16px}.skp .skip-experience{right:20px;bottom:14px}.skp .mobile-stage-label{display:flex;position:absolute;left:21px;bottom:14px;z-index:12;align-items:center;gap:8px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.skp .mobile-stage-label span{color:var(--accent);font-weight:800}.skp .mobile-stage-label strong{font-weight:650}.skp .credibility-strip{gap:20px;overflow:auto;justify-content:flex-start}.skp .benefit-grid{grid-template-columns:repeat(2,1fr)}.skp .material-cards{grid-template-columns:1fr 1fr}.skp .material-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.skp .industries-section{grid-template-columns:1fr}.skp .industry-visual{min-height:540px}.skp .site-footer{grid-template-columns:1fr 1fr}.skp .footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
  .skp .three-part-stage{inset:38px 0 0}
  .skp .three-part-badge{left:12px;bottom:10px}
  .skp .brand{min-width:110px}.skp .brand img{height:26px}.skp .language-button{height:38px;padding:0 11px}.skp .mobile-menu nav{font-size:26px}.skp .experience{height:560vh}.skp .experience-shell{padding-left:12px;padding-right:12px}.skp .story-column{min-height:200px}.skp .hero-intro{padding:0 6px}.skp .hero-intro h1{font-size:37px}.skp .hero-intro>p{font-size:12px}.skp .hero-actions .button{min-height:44px;padding:0 14px;font-size:11px}.skp .hero-actions .button-secondary{display:none}.skp .stage-copy-stack{height:160px;padding:0 6px}.skp .stage-copy h2{font-size:29px}.skp .stage-copy>p:last-child{font-size:11px}.skp .visual-frame{height:100%;min-height:0}.skp .frame-topbar{height:38px}.skp .scene{inset:38px 0 0}.skp .design-canvas{left:5%;width:90%;height:67%;top:5%}.skp .design-panel{left:5%;right:5%;top:auto;bottom:4%;width:auto;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.skp .design-panel .panel-caption{display:none}.skp .file-card{margin:0}.skp .design-panel dl{display:flex;gap:4px}.skp .design-panel dl div{flex:1;flex-direction:column;padding:5px;border:1px solid var(--line-soft);border-radius:5px}.skp .design-toolbar{display:none}.skp .material-world{left:0;right:0;top:0;bottom:35%}.skp .material-picker{left:4%;right:4%;bottom:3%;top:auto;width:auto;height:32%;border-left:0;border-top:1px solid var(--line-soft);padding:10px 0}.skp .picker-heading{margin:0 0 8px}.skp .material-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.skp .material-option{grid-template-columns:1fr;padding:5px;text-align:center}.skp .material-option span{display:none}.skp .material-option em{display:none}.skp .swatch{width:100%;height:38px}.skp .configure-world{left:0;right:0;top:0;bottom:40%}.skp .config-panel{left:4%;right:4%;top:auto;bottom:2%;width:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.skp .config-title{grid-column:1/-1;margin:0;padding-bottom:7px}.skp .config-panel label{grid-template-columns:48% 52%;margin:0}.skp .config-panel label:nth-of-type(3),.skp .config-panel label:nth-of-type(5){display:none}.skp .price-row{grid-column:1/-1;margin:3px 0 0;padding-top:6px}.skp .price-row strong{font-size:19px}.skp .approve-button{display:none}.skp .job-panel{right:3%;top:auto;bottom:4%;width:38%;padding:9px}.skp .job-panel li{margin:6px 0}.skp .job-panel li:nth-child(n+5){display:none}.skp .machine-bed{inset:12% 0 0}.skp .laser-head{scale:.78}.skp .finish-panel{left:4%;right:4%;top:auto;bottom:3%;width:auto;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.skp .finish-panel .panel-caption,.skp .finish-colors{display:none}.skp .finish-option{display:flex;justify-content:center;border:1px solid var(--line-soft);border-radius:7px;padding:7px}.skp .finish-option span{font-size:7px}.skp .finish-option em{display:none}.skp .product-showcase{left:0;right:0;top:0;bottom:27%}.skp .product-finished{width:62%}.skp .box-world{left:-10%;right:-6%;top:-2%;bottom:22%;scale:.9}.skp .shipping-label{right:1%;width:27%}.skp .delivery-badges{left:3%;right:3%;bottom:2%;gap:4px}.skp .delivery-badges>div{padding:6px}.skp .delivery-badges svg{width:18px}.skp .delivery-badges strong{font-size:6px}.skp .delivery-badges small{display:none}.skp .mobile-stage-label{left:16px}.skp .skip-experience{right:16px}.skp .credibility-strip{min-height:78px}.skp .credibility-strip div{min-width:max-content}.skp .section{padding:78px 20px}.skp .section-heading h2{font-size:42px}.skp .benefit-grid{grid-template-columns:1fr;margin-top:45px}.skp .benefit-grid article{min-height:260px}.skp .section-heading.horizontal{display:block}.skp .section-heading.horizontal>a{display:inline-block;margin-top:18px}.skp .material-cards{grid-template-columns:1fr}.skp .material-card,.skp .material-card:last-child{grid-column:auto;display:grid;grid-template-columns:1fr;grid-template-rows:53% 47%;min-height:510px}.skp .industry-visual{min-height:410px}.skp .industry-product{width:58%}.skp .industry-tag{font-size:6px;padding:7px 9px}.skp .industry-copy h2{font-size:44px}.skp .final-cta h2{font-size:50px}.skp .site-footer{grid-template-columns:1fr}.skp .footer-brand,.skp .footer-links,.skp .footer-newsletter{grid-column:1}.skp .footer-bottom{flex-direction:column;gap:10px}.skp .footer-links{margin-top:15px}
}
@media(prefers-reduced-motion:reduce){
  .skp{scroll-behavior:auto}.skp *,.skp *::before,.skp *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skp .experience{height:auto;min-height:0}.skp .experience-sticky{height:auto;min-height:100vh;position:relative;overflow:visible}.skp .experience-shell{min-height:100vh}.skp .skip-experience,.skp .scroll-hint{display:none}.skp .draw-path{stroke-dashoffset:0}.skp .laser-flare{display:none}
}


/* Premium landing integration: load intro, vector-to-part reveal, and RTL. */
.skp{
  --accent:#FF642E;
  --accent-2:#FFB067;
  min-height:100vh;
  isolation:isolate;
  overflow-x:clip;
}
.skp .story-column,
.skp .visual-column,
.skp .hero-intro{min-width:0}
.skp .hero-intro{width:100%}
.skp .experience{scroll-margin-top:0}
.skp{
  --intro-vector-opacity:1;
  --intro-selection-opacity:1;
  --intro-sheet-opacity:0;
  --intro-projection-opacity:0;
  --intro-cut-imprint:0;
  --intro-product-opacity:0;
  --intro-shadow-opacity:0;
  --intro-world-y:34px;
  --intro-world-scale:.985;
  --intro-rx:0deg;
  --intro-ry:0deg;
  --intro-rz:0deg;
  --intro-product-y:0%;
  --intro-product-z:0px;
}
.skp .design-canvas{perspective:1050px;transform-style:preserve-3d}
.skp .part-drawing{
  z-index:5;
  opacity:var(--intro-vector-opacity);
  filter:drop-shadow(0 0 9px rgba(222,241,238,.08));
}
.skp .part-strokes{stroke:#e6efed;stroke-width:4.5}
.skp .part-strokes .draw-frame{stroke-width:5}
.skp .part-strokes .draw-detail{stroke-width:5}
.skp .anchor-points{opacity:var(--intro-selection-opacity)}
.skp .selection-box{
  z-index:7;
  left:26.6%;
  top:25.5%;
  width:44.8%;
  aspect-ratio:42/29;
  opacity:var(--intro-selection-opacity);
}
.skp .intro-build{
  position:absolute;
  left:17%;
  top:9%;
  width:64%;
  aspect-ratio:1;
  z-index:3;
  pointer-events:none;
  transform-style:preserve-3d;
  transform:
    translate3d(0,var(--intro-world-y),0)
    rotateX(var(--intro-rx))
    rotateY(var(--intro-ry))
    rotateZ(var(--intro-rz))
    scale(var(--intro-world-scale));
  transform-origin:50% 52%;
}
.skp .intro-material-sheet{
  position:absolute;
  inset:-10% -12%;
  border-radius:4%;
  opacity:var(--intro-sheet-opacity);
  transform:translateZ(-5px);
  background:
    repeating-linear-gradient(13deg,rgba(70,39,15,.075) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(99deg,rgba(255,255,255,.025) 0 1px,transparent 1px 11px),
    radial-gradient(circle at 30% 22%,rgba(255,235,201,.17),transparent 30%),
    linear-gradient(145deg,#c79a61,#a87843 62%,#8b5f34);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    inset 0 -8px 14px rgba(72,39,16,.16),
    0 26px 42px rgba(0,0,0,.38);
}
.skp .intro-material-sheet i{
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:8px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#6e4525,#8e5d33 50%,#5d391f);
  box-shadow:0 4px 7px rgba(0,0,0,.24);
}
.skp .intro-cut-imprint{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:var(--intro-cut-imprint);
  transform:translateZ(1px);
  background:linear-gradient(145deg,#5b351d,#2f1a0f);
  -webkit-mask:url('mounting-plate.svg') center/contain no-repeat;
  mask:url('mounting-plate.svg') center/contain no-repeat;
  filter:blur(.5px) drop-shadow(0 0 3px rgba(61,28,10,.7));
}
.skp .intro-contact-shadow{
  position:absolute;
  left:12%;
  right:10%;
  bottom:10%;
  height:17%;
  z-index:2;
  border-radius:50%;
  opacity:var(--intro-shadow-opacity);
  transform:translate3d(0,9%,3px) scale(.94);
  background:rgba(20,10,5,.83);
  filter:blur(20px);
}
.skp .intro-process{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:4;
  overflow:visible;
  transform:translateZ(5px);
}
.skp .intro-projection{
  fill:none;
  stroke:#FFB067;
  stroke-width:4.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:var(--intro-projection-opacity);
  filter:drop-shadow(0 0 5px rgba(255,100,46,.34));
}
.skp .intro-projection .projection-trunk{stroke-width:7}
.skp .intro-laser-trace{
  fill:none;
  stroke:#FF642E;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:var(--intro-laser-opacity,0);
  filter:drop-shadow(0 0 3px #FF642E) drop-shadow(0 0 9px rgba(255,100,46,.72));
}
.skp .intro-cut-path{stroke-width:4.5;stroke-dasharray:1;stroke-dashoffset:1}
.skp .intro-cut-path.cut-ring{stroke-width:5}
.skp .intro-cut-path.cut-trunk{stroke-width:7}
.skp .intro-laser-spot{opacity:0;pointer-events:none}
.skp .intro-laser-spot .laser-halo{fill:rgba(255,100,46,.24);filter:blur(4px)}
.skp .intro-laser-spot .laser-core{
  fill:#fff7e9;
  stroke:#FF642E;
  stroke-width:2;
  filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 11px #FF642E);
}
.skp .product-intro{
  inset:0;
  width:100%;
  z-index:5;
  opacity:var(--intro-product-opacity);
  color:#b88753;
  transform:translate3d(0,var(--intro-product-y),var(--intro-product-z));
  filter:drop-shadow(0 15px 10px rgba(28,13,6,.42));
}
.skp .product-intro svg{z-index:4;color:#b88753}
.skp .product-intro .product-depth{
  z-index:2;
  background:linear-gradient(135deg,#754524,#412313 72%,#2b170e);
}
.skp .product-intro::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  opacity:.48;
  background:
    repeating-linear-gradient(14deg,rgba(255,235,204,.12) 0 1px,transparent 1px 6px),
    linear-gradient(145deg,rgba(255,255,255,.15),transparent 42%,rgba(73,37,17,.16));
  -webkit-mask:url('mounting-plate.svg') center/contain no-repeat;
  mask:url('mounting-plate.svg') center/contain no-repeat;
  mix-blend-mode:soft-light;
}
.skp.is-enhanced:not(.is-ready) .hero-intro > *,
.skp.is-enhanced:not(.is-ready) .visual-frame,
.skp.is-enhanced:not(.is-ready) .process-column{
  opacity:.25;
  transform:translateY(14px);
}
.skp.is-ready .hero-intro > *{
  animation:skpIntroCopy .82s cubic-bezier(.22,1,.36,1) both;
}
.skp.is-ready .hero-intro > :nth-child(2){animation-delay:.06s}
.skp.is-ready .hero-intro > :nth-child(3){animation-delay:.12s}
.skp.is-ready .hero-intro > :nth-child(4){animation-delay:.18s}
.skp.is-ready .hero-intro > :nth-child(5){animation-delay:.24s}
.skp.is-ready .visual-frame{
  animation:skpIntroFrame 1s .08s cubic-bezier(.22,1,.36,1) both;
}
.skp.is-ready .process-column{
  animation:skpIntroRail .8s .45s cubic-bezier(.22,1,.36,1) both;
}
@keyframes skpIntroCopy{
  from{opacity:.25;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
@keyframes skpIntroFrame{
  from{opacity:.25;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes skpIntroRail{
  from{opacity:.25;transform:translateX(10px)}
  to{opacity:1;transform:none}
}
[dir="rtl"] .skp .experience-shell{direction:rtl}
[dir="rtl"] .skp .hero-intro,
[dir="rtl"] .skp .stage-copy,
[dir="rtl"] .skp .industry-copy,
[dir="rtl"] .skp .section-heading{text-align:right}
[dir="rtl"] .skp .visual-frame,
[dir="rtl"] .skp .scene,
[dir="rtl"] .skp .process-nav{direction:ltr}
[dir="rtl"] .skp .process-column{direction:rtl}
[dir="rtl"] .skp .process-nav button{text-align:right}
[dir="rtl"] .skp .process-nav button b{margin-right:0;margin-left:8px}
[dir="rtl"] .skp .scroll-hint{left:auto;right:0}
@media(max-width:640px){
  .skp .story-column{min-height:240px}
  .skp .hero-intro>p{
    width:calc(100vw - 36px);
    max-width:calc(100vw - 36px);
    white-space:normal;
  }
}
@media(prefers-reduced-motion:reduce){
  .skp.is-enhanced .hero-intro > *,
  .skp.is-enhanced .visual-frame,
  .skp.is-enhanced .process-column{
    opacity:1;
    transform:none;
    animation:none!important;
  }
  .skp .part-drawing,
  .skp .selection-box,
  .skp .intro-process{opacity:0!important}
  .skp .intro-build{
    transform:rotateX(63deg) rotateY(-11deg) rotateZ(9deg) scale(.94)!important;
  }
  .skp .intro-material-sheet{opacity:.72!important}
  .skp .intro-cut-imprint{opacity:.56!important}
  .skp .intro-contact-shadow{opacity:.52!important}
  .skp .product-intro{
    opacity:1!important;
    transform:translate3d(0,-6%,30px)!important;
  }
}

/* Landing-only navigation: matches the supplied reference while preserving
   the official Sketcut wordmark. The shared public header stays untouched
   everywhere else on the site. */
body.skp-menu-open{overflow:hidden}
.skp{--header-h:64px}
.skp.skp-navbar-scope{
  position:relative;
  z-index:1000;
  width:0;
  height:0;
  min-height:0;
  overflow:visible;
  isolation:auto;
  background:transparent;
}
.skp .skp-site-header{
  height:var(--header-h);
  padding:0 clamp(20px,2vw,32px);
  background:transparent;
  border-bottom:0;
  box-shadow:none;
  backdrop-filter:none;
}
.skp .skp-site-header.is-scrolled{
  background:transparent;
  border-bottom:0;
  box-shadow:none;
}

/* Readable labels and semantic footer-heading normalization. */
html .skp .credibility-strip span{font-size:11px;letter-spacing:.08em;color:#829091}
html .skp .industry-tag{font-size:11px;letter-spacing:.08em}
html .skp .material-sample span,
html .skp .material-card>div:last-child>span{font-size:11px}
html .skp .footer-bottom{font-size:11px}
.site-footer h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:#fff}
.skp .skp-site-header .brand{
  min-width:136px;
  height:32px;
}
.skp .skp-site-header .brand img{
  position:static;
  width:136px;
  height:26px;
  object-fit:contain;
  filter:none;
}
.skp .skp-site-header .desktop-nav{
  gap:clamp(20px,2.2vw,36px);
  color:#c4cccc;
  font-size:12px;
}
.skp .skp-site-header .desktop-nav a{
  padding:8px 0;
  color:inherit;
}
.skp .skp-site-header .desktop-nav a:hover,
.skp .skp-site-header .desktop-nav a:focus-visible{color:#fff}
.skp .skp-site-header .nav-locale-short{
  color:#f0f2ef;
  font-weight:650;
}
.skp .skp-site-header .header-actions{gap:11px}
.skp .skp-site-header .language-button,
.skp .skp-site-header .login-link,
.skp .skp-site-header .header-cta{
  height:36px;
  border-color:rgba(255,255,255,.2);
  background:rgba(7,13,15,.62);
}
.skp .skp-site-header .language-button{padding:0 13px}
.skp .skp-site-header .login-link{
  min-width:68px;
  padding:0 17px;
  color:#f4f4ef;
}
.skp .skp-site-header .header-cta{
  padding:0 19px;
  border-color:transparent;
  background:#F3AA2C;
  color:#17130b;
  font-size:12px;
  font-weight:750;
  box-shadow:0 10px 28px rgba(243,170,44,.22);
}
.skp .skp-site-header .language-button:hover,
.skp .skp-site-header .login-link:hover{
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.055);
}
.skp .skp-site-header .header-cta:hover,
.skp .skp-site-header .header-cta:focus-visible{
  border-color:transparent;
  background:#ffc04d;
  color:#17130b;
  transform:translateY(-1px);
}
.skp .mobile-menu>.button-primary{
  background:#F3AA2C;
  color:#17130b;
}
.skp .skp-language-wrap{position:relative}
.skp .skp-language-menu{
  position:absolute;
  top:calc(100% + 9px);
  inset-inline-end:0;
  z-index:120;
  width:150px;
  padding:6px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(10,18,21,.98);
  box-shadow:0 22px 55px rgba(0,0,0,.42);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  transition:opacity .2s,visibility .2s,transform .2s;
}
.skp .skp-language-menu.is-open{
  opacity:1;
  visibility:visible;
  transform:none;
}
.skp .skp-language-menu a{
  display:block;
  padding:9px 10px;
  border-radius:7px;
  color:#c5cecd;
  font-size:12px;
}
.skp .skp-language-menu a:hover,
.skp .skp-language-menu a:focus-visible{
  color:#fff;
  background:rgba(255,100,46,.1);
}
.skp .skp-language-menu a[aria-current="true"]{
  color:#fff;
  background:rgba(255,100,46,.08);
}
.skp .menu-button.is-open span:not(.sr-only):first-child{transform:translateY(3px) rotate(45deg)}
.skp .menu-button.is-open span:not(.sr-only):nth-child(2){transform:translateY(-3px) rotate(-45deg)}

/* The reference navbar sits over the experience, so its height is reserved
   inside the hero rather than by the shared public layout. */
.skp .experience-sticky{top:0;height:100vh}
.skp .experience-shell{padding-top:calc(var(--header-h) + 30px)}
@supports(height:100dvh){
  .skp .experience-sticky{height:100dvh}
}
@media(max-width:1220px){
  .skp .experience-shell{padding-top:calc(var(--header-h) + 25px)}
}
@media(max-width:920px){
  .skp .experience-shell{padding-top:calc(var(--header-h) + 12px)}
  .skp .skp-site-header{padding-inline:18px}
  .skp .skp-site-header .brand{min-width:126px}
  .skp .skp-site-header .brand img{width:126px;height:24px}
  .skp .mobile-menu{padding-top:30px}
}
@media(max-width:420px){
  .skp .skp-site-header .brand{min-width:112px}
  .skp .skp-site-header .brand img{width:112px}
  .skp .skp-site-header .language-button{padding:0 10px}
  .skp .skp-site-header .header-actions{gap:7px}
}
@media(max-height:700px) and (min-width:921px){
  .skp .experience-shell{padding-top:calc(var(--header-h) + 14px)}
}

/* Final visual polish: stronger surface relief and clearer workflow detail. */
.skp h1,.skp h2,.skp h3,.skp h4,.skp h5,.skp h6{color:inherit}
.skp .scene-finish{
  background:
    radial-gradient(ellipse at 36% 37%,rgba(145,164,166,.13),transparent 43%),
    linear-gradient(155deg,rgba(255,255,255,.018),transparent 58%);
}
.skp .finish-spotlight{
  width:78%;
  height:92%;
  left:0;
  background:radial-gradient(ellipse at 49% 33%,rgba(215,228,227,.24),rgba(127,145,146,.085) 36%,transparent 69%);
  filter:blur(9px);
}
.skp .product-finished{
  width:74%;
  color:#252d2f;
  filter:drop-shadow(-10px -9px 14px rgba(215,230,228,.11)) drop-shadow(0 38px 30px rgba(0,0,0,.72));
}
.skp .product-finished::before{
  content:"";
  position:absolute;
  inset:-1.5%;
  z-index:6;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.025) 38%,transparent 63%);
  -webkit-mask:url('mounting-plate.svg') center/contain no-repeat;
  mask:url('mounting-plate.svg') center/contain no-repeat;
  opacity:.32;
  transform:translate(-3px,-3px);
}
.skp .product-finished svg{
  color:#252d2f;
  filter:drop-shadow(-6px -6px 9px rgba(222,235,233,.12)) drop-shadow(3px 5px 4px rgba(0,0,0,.72));
}
.skp .product-finished .product-depth{
  background:linear-gradient(135deg,#101617,#030505);
}
.skp .showcase-shadow{
  width:53%;
  opacity:.72;
}
.skp .process-nav button{
  min-height:43px;
  padding:11px 10px 11px 0;
  border-radius:9px;
  color:#829091;
  transition:color .25s,background .25s;
}
.skp .process-nav button span{font-size:11px}
.skp .process-nav button b{font-size:10px}
.skp .process-nav button.is-active{
  color:#fff;
  background:linear-gradient(90deg,rgba(255,100,46,.11),rgba(255,100,46,.025) 72%,transparent);
}
.skp .process-nav button.is-complete{color:#aab5b4}
.skp .process-nav button.is-complete>i{
  background:var(--success);
  border-color:#13201c;
  box-shadow:0 0 0 2px rgba(112,213,152,.09);
}
.skp .frame-topbar{font-size:10px;color:#8c9a9b}
.skp .mini-job-card>div span,
.skp .mini-job-card dt,
.skp .mini-job-card dd{font-size:9px}
.skp .mini-job-card>small{font-size:8px;color:#748283}

@supports(height:100dvh){
  .skp .experience-sticky{height:100dvh}
}
@media(max-height:700px) and (min-width:921px){
  .skp .experience-sticky{min-height:0}
  .skp .experience-shell{padding-top:calc(var(--header-h) + 14px);padding-bottom:24px}
  .skp .story-column,.skp .process-column{height:calc(100dvh - var(--header-h) - 38px)}
  .skp .visual-column{height:calc(100dvh - var(--header-h) - 28px)}
  .skp .hero-intro h1{font-size:clamp(40px,4vw,62px);margin-top:18px;margin-bottom:16px}
  .skp .trust-line{margin-top:25px}
}

@media(max-width:640px){
  .skp .design-panel dl{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .skp .design-panel dl div{
    min-width:0;
    align-items:flex-start;
  }
  .skp .design-panel dt{font-size:8px}
  .skp .design-panel dd{font-size:9px}
  .skp .file-card strong{font-size:9px}
  .skp .mobile-stage-label{
    font-size:9px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    background:rgba(7,16,19,.72);
    backdrop-filter:blur(8px);
  }
}

/* Manufacturing geometry and material perspective. Raw parts stay warm MDF;
   black appears only after the Finish & Coat stage. */
.skp .material-sheet{
  transform:rotateX(63deg) rotateY(-10deg) rotateZ(9deg);
}
.skp .product-wood{
  transform:rotateX(63deg) rotateY(-10deg) rotateZ(9deg);
  filter:drop-shadow(0 22px 15px rgba(36,18,8,.42));
}
.skp .product-config{
  transform:rotateX(62deg) rotateY(-10deg) rotateZ(9deg);
  filter:drop-shadow(0 23px 16px rgba(30,14,6,.48));
}
.skp .cut-design{
  transform:rotateX(63deg) rotateY(-10deg) rotateZ(9deg);
  filter:drop-shadow(0 13px 7px rgba(0,0,0,.42));
}
.skp .cut-guide{
  stroke:#382114;
  stroke-width:5;
  opacity:.82;
}
.skp .cut-progress{stroke-width:4}
.skp .cut-progress.branches{stroke-width:4.5}
.skp .product-finished{
  transform:rotateX(63deg) rotateY(-11deg) rotateZ(9deg);
}
.skp .material-shadow,
.skp .showcase-shadow{transform:rotate(9deg)}
.skp .industry-product{
  transform:rotateX(63deg) rotateY(-10deg) rotateZ(9deg);
}
.skp .material-sample::before,
.skp .material-sample i{
  transform:rotateX(63deg) rotateY(-10deg) rotateZ(9deg);
}
.skp .material-sample i{transform:rotateX(63deg) rotateY(-10deg) rotateZ(9deg) translateY(-8%)}
.skp .product-wood::after,
.skp .product-config::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  opacity:.34;
  background:
    repeating-linear-gradient(12deg,rgba(255,239,209,.14) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,rgba(255,255,255,.12),transparent 45%,rgba(75,39,18,.14));
  -webkit-mask:url('mounting-plate.svg') center/contain no-repeat;
  mask:url('mounting-plate.svg') center/contain no-repeat;
  mix-blend-mode:soft-light;
}