.nested-meshes-section{--bg: #0f1118;--card-bg: #181c2a;--text: #e8eaf0;--accent: #00d4ff;--accent2: #ff6b9d;--muted: #6b7a8d;--green: #34d399}.nested-meshes-section *{margin:0;padding:0;box-sizing:border-box}.nested-meshes-section{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px;overflow-x:hidden}.nested-meshes-section h1{font-size:32px!important;font-weight:800;margin-bottom:8px;line-height:1.1;text-align:center;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nested-meshes-section .subtitle{color:var(--muted);font-size:18px!important;margin-bottom:36px;text-align:center;max-width:560px;line-height:1.6}.nested-meshes-section .section-title{font-size:24px!important;font-weight:700;margin:50px 0 10px;text-align:center;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nested-meshes-section .section-sub{color:var(--muted);font-size:16px!important;margin-bottom:24px;text-align:center;max-width:500px;line-height:1.5}.nested-meshes-section .narration{text-align:center;max-width:520px;min-height:56px;margin-bottom:28px;display:flex;align-items:center;justify-content:center}.nested-meshes-section .narration-text{font-size:18px!important;line-height:1.6;transition:opacity .35s ease;text-align:center}.nested-meshes-section .narration-text em{color:var(--accent);font-style:normal;font-weight:700}.nested-meshes-section .scene-wrap{display:flex;gap:80px;align-items:flex-end;justify-content:center;flex-wrap:wrap;margin-bottom:36px;perspective:800px;width:100%}.nested-meshes-section .column{display:flex;flex-direction:column;align-items:center}.nested-meshes-section .col-label{font-size:14px;text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);margin-bottom:14px;font-weight:700;text-align:center}.nested-meshes-section .stage{position:relative;width:220px;height:400px;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-18deg)}.nested-meshes-section .plate{position:absolute;bottom:0;left:10px;width:200px;height:10px;background:linear-gradient(180deg,#50505a,#35353d);border-radius:3px;box-shadow:0 6px 20px #00000080}.nested-meshes-section .layer{position:absolute;left:20px;width:180px;height:42px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:700;letter-spacing:.3px;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.55);box-shadow:0 3px 10px #00000059,inset 0 1px #ffffff2e,inset 0 -1px #0000001f;transition:bottom .9s cubic-bezier(.4,1.4,.6,1),opacity .5s ease,transform .6s ease,box-shadow .4s ease,background .5s ease,width .7s ease,left .7s ease;cursor:default;z-index:1;transform-style:preserve-3d;backface-visibility:hidden}.nested-meshes-section .layer:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;border-radius:0 0 5px 5px;background:inherit;filter:brightness(.65);transform:translateZ(-1px);z-index:-1}.nested-meshes-section .layer:before{content:"";position:absolute;top:0;bottom:-6px;right:-6px;width:6px;border-radius:0 5px 5px 0;background:inherit;filter:brightness(.5);transform:translateZ(-1px);z-index:-1}.nested-meshes-section .layer.glow{box-shadow:0 0 28px #00d4ff8c,0 3px 10px #00000059,inset 0 1px #ffffff2e;transform:scale(1.04);z-index:5}.nested-meshes-section .layer.glow-pink{box-shadow:0 0 28px #ff6b9db3,0 3px 10px #00000059,inset 0 1px #ffffff2e;z-index:5}.nested-meshes-section .layer.dim{opacity:.35}.nested-meshes-section .c-white{background:linear-gradient(135deg,#f2f2f2,#d0d0d0);color:#333!important;text-shadow:none!important}.nested-meshes-section .c-black{background:linear-gradient(135deg,#404040,#1c1c1c)}.nested-meshes-section .c-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.nested-meshes-section .c-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.nested-meshes-section .layer.merged{background:linear-gradient(115deg,#3a3a3a 0% 43%,#00d4ff99 43% 50%,#ff6b9d99 50% 57%,#1c1c1c 57% 100%)!important}.nested-meshes-section .mtag{font-size:11px;padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}.nested-meshes-section .mtag-b{background:#00d4ff38;color:#00d4ff}.nested-meshes-section .mtag-n{background:#ff6b9d38;color:#ff6b9d}.nested-meshes-section .cavity{position:absolute;left:20px;width:180px;border-radius:5px;background:repeating-linear-gradient(45deg,#ffffff14 0 8px,#ffffff05 8px 16px),linear-gradient(135deg,#141922,#0f131b);border:1px dashed rgba(255,255,255,.22);opacity:0;transform:scaleY(.85);transition:all .7s ease}.nested-meshes-section .cavity.show{opacity:1;transform:scaleY(1)}.nested-meshes-section .tag{position:absolute;left:-54px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 8px;border-radius:999px;opacity:0;transform:translateY(8px);transition:all .45s ease;white-space:nowrap}.nested-meshes-section .tag.show{opacity:1;transform:translateY(0)}.nested-meshes-section .base-tag{background:#00d4ff2e;color:var(--accent);border:1px solid rgba(0,212,255,.35)}.nested-meshes-section .nest-tag{background:#ff6b9d2e;color:var(--accent2);border:1px solid rgba(255,107,157,.35)}.nested-meshes-section .badge{position:absolute;top:10px;right:-60px;background:linear-gradient(135deg,var(--green),#059669);color:#fff;padding:7px 16px;border-radius:20px;font-size:14px;font-weight:800;opacity:0;transform:scale(.5) rotate(-6deg);transition:all .55s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 18px #34d39959;z-index:20}.nested-meshes-section .badge.show{opacity:1;transform:scale(1) rotate(-3deg)}.nested-meshes-section .arrow-down{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .5s ease;z-index:8;pointer-events:none}.nested-meshes-section .arrow-down.show{opacity:1}.nested-meshes-section .arrow-shaft{width:2px;background:var(--accent2);border-radius:1px}.nested-meshes-section .arrow-head{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--accent2)}.nested-meshes-section .h-bar{position:absolute;right:-48px;display:flex;flex-direction:column;align-items:center}.nested-meshes-section .h-cap{width:14px;height:2px;background:#ffffff4d}.nested-meshes-section .h-line{width:2px;background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:1px}.nested-meshes-section .h-label{font-size:13px;color:var(--accent);margin-top:6px;font-weight:700;white-space:nowrap}.nested-meshes-section .controls{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:30px}.nested-meshes-section .btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.nested-meshes-section .btn{padding:10px 26px;border:2px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:1px}.nested-meshes-section .btn:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px);box-shadow:0 4px 14px #00d4ff40}.nested-meshes-section .btn.on{background:var(--accent);color:var(--bg)}.nested-meshes-section .btn.play{border-color:var(--accent2);color:var(--accent2)}.nested-meshes-section .btn.play:hover,.nested-meshes-section .btn.play.on{background:var(--accent2);color:#fff;box-shadow:0 4px 14px #ff6b9d40}.nested-meshes-section .slider-box{display:flex;align-items:center;gap:14px;padding:10px 22px;background:var(--card-bg);border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:opacity .3s ease}.nested-meshes-section .slider-box.off{opacity:.3;pointer-events:none}.nested-meshes-section .slider-lbl{font-size:13px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:1px;min-width:62px}.nested-meshes-section input[type=range]{-webkit-appearance:none;width:200px;height:5px;background:#ffffff1a;border-radius:3px;outline:none}.nested-meshes-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #00d4ff66}.nested-meshes-section .slider-val{font-size:14px;color:var(--accent);min-width:36px;font-weight:600}.nested-meshes-section #meshCanvas{width:100%;max-width:800px;height:500px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0a0c14;cursor:grab}.nested-meshes-section #meshCanvas:active{cursor:grabbing}.nested-meshes-section .canvas-hint{color:var(--muted);font-size:14px;margin-top:8px;text-align:center}.nested-meshes-section .narration3d{text-align:center;max-width:520px;min-height:48px;margin-bottom:16px;margin-top:16px;display:flex;align-items:center;justify-content:center}.nested-meshes-section .how{max-width:820px;width:100%;margin-top:40px}.nested-meshes-section .how h2{font-size:24px;margin-bottom:22px;text-align:center;font-weight:700}.nested-meshes-section .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.nested-meshes-section .card{background:var(--card-bg);border-radius:12px;padding:22px;border:1px solid rgba(255,255,255,.05);transition:transform .25s ease,border-color .25s ease}.nested-meshes-section .card:hover{transform:translateY(-3px);border-color:#00d4ff40}.nested-meshes-section .card-num{display:inline-block;width:30px;height:30px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;text-align:center;line-height:30px;font-size:13px;font-weight:800;color:#fff;margin-bottom:10px}.nested-meshes-section .card h3{font-size:16px;margin-bottom:6px}.nested-meshes-section .card p{font-size:14px;color:var(--muted);line-height:1.5}.nested-meshes-section .legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:14px 0 6px}.nested-meshes-section .legend-item{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}.nested-meshes-section .legend-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.15)}@media(max-width:720px){.nested-meshes-section .scene-wrap{gap:30px;flex-direction:column;align-items:center}.nested-meshes-section .stage{width:200px;height:360px;transform:rotateX(10deg) rotateY(-14deg)}.nested-meshes-section .layer{width:168px;height:38px;left:16px;font-size:12px}.nested-meshes-section .plate{width:186px;left:7px}.nested-meshes-section h1{font-size:28px!important}.nested-meshes-section .subtitle{font-size:16px!important}.nested-meshes-section .h-bar{right:-38px}.nested-meshes-section .tag{left:-48px;font-size:11px}.nested-meshes-section #meshCanvas{height:360px}.nested-meshes-section .canvas-hint,.nested-meshes-section .legend-item,.nested-meshes-section .slider-lbl,.nested-meshes-section .slider-val,.nested-meshes-section .card p,.nested-meshes-section .col-label,.nested-meshes-section .h-label{font-size:12px}.nested-meshes-section .controls{gap:12px}.nested-meshes-section .slider-box{flex-wrap:wrap;justify-content:center}}@media(max-width:420px){.nested-meshes-section .scene-wrap{gap:20px;flex-direction:column;align-items:center}.nested-meshes-section .stage{width:160px;height:320px;transform:rotateX(8deg) rotateY(-10deg)}.nested-meshes-section .layer{width:130px;height:34px;left:15px;font-size:11px}.nested-meshes-section .plate{width:150px;left:5px}.nested-meshes-section .h-bar{right:-32px}.nested-meshes-section .tag{left:-42px;font-size:10px;padding:3px 6px}.nested-meshes-section .badge{right:-40px;font-size:12px;padding:5px 12px}.nested-meshes-section h1{font-size:24px!important}.nested-meshes-section .subtitle{font-size:14px!important}.nested-meshes-section #meshCanvas{height:280px}.nested-meshes-section .btn{padding:8px 18px;font-size:12px}.nested-meshes-section .btn-row{gap:8px}.nested-meshes-section input[type=range]{width:140px}.nested-meshes-section .slider-box{padding:8px 14px;gap:10px}.nested-meshes-section .narration-text{font-size:15px!important}.nested-meshes-section .section-title{font-size:20px!important}.nested-meshes-section .section-sub{font-size:14px!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/color-drop.css.map */