*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:3rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;margin-bottom:1rem}.login-header h1{margin-bottom:.5rem;font-size:2rem}.login-header p{color:#999}.form-group{margin-bottom:1.5rem}.form-group label{color:#ccc;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.875rem 1rem;font-size:1rem}.form-group input:focus{border-color:#f44;outline:none}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44,#ff6b6b);border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{text-align:center;color:#666;margin:1.5rem 0}.social-login{gap:1rem;display:flex}.btn-social{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;display:flex}.btn-social:hover{background:#ffffff1a}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.875rem 1.5rem;font-weight:600}.btn-secondary:hover{background:#ffffff26}.btn-full{width:100%}.login-demo-wrap{text-align:center;margin-top:1.5rem}.top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#141414f2;border-bottom:1px solid #ffffff1a;padding:0 2rem;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;height:70px;margin:0 auto;display:flex}.progress-steps-in-nav{display:none}.nav-links{gap:2rem;display:flex}.nav-links a{color:#999;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-user-email{color:#aaa;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.9rem;overflow:hidden}.nav-logout{color:#999;font-weight:500;text-decoration:none}.nav-logout:hover{color:#fff}.app-redesign{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:2rem}.workspace{grid-template-columns:1fr 400px;align-items:start;gap:2rem;display:grid}.video-panel{z-index:50;background:#0a0a0a;min-width:0;position:sticky;top:90px}.progress-steps{justify-content:center;gap:.5rem;display:flex}.progress-steps-in-main{z-index:100;background:#0a0a0a;margin-bottom:1.5rem;padding:.75rem 0;position:sticky;top:70px}.progress-steps .step{cursor:pointer;min-width:64px;max-width:160px;color:inherit;font:inherit;background:0 0;border:none;flex:1 1 0;align-items:center;gap:.5rem;display:flex;position:relative}.step-number{color:#666;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.step.completed .step-number{color:#000;background:#4ade80}.step.active .step-number{color:#fff;background:#f44}.step-label{color:#666;white-space:nowrap;font-size:.813rem;font-weight:500}.step.completed .step-label,.step.active .step-label{color:#fff}.video-preview{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:12px;min-width:0;padding:1.25rem}.video-preview.upload-state{cursor:pointer;border:2px dashed #fff3}.video-preview.upload-state.drag-active{background:#ff44440d;border-color:#f44}.video-container{background:#000;border-radius:8px;overflow:hidden}.video-container.video-container--vertical{justify-content:center;align-items:center;max-height:338px;display:flex}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e);justify-content:center;align-items:center;max-height:100%;display:flex}.frame-wrapper--vertical .video-container,.frame-wrapper--vertical .video-placeholder{max-height:100%}.upload-placeholder-inner{text-align:center;color:#666}.upload-icon-large{margin-bottom:.5rem;font-size:3rem}.upload-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.upload-sub{margin-bottom:1rem;font-size:.875rem}.upload-choose-btn{color:#fff;background:#f443;border:2px solid #f44;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.upload-formats{color:#666;margin-top:.75rem;font-size:.75rem}.video-element{width:100%;height:auto;display:block}.video-container--vertical .video-element{object-fit:contain;width:auto;height:auto;max-height:338px}.frame-wrapper-outer{text-align:center;justify-content:center;align-items:center;display:flex}.frame-wrapper-outer.frame-wrapper-outer--zoom{flex-direction:column;align-items:center;min-width:0}.frame-wrapper{-webkit-user-select:none;user-select:none;background:#111;border-radius:8px;position:relative;overflow:hidden}.frame-wrapper--format-preview{width:100%;max-width:100%;display:block;position:relative;overflow:hidden}.frame-wrapper--format-preview .video-container--format-preview{z-index:1;width:100%;height:100%;min-height:0;position:absolute;inset:0}.frame-wrapper--format-preview.format-preview--fit .video-container--format-preview{background:0 0}.frame-wrapper--format-preview .video-container--format-preview .video-element{width:100%;height:100%}.trace-zoom-viewport{background:#111;border-radius:8px;justify-content:center;align-self:stretch;align-items:flex-start;width:100%;min-width:0;max-width:100%;min-height:300px;max-height:70vh;display:flex;overflow:auto}.trace-zoom-scaler{flex-shrink:0}.trace-zoom-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.trace-zoom-label{color:#999;font-size:.8125rem}.trace-zoom-btns{align-items:center;gap:.25rem;display:flex}.trace-zoom-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;display:flex}.trace-zoom-btn:hover:not(:disabled){background:#333;border-color:#666}.trace-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.trace-zoom-value{color:#ccc;text-align:center;min-width:2.5rem;font-size:.8125rem}.upload-preview-wrap{position:relative}.upload-preview-play-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-preview-play-overlay .upload-preview-play-btn{pointer-events:auto;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .2s;display:flex}.upload-preview-play-overlay .upload-preview-play-btn:hover{background:#000c}.upload-preview-play-icon{font-size:1.25rem;line-height:1}.frame-wrapper--format-preview .video-placeholder{aspect-ratio:unset;width:100%;height:100%}.frame-wrapper.frame-wrapper--format-preview .format-preview-bg{z-index:0;position:absolute;inset:0}.frame-wrapper.frame-wrapper--format-preview .format-preview-bg--blur{top:50%;left:50%;object-fit:cover;object-position:center;width:120%;height:120%;inset:auto;transform:translate(-50%,-50%)scale(1.15)}.frame-wrapper.frame-wrapper--format-preview .frame-image,.frame-wrapper.frame-wrapper--format-preview .outline-layer,.frame-wrapper.frame-wrapper--format-preview .draw-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.frame-wrapper.frame-wrapper--format-preview .outline-layer{z-index:2}.frame-wrapper.frame-wrapper--format-preview .draw-canvas{z-index:3}.frame-wrapper.frame-wrapper--format-preview .text-overlay-layer,.frame-wrapper.frame-wrapper--format-preview .segmenting-overlay{z-index:4}.frame-wrapper .logo-overlay-layer{z-index:10;pointer-events:none;position:absolute;inset:0}.frame-wrapper .logo-overlay-layer img{object-fit:contain;position:absolute;transform:translate(-50%,-50%)}.logo-overlay-drag-handle{-webkit-user-select:none;user-select:none}.logo-size-control{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.logo-size-slider{accent-color:#34c759;cursor:pointer;flex:1;min-width:0;height:6px}.logo-size-value{color:#ccc;min-width:2.5rem;font-size:.875rem}.trace-selection-overlay{z-index:10}.frame-wrapper.frame-wrapper--vertical{justify-content:center;align-items:center;max-height:338px;display:inline-flex}.frame-image{pointer-events:none;width:100%;height:auto;display:block}.frame-wrapper--vertical .frame-image{object-fit:contain;width:auto;max-width:100%;max-height:338px}.outline-layer{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.text-overlay-layer{pointer-events:none;position:absolute;inset:0}.text-overlay-drag-handle{color:#fff;text-shadow:0 1px 2px #000000e6,0 0 6px #000000b3;text-align:center;cursor:grab;padding:4px 8px;font-size:clamp(14px,3vw,24px);font-weight:700;position:absolute;transform:translate(-50%,-50%)}.text-overlay-line{white-space:nowrap;line-height:1.25;display:block}.text-overlay-line+.text-overlay-line{margin-top:.15em}.text-overlay-drag-handle:active{cursor:grabbing}.draw-canvas{pointer-events:auto;touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.segmenting-overlay{pointer-events:none;z-index:20;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.segmenting-overlay p{color:#ccc;font-size:14px}.spinner{border:3px solid #333;border-top-color:#f44;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ready-preview-inner{margin-bottom:.5rem;font-size:3rem}.ready-text{color:#999}.export-progress-inner{text-align:center;flex-direction:column;gap:1rem;padding:2rem}.export-progress-inner .export-icon{font-size:2.5rem}.export-progress-inner h4{font-size:1.125rem}.export-progress-inner p{color:#999;font-size:.875rem}.progress-bar{background:#1a1a1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:#f44;width:100%;height:100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.format-selection{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.format-selection h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.format-grid{flex-wrap:nowrap;gap:.75rem;display:flex}.format-grid .format-option{flex:1;min-width:0}.format-option{cursor:pointer;text-align:center;color:inherit;font:inherit;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;padding:1rem .75rem;transition:all .2s}.format-option:hover{background:#ffffff14;border-color:#fff3}.format-option.selected{background:#ff444426;border-color:#f44}.format-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto .625rem;display:flex}.format-icon-box{border:2px solid;border-radius:3px}.format-icon-box.horiz{width:35px;height:20px}.format-icon-box.vert{width:20px;height:35px}.format-icon-box.square{width:30px;height:30px}.format-name{font-size:.875rem;font-weight:600}.format-dimensions{color:#999;font-size:.688rem}.pause-card{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.pause-card h3{margin-bottom:1rem;font-size:1rem}.timeline{margin-top:.5rem}.timeline-label{color:#999;margin-bottom:.5rem;font-size:.813rem}.timeline-input{accent-color:#f44;cursor:pointer;width:100%;margin:.5rem 0}.timeline-time{text-align:center;color:#999;font-size:.813rem}.timeline.timeline--inline{flex:1;min-width:0;margin-top:0}.timeline.timeline--inline .timeline-label{margin-bottom:.25rem}.timeline.timeline--inline .timeline-input{margin:.25rem 0}.frame-wrapper-outer--zoom .export-preview-controls{flex-wrap:nowrap;align-self:center;width:50%;max-width:100%}.export-preview-controls .export-preview-slider{flex:1;min-width:0;margin:0 .5rem}.export-preview-controls .export-preview-time{white-space:nowrap;flex-shrink:0}.btn-continue-upload{width:100%;margin-top:1.5rem}.upload-change-video-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;width:100%;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;display:block}.upload-change-video-btn:hover{color:#fff;border-color:#555}.btn-large{width:100%;padding:1rem;font-size:1rem}.trace-options{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.trace-options h3{margin-bottom:1rem;font-size:1rem}.text-options{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.text-options h3{margin-bottom:1rem;font-size:1rem}.trace-mode{gap:.75rem;margin-bottom:1rem;display:flex}.trace-mode button{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;flex:1;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s}.trace-mode button.active{background:#f443;border-color:#f44}.manual-trace-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-stop-trace{margin-bottom:0}.removal-provider-row{margin-bottom:1rem}.removal-provider-row label{color:#ccc;margin-bottom:.5rem;font-size:.875rem;display:block}.removal-provider-btns{flex-wrap:wrap;gap:.5rem;display:flex}.removal-provider-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:.5rem .75rem;font-size:.8125rem}.removal-provider-btn:hover{background:#ffffff14;border-color:#fff3}.removal-provider-btn.active{background:#f443;border-color:#f44}.removebg-options{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;margin-bottom:1rem;padding:.75rem}.removebg-options>label{color:#ccc;margin-bottom:.5rem;font-size:.875rem;display:block}.removebg-option-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.removebg-option-row:last-child{margin-bottom:0}.removebg-option-label{color:#aaa;min-width:140px;font-size:.8125rem}.removebg-select,.removebg-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;max-width:200px;padding:.4rem .5rem;font-size:.8125rem}.removebg-checkbox-row{margin-top:.25rem}.removebg-checkbox-label{color:#ccc;cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.removebg-checkbox-label input{cursor:pointer}.trace-hint-text{color:#999;margin-bottom:1rem;font-size:.813rem}.outline-style-row{margin-bottom:1rem}.outline-style-row label{color:#ccc;margin-bottom:.5rem;font-size:.875rem;display:block}.outline-style-btns{flex-wrap:wrap;gap:.5rem;display:flex}.outline-style-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:.5rem .75rem;font-size:.813rem;font-weight:500;transition:all .2s}.outline-style-btn:hover{background:#ffffff14;border-color:#fff3}.outline-style-btn.active{background:#f443;border-color:#f44}.outline-style-hint{color:#888;margin-top:.375rem;font-size:.75rem}.overlay-text-input{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;min-height:2.5rem;padding:.5rem .6rem;font-size:.875rem}.overlay-text-font-select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:.5rem .6rem;font-size:.875rem}.overlay-text-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.overlay-text-preset-btn{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.3rem .5rem;font-size:.7rem}.overlay-text-preset-btn:hover{color:#fff;background:#ffffff14}.overlay-text-hint{color:#888;margin-top:.35rem;font-size:.75rem}.overlay-text-preset-btn.selected{color:#fff;background:#f443;border-color:#f44}.settings-divider{background:#ffffff1a;height:1px;margin:1.25rem 0}.settings-label{color:#ccc;margin-bottom:.5rem;font-size:.875rem;display:block}.logo-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.logo-upload-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.btn-small{padding:.35rem .6rem;font-size:.8rem}.settings-toggle-row{justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;display:flex}.settings-toggle-label{color:#ccc;font-size:.875rem}.settings-toggle{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s,border-color .2s;position:relative}.settings-toggle:hover{background:#ffffff24}.settings-toggle.on{background:#34c759;border-color:#34c759}.settings-toggle-slider{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.settings-toggle.on .settings-toggle-slider{transform:translate(20px)}.color-picker{margin-top:1rem}.color-picker label{color:#ccc;margin-bottom:.5rem;font-size:.875rem;display:block}.color-options{flex-wrap:wrap;gap:.5rem;display:flex}.color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;padding:0;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #0000004d}.color-option.color-input{background:0 0;width:36px;height:36px}.btn-start-auto-trace{width:100%;margin-top:1rem}.trace-options .traced-list{margin-top:1rem}.traced-list{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.traced-item{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;display:flex}.traced-item .color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.traced-item span{font-size:.875rem}.remove-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px}.remove-btn:hover{color:#f44}.erase-hint{margin-bottom:.5rem}.erase-actions{gap:.5rem;margin-bottom:.75rem;display:flex}.btn-done-erase{flex:1}.erase-select-btn{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2a;border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.erase-select-btn:hover{color:#fff;background:#ffffff1e}.traced-item--erase-selected{border-color:#f44;box-shadow:0 0 0 1px #f44}.draw-canvas--erase{cursor:crosshair}.preview-card{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.preview-card h3{margin-bottom:1rem;font-size:1rem}.export-options{gap:.75rem;display:flex}.export-options button{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;flex:1;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s}.landing-root,.landing-root body{box-sizing:border-box;color:#fff;background:#0a0a0a;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#141414f2;border-bottom:1px solid #ffffff1a;padding:0 2rem;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;display:flex}.logo{color:inherit;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg,#f44,#ff6b6b);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links button{color:#999;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:500}.nav-links button:hover{color:#fff}.nav-link-text{color:#999;font-weight:500;text-decoration:none}.nav-link-text:hover{color:#fff}.btn-nav{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44,#ff6b6b);border:none;border-radius:8px;padding:.625rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff44444d}.hero{text-align:center;background:linear-gradient(#ff44441a 0%,#0a0a0a00 100%);padding:6rem 2rem 4rem}.hero-content{max-width:900px;margin:0 auto}.hero h1{background:linear-gradient(135deg,#fff,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero p{color:#999;max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44,#ff6b6b);border:none;border-radius:10px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f446}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:10px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.hero-badges{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;display:flex}.badge{color:#999;align-items:center;gap:.5rem;display:flex}.badge span{font-size:1.5rem}.viral-section{background:#14141480;padding:5rem 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.section-header p{color:#999;max-width:700px;margin:0 auto;font-size:1.125rem}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.example-card{background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.example-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.example-video{aspect-ratio:9/16;background:#000;position:relative;overflow:hidden}.example-video iframe{border:none;width:100%;height:100%}.example-info{padding:1.5rem}.example-stats{border-top:1px solid #ffffff1a;gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.stat{color:#999;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.benefits-section{padding:5rem 2rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:3rem auto 0;display:grid}.benefit-card{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .2s}.benefit-card:hover{background:#1e1e1ecc;border-color:#f44}.benefit-icon{background:#f443;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:2rem;display:flex}.benefit-card h3{margin-bottom:.75rem;font-size:1.25rem}.benefit-card p{color:#999;line-height:1.6}.features-section{background:#14141480;padding:5rem 2rem}.features-list{max-width:800px;margin:3rem auto 0}.feature-item{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;transition:all .2s;display:flex}.feature-item:hover{background:#1e1e1ecc;border-color:#ff444480}.feature-check{background:#4ade8033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.feature-content h3{margin-bottom:.5rem}.feature-content p{color:#999}.pricing-section{padding:5rem 2rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:3rem auto 0;display:grid}.pricing-card{background:#1e1e1e99;border:2px solid #ffffff1a;border-radius:16px;padding:2.5rem;transition:all .2s;position:relative}.pricing-card.popular{background:#ff44441a;border-color:#f44;transform:scale(1.05)}.pricing-badge{color:#fff;background:#f44;border-radius:20px;padding:.375rem 1rem;font-size:.813rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:.5rem;font-size:1.5rem}.pricing-card .price{margin:1rem 0;font-size:3rem;font-weight:700}.pricing-card .price span{color:#999;font-size:1.25rem;font-weight:400}.pricing-card .description{color:#999;margin-bottom:2rem}.pricing-features{margin-bottom:2rem;padding:0;list-style:none}.pricing-features li{align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.pricing-features li:before{content:"✓";color:#4ade80;font-size:1.125rem;font-weight:700}.pricing-btn{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;width:100%;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.pricing-card.popular .pricing-btn{background:linear-gradient(135deg,#f44,#ff6b6b);border:none}.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff44444d}.faq-section{background:#14141480;padding:5rem 2rem}.faq-container{max-width:800px;margin:3rem auto 0}.faq-item{background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;overflow:hidden}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:#ffffff0d}.faq-icon{font-size:1.5rem;transition:transform .2s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{color:#999;padding:0 1.5rem 1.5rem;line-height:1.7}.cta-section{text-align:center;background:linear-gradient(#ff44441a 0%,#0a0a0a00 100%);padding:6rem 2rem}.cta-section h2{margin-bottom:1rem;font-size:2.5rem}.cta-section p{color:#999;margin-bottom:2rem;font-size:1.25rem}.footer{text-align:center;color:#666;border-top:1px solid #ffffff1a;padding:3rem 2rem}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.nav-links button,.nav-link-text{display:none}.pricing-card.popular{transform:none}.examples-grid{grid-template-columns:1fr}}