:root{--bg-atelier: #F5F7FB;--bg-stage: #FFFFFF;--bg-panel: #EDF2F9;--bg-dock: rgba(255, 255, 255, .92);--bg-key: #FFFFFF;--bg-key-hover: #F8FAFD;--bg-key-active: #E4ECF8;--text-main: #0B132B;--text-dim: #2D3748;--text-faint: #4A5568;--line-subtle: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .16);--line-grid: rgba(54, 104, 196, .07);--led-blue: #2563EB;--led-mint: #059669;--led-amber: #D97706;--led-coral: #E11D48;--led-sky: #0284C7;--font-display: "Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, ui-monospace, monospace;--shadow-stage: 0 20px 50px -15px rgba(11, 19, 43, .08), 0 0 0 1px var(--line-subtle);--shadow-dock: 0 16px 40px -10px rgba(11, 19, 43, .12), 0 0 0 1px var(--line-strong);--shadow-key: 0 4px 0 rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-key-active: 0 1px 0 rgba(15, 23, 42, .06);--radius-stage: 24px;--radius-dock: 20px;--radius-key: 14px;--radius-pill: 999px;--ease-spring: cubic-bezier(.175, .885, .32, 1.15);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--glow-color: rgba(37, 99, 235, .12);--bg-surface: var(--bg-stage);--bg-page: var(--bg-panel);--color-border-subtle: var(--line-subtle);--color-border-strong: var(--line-strong);--color-border-focus: var(--led-blue);--color-text-primary: var(--text-main);--color-text-secondary: var(--text-dim);--color-text-muted: var(--text-faint);--color-accent: var(--led-blue);--color-accent-subtle: rgba(37, 99, 235, .08);--clay-sky-top: #92D5EB;--clay-sky-mid: #AEE0F2;--clay-sky-low: #C4E7F4;--clay-sky-horizon: #B4D7E5;--clay-sun-glow: rgba(255, 250, 240, .45);--clay-hill-dist-top: #78B35A;--clay-hill-dist-bot: #5B933F;--clay-hill-mid-top: #83C253;--clay-hill-mid-mid: #73AF45;--clay-hill-mid-bot: #4F852E;--clay-hill-fore-top: #8DC955;--clay-hill-fore-high: #7DBB47;--clay-hill-fore-mid: #67A436;--clay-hill-fore-bot: #467A20;--clay-hill-highlight: #C2F094}[data-theme=dark]{--bg-atelier: #0A0D14;--bg-stage: #101522;--bg-panel: #161D2E;--bg-dock: rgba(16, 21, 34, .92);--bg-key: #141A29;--bg-key-hover: #1C2438;--bg-key-active: #232E47;--text-main: #FFFFFF;--text-dim: #E2E8F0;--text-faint: #CBD5E1;--line-subtle: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .14);--line-grid: rgba(255, 255, 255, .04);--led-blue: #3B82F6;--led-mint: #10B981;--led-amber: #F59E0B;--led-coral: #F43F5E;--led-sky: #38BDF8;--shadow-stage: 0 24px 60px -20px rgba(0, 0, 0, .6), 0 0 0 1px var(--line-subtle);--shadow-dock: 0 20px 50px -15px rgba(0, 0, 0, .7), 0 0 0 1px var(--line-strong);--shadow-key: 0 4px 0 rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-key-active: 0 1px 0 rgba(0, 0, 0, .3);--glow-color: rgba(59, 130, 246, .18);--bg-surface: var(--bg-stage);--bg-page: var(--bg-panel);--color-border-subtle: var(--line-subtle);--color-border-strong: var(--line-strong);--color-border-focus: var(--led-blue);--color-text-primary: var(--text-main);--color-text-secondary: var(--text-dim);--color-text-muted: var(--text-faint);--color-accent: var(--led-blue);--color-accent-subtle: rgba(59, 130, 246, .12);--clay-sky-top: #040710;--clay-sky-mid: #091222;--clay-sky-low: #0F1C30;--clay-sky-horizon: #142238;--clay-sun-glow: rgba(195, 235, 255, .45);--clay-hill-dist-top: #152E20;--clay-hill-dist-bot: #0C1D14;--clay-hill-mid-top: #1A3D28;--clay-hill-mid-mid: #143020;--clay-hill-mid-bot: #0E2217;--clay-hill-fore-top: #224D33;--clay-hill-fore-high: #1B402A;--clay-hill-fore-mid: #153322;--clay-hill-fore-bot: #0D2015;--clay-hill-highlight: rgba(76, 185, 115, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;scroll-behavior:smooth}body{min-height:100%;min-height:100dvh;width:100%;overflow-x:hidden;font-family:var(--font-body);color:var(--text-main);background-color:transparent;transition:color .3s ease;display:flex;flex-direction:column;position:relative;-webkit-font-smoothing:antialiased}.atelier-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:clamp(.85rem,2vh,1.25rem) clamp(1rem,3.5vw,3.5rem);max-width:min(96vw,1720px);width:100%;margin:0 auto;border-bottom:none;background:transparent}html[data-theme=light] .atelier-header{background:transparent;border-bottom:none}.brand-unit{display:flex;align-items:center;gap:.65rem}.brand-cloud-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.brand-name{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main)}.header-controls{display:flex;align-items:center;gap:.5rem}.control-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease;flex-shrink:0}.control-btn:hover{background:#ffffff14;color:var(--text-main)}.control-btn:active{transform:translateY(1px)}.header-icon{display:inline-block;pointer-events:none;flex-shrink:0}.control-btn.zalo-btn{color:var(--text-dim)}.control-btn.zalo-btn:hover{background:#0068ff1f;color:#0068ff}.control-btn.discord-btn{color:var(--text-dim)}.control-btn.discord-btn:hover{background:#5865f21f;color:#5865f2}.control-btn.discord-btn .check-icon{display:none}.control-btn.discord-btn.copied{border-color:var(--led-mint);color:var(--led-mint);background:#10b9811f;box-shadow:0 0 10px #10b98159}.control-btn.discord-btn.copied .discord-icon{display:none}.control-btn.discord-btn.copied .check-icon{display:block}.control-btn.lang-btn{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.5px}.control-btn.lang-btn:hover{border-color:var(--led-amber);color:var(--led-amber)}.atelier-workspace{position:relative;z-index:10;flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(.75rem,2.5vh,2rem) clamp(1rem,3.5vw,3.5rem);max-width:min(96vw,1720px);width:100%;margin:0 auto}.grid-hero{display:grid;grid-template-columns:42fr 58fr;gap:clamp(28px,3.8vw,56px);align-items:center;max-width:100%;width:100%;margin:0 auto;padding:clamp(1.5rem,3.5vh,2.75rem) 0 clamp(1.5rem,3vh,2.5rem);position:relative;z-index:10}.hero-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hero-top-badge-row{display:flex;align-items:center;gap:12px;margin-bottom:1.2rem;flex-wrap:wrap}.hero-kicker{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#38a8c6;background:#38a8c614;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid rgba(56,168,198,.2)}.stage-index-cluster{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-panel);padding:3px 6px;border-radius:var(--radius-pill);border:1px solid var(--line-subtle)}html[data-theme=light] .stage-index-cluster{background:#ffffffb8;border:1.5px solid rgba(15,23,42,.25)}.stage-nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-stage);border:1px solid var(--line-subtle);color:var(--text-main);font-family:var(--font-mono);font-size:.9rem;line-height:1;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.stage-nav-arrow:hover{background:var(--bg-key-hover);color:#38a8c6;border-color:#38a8c6}.stage-nav-arrow:active{transform:scale(.92)}.stage-index{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--text-dim);padding:0 4px;letter-spacing:.05em}.hero-title{font-family:var(--font-display);font-size:clamp(30px,3.4vw,54px);font-weight:800;line-height:1.15;letter-spacing:-.035em;color:var(--text-main);margin-bottom:1.25rem;word-break:break-word;transition:opacity .12s ease,transform .12s ease}.hero-desc{font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.7;color:var(--text-dim);max-width:620px;margin-bottom:1.5rem;transition:opacity .12s ease,transform .12s ease}.hero-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;font-family:var(--font-display);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);border:1px solid transparent;-webkit-user-select:none;user-select:none;text-decoration:none;border-radius:6px;white-space:nowrap}.btn-solid{background:#38a8c6;color:#0a0a0a;font-weight:700;box-shadow:0 4px 14px #38a8c647}.btn-solid:hover{background:#50b9d5;transform:translateY(-2px);box-shadow:0 6px 20px #38a8c66b}.btn-solid:active{transform:translateY(1px);box-shadow:0 2px 8px #38a8c64d}.btn-outline{background:#ffffff0a;color:var(--text-main);border:1px solid rgba(255,255,255,.14)}.btn-outline:hover{background:#38a8c614;border-color:#38a8c6;color:#38a8c6;transform:translateY(-2px)}.btn-outline:active{transform:translateY(1px)}.btn-specs{border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:var(--text-dim)}.btn-specs:hover{color:var(--text-main);background:#ffffff0f;border-color:#ffffff47}html[data-theme=light] .btn-outline{background:#ffffffb3;color:#0b132b;border:1.5px solid rgba(15,23,42,.25);box-shadow:0 1px 3px #0f172a0f}html[data-theme=light] .btn-outline:hover{background:#38a8c61f;border-color:#0284c7;color:#0284c7}html[data-theme=light] .btn-specs{background:#ffffff8c;border:1.5px solid rgba(15,23,42,.22);color:#2d3748;box-shadow:0 1px 3px #0f172a0d}html[data-theme=light] .btn-specs:hover{background:#ffffffe6;border-color:#0f172a66;color:#0b132b}html[data-theme=light] .floating-app-img{display:block;max-width:100%;max-height:clamp(520px,60vh,720px);width:auto;height:auto;border-radius:12px;box-shadow:0 16px 48px -8px #00000073;border:1px solid rgba(255,255,255,.1);transition:opacity .18s ease,transform .18s ease}html[data-theme=light] .stage-mascot-img{filter:drop-shadow(0 12px 20px rgba(0,0,0,.22)) drop-shadow(0 2px 6px rgba(0,0,0,.12))}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.85rem}.hero-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:6px;font-size:12.5px;color:var(--text-main);-webkit-user-select:none;user-select:none;transition:all .15s ease}.hero-chip:hover{background:#ffffff1a;border-color:#38a8c673;transform:translateY(-1px)}.hero-chip .dot{width:6px;height:6px;border-radius:50%;background:#38a8c6;box-shadow:0 0 8px #38a8c6cc}html[data-theme=light] .hero-chip{background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(15,23,42,.28);color:#0b132b;box-shadow:0 1px 3px #0f172a14;font-weight:500}html[data-theme=light] .hero-chip:hover{background:#fffffff2;border-color:#0284c7;color:#0284c7;box-shadow:0 2px 6px #0284c72e}html[data-theme=light] .hero-chip .dot{background:#0284c7;box-shadow:0 0 6px #0284c7b3}.hero-stats{display:flex;gap:clamp(28px,4vw,44px);align-items:baseline;flex-wrap:wrap;margin-bottom:1.4rem}.stat-item{display:flex;flex-direction:column}.stat-item .num{font-size:clamp(24px,2.5vw,30px);font-weight:800;color:var(--text-main);line-height:1;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-item .label{font-size:12px;color:var(--text-dim);margin-top:5px;font-family:var(--font-mono);letter-spacing:.02em}.site-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(180deg,var(--clay-sky-top) 0%,var(--clay-sky-mid) 35%,var(--clay-sky-low) 70%,var(--clay-sky-horizon) 100%);transition:background .8s ease}.nimbo-universe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.meadow-bottom-landscape{position:absolute;bottom:0;left:0;width:100%;height:clamp(380px,46vh,520px);pointer-events:none;z-index:1;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,black 25px,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 25px,black 100%)}.meadow-img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;min-width:1600px;max-width:2560px;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none;transition:opacity .8s cubic-bezier(.16,1,.3,1)}html[data-theme=light] .meadow-img.day-meadow{opacity:1;z-index:1}html[data-theme=light] .meadow-img.night-meadow,html[data-theme=dark] .meadow-img.day-meadow{opacity:0;z-index:0}html[data-theme=dark] .meadow-img.night-meadow{opacity:1;z-index:1}.night-celestial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .8s ease;z-index:1}.night-celestial-overlay:before{display:none}html[data-theme=dark] .night-celestial-overlay{opacity:1}.night-moon{display:none!important}@keyframes moon-drift{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.night-stars{position:absolute;top:0;left:0;right:0;height:48vh;pointer-events:none}.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #b8d8f8,0 0 12px #fff;animation:star-twinkle 3.5s ease-in-out infinite alternate}.star.s-1{top:12%;left:16%;animation-delay:0s;width:4px;height:4px}.star.s-2{top:7%;left:36%;animation-delay:1.2s}.star.s-3{top:22%;left:50%;animation-delay:2.1s}.star.s-4{top:10%;left:72%;animation-delay:.7s;width:4px;height:4px}.star.s-5{top:18%;left:86%;animation-delay:1.8s}.star.s-6{top:28%;left:24%;animation-delay:2.7s}.star.s-7{top:32%;left:64%;animation-delay:1.4s;width:3.5px;height:3.5px}@keyframes star-twinkle{0%{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.3)}to{opacity:.3;transform:scale(.9)}}.night-fireflies{position:absolute;bottom:8%;left:0;right:0;height:38%;pointer-events:none}.firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:#e8ff99;box-shadow:0 0 10px #70ffaa,0 0 22px #ffe570;animation:firefly-pulse 4s ease-in-out infinite alternate,firefly-float 12s ease-in-out infinite alternate;pointer-events:none}.firefly.f-1{bottom:25%;left:16%;animation-delay:0s}.firefly.f-2{bottom:42%;left:34%;animation-delay:1.2s;width:4px;height:4px}.firefly.f-3{bottom:28%;left:56%;animation-delay:2.5s;width:7px;height:7px}.firefly.f-4{bottom:18%;left:72%;animation-delay:.8s;width:5px;height:5px}.firefly.f-5{bottom:48%;left:84%;animation-delay:1.9s;width:4px;height:4px}.firefly.f-6{bottom:32%;left:44%;animation-delay:3.1s;width:6px;height:6px}@keyframes firefly-pulse{0%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.35;transform:scale(.9)}}@keyframes firefly-float{0%{transform:translate(0)}33%{transform:translate(16px,-20px)}66%{transform:translate(-14px,-36px)}to{transform:translate(8px,-12px)}}.nimbo-clouds-layer{position:absolute;top:0;left:0;right:0;width:100%;height:clamp(480px,55vh,680px);overflow:hidden;pointer-events:none;z-index:1}.nimbo-code-cloud{position:absolute;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(15,23,42,.06));transition:filter .8s ease,opacity .8s ease}html[data-theme=dark] .nimbo-code-cloud{filter:drop-shadow(0 10px 24px rgba(2,6,14,.85))}.nimbo-cloud-img{width:100%;height:auto;display:block;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(15,23,42,.06));transition:filter .8s ease,transform .8s ease}html[data-theme=dark] .nimbo-cloud-img{filter:brightness(.65) contrast(1.1) saturate(.65) drop-shadow(0 2px 10px rgba(147,197,253,.15))}.cloud-far-left{display:none!important}.cloud-mid-right{top:2vh;right:2vw;width:190px;opacity:.55;animation:drift-cloud-right 40s ease-in-out infinite alternate}.cloud-high-center{top:1vh;left:45vw;width:130px;opacity:.45;animation:drift-cloud-center 30s ease-in-out infinite alternate}@keyframes drift-cloud-left{0%{transform:translate(0) scale(1)}50%{transform:translate(2vw,4px) scale(1.02)}to{transform:translate(4vw,-4px) scale(.98)}}@keyframes drift-cloud-right{0%{transform:translate(0) scale(1)}50%{transform:translate(-2.5vw,-5px) scale(1.03)}to{transform:translate(-5vw,4px) scale(.97)}}@keyframes drift-cloud-center{0%{transform:translate(0) scale(1)}to{transform:translate(2.5vw,4px) scale(1.03)}}.backdrop-noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:2}.hero-floating-showcase{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:540px}.stage-mascot-wrapper{position:absolute;top:50%;left:-85px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:float-atelier 4s ease-in-out infinite}.stage-mascot-img{position:relative;width:clamp(140px,14vw,175px);aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(0,0,0,.8)) drop-shadow(0 6px 14px rgba(0,0,0,.5));transition:opacity .2s ease,transform .2s ease;will-change:transform}html[data-theme=light] .stage-mascot-img{filter:drop-shadow(0 14px 24px rgba(0,0,0,.22)) drop-shadow(0 4px 8px rgba(0,0,0,.12))}@keyframes float-atelier{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.floating-app-stage{position:relative;width:fit-content;max-width:100%;display:inline-block;border-radius:12px}.floating-app-img{display:block;max-width:100%;max-height:clamp(520px,60vh,720px);width:auto;height:auto;border-radius:12px;box-shadow:0 24px 60px -10px #000000bf,0 10px 25px -4px #00000080,0 0 0 1px #ffffff1f;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),opacity .2s ease}.floating-app-img:hover{transform:translateY(-4px);box-shadow:0 32px 75px -10px #000000d9,0 14px 30px -4px #0000008c,0 0 0 1px #38a8c666}html[data-theme=light] .floating-app-img{box-shadow:0 20px 48px -8px #0f172a2e,0 8px 20px -4px #0f172a1a,0 0 0 1px #0f172a14}.atelier-dock-container{position:relative;z-index:20;width:100%;max-width:100%;margin:clamp(1rem,2.5vh,1.75rem) auto clamp(1.5rem,3vh,2.5rem);padding:0}.dock-header-row{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.dock-hardware-shelf{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:4px;display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}html[data-theme=light] .dock-hardware-shelf{background:#ffffffad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(15,23,42,.28);box-shadow:0 2px 8px #0f172a0d}.dock-hardware-shelf::-webkit-scrollbar{display:none}.dock-tool-key{flex:1 0 auto;min-width:96px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;background:transparent;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;scroll-snap-align:center}.dock-tool-key:hover{background:#ffffff0f}html[data-theme=light] .dock-tool-key:hover{background:#0f172a0a}.dock-tool-key.active{background:#38a8c629;border:none;box-shadow:none}html[data-theme=light] .dock-tool-key.active{background:#38a8c62e;border:none;box-shadow:none}.key-index{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-faint)}.dock-tool-key.active .key-index{color:#38a8c6}.key-icon,.key-app-icon{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:middle;flex-shrink:0;border-radius:4px}.key-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-main);white-space:nowrap}@media(max-height:820px){.atelier-header{padding:.55rem 1.5rem}.atelier-workspace{padding:.5rem 1rem}.focus-stage-card{min-height:360px}.stage-inspector{padding:1.5rem 2rem;gap:1rem}.stage-heading{font-size:2.15rem;margin-bottom:.5rem}.stage-description{font-size:.9rem;line-height:1.55}.stage-mascot-wrapper{top:50%;left:-75px}.stage-mascot-img{width:clamp(130px,13vw,155px)}.dock-tool-key{padding:6px 4px;min-width:86px}.key-icon{font-size:1.15rem}.key-label{font-size:.72rem}.atelier-dock-container{margin-bottom:.6rem}}@media(max-width:960px){.grid-hero{grid-template-columns:1fr;gap:36px;padding:1.5rem 1rem}.hero-floating-showcase{order:-1;min-height:440px}.floating-app-stage{width:fit-content;max-width:100%}.floating-app-img{max-height:440px}.stage-mascot-wrapper{top:50%;bottom:auto;left:-50px}.stage-mascot-img{width:125px}}@media(max-width:640px){.cloud-far-left{display:none!important}.cloud-mid-right{top:2.5vh;right:-25px;width:130px;height:auto;opacity:.4}.cloud-high-center{display:none}.atelier-header{padding:.65rem .85rem}.brand-cloud-icon{width:26px;height:26px}.brand-name{font-size:1.15rem}.control-btn{height:32px;padding:0 9px;font-size:.72rem}.contact-pill-btn{height:32px;padding:0 9px;font-size:.7rem}.contact-pill-text strong{display:none}.atelier-workspace{padding:.65rem .65rem .4rem}.hero-title{font-size:1.9rem;margin-bottom:.8rem}.hero-desc{font-size:.88rem;line-height:1.6}.hero-cta-row{flex-direction:column;width:100%;gap:8px}.btn{width:100%;text-align:center;padding:11px 16px;font-size:.9rem}.btn-outline,.btn-specs{background:#ffffff0d;border:1px solid rgba(255,255,255,.15)}html[data-theme=light] .btn-outline{background:#ffffffbf;border:1.5px solid rgba(15,23,42,.25);color:#0b132b}html[data-theme=light] .btn-specs{background:#ffffffa6;border:1.5px solid rgba(15,23,42,.25);color:#2d3748}.hero-stats{gap:20px}.stat-item .num{font-size:22px}.atelier-dock-container{padding:0 .65rem;margin-bottom:.85rem}.dock-tool-key{min-width:82px;padding:7px 4px;border-radius:11px}.key-icon{font-size:1.2rem}.key-label{font-size:.7rem;max-width:74px}.hero-floating-showcase{order:1;min-height:auto;margin:1.25rem 0 .5rem}.floating-app-stage{width:fit-content;max-width:100%;border-radius:12px}.floating-app-img{max-height:280px;width:auto;max-width:100%;border-radius:12px}.stage-mascot-wrapper{top:50%;bottom:auto;left:-6px}.stage-mascot-img{width:95px}}.trust-strip{width:100%;max-width:100%;margin:2.25rem auto 1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,28px);padding:0;position:relative;z-index:10}.trust-card{position:relative;display:flex;flex-direction:column;padding:clamp(1.4rem,2.2vw,1.8rem);border-radius:12px;transition:all .25s ease;background:#0e142094;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12)}.trust-card:hover{border-color:#38a8c673;transform:translateY(-2px)}html[data-theme=light] .trust-card{background:#ffffff94;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 10px 30px -4px #0f172a14,0 2px 8px -2px #0f172a0a}html[data-theme=light] .trust-card:hover{border-color:#38a8c680;box-shadow:0 14px 35px #38a8c61f}.trust-icon-box{width:auto;height:auto;background:transparent;color:#38a8c6;margin-bottom:.85rem;border:none;display:flex;align-items:center}.trust-title{font-family:var(--font-display);font-size:clamp(1.05rem,1.2vw,1.25rem);font-weight:700;color:var(--text-main);margin:0 0 .5rem;letter-spacing:-.01em}.trust-desc{font-family:var(--font-body);font-size:clamp(.82rem,.95vw,.9rem);color:var(--text-dim);line-height:1.6;margin:0}@media(max-width:860px){.trust-strip{grid-template-columns:1fr;gap:12px;margin-top:1rem}}.window-frame{position:relative;width:100%;max-width:480px;border-radius:14px;background:var(--bg-stage);border:1px solid var(--line-strong);box-shadow:0 16px 40px -12px #00000040,0 0 0 1px var(--line-subtle);overflow:hidden;transition:transform .25s var(--ease-smooth),box-shadow .25s ease;z-index:2}.window-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 12px;background:var(--bg-panel);border-bottom:1px solid var(--line-subtle);-webkit-user-select:none;user-select:none}.window-dots{display:flex;align-items:center;gap:6px}.window-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.window-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-faint);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:32px}.deck-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:var(--bg-panel);border-bottom:1px solid var(--line-subtle)}.deck-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-subtle);background:var(--bg-stage);color:var(--text-dim);font-family:var(--font-body);font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.deck-chip:hover{background:var(--bg-key-hover);color:var(--text-main);border-color:var(--line-strong)}.deck-chip.is-active{background:var(--led-blue);color:#fff;border-color:var(--led-blue);box-shadow:0 2px 8px #2563eb4d}.deck-display{padding:16px 18px;display:flex;flex-direction:column;gap:8px;min-height:110px;justify-content:center}.deck-feature-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0;display:flex;align-items:center;gap:8px}.deck-feature-desc{font-family:var(--font-body);font-size:.85rem;color:var(--text-dim);line-height:1.55;margin:0}.stage-capsule{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-toggle-row{margin-top:10px;display:flex;align-items:center;gap:8px;z-index:5}.view-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--bg-panel);border:1px solid var(--line-subtle);color:var(--text-dim);font-family:var(--font-body);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover{background:var(--bg-stage);color:var(--text-main);border-color:var(--line-strong)}.view-toggle-btn.is-active{background:var(--text-main);color:var(--bg-atelier);border-color:var(--text-main)}.product-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0d14b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .25s ease}.product-modal-backdrop.is-open{opacity:1;pointer-events:auto}.product-drawer-panel{position:relative;width:100%;max-width:680px;height:100%;background:var(--bg-stage);box-shadow:-10px 0 40px #00000059;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s var(--ease-smooth);overflow:hidden}.product-modal-backdrop.is-open .product-drawer-panel{transform:translate(0)}.drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--line-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel);flex-shrink:0}.drawer-id{display:flex;flex-direction:column;gap:2px}.drawer-kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--led-blue);text-transform:uppercase;letter-spacing:.08em}.drawer-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.drawer-close-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-stage);border:1px solid var(--line-subtle);color:var(--text-dim);font-size:1.25rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.drawer-close-btn:hover{background:var(--text-main);color:var(--bg-stage)}.drawer-scroll-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.drawer-actions-top{display:flex;gap:12px;margin-bottom:.5rem;flex-wrap:wrap}.btn-launch-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--led-blue, #38A8C6);color:#0a0d14!important;font-family:var(--font-display);font-size:.88rem;font-weight:700;border-radius:6px;text-decoration:none;transition:all .18s ease}.btn-launch-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-inspect-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:transparent;color:var(--text-main)!important;border:1px solid var(--line-light, rgba(255, 255, 255, .18));font-family:var(--font-display);font-size:.88rem;font-weight:600;border-radius:6px;text-decoration:none;transition:all .18s ease}.btn-inspect-secondary:hover{background:#ffffff14;border-color:#ffffff59;color:var(--text-main)!important;transform:translateY(-1px)}html[data-theme=light] .btn-inspect-secondary{color:#0b132b!important;border:1.5px solid rgba(15,23,42,.25);background:#0f172a0a;box-shadow:0 1px 3px #0f172a0d}html[data-theme=light] .btn-inspect-secondary:hover{background:#0f172a14;border-color:#0f172a73;color:#0b132b!important}.drawer-section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0 0 .85rem;display:flex;align-items:center;gap:8px}.specs-table{display:grid;gap:0;border:1px solid var(--line-subtle);border-radius:14px;overflow:hidden;background:var(--bg-stage)}.spec-row{display:grid;grid-template-columns:180px 1fr;padding:12px 16px;border-bottom:1px solid var(--line-subtle);font-size:.88rem;line-height:1.5}.spec-row:last-child{border-bottom:none}.spec-dt{font-weight:600;color:var(--text-dim);font-family:var(--font-body)}.spec-dd{margin:0;color:var(--text-main)}.smartscreen-card{padding:1.25rem 1.4rem;border-radius:14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.28)}.smartscreen-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.98rem;font-weight:700;color:#d97706;margin-bottom:.5rem}.smartscreen-intro{font-size:.84rem;color:var(--text-dim);line-height:1.55;margin:0 0 .75rem}.smartscreen-steps{margin:0;padding-left:1.25rem;font-size:.84rem;color:var(--text-main);display:grid;gap:6px}.faq-accordion{display:flex;flex-direction:column;border:1px solid var(--line-subtle);border-radius:14px;overflow:hidden;background:var(--bg-stage)}.faq-item{border-bottom:1px solid var(--line-subtle)}.faq-item:last-child{border-bottom:none}.faq-summary{padding:14px 18px;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-main);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-user-select:none;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-icon{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease;color:var(--text-faint)}.faq-item[open] .faq-icon{transform:rotate(45deg);color:var(--led-blue)}.faq-answer{padding:0 18px 14px;font-size:.86rem;color:var(--text-dim);line-height:1.6;margin:0}@media(max-width:640px){.product-modal-backdrop{flex-direction:column;justify-content:flex-end}.product-drawer-panel{max-width:100%;height:90vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.product-modal-backdrop.is-open .product-drawer-panel{transform:translateY(0)}.drawer-header{padding-top:max(1.25rem,env(safe-area-inset-top))}.drawer-scroll-body{padding-bottom:max(1.5rem,calc(1rem + env(safe-area-inset-bottom)))}.spec-row{grid-template-columns:1fr;gap:4px;padding:10px 14px}}.templates-section{width:100%;max-width:1140px;margin:3.5rem auto 2rem;padding:0 1.5rem}.templates-header{text-align:center;margin-bottom:2rem}.templates-kicker{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent, #3b82f6);background:var(--color-accent-subtle, rgba(59, 130, 246, .08));padding:.35rem .85rem;border-radius:9999px;margin-bottom:.75rem}.templates-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 .5rem}.templates-subtitle{font-size:.95rem;color:var(--color-text-secondary);max-width:580px;margin:0 auto 1.5rem;line-height:1.5}.templates-filters{display:inline-flex;gap:.5rem;padding:.25rem;background:var(--bg-surface);border:1px solid var(--color-border-subtle);border-radius:9999px;box-shadow:0 2px 8px #00000008}.filter-btn{background:transparent;border:none;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);padding:.4rem 1rem;border-radius:9999px;cursor:pointer;transition:all .15s ease}.filter-btn:hover{color:var(--color-text-primary)}.filter-btn.is-active{background:var(--color-accent, #3b82f6);color:#fff;box-shadow:0 2px 6px #3b82f640}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.template-card{position:relative;background:var(--bg-surface);border:1px solid var(--color-border-subtle);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;overflow:hidden}.template-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),var(--glow-color, rgba(59, 130, 246, .25)),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.template-card:hover{transform:translateY(-2px);border-color:var(--color-border-focus, #3b82f6);box-shadow:0 8px 24px -6px #00000014}.template-card:hover:before{opacity:1}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:6px;background:var(--bg-page);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.card-format{font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-text-muted, #94a3b8);font-weight:600;text-transform:uppercase}.card-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.35}.card-desc{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 1.25rem;line-height:1.45;flex-grow:1}.card-actions{display:flex;align-items:center;gap:.6rem;padding-top:.85rem;border-top:1px solid var(--color-border-subtle)}.btn-copy-template{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--bg-page);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:.82rem;font-weight:600;padding:.45rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-copy-template:hover{background:var(--color-accent-subtle, rgba(59, 130, 246, .08));border-color:var(--color-accent, #3b82f6);color:var(--color-accent, #3b82f6)}.btn-copy-template.is-copied{background:#10b981;border-color:#10b981;color:#fff}.btn-open-template{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:.82rem;font-weight:600;padding:.45rem .75rem;border-radius:8px;text-decoration:none;transition:all .15s ease}.btn-open-template:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}@media(max-width:640px){.templates-section{margin-top:2rem}.templates-filters{display:flex;overflow-x:auto;width:100%;justify-content:flex-start}.filter-btn{white-space:nowrap}}.site-footer{width:100%;border-top:1px solid var(--line-subtle, rgba(255, 255, 255, .08));background:transparent;margin-top:2.25rem;padding:3rem 0 2.5rem;color:var(--color-text-secondary);position:relative;overflow:hidden;z-index:10}.footer-inner{position:relative;z-index:2;max-width:min(96vw,1720px);margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:0 clamp(1rem,3.5vw,3.5rem)}.indie-manifesto{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem 1.75rem;background:#0e152594;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 12px 32px -8px #00000073}html[data-theme=light] .indie-manifesto{background:#ffffff94;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 10px 30px -4px #0f172a14,0 2px 8px -2px #0f172a0a}.manifesto-statement{max-width:820px}.manifesto-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#38a8c6;margin-bottom:.4rem}.manifesto-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .35rem}.manifesto-desc{font-size:.88rem;line-height:1.6;margin:0;color:var(--color-text-secondary)}.manifesto-tag{font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;background:#ffffff0a;color:var(--color-text-secondary);border:1px solid var(--line-subtle, rgba(255, 255, 255, .08));white-space:nowrap}.footer-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}.footer-support-card{background:#0e152594;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1.6rem 1.75rem;box-shadow:0 12px 32px -8px #00000073;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}html[data-theme=light] .footer-support-card{background:#ffffff94;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 10px 30px -4px #0f172a14,0 2px 8px -2px #0f172a0a}.footer-col-title{font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin:0 0 1rem}.support-channels-list{display:flex;flex-direction:column;gap:.65rem}.support-channel-link{display:inline-flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--color-text-secondary);text-decoration:none;padding:.5rem .95rem;background:#ffffff0d;border:1px solid var(--line-subtle, rgba(255, 255, 255, .1));border-radius:8px;width:fit-content;transition:all .2s ease}.support-channel-link:hover{background:#38a8c61f;border-color:#38a8c673;color:#38a8c6;transform:translate(3px)}.footer-platform-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:1.1rem}.platform-tag{font-family:var(--font-mono, monospace);font-size:.74rem;padding:4px 10px;border-radius:6px;background:#ffffff0d;border:1px solid var(--line-subtle, rgba(255, 255, 255, .1));color:var(--color-text-secondary);letter-spacing:.02em}html[data-theme=light] .support-channel-link{background:#ffffffb8;border:1px solid rgba(15,23,42,.14);color:#0b132b;font-weight:500;box-shadow:0 1px 3px #0f172a0a}html[data-theme=light] .support-channel-link:hover{background:#38a8c61a;border-color:#38a8c6;color:#1a7f99}html[data-theme=light] .platform-tag{background:#ffffffb8;border:1px solid rgba(15,23,42,.14);color:#1e293b;font-weight:500}.footer-disclaimer{padding:1.35rem 1.75rem;border-radius:14px;background:#0e152594;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px -8px #00000073;display:flex;flex-direction:column;gap:.75rem;font-size:.78rem;line-height:1.6;color:var(--color-text-muted, #94a3b8)}html[data-theme=light] .footer-disclaimer{background:#ffffff94;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 10px 30px -4px #0f172a14,0 2px 8px -2px #0f172a0a}.disclaimer-text{margin:0;line-height:1.6}.copyright-text{margin:0;font-weight:500;color:var(--color-text-secondary)}@media(max-width:860px){.footer-support-grid{grid-template-columns:1fr;gap:1.5rem}}html[data-theme=dark] .footer-manifesto-title,html[data-theme=dark] .manifesto-title,html[data-theme=dark] .footer-col-title{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}html[data-theme=dark] .manifesto-desc,html[data-theme=dark] .support-channel-link,html[data-theme=dark] .copyright-text{color:#f1f5f9;text-shadow:0 1px 3px rgba(0,0,0,.6)}html[data-theme=dark] .footer-disclaimer,html[data-theme=dark] .disclaimer-text,html[data-theme=dark] .bug-checklist-steps{color:#cbd5e1;text-shadow:0 1px 3px rgba(0,0,0,.6)}html[data-theme=light] .footer-manifesto-title,html[data-theme=light] .manifesto-title,html[data-theme=light] .footer-col-title{color:#0b132b}html[data-theme=light] .manifesto-desc,html[data-theme=light] .support-channel-link,html[data-theme=light] .copyright-text{color:#1e293b}html[data-theme=light] .footer-disclaimer,html[data-theme=light] .disclaimer-text,html[data-theme=light] .bug-checklist-steps{color:#334155}