:root{--cream:#fbf7f0;--paper:#fffaf3;--brown:#25120d;--ink:#292521;--olive:#53613b;--terra:#bd6035;--tan:#e8cfb1;--muted:#756e65;--shadow:0 28px 70px rgba(62,38,22,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}.shell{width:min(1100px,calc(100% - 40px));margin:auto}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1100px)/2));border-bottom:1px solid rgba(83,97,59,.16)}header a{color:var(--brown);font:600 25px "Cormorant Garamond";text-decoration:none}header span{color:var(--olive);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 280px;gap:70px;align-items:center;padding-block:64px}.eyebrow{margin:0 0 14px;color:var(--olive);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}h1{max-width:700px;margin:0;color:var(--brown);font:600 clamp(58px,7vw,88px)/.9 "Cormorant Garamond";letter-spacing:-.045em}h1 em{color:var(--olive);font-weight:500}.lede{max-width:650px;margin:25px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.reel-demo{position:relative;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 60% 24%,rgba(249,218,174,.36),transparent 30%),linear-gradient(150deg,#576142,#743e2e);box-shadow:var(--shadow)}.reel-demo>span{position:absolute;top:15px;right:15px;padding:7px 10px;border-radius:999px;background:rgba(255,250,243,.9);color:var(--brown);font-size:9px}.reel-demo p{position:absolute;left:20px;right:20px;bottom:28px;margin:0;color:#fffaf2;font:500 28px/1.03 "Cormorant Garamond"}.reel-demo mark{padding:0 3px;background:#d78455;color:white}.creator,.result{padding-block:55px;border-top:1px solid var(--tan)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-title h2{margin:0;color:var(--brown);font:600 46px/1 "Cormorant Garamond"}.section-title>p{max-width:340px;margin:0;color:var(--muted);line-height:1.6}.drop{display:grid;place-items:center;min-height:250px;padding:30px;border:1.5px dashed var(--tan);border-radius:22px;background:rgba(255,250,243,.72);text-align:center;cursor:pointer}.drop:hover{border-color:var(--olive)}.drop input{position:absolute;opacity:0}.plus{display:grid!important;place-items:center;width:54px;height:54px;margin-bottom:15px;border:1px solid var(--tan);border-radius:50%;color:var(--terra);font-size:28px}.drop strong{color:var(--brown);font:600 27px "Cormorant Garamond"}.drop span,.drop output{display:block;margin-top:8px;color:var(--muted);font-size:11px}.drop output{color:var(--olive);font-weight:600}.support{display:block;margin-top:14px;padding:16px 18px;border:1px solid var(--tan);border-radius:14px;background:var(--paper);font-size:12px}.support input{display:block;margin-top:9px}.actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.toggle{display:flex;align-items:center;gap:11px;color:var(--olive);font-size:12px}.toggle input{position:absolute;opacity:0}.toggle span{position:relative;width:42px;height:24px;border-radius:999px;background:#d9c8b3}.toggle span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:.2s}.toggle input:checked+span{background:var(--olive)}.toggle input:checked+span:after{transform:translateX(18px)}button,.download{border:0;border-radius:999px;padding:15px 22px;font:600 11px Montserrat;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.premium{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--terra),#da8b5b);color:white;box-shadow:0 13px 28px rgba(189,96,53,.24)}.premium span{font-size:10px}.error{color:#9b382b;font-size:12px}.progress{padding-block:55px}.progress>div:first-child{display:flex;justify-content:space-between}.progress p{margin:0;color:var(--brown);font:600 29px "Cormorant Garamond"}.progress strong{color:var(--terra);font:600 27px "Cormorant Garamond"}.track{height:8px;margin:18px 0 12px;border-radius:99px;background:#eadfce;overflow:hidden}.track span{display:block;width:12%;height:100%;background:linear-gradient(90deg,var(--terra),#d99568);transition:width .5s}.progress small,.format{color:var(--muted)}.result-grid{display:grid;grid-template-columns:380px 1fr;gap:55px}.result video{display:block;width:100%;aspect-ratio:9/16;border-radius:20px;background:#25120d;box-shadow:var(--shadow)}.download{display:flex;justify-content:center;margin-top:15px;background:var(--terra);color:white;text-decoration:none}.format{text-align:center;font-size:10px}.result aside{align-self:center;padding:28px;border:1px solid var(--tan);border-radius:20px;background:var(--paper)}.result aside>label{font:600 28px "Cormorant Garamond"}.result textarea{width:100%;margin-top:12px;padding:14px;border:1px solid var(--tan);border-radius:12px;background:#fffdf9;color:var(--ink);font:400 14px/1.6 Montserrat;resize:vertical}.copy{margin-top:12px;background:var(--olive);color:white}.status{min-height:18px;color:var(--olive);font-size:11px}details{margin-top:14px;border-top:1px solid var(--tan);padding-top:14px}summary{color:var(--muted);font-size:12px;cursor:pointer}.trim{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.trim label{font-size:11px}.trim input{width:100%;margin-top:5px;padding:9px;border:1px solid var(--tan);border-radius:8px}.trim button{grid-column:1/-1;background:transparent;border:1px solid var(--terra);color:var(--terra)}footer{padding:34px;text-align:center;border-top:1px solid var(--tan);color:var(--olive);font:500 17px "Cormorant Garamond"}[hidden]{display:none!important}@media(max-width:760px){header span{display:none}.hero{grid-template-columns:1fr;gap:35px}.reel-demo{width:65%;margin:auto;order:-1}h1{font-size:56px}.section-title{display:block}.section-title>p{margin-top:12px}.actions{align-items:stretch;flex-direction:column}.premium{justify-content:center}.result-grid{grid-template-columns:1fr}.result-grid>div{width:min(100%,380px);margin:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.track span,.toggle span:after{transition:none}}
