*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,san francisco,helvetica neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#000;background:#fff;padding:40px 20px;transition:background .3s,color .3s}a{color:#66b3ff;text-decoration:none;transition:color .3s ease}a:hover{color:#9cf;text-decoration:underline}a:visited{color:#a3c2ff}.container{max-width:800px;margin:0 auto}header{text-align:center;margin-bottom:40px}h1{font-size:48px;font-weight:600;margin-bottom:10px}.tagline{font-size:20px;font-weight:400;color:#666}.video-placeholder{background:#f0f0f0;border-radius:12px;display:flex;align-items:center;justify-content:center;width:calc(100% + 300px);margin-left:-150px;font-size:18px;color:#666}.video-placeholder video{width:100%;border-radius:12px}.slider-container{position:relative;height:800px;overflow:hidden;border-radius:12px;margin:40px 0;width:calc(100% + 300px);margin-left:-150px;background:#000;will-change:transform}.slider-container img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;pointer-events:none;user-select:none}.before-img{clip-path:inset(0 50% 0 0);z-index:1;will-change:clip-path}.after-img{z-index:0}.caption{position:absolute;bottom:10px;color:#fff;font-family:Arial,sans-serif;font-size:16px;padding:5px 10px;background:rgba(0,0,0,.7);border-radius:3px;z-index:11;pointer-events:none}.before-caption{left:10px}.after-caption{right:10px}.slider{position:absolute;top:0;bottom:0;width:4px;background:#fff;cursor:ew-resize;left:50%;z-index:10;user-select:none;touch-action:none;transform:translateX(-50%)}.slider::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px rgba(0,0,0,.5)}@media(max-width:600px){.video-placeholder{width:100%;margin-left:0}.slider-container{height:250px;width:100%;margin-left:0}.slider{width:6px}.slider::before{width:40px;height:40px}.caption{font-size:14px;padding:4px 8px;bottom:8px}.before-caption{left:8px}.after-caption{right:8px}}.video-guide .block{margin-bottom:3em}.video-guide .block video{width:calc(100% + 300px);margin-left:-150px;border-radius:12px}.video-guide .block p{text-align:center;font-size:21px;color:#666;margin-top:10px}@media(max-width:600px){.video-guide .block video{width:100%;margin-left:0}.video-guide .block p{font-size:14px}}section{margin-bottom:60px}h2{font-size:28px;font-weight:600;margin-bottom:20px}p{font-size:16px;margin-bottom:20px}ul{list-style:none;padding-left:20px}li{font-size:16px;margin-bottom:10px;position:relative}li::before{content:"•";position:absolute;left:-20px;color:#007aff}.workflows{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.workflow-item{background:#f8f8f8;padding:20px;border-radius:12px;font-size:16px}.text-button{background:#007aff;padding:10px 20px;display:inline-block;margin-top:40px;color:#efefef;border-radius:6px;transition:all .5s ease}.text-button:hover{background:#06f;color:#fff;text-decoration:none}.button{display:inline-block;margin-top:20px}footer{text-align:center;font-size:14px;color:#666;margin-top:60px}@media(max-width:600px){h1{font-size:36px}.tagline{font-size:18px}h2{font-size:24px}}@media(prefers-color-scheme:dark){body{color:#fff;background:#151515}h1,h2,h3{color:#fff}p,li{color:#d0d0d0}a{color:#80bfff}a:hover{color:#b3d7ff}a:visited{color:#b3c6ff}.video-placeholder{background:#2c2c2e;color:#d0d0d0}.workflow-item{background:#2c2c2e}footer{color:#d0d0d0}}