:root{--bg-color:#080a0e;--surface-color:#ffffff0a;--surface-mid:#ffffff12;--surface-hover:#ffffff1a;--border-color:#ffffff14;--border-soft:#ffffff0d;--accent:#84cc16;--accent-glow:#84cc1633;--text-main:#e8edf3;--text-muted:#7a8899;--radius-xl:12px;--radius-lg:8px;--radius-md:6px;--radius-sm:4px;--radius-xs:2px;--glass-blur:blur(18px);--glass-blur-sm:blur(10px);--transition:all .22s cubic-bezier(.4, 0, .2, 1);transition:--accent .35s,--accent-glow .35s}*,:before,:after{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:0s}.logo,.mode-btn.active,.control-card h3,.slider-label,.ep-quality-val,.format-tab.active,.save-btn,.btn-primary,.theme-dot{transition:var(--transition)}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(80% 60% at 20% 0,#84cc160f 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#6366f10d 0%,#0000 60%);background-attachment:fixed;min-height:100%;font-family:Space Grotesk,system-ui,sans-serif;display:block;overflow-y:auto}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);z-index:1000;background:#080a0ed9;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 1.25rem;display:grid;position:sticky;top:0}.header-left{justify-content:flex-start;align-items:center;display:flex}.header-right{justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.header-nav{align-items:center;gap:1.5rem;display:flex}.nav-trust-badges{align-items:center;gap:.75rem;display:flex}.badge-item{color:var(--text-muted);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.65rem;font-weight:700;display:flex}.badge-check{color:var(--accent);font-weight:800}.header-link-cta:hover{background:var(--accent);filter:brightness(1.15);box-shadow:0 12px 28px var(--accent-glow), 0 4px 12px #0006;transform:translateY(-2px)}.header-center-title{letter-spacing:-.03em;color:#fff;white-space:nowrap;padding:0 1rem;font-size:1.1rem;font-weight:800}@media (width<=1200px){.header-center-title{display:none}}.theme-picker{align-items:center;gap:7px;display:flex}.theme-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-right:2px;font-size:.62rem;font-weight:500}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;flex-shrink:0;width:17px;height:17px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s}.theme-dot:hover{filter:brightness(1.15);transform:scale(1.3)}.theme-dot.active{border-color:#ffffffd9;transform:scale(1.2);box-shadow:0 0 0 1px #ffffff26,0 0 8px #ffffff1a}@keyframes themeFlash{0%{box-shadow:0 0 0 0px var(--accent-glow)}50%{box-shadow:0 0 0 6px var(--accent-glow)}to{box-shadow:0 0 0 0px var(--accent-glow)}}.theme-dot.switching{animation:.4s themeFlash}.logo{color:var(--accent);letter-spacing:-.5px;font-size:1.1rem;font-weight:700}main{flex:1;justify-content:center;align-items:center;min-height:0;padding:1.5rem 1rem .75rem;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{letter-spacing:-1px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.drop-zone{background:var(--surface-color);border:1.5px dashed var(--border-color);border-radius:var(--radius-xl);transition:var(--transition);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur-sm);flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.5rem;display:flex}.drop-zone:hover{border-color:var(--accent);background:var(--surface-mid)}.upload-icon{width:48px;height:48px;color:var(--accent);opacity:.8}#editor{flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1200px;height:100%;max-height:100%;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-area{-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);aspect-ratio:1;background:radial-gradient(circle,#ffffff14 0%,#0000 75%),#020305;border:1px solid #ffffff26;flex:1;justify-content:center;align-items:center;min-width:0;max-height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}.controls{flex-direction:column;flex:0 0 320px;gap:.6rem;height:100%;padding-right:4px;display:flex;overflow-y:auto}canvas{object-fit:contain;border-radius:3px;max-width:100%;max-height:100%;transition:transform .3s;box-shadow:0 20px 50px #000000b3,0 0 0 1px #ffffff14}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}canvas:not([style*="display: none"]){animation:6s ease-in-out infinite float}.controls::-webkit-scrollbar{width:3px}.controls::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.control-card{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius-md);border:1px solid var(--border-soft);will-change:transform;padding:.65rem .85rem;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .22s,background .22s,box-shadow .22s;box-shadow:inset 0 1px #ffffff0a,0 6px 16px #0003}.control-card:hover{background:var(--surface-mid);border-color:#ffffff1c;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 14px 32px #00000059}.control-card h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.8px;margin-bottom:.5rem;font-size:.62rem;font-weight:700}.mode-toggle{border-radius:var(--radius-sm);background:#0000004d;gap:3px;padding:3px;display:flex;position:relative}.mode-btn{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;flex:1;padding:.35rem .25rem;font-size:.7rem;font-weight:600;transition:color .2s,background .2s,transform .15s;position:relative}.mode-btn:hover:not(.active){color:var(--text-main);transform:translateY(-1px)}.mode-btn:active{transform:scale(.96)}.mode-btn.active{color:var(--accent);background:#ffffff17;box-shadow:0 1px 3px #0000004d}.color-grid{grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:12px;display:grid}.color-swatch{aspect-ratio:1;border-radius:var(--radius-xs);cursor:pointer;width:100%;transition:var(--transition);border:1.5px solid #0000}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg-color), 0 0 0 3px var(--accent)}#customColor{border:1px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;background:0 0;width:100%;height:32px;padding:2px}.slider-group{margin-bottom:.5rem}.slider-group:last-child{margin-bottom:0}.slider-label{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:3px;font-size:.7rem;display:flex}.label-right{align-items:center;gap:.6rem;display:flex}.action-reset-btn{cursor:pointer;color:var(--text-muted);opacity:.5;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.action-reset-btn svg{width:12px;height:12px}.action-reset-btn:hover{opacity:1;color:var(--accent);transform:rotate(-15deg)}input[type=range]{-webkit-appearance:none;background:var(--border-color);border-radius:2px;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:4px;height:18px;box-shadow:0 0 8px var(--accent-glow);border-radius:1px;margin-top:-8px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s}input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scaleY(1.2)scaleX(1.5)}input[type=range]:active::-webkit-slider-thumb{background:#fff;transform:scaleY(1.3)scaleX(2)}.btn-primary{background:var(--accent);color:#000;border-radius:var(--radius-md);letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 25px var(--accent-glow), 0 4px 12px #0000004d;border:none;width:100%;padding:.8rem 1.5rem;font-size:.95rem;font-weight:800;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:.2;pointer-events:none;background:linear-gradient(135deg,#ffffff59 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 15px 35px var(--accent-glow), 0 8px 20px #0006;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-secondary{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-muted);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:.5rem;font-size:.8rem;transition:background .2s,border-color .2s,color .2s,transform .18s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text-main);border-color:#ffffff21;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)}footer{-webkit-backdrop-filter:blur(24px)saturate(1.2);z-index:10;background:#080a0ee6;border-top:1px solid #ffffff14;padding:1rem 1.5rem;position:relative}.footer-content{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;max-width:1100px;margin:0 auto 1rem;display:grid}.footer-brand{text-align:left;flex-direction:column;gap:.25rem;display:flex}.footer-logo{color:var(--text-main);letter-spacing:-.02em;font-size:.9rem;font-weight:800}.footer-tagline{color:var(--text-muted);font-size:.7rem;margin:0!important}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-nav a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);font-size:.72rem;font-weight:600;text-decoration:none}.footer-nav a:hover{color:var(--accent);transform:translateY(-1px)}.footer-trust{justify-content:flex-end;display:flex}.privacy-badge{color:var(--accent);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.68rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0003}.footer-bottom{text-align:center;color:#fff6;letter-spacing:.02em;font-size:.6rem}@media (width<=800px){.footer-content{text-align:center;grid-template-columns:1fr;gap:2rem}.footer-brand,.footer-trust{text-align:center;justify-content:center}}.action-btns{flex-direction:column;gap:.75rem;margin-top:.75rem;margin-bottom:1rem;display:flex}.btn-master-reset{border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;width:100%;transition:var(--transition);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem;font-size:.75rem;font-weight:600;display:flex}.btn-master-reset svg{width:14px;height:14px}.btn-master-reset:hover{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e33}.btn-master-reset:active{transform:scale(.98)}.content-section{text-align:center;width:100%;max-width:680px;max-height:100%;margin:auto;padding:1rem;overflow-y:auto}.legal-content{text-align:left}.legal-content h1{text-align:center;margin-bottom:.25rem;font-size:1.5rem}.legal-meta{text-align:center;color:var(--text-muted);justify-content:center;gap:1.5rem;margin-bottom:1.75rem;font-size:.75rem;display:flex}.legal-meta span{align-items:center;gap:.3rem;display:inline-flex}.legal-badge{background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:10px;margin-left:.5rem;padding:.15rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.legal-section{margin-bottom:1.75rem}.legal-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:.6rem;padding-bottom:.4rem;font-size:.78rem;font-weight:700;display:flex}.legal-section h2 .clause-num{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:800;display:inline-flex}.legal-highlight{border:1px solid #10b98133;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-main);background:#10b98114;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.6}.legal-content a{color:var(--accent);text-decoration:none}.legal-content a:hover{text-decoration:underline}.content-section p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.content-section ul{text-align:left;color:var(--text-muted);margin-bottom:1.25rem;padding-left:1.5rem}.content-section li{margin-bottom:.5rem;font-size:.95rem}.faq-list{text-align:left;margin-top:1.5rem}.faq-item{margin-bottom:1.25rem}.faq-item h3{color:var(--accent);margin-bottom:.25rem;font-size:1.05rem}.ep-wrapper{width:100%;position:relative}.export-trigger{justify-content:center;align-items:center;gap:.45rem;width:100%;display:flex}.export-panel{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--border-soft);border-radius:var(--radius-lg);z-index:200;background:#0e1116d1;flex-direction:column;gap:.85rem;width:100%;padding:1rem;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 60px #0009,0 4px 16px #0006}.export-panel.show{animation:.22s cubic-bezier(.16,1,.3,1) epSlideIn;display:flex}@keyframes epSlideIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ep-panel-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-soft);padding-bottom:.5rem;font-size:.68rem;font-weight:600}.ep-section{flex-direction:column;gap:.5rem;display:flex}.ep-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:500}.ep-row{justify-content:space-between;align-items:center;display:flex}.ep-quality-val{color:var(--accent);text-align:right;min-width:2.5rem;font-size:.85rem;font-weight:700;transition:color .2s}.format-tabs{border-radius:var(--radius-sm);background:#0000004d;gap:3px;padding:3px;display:flex}.format-tab{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);letter-spacing:.02em;background:0 0;border:none;flex:1;padding:.35rem .5rem;font-size:.78rem;font-weight:600}.format-tab:hover{color:var(--text-main);background:#ffffff0f}.format-tab.active{background:var(--accent);color:#000}.format-hint{color:var(--text-muted);opacity:.7;text-align:center;font-size:.7rem}.ep-slider-wrap{padding:2px 0;position:relative}#exportQuality{-webkit-appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) 80%, #ffffff1f 80%);border-radius:2px;outline:none;width:100%;height:4px;transition:height .15s}#exportQuality:hover{height:5px}#exportQuality::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0006}#exportQuality::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--accent-glow);transform:scale(1.2)}#exportQuality::-moz-range-thumb{cursor:pointer;border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px}.ep-info-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:0;padding:.6rem .75rem;display:flex}.ep-info-row{justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.ep-info-label{color:var(--text-muted);font-size:.75rem}.ep-info-val{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}.ep-size-val{transition:color .3s}.ep-size-val.size-small{color:var(--accent)}.ep-size-val.size-medium{color:#f59e0b}.ep-size-val.size-large{color:#f87171}.ep-info-divider{background:var(--border-soft);height:1px;margin:.1rem 0}.save-btn{background:var(--accent);color:#000;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000080}.save-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.save-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 28px #0009}.save-btn:active{filter:brightness(.95);transform:translateY(0)}.save-btn svg{transition:transform .2s}.save-btn:hover svg{transform:translateY(2px)}@media (width<=800px){#editor{flex-direction:column;max-height:none;overflow-y:auto}body{overflow-y:auto}main{padding:1rem .5rem}}.bottom-sheet{-webkit-backdrop-filter:blur(28px)saturate(1.3);border-top:1px solid var(--border-soft);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:1000;background:#0a0c10bf;flex-direction:column;max-height:80vh;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:inset 0 0 0 1px #ffffff0d,0 -20px 60px #0009}.bottom-sheet.open{transform:translateY(0)}.sheet-header{border-bottom:1px solid var(--border-soft);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.sheet-header h2{color:var(--text-main);align-items:center;gap:1rem;margin:0;font-size:1.05rem;font-weight:600;display:flex}.esc-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}.close-sheet{border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0f;padding:.25rem .6rem;font-size:1.2rem;line-height:1}.close-sheet:hover{color:var(--text-main);background:#ffffff1a}.sheet-content{flex:1;padding:1.5rem;overflow-y:auto}.sheet-content .content-section{max-width:800px;padding:0}#tool-section{flex-direction:column;height:calc(100vh - 44px);scroll-margin-top:50px;display:flex;overflow:hidden}#tool-section main{flex:1;justify-content:center;align-items:center;min-height:0;padding:.6rem 1rem;display:flex;overflow:hidden}#landing-section{max-width:1080px;margin:0 auto;padding:0 1.5rem}.lp-hero{padding:4rem 0 3rem;position:relative}.lp-hero-content{text-align:left;grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;display:grid}.lp-hero-text{max-width:100%}.lp-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);letter-spacing:.03em;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #0003}.lp-title{letter-spacing:-2px;color:var(--text-main);margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800;line-height:1.08}.lp-accent{color:var(--accent);position:relative}.lp-subtitle{color:var(--text-main);opacity:.85;margin-bottom:2.5rem;font-size:1.15rem;font-weight:400;line-height:1.6}.lp-cta-row{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.lp-cta-btn{background:linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--accent), #fff 15%) 100%);color:#000;letter-spacing:-.01em;cursor:pointer;z-index:1;box-shadow:0 0 0 1px #ffffff26 inset, 0 20px 50px var(--accent-glow), 0 10px 30px #0006;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:1rem;padding:1.35rem 3.6rem;font-size:1.25rem;font-weight:900;transition:all .45s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.lp-cta-btn:after{content:"";opacity:.4;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff80 0%,#fff0 50%,#0000001a 100%);position:absolute;inset:0}.lp-cta-btn:before{content:"";z-index:-1;background:linear-gradient(120deg,#0000,#fff6,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.lp-cta-btn:hover:before{left:100%}.lp-cta-btn:hover{box-shadow:0 0 0 2px #ffffff40 inset, 0 30px 70px var(--accent-glow), 0 15px 40px #00000080;filter:brightness(1.1);transform:translateY(-6px)scale(1.04)}.lp-cta-btn:active{box-shadow:0 0 0 1px #ffffff1a inset, 0 10px 30px var(--accent-glow);transform:translateY(-2px)scale(.97)}.lp-cta-hint{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.lp-cta-hint:before{content:"✦";color:var(--accent);font-size:.6rem}.lp-hero-visual{justify-content:flex-end;width:100%;display:flex;position:relative}.hero-mockup-wrapper{perspective:2000px;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex}.hero-mockup{width:100%;max-width:600px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative;transform:rotateY(-18deg)rotateX(10deg)}.hero-mockup:hover{transform:rotateY(-8deg)rotateX(5deg)scale(1.02)}.mockup-window{z-index:2;background:#0d0f14;border:1px solid #ffffff1f;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #000000b3,0 30px 60px -30px #000c,inset 0 0 0 1px #ffffff0d}.mockup-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;height:34px;padding:0 12px;display:flex}.toolbar-dots{gap:6px;display:flex}.toolbar-dots span{background:#ffffff26;border-radius:50%;width:8px;height:8px}.toolbar-title{color:var(--text-muted);opacity:.6;margin-left:auto;margin-right:auto;font-family:monospace;font-size:.65rem}.mockup-content{padding:0;line-height:0}.mockup-main-img{width:100%;height:auto;display:block}.floating-ui{z-index:5;position:absolute;transform:translateZ(60px)}.f-card{-webkit-backdrop-filter:blur(16px)saturate(1.8);background:#14181e99;border:1px solid #ffffff26;border-radius:12px;padding:12px;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d}.f-controls{width:140px;top:15%;left:-40px}.f-export{width:120px;bottom:20%;right:-30px}.f-stats{width:160px;top:-20px;right:40px;transform:translateZ(40px)}.f-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;font-size:.6rem;font-weight:700}.f-pills{gap:4px;display:flex}.f-pill{text-align:center;color:var(--text-muted);background:#ffffff0d;border-radius:6px;flex:1;padding:4px;font-size:.65rem}.f-pill.active{background:var(--accent);color:#000;font-weight:700}.f-btn{background:var(--accent);color:#000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.75rem;font-weight:800;display:flex}.f-stat{justify-content:space-between;margin-bottom:4px;font-size:.7rem;display:flex}.f-stat span{color:var(--text-muted)}.f-stat strong{color:var(--accent)}.mockup-glow-behind{background:radial-gradient(circle at center, var(--accent-glow) 0%, transparent 70%);opacity:.5;z-index:1;pointer-events:none;width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-50px)}@media (width<=900px){.hero-mockup{max-width:450px;transform:none}.hero-mockup:hover{transform:scale(1.02)}.floating-ui{transform:none}.f-controls{top:10%;left:0}.f-export{bottom:10%;right:0}.f-stats{top:-10px;right:10%}}.mb-rect{border:1px solid var(--border-color);background:linear-gradient(145deg,#2a2f3a 0%,#1a1e26 100%);border-radius:10px;width:130px;height:190px;position:relative;overflow:hidden}.mb-rect:after{content:"";opacity:.6;background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border-radius:7px;position:absolute;inset:12px}.mockup-arrow{color:var(--accent);opacity:.7;flex-shrink:0;font-size:1.5rem}.ma-square{border:1px solid #84cc1640;border-radius:14px;width:185px;height:185px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 0 1px #84cc161a}.ma-blur-bg{filter:blur(14px);background:linear-gradient(135deg,#3a4a2a 0%,#2a3a3a 50%,#1e2a3a 100%);position:absolute;inset:-20px}.ma-img-inner{background:linear-gradient(145deg,#5a6a4a 0%,#3a4a3a 100%);border-radius:7px;width:110px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0006}.lp-trust{flex-wrap:wrap;justify-content:center;gap:1rem;padding:4rem 0 6rem;display:flex}.trust-pill{color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-flex}.trust-pill:hover{border-color:var(--accent);color:var(--text-main);background:#ffffff0f;transform:translateY(-2px)}.tp-check{color:var(--accent);font-weight:800}.lp-section{border-bottom:1px solid var(--border-soft);padding:4.5rem 0}.lp-section-h{letter-spacing:-1px;color:var(--text-main);text-align:center;margin-bottom:.75rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.lp-section-sub{text-align:center;color:var(--text-muted);max-width:520px;margin:0 auto 2.5rem;font-size:.95rem;line-height:1.6}.lp-modes-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.lp-mode-card{background:var(--surface-color);border:1px solid var(--border-soft);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);padding:1.5rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;position:relative}.lp-mode-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 16px 40px #0006}.lp-mode-card h3{color:var(--text-main);margin-bottom:.4rem;font-size:1rem;font-weight:700}.lp-mode-card p{color:var(--text-muted);font-size:.85rem;line-height:1.55}.mode-tag{background:var(--accent-glow);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border:1px solid #84cc164d;border-radius:99px;margin-bottom:.6rem;padding:.15rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.lp-mode-preview{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#0d0f12;height:130px;margin-bottom:1.1rem;position:relative;overflow:hidden}.prev-blur-bg{filter:blur(12px);background:linear-gradient(135deg,#2a3a2a,#1a2a3a,#2a1a3a);position:absolute;inset:-10px}.prev-img-center{background:linear-gradient(145deg,#4a5a4a,#3a4a5a);border-radius:8px;width:55%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000080}.solid-preview .prev-solid-bg{background:#f0f5fa;position:absolute;inset:0}.solid-preview .prev-img-center{background:linear-gradient(145deg,#888,#555)}.crop-preview .prev-crop-fill{background:linear-gradient(145deg,#3a4a3a 0%,#2a3a4a 50%,#3a2a4a 100%);position:absolute;inset:0}.lp-usecases-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.lp-usecase-card{background:var(--surface-color);border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);padding:1.5rem 1.25rem;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .2s}.lp-usecase-card:hover{border-color:#ffffff1c;transform:translateY(-3px)}.uc-icon{filter:grayscale(.1);margin-bottom:.75rem;font-size:1.75rem;display:block}.lp-usecase-card h3{color:var(--text-main);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.lp-usecase-card p{color:var(--text-muted);font-size:.82rem;line-height:1.55}.lp-steps-row{align-items:flex-start;gap:0;max-width:720px;margin:0 auto;display:flex}.lp-step{text-align:center;flex:1;padding:0 1rem}.step-num{color:var(--accent);opacity:.25;font-variant-numeric:tabular-nums;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1}.lp-step h3{color:var(--text-main);margin-bottom:.4rem;font-size:1rem;font-weight:700}.lp-step p{color:var(--text-muted);font-size:.83rem;line-height:1.55}.step-line{background:var(--border-color);flex-shrink:0;width:60px;height:1px;margin-top:1.4rem}.lp-final-cta{text-align:center;padding:5rem 0 6rem}.lp-final-inner{background:var(--surface-color);border:1px solid var(--border-soft);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);max-width:560px;margin:0 auto;padding:3.5rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 60px #00000059}.lp-final-inner:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff0d,0 30px 70px #00000073}.lp-final-inner h2{letter-spacing:-1px;color:var(--text-main);margin-bottom:.5rem;font-size:2rem;font-weight:800}.lp-final-inner p{color:var(--text-muted);margin-bottom:1.75rem;font-size:.9rem}@media (width<=900px){.lp-hero{padding:3rem 0 2rem}.lp-hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.lp-hero-visual{display:none}.lp-cta-row{align-items:center}.lp-modes-grid,.lp-usecases-grid{grid-template-columns:1fr}.lp-steps-row{flex-direction:column;align-items:center;gap:2rem}.step-line{width:1px;height:30px}#tool-section{height:auto;min-height:100vh}}