.ripple-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.ripple-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 8px;flex-shrink:0}.ripple-header h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.ripple-header p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.ripple-header-actions{display:flex;align-items:center;gap:10px}.ripple-btn{appearance:none;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.ripple-btn:hover{filter:brightness(1.05)}.ripple-btn--primary{background:var(--accent);border-color:transparent;color:#fff}.ripple-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 280px;gap:16px;padding:8px 20px 20px}@media(max-width:900px){.ripple-main{grid-template-columns:1fr}}.ripple-stage-wrap{display:flex;flex-direction:column;min-height:0;gap:12px}.ripple-stage{flex:1;min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;background:var(--bg-muted);border:1px solid var(--border);overflow:hidden}.ripple-dropzone{width:min(640px,92%);min-height:240px;border:1.5px dashed var(--accent);border-radius:20px;background:color-mix(in srgb,var(--accent) 8%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;padding:32px;transition:transform .15s ease,background .15s ease}.ripple-dropzone:hover,.ripple-dropzone.is-dragging{transform:scale(1.01);background:color-mix(in srgb,var(--accent) 14%,transparent)}.ripple-dropzone-mark{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);display:grid;place-items:center;font-size:24px}.ripple-dropzone span{font-size:13px;color:var(--text-secondary)}.ripple-player{position:relative;max-width:100%;max-height:100%;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000059}.ripple-player.is-dragging:after{content:"Drop to replace video";position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;color:#fff;font-weight:600;z-index:5;pointer-events:none}.ripple-video{display:block;max-width:100%;max-height:min(62vh,720px);vertical-align:top}.ripple-overlay-stack{position:absolute;inset:0;pointer-events:none}.ripple-overlay-stack canvas{position:absolute;inset:0;width:100%;height:100%}.ripple-overlay-stack canvas:nth-child(1){z-index:1}.ripple-overlay-stack canvas:nth-child(2){z-index:2}.ripple-overlay-stack canvas:nth-child(3){z-index:3}.ripple-overlay-stack.can-ripple{pointer-events:auto;cursor:crosshair}.ripple-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ripple-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-secondary);min-width:90px}.ripple-sidebar{display:flex;flex-direction:column;gap:14px;min-height:0}.ripple-panel{border:1px solid var(--border);border-radius:16px;background:var(--bg-muted);padding:14px}.ripple-panel h2{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.ripple-effects{display:grid;gap:8px}.ripple-effect-btn{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px}.ripple-effect-btn:hover{filter:brightness(1.04)}.ripple-effect-btn.is-armed{outline:2px solid var(--accent);outline-offset:1px}.ripple-effect-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.ripple-hint-box{font-size:12px;line-height:1.45;color:var(--text-secondary)}.ripple-timeline-wrap{border:1px solid var(--border);border-radius:16px;background:var(--bg-muted);padding:12px 14px 14px}.ripple-timeline-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.ripple-timeline{position:relative;height:72px;border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.ripple-timeline-ruler{position:absolute;inset:0;pointer-events:none}.ripple-timeline-tick{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--text) 12%,transparent)}.ripple-timeline-track{position:absolute;left:8px;right:8px;top:28px;height:28px}.ripple-clip{position:absolute;top:0;height:100%;border-radius:6px;opacity:.92;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#000000bf;overflow:hidden;white-space:nowrap;padding:0 4px;cursor:pointer}.ripple-clip:hover{filter:brightness(1.08)}.ripple-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;z-index:2;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.ripple-error{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#c0392b;color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;z-index:6}.ripple-armed-banner{font-size:12px;color:var(--accent);font-weight:600}.ripple-clip-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow:auto}.ripple-clip-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:6px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.ripple-clip-row button{appearance:none;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:2px 4px}.ripple-clip-row button:hover{color:#c0392b}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;--bg: #141414;--bg-elevated: #1e1e1e;--bg-muted: #262626;--border: #2c2c2c;--text: #f5f5f7;--text-secondary: #9b9ba8;--text-tertiary: #6b6b76;--accent: #7b5cff;--cyan: #2ee6ff;--magenta: #ff3d9a;--orange: #ff8a3d;--danger: #d92b4a;--radius: 24px;--radius-sm: 14px;--shadow: none}html[data-theme=light]{--bg: #fafbfc;--bg-elevated: #ffffff;--bg-muted: #f0f1f5;--border: #ececf1;--text: #0a0a0c;--text-secondary: #8e8e9a;--text-tertiary: #b0b0ba;--accent: #5b3fe8;--cyan: #00a8c4;--magenta: #d91f7a;--orange: #e86a1a;--danger: #d92b4a;--shadow: 0 8px 28px rgba(139, 139, 160, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:600}button,input,textarea,select{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:18px;border:none;cursor:pointer;font-weight:700;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn:disabled:hover{transform:none}.btn-primary{background:linear-gradient(90deg,#6b4eff,#a78bfa);color:#fff;box-shadow:0 8px 20px #6b4eff47}.btn-secondary{background:var(--bg-muted);color:var(--text)}.btn-ghost{background:transparent;color:var(--accent)}.btn-google{background:#fff;color:#1f1f1f;border:1px solid var(--border);box-shadow:0 4px 14px #00000014}html[data-theme=light] .btn-google{border-color:#e5e5ea}.btn[aria-busy=true]{opacity:1;cursor:wait}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite;flex-shrink:0}.btn-check{width:16px;height:16px;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.upload-progress{margin:14px auto 0;width:min(100%,280px);height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--text) 12%,transparent)}.upload-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6b4eff,#a78bfa);transition:width .14s linear}.upload-progress-fill.is-indeterminate{width:34%;animation:upload-indet 1.1s ease-in-out infinite}@keyframes upload-indet{0%{transform:translate(-120%)}to{transform:translate(280%)}}.mesh{background:radial-gradient(ellipse at 20% 20%,rgba(123,92,255,.35),transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,61,154,.25),transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(46,230,255,.2),transparent 50%),#141414}html[data-theme=light] .mesh{background:radial-gradient(ellipse at 20% 20%,rgba(107,78,255,.22),transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,140,180,.2),transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(0,168,196,.15),transparent 50%),linear-gradient(180deg,#f3f0ff,#fafbfc 70%)}.input{width:100%;height:48px;border-radius:16px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);padding:0 16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6b4eff26}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.soft-card{background:var(--bg-elevated);border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px}.landing-card{background:var(--bg-elevated);border-radius:28px;border:none;box-shadow:var(--shadow);padding:24px}.pill-nav{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow)}.pill-nav a,.pill-nav button{border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;cursor:pointer}.pill-nav a:hover,.pill-nav button:hover{color:var(--text)}.iridescent-chip{width:100%;height:72px;border-radius:18px;background-size:cover;background-position:center;margin-bottom:14px}:root{--glow-hue: 222deg;--shadow-hue: 180deg;--spring-easing: linear( 0, .002, .01 .9%, .038 1.8%, .156, .312 5.8%, .789 11.1%, 1.015 14.2%, 1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%, 1.176 26.9%, 1.057 32.6%, 1.007 35.5%, .984, .968, .956, .949 42%, .946 44.1%, .95 46.5%, .998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%, .998 84%, 1 );--spring-duration: 1.33s}@property --waitlist-shimmer{syntax: "<angle>"; inherits: false; initial-value: 33deg;}@keyframes waitlist-shimmer{0%{--waitlist-shimmer: 0deg}to{--waitlist-shimmer: 360deg}}@keyframes waitlist-shine{0%{opacity:0}15%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes waitlist-text{0%{background-position:100% center}to{background-position:-100% center}}.waitlist-button{color:#1d1b16;font-weight:600;font-size:16px;background-image:linear-gradient(315deg,#4285f440 -10%,#efdbfd,#ffedd6 110%);padding:.8em 1.4em;position:relative;isolation:isolate;box-shadow:0 2px 10px .5px hsl(var(--glow-hue) 50% 20% / 50%),inset 0 -10px 20px -10px hsla(var(--shadow-hue),10%,90%,95%);border-radius:.66em;border-width:0;border-style:none;scale:1;transition:all var(--spring-duration) var(--spring-easing);cursor:pointer;width:100%;overflow:hidden}.waitlist-button:disabled{cursor:wait;opacity:.85}.waitlist-button:hover:not(:disabled):not(:active),.waitlist-button.active:not(:disabled){transition-duration:calc(var(--spring-duration) * .5);scale:1.05;box-shadow:0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%),inset 0 0 0 transparent}.waitlist-button:active:not(:disabled){scale:1;transition-duration:calc(var(--spring-duration) * .5)}.waitlist-shimmer{position:absolute;inset:-40px;border-radius:inherit;-webkit-mask-image:conic-gradient(from var(--waitlist-shimmer, 0deg),transparent 0%,transparent 10%,black 36%,black 45%,transparent 50%,transparent 60%,black 85%,black 95%,transparent 100%);mask-image:conic-gradient(from var(--waitlist-shimmer, 0deg),transparent 0%,transparent 10%,black 36%,black 45%,transparent 50%,transparent 60%,black 85%,black 95%,transparent 100%);-webkit-mask-size:cover;mask-size:cover;mix-blend-mode:plus-lighter;animation:waitlist-shimmer 1s linear infinite both;pointer-events:none;z-index:1}.waitlist-button:hover:not(:disabled) .waitlist-shimmer:before,.waitlist-button:hover:not(:disabled) .waitlist-shimmer:after,.waitlist-button.active:not(:disabled) .waitlist-shimmer:before,.waitlist-button.active:not(:disabled) .waitlist-shimmer:after{opacity:1;animation:waitlist-shine 1.2s ease-in 1 forwards}.waitlist-shimmer:before,.waitlist-shimmer:after{transition:all .5s ease;opacity:0;content:"";border-radius:inherit;position:absolute;mix-blend-mode:color;inset:40px;pointer-events:none}.waitlist-shimmer:before{box-shadow:0 0 3px 2px hsl(var(--glow-hue) 20% 95%),0 0 7px 4px hsl(var(--glow-hue) 20% 80%),0 0 13px 4px hsl(var(--glow-hue) 50% 70%),0 0 25px 5px hsl(var(--glow-hue) 100% 70%);z-index:-1}.waitlist-shimmer:after{box-shadow:inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);z-index:2}.waitlist-button .waitlist-text{position:relative;z-index:2;color:transparent;background-clip:text;-webkit-background-clip:text;background-color:#1d1b16;background-image:linear-gradient(120deg,transparent,hsla(var(--glow-hue),100%,80%,.66) 40%,hsla(var(--glow-hue),100%,90%,.9) 50%,transparent 52%);background-repeat:no-repeat;background-size:300% 300%;background-position:center 200%}.waitlist-button:hover:not(:disabled) .waitlist-text,.waitlist-button.active:not(:disabled) .waitlist-text{animation:waitlist-text .66s ease-in 1 both}.blog-article .blog-inline-img,.blog-article p>.blog-inline-img{display:block;width:100%;height:auto;max-width:100%;margin:8px 0 20px;border-radius:18px;border:1px solid var(--border);background:var(--bg-muted)}.blog-card{transition:transform .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-2px)}