@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;700&family=Poppins:wght@400;700&family=Open+Sans:wght@400;700&family=Roboto:wght@400;700&display=swap";@font-face{font-family:Cheri;src:url(/fonts/CHERI%202.TTF);font-display:swap}@font-face{font-family:Infected;src:url(/fonts/INFECTED.ttf);font-display:swap}@font-face{font-family:Melted Monster;src:url(/fonts/Melted%20Monster.ttf);font-display:swap}@font-face{font-family:Tropi Land;src:url(/fonts/Tropi%20Land%20-%20\(Demo\)%20hanscostudio.com.ttf);font-display:swap}@font-face{font-family:Vanilla Whale;src:url(/fonts/Vanilla%20Whale.otf);font-display:swap}:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--bg-app:#f3f7fa;--bg-panel:#fff;--bg-subtle:#eaf2f8;--bg-input:#fff;--border-color:#d4e3ec;--border-strong:#b6cedd;--text-primary:#102331;--text-secondary:#4d6372;--text-muted:#7d909d;--accent:#1f6f9e;--accent-fg:#fff;--active-bg:#dcebf4;--danger:#c4473d;--ok:#16835f;--ring:#1f6f9e2e;--overlay:#f3f7fac2;--shadow-sm:0 1px 2px #1023310f;--shadow-md:0 8px 24px #1023311f;--zoom-control-bg:#ffffffe6;--zoom-control-border:#b6ceddf2;--zoom-control-shadow:0 10px 28px #1023312e;--primary:var(--accent);--secondary:var(--accent);--bg-card:var(--bg-panel);--sidebar-w:376px;--topbar-h:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-app:#0e151b;--bg-panel:#151e25;--bg-subtle:#1e2a33;--bg-input:#18242d;--border-color:#2c414d;--border-strong:#3b5868;--text-primary:#ecf7fc;--text-secondary:#adc2cf;--text-muted:#7f96a5;--accent:#58b7e8;--accent-fg:#071923;--active-bg:#233746;--danger:#ff8f84;--ok:#6bd8ad;--ring:#58b7e838;--overlay:#0e151bbd;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000073;--zoom-control-bg:#1e2a33eb;--zoom-control-border:#3b5868f2;--zoom-control-shadow:0 8px 24px #00000075;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,button{font-family:var(--font-sans)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex}.top-bar{height:var(--topbar-h);background:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.brand{letter-spacing:-.02em;color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0d94ec59);flex-shrink:0;width:28px;height:28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.brand:hover .brand-logo-img{transform:scale(1.12)rotate(-4deg)}.brand-title{background:linear-gradient(135deg, var(--text-primary) 40%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.top-bar-actions{align-items:center;gap:8px;display:flex}.toolbar-bar{background:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:18;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.app-body{grid-template-columns:1fr var(--sidebar-w);flex:1;min-height:0;display:grid;overflow:hidden}.gallery-panel{background:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;min-height:0;display:flex;overflow:hidden}.preview-panel{background:var(--bg-app);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.preview-scrollable{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.preview-scrollable.show-grid{background-image:linear-gradient(90deg,#0000000f 1px,#0000 1px),linear-gradient(#0000000f 1px,#0000 1px);background-size:24px 24px}:root[data-theme=dark] .preview-scrollable.show-grid{background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:24px 24px}.settings-panel{background:var(--bg-panel);border-left:1px solid var(--border-color);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.panel-header h2{letter-spacing:.01em;color:var(--text-primary);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.panel-header h2 svg{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.glass-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s,background .15s}.glass-card:hover{border-color:var(--border-strong)}.btn-primary{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:opacity .15s;display:flex}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:active:not(:disabled){opacity:.78}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-secondary:active{background:var(--active-bg)}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background .15s,color .15s;display:flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-subtle)}.btn-icon.danger:hover{color:var(--danger)}.btn-secondary.btn-warning{color:var(--text-primary)}.btn-secondary.btn-warning:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-secondary.btn-danger{color:var(--danger);border-color:var(--border-color)}.btn-secondary.btn-danger:hover{border-color:var(--danger);background:var(--danger-bg)}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-subtle);border-color:var(--border-color)}.btn-small-download{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;padding:5px 9px;font-size:.72rem;font-weight:500;transition:all .15s}.btn-small-download:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-small-download:disabled{opacity:.4;cursor:not-allowed;color:var(--text-muted)}.seg-toggle{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.seg-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;transition:background .15s,color .15s;display:flex}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-sm)}.input-group{margin-bottom:16px}.input-label{color:var(--text-secondary);margin-bottom:7px;font-size:.78rem;font-weight:500;display:block}.text-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:6px;padding:9px 12px;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring);outline:none}.dropzone{border:1.5px dashed var(--border-strong);text-align:center;background:var(--bg-subtle);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:10px;margin:16px;padding:28px 18px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--text-muted);background:var(--active-bg)}.dropzone-icon{color:var(--text-muted);transition:color .15s,transform .15s}.dropzone:hover .dropzone-icon{color:var(--text-primary);transform:translateY(-2px)}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-trigger{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 18px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.accordion-trigger:hover{background:var(--bg-subtle)}.accordion-content{padding:0 18px 20px}.theme-pack-intro{color:var(--text-secondary);margin:14px 0 12px;font-size:.72rem;line-height:1.45}.theme-scope-control{border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:7px 8px 7px 10px;font-size:.72rem;font-weight:600;display:flex}.theme-scope-control .seg-btn{min-width:58px;font-size:.7rem}.theme-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-pack-card{border:1px solid var(--border-color);background:var(--bg-panel);min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:8px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}.theme-pack-card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.theme-pack-card.locked{border-style:dashed}.theme-pack-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-pack-card:disabled{cursor:not-allowed;opacity:.55}.theme-pack-preview{border-bottom:1px solid var(--border-color);width:100%;height:116px;position:relative;overflow:hidden}.theme-pack-preview:after{content:"";pointer-events:none;background:#00000014;position:absolute;inset:0}.theme-pack-copy{z-index:3;flex-direction:column;gap:2px;line-height:1.05;display:flex;position:absolute;left:9px;right:9px}.theme-pack-copy.top{top:8px}.theme-pack-copy.bottom{bottom:7px}.theme-pack-copy.center{text-align:center;align-items:center}.theme-pack-copy.left{text-align:left;align-items:flex-start}.theme-pack-copy.right{text-align:right;align-items:flex-end}.theme-pack-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.64rem;overflow:hidden}.theme-pack-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.46rem;overflow:hidden}.theme-pack-device{z-index:2;background:#101820;border:3px solid #ffffffd1;position:absolute;top:58%;left:50%;box-shadow:0 5px 14px #0006}.theme-pack-copy.bottom+.theme-pack-device{top:39%}.theme-pack-device.phone{border-radius:7px;width:29px;height:57px}.theme-pack-device.tablet{border-radius:6px;width:58px;height:40px}.theme-pack-device.flat{transform:translate(-50%,-50%)}.theme-pack-device.tilt_left{transform:translate(-50%,-50%)rotate(-9deg)}.theme-pack-device.tilt_right{transform:translate(-50%,-50%)rotate(9deg)}.theme-pack-device-screen{background:var(--active-bg);border:1px solid #ffffff38;border-radius:3px;position:absolute;inset:4px 3px}.theme-pack-device-screen:before,.theme-pack-device-screen:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;left:18%;right:18%}.theme-pack-device-screen:before{top:38%}.theme-pack-device-screen:after{opacity:.6;top:55%}.theme-pack-details{flex-direction:column;gap:3px;min-height:77px;padding:8px;display:flex}.theme-pack-details strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.theme-pack-details span,.theme-pack-details small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;line-height:1.3;overflow:hidden}.theme-pack-details small{color:var(--text-muted);white-space:normal}.color-picker-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.color-dot-picker{appearance:none;border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;transition:border-color .15s,transform .15s;overflow:hidden}.color-dot-picker::-webkit-color-swatch-wrapper{padding:0}.color-dot-picker::-webkit-color-swatch{border:none;border-radius:50%}.color-dot-picker:hover{border-color:var(--text-muted);transform:scale(1.06)}.screenshot-list{flex-direction:column;flex:1;gap:10px;padding:0 16px 16px;display:flex;overflow-y:auto}.screenshot-card{cursor:pointer;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:10px;transition:border-color .15s,background .15s;display:flex;position:relative}.screenshot-card:hover{border-color:var(--border-strong)}.screenshot-card.active{border-color:var(--text-primary);background:var(--active-bg)}.thumbnail-wrapper{border:1px solid var(--border-color);background:var(--bg-subtle);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:80px;display:flex;overflow:hidden}.thumbnail-wrapper img{object-fit:cover;width:100%;height:100%}.card-info{flex:1;min-width:0}.card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.card-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.card-actions{flex-direction:column;gap:4px;display:flex}.slider-container{margin-bottom:18px}.slider-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:.78rem;display:flex}.custom-range{appearance:none;background:var(--border-color);border-radius:3px;outline:none;width:100%;height:4px}.custom-range::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--bg-panel);cursor:pointer;border-radius:50%;width:15px;height:15px;transition:transform .1s}.custom-range::-moz-range-thumb{appearance:none;border:2px solid var(--bg-panel);background:var(--text-primary);cursor:pointer;border-radius:50%;width:15px;height:15px}.custom-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.loading-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.style-option{border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.82rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:flex}.style-option:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.style-option.active{border-color:var(--text-primary);background:var(--active-bg);color:var(--text-primary)}.progress-container{flex-direction:column;gap:10px;padding:18px;display:flex}.progress-bar{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.device-category-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:16px 0 9px;padding-left:2px;font-size:.68rem;font-weight:600}.device-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.device-card{border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;transition:border-color .15s,background .15s,color .15s;display:flex}.device-card:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.device-card.active{background:var(--active-bg);color:var(--text-primary);border-color:var(--text-primary)}.device-card-icon{background:var(--bg-subtle);width:38px;height:38px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.device-card.active .device-card-icon{background:var(--bg-panel);color:var(--text-primary)}.preview-topbar{border-bottom:1px solid var(--border-color);background:var(--bg-app);z-index:5;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--ok)}.status-dot.offline{background:var(--danger)}.toast{z-index:300;background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:.84rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) toastIn,.3s 3.5s forwards toastOut;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast svg{flex-shrink:0}.toast-info svg{color:var(--text-secondary)}.toast-success svg{color:var(--ok)}.toast-error svg{color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.dragging{opacity:.5;border:1.5px dashed var(--text-muted)!important;background:var(--bg-subtle)!important}.mockup-item .delete-btn,.mockup-item .reorder-handle{opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;transform:scale(.8)}.mockup-item:hover .delete-btn,.mockup-item:hover .reorder-handle{opacity:1;visibility:visible;transform:scale(1)}.mockup-item .reorder-handle{z-index:100;color:#fff;cursor:grab;background:#0000008c;border:4px solid #fff6;border-radius:20px;justify-content:center;align-items:center;width:170px;height:96px;padding:0;display:flex;position:absolute;top:40px;left:40px}.mockup-item .reorder-handle:hover{background:#000000b8;border-color:#ffffffb3}.mockup-item .reorder-handle:focus-visible{opacity:1;visibility:visible;outline:8px solid var(--accent);outline-offset:8px;transform:scale(1)}.mockup-item .reorder-handle:active{cursor:grabbing}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.preview-panel,.preview-scrollable,.mockup-item,.mockup-item img,.mockup-item div:not(.editable-preview-text){-webkit-user-select:none!important;user-select:none!important}.editable-preview-text{-webkit-user-select:none;user-select:none}.editable-preview-text:focus{-webkit-user-select:text!important;user-select:text!important}.mockup-item .mockup-delete-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;opacity:0;pointer-events:none;cursor:pointer;background:#0f172ad9;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;transition:opacity .2s,background-color .2s,transform .2s;display:flex;position:absolute;top:40px;right:40px;box-shadow:0 10px 25px #00000059}.mockup-item:hover .mockup-delete-btn{opacity:1!important;pointer-events:auto!important}.mockup-delete-btn:hover{transform:scale(1.1);background:#dc2626f2!important;border-color:#ef4444cc!important}.mockup-shimmer-container{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.mockup-shimmer-phone{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a59;border:4px solid #ffffff26;border-radius:48px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 50px #0000004d}.mockup-shimmer-phone:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%);animation:1.6s ease-in-out infinite mockupShimmerSweep;position:absolute;inset:0}@keyframes mockupShimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.landing-active{height:auto;min-height:100%;overflow:auto}.landing-shell{--page:#080b0e;--surface:#10151a;--surface-soft:#151b20;--line:#252e35;--line-strong:#39454e;--ink:#f4f7f8;--copy:#aab4bb;--muted:#707b83;--accent:#66c9f3;background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-sans);overflow:hidden}:root[data-theme=light] .landing-shell{--page:#f2f4f1;--surface:#fff;--surface-soft:#e8ece8;--line:#d2d9d5;--line-strong:#adb9b4;--ink:#101716;--copy:#53605d;--muted:#7c8884;--accent:#16789f}.landing-shell *{box-sizing:border-box}.landing-shell button,.landing-shell a{-webkit-tap-highlight-color:transparent}.landing-nav{border-bottom:1px solid var(--line);background:var(--page);z-index:30;justify-content:space-between;align-items:center;width:min(1500px,100% - 64px);height:78px;margin:0 auto;display:flex;position:sticky;top:0}.landing-brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:760;text-decoration:none;display:inline-flex}.landing-brand img{object-fit:contain;width:31px;height:31px}.landing-nav-links{align-items:center;gap:34px;display:flex}.landing-nav-links a{color:var(--copy);font-size:.8rem;font-weight:620;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--ink)}.landing-nav-actions{align-items:center;gap:12px;display:flex}.landing-mode-toggle{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px;display:flex}.landing-mode-toggle button{width:31px;height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.landing-mode-toggle button.active{background:var(--surface-soft);color:var(--ink)}.landing-button{border:1px solid var(--line-strong);background:var(--surface);min-height:46px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.82rem;font-weight:740;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.landing-button:hover{border-color:var(--copy);transform:translateY(-2px)}.landing-button.primary{background:var(--ink);color:var(--page);border-color:var(--ink)}.landing-button.primary:hover{background:var(--accent);border-color:var(--accent)}.landing-button.nav-cta{min-height:38px;padding:0 15px}.landing-hero{grid-template-columns:minmax(420px,.78fr) minmax(650px,1.22fr);align-items:center;gap:clamp(50px,6vw,105px);width:min(1500px,100% - 64px);min-height:calc(100svh - 78px);margin:0 auto;padding:55px 0 72px;display:grid}.landing-hero-copy{z-index:4;animation:.8s cubic-bezier(.2,.75,.2,1) both hero-copy-in;position:relative}.landing-hero h1{letter-spacing:-.075em;max-width:710px;font-size:clamp(3.7rem,5.1vw,6rem);font-weight:760;line-height:.95}.landing-hero h1 em{color:var(--copy);margin-top:7px;font-style:normal;font-weight:520;display:inline-block}.landing-hero-copy>p{max-width:610px;color:var(--copy);margin-top:30px;font-size:1rem;line-height:1.7}.landing-hero-actions{align-items:center;gap:20px;margin-top:34px;display:flex}.landing-hero-actions a{color:var(--copy);align-items:center;gap:8px;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-flex}.landing-platform-line{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 25px;margin-top:54px;padding-top:18px;display:flex}.landing-platform-line span{color:var(--muted);font-size:.66rem;font-weight:650}.campaign-stage{perspective:1500px;min-width:0;height:min(740px,100svh - 155px);min-height:590px;animation:1s cubic-bezier(.2,.75,.2,1) .15s both campaign-in;position:relative}.campaign-stage:after{content:"";filter:blur(22px);background:#00000047;border-radius:50%;width:82%;height:42px;position:absolute;bottom:2%;left:9%;transform:rotateX(68deg)}.campaign-card{aspect-ratio:576/1024;cursor:pointer;border-radius:22px;width:auto;max-width:360px;height:92%;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s,box-shadow .5s;position:absolute;top:4%;overflow:hidden;box-shadow:0 35px 90px #0006}.campaign-card:hover{z-index:10;filter:saturate(1.1)brightness(1.02)}.campaign-card-main{z-index:5;left:50%;transform:translate(-50%)}.campaign-card-main:hover{transform:translate(-50%)translateY(-18px)scale(1.04);box-shadow:0 50px 115px #000000a6}.campaign-card-left{z-index:2;left:0;transform:rotate(-5deg)translateY(34px)scale(.94)}.campaign-card-left:hover{transform:rotate(-1deg)translateY(-8px)scale(1.02);box-shadow:0 45px 105px #0009}.campaign-card-right{z-index:3;right:0;transform:rotate(5deg)translateY(34px)scale(.94)}.campaign-card-right:hover{transform:rotate(1deg)translateY(-8px)scale(1.02);box-shadow:0 45px 105px #0009}.campaign-card-img{object-fit:cover;object-position:top center;border-radius:inherit;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.campaign-card:hover .campaign-card-img{transform:scale(1.02)}.campaign-artwork{border-radius:inherit;isolation:isolate;width:100%;height:100%;min-height:430px;position:relative;overflow:hidden}.campaign-artwork:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.campaign-artwork-copy{z-index:3;text-align:center;flex-direction:column;gap:7px;display:flex;position:absolute;top:7%;left:8%;right:8%}.campaign-artwork-copy strong{letter-spacing:-.05em;font-size:clamp(1.25rem,2vw,2.05rem);line-height:1.02}.campaign-artwork-copy span{opacity:.9;font-size:.66rem;line-height:1.35}.campaign-artwork.copy-left .campaign-artwork-copy{text-align:left;width:46%;right:auto}.campaign-phone-position{z-index:2;width:58%;max-width:260px;position:absolute;top:25%;left:50%;transform:translate(-50%)}.campaign-artwork.copy-left .campaign-phone-position{left:70%}.campaign-artwork.tilt_left .campaign-phone-position{transform:translate(-50%)rotate(-7deg)}.campaign-artwork.tilt_right .campaign-phone-position{transform:translate(-50%)rotate(7deg)}.hero-artwork .campaign-artwork-copy{gap:10px;top:7.5%;left:9%;right:9%}.hero-artwork .campaign-artwork-copy strong{letter-spacing:.005em;text-wrap:balance;filter:drop-shadow(0 2px #05070847);font-size:clamp(1.65rem,2.3vw,2.35rem);line-height:.96}.hero-artwork .campaign-artwork-copy span{opacity:.82;text-wrap:balance;max-width:230px;margin:0 auto;font-size:.69rem;font-weight:620;line-height:1.4}.hero-artwork .campaign-phone-position{width:67%;max-width:250px;top:29%}.hero-artwork-social .campaign-artwork-copy{text-align:left;right:25%}.hero-artwork-social .campaign-artwork-copy span{margin-left:0;font-size:.78rem}.hero-artwork-social .campaign-phone-position{top:32%;left:54%;transform:translate(-50%)rotate(-4deg)}.hero-artwork-finance .campaign-artwork-copy strong{font-size:clamp(1.9rem,2.55vw,2.55rem)}.hero-artwork-finance .campaign-artwork-copy span{font-size:.82rem;line-height:1.25}.hero-artwork-finance .campaign-phone-position{width:70%;top:30%}.campaign-artwork.hero-artwork-fitness .campaign-artwork-copy{text-align:right;width:auto;left:25%;right:9%}.campaign-artwork.hero-artwork-fitness .campaign-artwork-copy span{margin-right:0;font-size:.8rem;line-height:1.28}.campaign-artwork.hero-artwork-fitness .campaign-artwork-copy strong{font-size:clamp(1.9rem,2.35vw,2.35rem);line-height:1.02}.campaign-artwork.hero-artwork-fitness .campaign-phone-position{width:61%;top:38%;left:48%;transform:translate(-50%)rotate(5deg)}.campaign-phone{aspect-ratio:9/19.3;background:#050708;border:7px solid #050708;border-radius:38px;width:100%;padding:4px;position:relative;box-shadow:0 24px 55px #0006}.campaign-phone-island{z-index:4;background:#050708;border-radius:20px;width:31%;height:15px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.campaign-phone-screen{border-radius:28px;width:100%;height:100%;overflow:hidden}.campaign-app-screen{color:#102523;background:#e7ede7;flex-direction:column;height:100%;padding:29px 15px 15px;display:flex}.campaign-app-screen.fitness{color:#201c18;background:#f1ebe2}.campaign-app-screen.social{color:#242031;background:#eeeaf8}.campaign-status{justify-content:space-between;font-size:7px;font-weight:800;display:flex}.campaign-app-label{color:#64837d;letter-spacing:.16em;margin-top:20px;font-size:6px;font-weight:800}.campaign-app-screen h4{letter-spacing:-.065em;margin-top:5px;font-size:17px;line-height:.98}.campaign-app-summary{color:#fff;background:#183e39;border-radius:5px;flex-direction:column;margin-top:18px;padding:13px;display:flex}.campaign-app-screen.fitness .campaign-app-summary{background:#bd563c}.campaign-app-screen.social .campaign-app-summary{background:#6250a1}.campaign-app-summary small{opacity:.65;font-size:6px}.campaign-app-summary strong{letter-spacing:-.04em;margin-top:3px;font-size:16px}.campaign-app-summary span{color:#8fe0b5;margin-top:7px;font-size:6px}.campaign-chart{align-items:flex-end;gap:5px;height:70px;margin-top:17px;display:flex}.campaign-chart i{background:#9bbab4;border-radius:2px 2px 0 0;flex:1}.campaign-chart i:nth-child(6){background:#183e39}.campaign-app-nav{justify-content:center;gap:18px;margin-top:auto;display:flex}.campaign-app-nav i{background:#a3b1ae;border-radius:3px;width:13px;height:3px}.campaign-app-nav i.active{background:#183e39}.transformation-section,.lookbook-section,.studio-section,.export-section,.landing-final-cta{width:min(1500px,100% - 64px);margin:0 auto}.transformation-section{border-top:1px solid var(--line);grid-template-columns:.68fr 1.32fr;align-items:center;gap:clamp(70px,9vw,145px);min-height:100svh;padding:125px 0;display:grid}.transformation-copy h2,.lookbook-heading h2,.studio-copy h2,.export-heading h2{letter-spacing:-.065em;font-size:clamp(2.8rem,4.5vw,5rem);line-height:.98}.transformation-copy p,.lookbook-heading p,.studio-copy p,.export-heading p{max-width:520px;color:var(--copy);margin-top:26px;font-size:.92rem;line-height:1.72}.transformation-stage{border:1px solid var(--line);background:var(--surface);isolation:isolate;border-radius:22px;grid-template-columns:.82fr 116px 1.18fr;align-items:center;gap:0;min-width:0;height:720px;padding:32px;display:grid;position:relative;box-shadow:0 36px 100px #0003}.transformation-stage:before{content:"";z-index:-1;background:color-mix(in srgb, var(--accent) 16%, transparent);filter:blur(80px);opacity:0;border-radius:50%;width:42%;height:72%;transition:opacity .8s .25s;position:absolute;top:14%;right:2%}.transformation-stage.is-visible:before{opacity:1}.raw-side,.finished-side{border-radius:14px;min-width:0;height:100%;position:relative;overflow:hidden}.raw-side{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-soft);opacity:.72;place-items:center;height:86%;padding:52px 0 22px;transition:opacity .7s,transform .8s cubic-bezier(.2,.75,.2,1);display:grid;transform:scale(.94)}.transformation-stage.is-visible .raw-side{opacity:1;transform:scale(1)}.raw-side>span{z-index:8;color:var(--muted);font-size:.63rem;font-weight:700;position:absolute;top:16px;left:18px}.raw-screenshot{aspect-ratio:9/19.3;background:#e7ede7;border-radius:7px;width:min(78%,270px);overflow:hidden;box-shadow:0 22px 55px #00000047}.raw-screenshot .campaign-app-screen{width:100%;height:100%}.transformation-raw-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.finished-side{aspect-ratio:473/1024;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));opacity:.3;cursor:pointer;width:auto;max-width:100%;height:100%;margin:0 auto;transition:opacity .7s .22s,transform .6s cubic-bezier(.2,.75,.2,1),box-shadow .5s;transform:translate(28px)scale(.96);box-shadow:0 28px 75px #00000052}.transformation-stage.is-visible .finished-side{opacity:1;transform:translate(0)scale(1)}.finished-side:hover{box-shadow:0 38px 90px #00000073;transform:translateY(-8px)scale(1.02)!important}.finished-side .campaign-artwork{border-radius:14px}.transformation-mockup-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.finished-ready{z-index:9;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a0dd1;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:.62rem;font-weight:750;transition:transform .3s,background .3s;display:flex;position:absolute;bottom:18px;right:18px}.finished-side:hover .finished-ready{background:#070a0df2;transform:scale(1.05)}.finished-ready svg{color:#69dfa8}.transformation-flow{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;display:flex;position:relative}.transformation-beam{background:var(--line-strong);width:100%;height:1px;position:absolute;top:50%;left:0;overflow:hidden}.transformation-beam i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 16px var(--accent);opacity:0;border-radius:50%;position:absolute;top:-4px;left:-10px}.transformation-stage.is-visible .transformation-beam i{animation:1.8s ease-in-out infinite transformation-travel}.transformation-stage.is-visible .transformation-beam i:nth-child(2){animation-delay:.42s}.transformation-stage.is-visible .transformation-beam i:nth-child(3){animation-delay:.84s}.transformation-arrow{border:6px solid var(--surface);background:var(--ink);width:54px;height:54px;color:var(--page);z-index:2;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 14px 34px #0000004d}.transformation-flow>span{color:var(--muted);white-space:nowrap;margin-top:74px;font-size:.54rem;font-weight:720;position:absolute}.lookbook-section{border-top:1px solid var(--line);padding:125px 0}.lookbook-heading{grid-template-columns:1fr .65fr;align-items:end;gap:80px;margin-bottom:62px;display:grid}.lookbook-heading p{justify-self:end;margin-top:0}.lookbook-rail{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lookbook-card{cursor:pointer;min-width:0}.lookbook-card-frame{aspect-ratio:9/16;border-radius:16px;width:100%;height:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000047}.lookbook-card:hover .lookbook-card-frame{transform:translateY(-8px)scale(1.02);box-shadow:0 30px 75px #00000073}.lookbook-mockup-img{object-fit:contain;object-position:center;border-radius:inherit;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.lookbook-card:hover .lookbook-mockup-img{transform:scale(1.02)}.lookbook-card .campaign-artwork{border-radius:16px;height:590px;box-shadow:0 18px 55px #00000038}.lookbook-card>div:last-child{justify-content:space-between;gap:16px;padding:16px 3px 8px;display:flex}.lookbook-card>div:last-child strong{font-size:.86rem}.lookbook-card>div:last-child span{color:var(--muted);font-size:.7rem}.studio-section{border-top:1px solid var(--line);grid-template-columns:.68fr 1.32fr;align-items:center;gap:clamp(70px,9vw,150px);min-height:100svh;padding:120px 0;display:grid}.studio-copy .landing-button{margin-top:32px}.studio-workbench{background:radial-gradient(at 18% 38%,#143a3673 0%,#0000 50%),radial-gradient(at 82% 62%,#162d4e85 0%,#0000 50%),linear-gradient(#090c10 0%,#06080b 100%);border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;height:720px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 100px #0006}.studio-artwork-frame{aspect-ratio:576/1024;cursor:pointer;border-radius:14px;width:auto;max-width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000073}.studio-artwork-frame:hover{transform:scale(1.03)translateY(-6px);box-shadow:0 38px 90px #0000008c}.studio-mockup-img{object-fit:cover;object-position:top center;border-radius:inherit;width:100%;height:100%;display:block}.studio-control-sheet{-webkit-backdrop-filter:blur(16px);background:#090d12e0;border:1px solid #ffffff1f;border-radius:14px;width:275px;padding:8px 18px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:absolute;top:50%;right:0;transform:translate(22%,-50%);box-shadow:0 24px 65px #00000073}.studio-control-sheet:hover{transform:translate(20%,-52%);box-shadow:0 30px 80px #0000008c}.studio-control-sheet div{cursor:pointer;border-bottom:1px solid #ffffff14;border-radius:8px;grid-template-columns:30px 1fr;align-items:center;min-height:66px;padding:0 6px;transition:background .2s,padding-left .2s;display:grid}.studio-control-sheet div:hover{background:#ffffff0f;padding-left:10px}.studio-control-sheet div:last-child{border-bottom:0}.studio-control-sheet svg{color:var(--accent);grid-row:1/3}.studio-control-sheet span{color:var(--muted);align-self:end;font-size:.62rem}.studio-control-sheet strong{align-self:start;font-size:.78rem}.export-section{border-top:1px solid var(--line);padding:125px 0}.export-heading{grid-template-columns:1fr .6fr;align-items:end;gap:80px;margin-bottom:62px;display:grid}.export-proof{justify-content:center;align-items:flex-end;gap:clamp(14px,2.2vw,24px);height:660px;display:flex}.export-artwork{cursor:pointer;border-radius:16px;flex:0 auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,filter .45s;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038}.export-artwork:hover{filter:saturate(1.08);z-index:5;transform:translateY(-16px)scale(1.03);box-shadow:0 38px 85px #00000073,0 0 30px #ffe60033}.export-artwork.tall{aspect-ratio:576/1024;height:100%}.export-artwork.middle{aspect-ratio:576/1024;height:88%}.export-artwork.wide{aspect-ratio:767/1024;height:80%}.export-artwork .campaign-artwork{border-radius:16px;height:100%}.export-mockup-img{object-fit:cover;object-position:top center;border-radius:inherit;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.export-artwork:hover .export-mockup-img{transform:scale(1.02)}.export-meta{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:18px;margin-top:28px;padding:20px 22px;display:grid}.export-meta div{color:var(--copy);align-items:center;gap:9px;font-size:.72rem;display:flex}.export-meta div svg,.export-meta>svg{color:var(--accent)}.specs-section{border-top:1px solid var(--line);width:min(1500px,100% - 64px);margin:0 auto;padding:125px 0}.specs-heading{grid-template-columns:1fr .6fr;align-items:end;gap:80px;margin-bottom:54px;display:grid}.specs-heading h2{letter-spacing:-.06em;font-size:clamp(2.8rem,4.4vw,4.8rem);font-weight:760;line-height:.98}.specs-heading p{color:var(--copy);font-size:.95rem;line-height:1.6}.specs-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.specs-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:20px;padding:32px 28px;transition:border-color .3s,transform .3s;display:flex}.specs-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.specs-card-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.specs-card-header h3{color:var(--ink);margin:0;font-size:1.25rem;font-weight:700}.specs-card-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-soft);color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:700}.specs-card p{color:var(--copy);margin:0;font-size:.84rem;line-height:1.55}.specs-list{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.specs-item{color:var(--copy);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.specs-item strong{color:var(--ink);font-weight:650}.specs-item span{color:var(--muted);font-family:monospace;font-size:.74rem}.faq-section{border-top:1px solid var(--line);width:min(1500px,100% - 64px);margin:0 auto;padding:125px 0}.faq-heading{grid-template-columns:1fr .6fr;align-items:end;gap:80px;margin-bottom:54px;display:grid}.faq-heading h2{letter-spacing:-.06em;font-size:clamp(2.8rem,4.4vw,4.8rem);font-weight:760;line-height:.98}.faq-heading p{color:var(--copy);font-size:.95rem;line-height:1.6}.faq-list{flex-direction:column;gap:14px;max-width:980px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:var(--line-strong)}.faq-question{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-family:inherit;font-size:.96rem;font-weight:700;display:flex}.faq-question svg{color:var(--accent);flex-shrink:0;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.faq-item.is-open .faq-question svg{transform:rotate(180deg)}.faq-answer{color:var(--copy);border-top:1px solid #0000;padding:0 26px 24px;font-size:.88rem;line-height:1.65}.faq-answer p{margin:0}.landing-final-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:80px;width:min(1500px,100% - 64px);min-height:480px;margin:0 auto;padding:105px 0;display:flex}.landing-final-cta h2{letter-spacing:-.07em;max-width:950px;font-size:clamp(3.2rem,5.4vw,6rem);font-weight:760;line-height:.95}.landing-final-cta .landing-button{flex-shrink:0}.landing-footer{border-top:1px solid var(--line);flex-direction:column;gap:50px;width:min(1500px,100% - 64px);margin:0 auto;padding:75px 0 45px;display:flex}.landing-footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:45px;display:grid}.landing-footer-brand-col{flex-direction:column;gap:16px;display:flex}.landing-footer-brand-col p{color:var(--copy);max-width:360px;margin:0;font-size:.82rem;line-height:1.6}.landing-footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0 0 16px;font-size:.78rem;font-weight:750}.landing-footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-footer-col a{color:var(--copy);font-size:.8rem;font-weight:550;text-decoration:none;transition:color .2s}.landing-footer-col a:hover{color:var(--accent)}.landing-footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:30px;font-size:.72rem;display:flex}.landing-footer-bottom span{font-weight:550}[data-reveal]{opacity:0;transition:opacity .7s var(--reveal-delay) cubic-bezier(.2,.75,.2,1), transform .7s var(--reveal-delay) cubic-bezier(.2,.75,.2,1);transform:translateY(38px)}.landing-shell[data-scroll-direction=up] [data-reveal]:not(.is-visible){transform:translateY(-38px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes campaign-in{0%{opacity:0;transform:translateY(35px)scale(.98)}to{opacity:1;transform:none}}@keyframes transformation-travel{0%{opacity:0;left:-10px}18%{opacity:1}82%{opacity:1}to{opacity:0;left:calc(100% + 2px)}}@keyframes transformation-travel-vertical{0%{opacity:0;top:-10px}18%{opacity:1}82%{opacity:1}to{opacity:0;top:calc(100% + 2px)}}@media (width<=1180px){.landing-hero{grid-template-columns:1fr}.landing-hero-copy{padding-top:30px}.campaign-stage{justify-self:center;width:min(100%,860px)}.transformation-section,.studio-section{grid-template-columns:1fr;gap:55px}.transformation-copy,.studio-copy{max-width:780px}.studio-workbench{justify-self:start;width:min(90%,850px)}.lookbook-card .campaign-artwork{height:520px}.studio-control-sheet{transform:translate(15%,-50%)}.specs-grid{grid-template-columns:1fr 1fr}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=850px){.landing-nav,.landing-hero,.transformation-section,.lookbook-section,.studio-section,.export-section,.specs-section,.faq-section,.landing-final-cta,.landing-footer{width:min(100% - 36px,1500px)}.landing-nav-links{display:none}.landing-hero h1{font-size:clamp(3.4rem,11vw,5.5rem)}.campaign-stage{height:650px;min-height:0}.campaign-card{width:54%}.transformation-section,.lookbook-section,.studio-section,.export-section,.specs-section,.faq-section{padding:90px 0}.transformation-stage{grid-template-columns:.82fr 86px 1.18fr;height:650px;padding:20px}.lookbook-heading,.export-heading,.specs-heading,.faq-heading{grid-template-columns:1fr;gap:28px}.lookbook-heading p,.export-heading p,.specs-heading p,.faq-heading p{justify-self:start}.lookbook-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:15px;display:flex;overflow-x:auto}.lookbook-rail::-webkit-scrollbar{display:none}.lookbook-card{scroll-snap-align:start;flex:0 0 72%}.studio-workbench{width:calc(100% - 35px);height:650px}.studio-control-sheet{width:245px}.export-proof{gap:12px;height:560px}.export-meta{grid-template-columns:1fr 1fr}.specs-grid{grid-template-columns:1fr}.landing-final-cta{flex-direction:column;justify-content:center;align-items:flex-start;min-height:440px}.landing-footer-grid{grid-template-columns:1fr;gap:32px}}@media (width<=560px){.landing-nav{height:66px}.landing-nav-actions .nav-cta{display:none}.landing-brand img{width:27px;height:27px}.landing-hero{gap:48px;min-height:0;padding:70px 0 55px}.landing-hero h1{font-size:clamp(3rem,14vw,4.25rem)}.landing-hero-copy>p{font-size:.92rem}.landing-hero-actions{flex-direction:column;align-items:flex-start}.landing-platform-line{gap:10px 18px;margin-top:42px}.campaign-stage{scroll-snap-type:x mandatory;scrollbar-width:none;perspective:none;gap:14px;height:520px;padding:0 9% 24px;display:flex;overflow:auto hidden}.campaign-stage::-webkit-scrollbar{display:none}.campaign-stage:after{display:none}.campaign-card{scroll-snap-align:center;flex:0 0 88%;width:auto;height:480px;position:relative;inset:auto;transform:none}.campaign-card:hover,.campaign-card-main:hover,.campaign-card-left:hover,.campaign-card-right:hover{transform:translateY(-4px)}.campaign-card-main{order:1}.campaign-card-left{order:2}.campaign-card-right{order:3}.campaign-artwork-copy strong{font-size:1.25rem}.campaign-phone-position{width:62%;top:27%}.transformation-copy h2,.lookbook-heading h2,.studio-copy h2,.export-heading h2,.specs-heading h2,.faq-heading h2{font-size:clamp(2.6rem,12vw,3.6rem)}.transformation-stage{grid-template-columns:1fr;gap:0;height:auto;min-height:0;padding:14px}.raw-side{justify-self:center;width:88%;min-height:600px}.transformation-flow{height:100px}.transformation-beam{width:1px;height:100%;top:0;left:50%}.transformation-beam i{top:-10px;left:-4px}.transformation-stage.is-visible .transformation-beam i{animation-name:transformation-travel-vertical}.transformation-arrow{transform:none}.finished-side{width:min(88%,320px);height:auto;min-height:0}.lookbook-card{flex-basis:86%}.lookbook-card .campaign-artwork{height:500px}.studio-workbench{width:100%;height:610px;padding:14px}.studio-control-sheet{width:calc(100% - 28px);top:auto;bottom:14px;right:14px;transform:none}.export-proof{justify-content:center;gap:10px;height:480px;display:flex}.export-artwork.wide{display:none}.export-artwork.tall{aspect-ratio:576/1024;height:100%}.export-artwork.middle{aspect-ratio:576/1024;height:86%}.export-meta{grid-template-columns:1fr}.export-meta>svg{display:none}.faq-question{padding:18px 20px;font-size:.88rem}.faq-answer{padding:0 20px 20px;font-size:.82rem}.landing-final-cta h2{font-size:clamp(3rem,13vw,4.2rem)}.landing-footer{padding:45px 0 30px}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){.landing-shell *,.landing-shell :before,.landing-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}