:root{--ink:#0b1514;--mint:#beef5a;--mint2:#d5ff82;--dark:#101b19;--muted:#9ea9a5;--line:#e1e7e1;--paper:#f7f9f4;--panel:#fff;--font:'Arial',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80ac15;outline-offset:3px}.wrap{max-width:1220px;margin:0 auto;padding-left:34px;padding-right:34px}.site-shell{overflow:hidden}.topbar{min-height:88px;display:flex;align-items:center;gap:42px;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:950;font-size:22px;letter-spacing:-1.5px;white-space:nowrap}.brand-icon{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--ink);font-size:21px}.brand .bright,.footer-inner strong span{color:#79a918}.brand small{font-size:9px;color:#657369;letter-spacing:2px;vertical-align:middle;margin-left:5px}.topbar nav{display:flex;gap:32px;align-items:center}.topbar nav a{font-size:13px;font-weight:750;color:#53625b}.topbar nav a:hover{color:#191f1c}.nav-button{background:var(--ink);color:#fff;border-radius:50px;padding:13px 19px;font-size:12px;font-weight:800}.nav-button span{color:var(--mint);margin-left:10px}.hero{min-height:558px;padding-top:42px;padding-bottom:42px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.2px;display:flex;gap:10px;align-items:center;color:#53703d}.green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8ddc35;box-shadow:0 0 0 4px #d9f2be}.mini-outline{letter-spacing:1px;font-size:9px;border:1px solid #c9d9c5;border-radius:20px;padding:5px 8px;color:#607265;margin-left:10px}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,5.65vw,86px);line-height:.985;letter-spacing:-5.5px;margin:21px 0 28px;font-weight:950}.hero h1 em{font-style:normal;color:#86bc2c}.hero-description{font-size:16px;color:#64726a;line-height:1.75;max-width:475px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.primary-btn{padding:18px 24px;border-radius:7px;background:var(--ink);color:#fff;font-weight:850;font-size:13px;display:inline-flex;align-items:center;gap:24px}.primary-btn span{font-size:20px;color:var(--mint)}.watch-link{font-weight:750;font-size:13px;display:flex;align-items:center;gap:10px}.play-circle{height:31px;width:31px;border:1px solid #bec8c1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.hero-facts{display:flex;align-items:center;gap:29px;margin-top:43px}.hero-facts>div{display:flex;flex-direction:column;gap:4px}.hero-facts strong{font-size:23px;line-height:1;font-weight:900;letter-spacing:-1.2px}.hero-facts span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#758078}.hero-facts i{width:1px;height:30px;background:#ccd5cb}.hero-right{height:445px;position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 45% 18%,#3b6f46 0%,#1d4737 34%,#071c1b 84%);box-shadow:0 26px 45px -35px #021c12}.hero-right:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:40%;background:linear-gradient(transparent,rgba(4,15,14,.82))}.pitch-illumination{position:absolute;left:5%;top:-45%;width:100%;height:115%;background:radial-gradient(ellipse,#d7ffd543,transparent 62%)}.stadium-lights{position:absolute;top:0;left:0;width:100%;height:16px;background:repeating-linear-gradient(90deg,#c2f6bd 0 3px,transparent 3px 18px);opacity:.6;filter:blur(1.6px)}.pitch-board{width:390px;height:280px;position:absolute;top:43px;left:50%;transform:translateX(-50%) perspective(600px) rotateX(38deg) rotateZ(-8deg);border:2px solid #b5efbb9c;background:repeating-linear-gradient(90deg,#5b995521 0 48px,#264d4321 48px 96px);box-shadow:0 0 0 60px #12482f18,0 0 60px #549b542b}.pitch-line.middle{position:absolute;top:0;left:53%;height:100%;width:1px;background:#b5efbb9c}.midcircle{position:absolute;left:34%;top:35%;width:100px;height:100px;border:2px solid #b5efbb9c;border-radius:50%}.pitch-goal{position:absolute;right:0;top:15%;width:80px;height:70%;border:2px solid #b5efbb9c;border-right:none}.pitch-small{position:absolute;right:0;top:32%;width:35px;height:35%;border:2px solid #b5efbb9c;border-right:none}.pitch-player{position:absolute;left:34%;top:48%;width:53px;height:53px;background:var(--mint);border:7px solid #fff8;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 35px #0009}.pitch-player span{font-weight:900;font-size:20px;color:#193015}.pitch-ball{position:absolute;right:21%;top:55%;font-size:30px;filter:drop-shadow(0 8px 8px #000b)}.pitch-trail{position:absolute;top:60%;left:48%;height:2px;width:95px;border-top:2px dashed #dfffbbac;transform:rotate(10deg)}.match-card{position:absolute;z-index:1;bottom:30px;left:27px;right:27px;display:grid;grid-template-columns:1fr 1fr;gap:11px;color:white}.match-live{font-size:9px;letter-spacing:1.4px;font-weight:800}.match-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}.match-time{text-align:right;font-size:11px;font-weight:800;color:#c1d6bf}.match-card strong{grid-column:1/-1;font-size:27px;letter-spacing:-1px;line-height:1}.match-card small{grid-column:1/-1;font-size:10px;color:#c3d6c9;letter-spacing:.5px}.frame-number{position:absolute;top:35px;left:31px;color:#c6f8bb;letter-spacing:3px;font-size:11px;font-weight:900}.create-section{padding-top:65px;padding-bottom:84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2,.roadmap h2{font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-2.5px;font-weight:950;margin:16px 0 12px}.section-heading h2 span,.roadmap h2 span{color:#86bc2c}.section-heading p{margin:0;color:#728178;font-size:14px}.mode-marker{font-size:10px;letter-spacing:1.1px;font-weight:850;color:#65874c;background:#e9f3e3;padding:13px 15px;border-radius:4px;white-space:nowrap}.studio-layout{display:grid;grid-template-columns: minmax(0,1.55fr) minmax(270px,.8fr);gap:21px;align-items:start}.studio-main,.preview-card,.result-box{border:1px solid var(--line);border-radius:11px;background:white;box-shadow:0 7px 22px #0f271507}.studio-main{padding:32px}.step-heading{display:flex;gap:16px;align-items:start;margin-bottom:20px}.step-heading>span{display:flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#e7f3dc;color:#3f752a;font-weight:900;font-size:13px}.step-heading h3{font-size:19px;letter-spacing:-.7px;margin-bottom:6px}.step-heading p{font-size:12px;color:#738078;margin-bottom:0;line-height:1.5}.gap-top{margin-top:32px}.upload{border:2px dashed #cadbc5;border-radius:9px;min-height:180px;background:#f8fbf6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.upload:hover,.upload.drag-over{border-color:#78b729;background:#f0fae7}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload-idle{display:flex;align-items:center;flex-direction:column;gap:11px;text-align:center;padding:22px}.upload-symbol{height:49px;width:49px;border-radius:50%;background:#e4f4cf;color:#477a2f;font-size:30px;line-height:45px;font-weight:800}.upload strong{font-size:13px}.upload small{font-size:11px;color:#829184}.upload-loaded{align-items:center;gap:17px;max-width:100%;padding:18px}.upload-loaded:not([hidden]){display:flex}.upload-loaded img{width:90px;height:108px;object-fit:cover;border-radius:7px}.upload-loaded span{display:flex;flex-direction:column;gap:10px;overflow:hidden}.upload-loaded strong{overflow-wrap:anywhere}.move-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.move-card{border:1.5px solid #e0e8df;background:#fff;text-align:left;border-radius:9px;padding:18px;min-height:124px;position:relative;display:flex;flex-direction:column;gap:6px;transition:.16s}.move-card:hover{border-color:#8bbd4a;transform:translateY(-2px)}.move-card.selected{border-color:#8fbe3c;background:#f3f9eb;box-shadow:0 0 0 1px #8fbe3c}.move-emoji{font-size:24px;margin-bottom:5px}.move-card strong{font-size:13px;font-weight:850}.move-card small{font-size:11px;color:#7d8a80}.move-check{position:absolute;top:13px;right:14px;width:21px;height:21px;background:#b1d77b;border-radius:50%;align-items:center;justify-content:center;font-size:12px;display:none}.selected .move-check{display:flex}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;font-size:12px;font-weight:750;color:#425449;gap:9px}.field input,.field select{height:46px;width:100%;border:1px solid #dbe5d9;border-radius:7px;padding:11px 12px;color:#202b24;background:#fff;outline-offset:1px}.field input:focus,.field select:focus{border-color:#91b84d}.private-access{margin-top:16px}.consent{display:flex;gap:11px;align-items:start;margin-top:26px;font-size:11px;line-height:1.6;color:#5c6a60;cursor:pointer}.consent input{accent-color:#669e25;margin:3px 0 0;flex:none}.generate{margin-top:20px;border:0;background:var(--mint);color:#14210c;min-height:54px;padding:0 20px;border-radius:7px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:1px;font-weight:950}.generate:hover{background:var(--mint2)}.generate:disabled{cursor:wait;opacity:.65}.generate span:last-child{font-size:22px}.generation-note{color:#7b867e;font-size:11px;line-height:1.55;margin:13px 0 0}.studio-side{display:flex;flex-direction:column;gap:18px}.preview-card{padding:20px}.preview-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px;align-items:center}.preview-top strong{font-size:12px;letter-spacing:.8px}.preview-top span{font-size:8px;font-weight:900;color:#86948a;letter-spacing:1px}.video-illustration{height:320px;border-radius:7px;background:radial-gradient(ellipse at 50% 20%,#5c9964 0%,#1c4b3c 38%,#061a18 94%);position:relative;overflow:hidden}.video-illustration:before{content:'';position:absolute;bottom:-80px;left:-15%;width:130%;height:240px;border-top:2px solid #d0f0d26b;transform:perspective(250px) rotateX(55deg);background:repeating-linear-gradient(90deg,transparent 0 55px,#acd7a31e 55px 56px)}.vertical-tag{position:absolute;top:16px;left:15px;color:#e7f8d2;letter-spacing:2px;font-size:9px;font-weight:800}.big-ten{position:absolute;top:40px;left:50%;transform:translateX(-50%);font-weight:950;font-size:225px;line-height:1;letter-spacing:-20px;color:#cefc7527}.illustration-ball{font-size:75px;position:absolute;top:129px;left:50%;transform:translateX(-50%);filter:drop-shadow(10px 20px 14px #0008)}.illustration-caption{position:absolute;bottom:23px;width:100%;text-align:center;color:#e2ffc5;font-weight:900;font-size:14px;letter-spacing:3px}.video-attributes{margin-top:19px;display:grid;grid-template-columns:1fr 1fr;gap:16px 10px}.video-attributes div{display:flex;flex-direction:column;gap:5px}.video-attributes span{font-size:10px;color:#96a096}.video-attributes strong{font-size:12px}.side-small{border-top:1px solid #ebeeeb;margin-top:19px;padding-top:16px;color:#849087;font-size:11px;line-height:1.55}.result-box{padding:20px;overflow:hidden}.result-label{font-size:10px;font-weight:950;letter-spacing:1.4px;color:#77a445}.result-box h4{font-size:21px;margin:10px 0 6px}.result-box p{line-height:1.6;font-size:12px;color:#69776e}.loader{margin:14px 0;border:3px solid #e0eacb;border-top-color:#75b12c;border-radius:50%;height:27px;width:27px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-box video{width:100%;border-radius:6px;max-height:400px}.secondary-btn{display:block;margin-top:14px;padding:14px;border-radius:7px;background:var(--ink);color:#fff;text-align:center;font-size:12px;font-weight:850}.how-section{padding-top:35px;padding-bottom:75px}.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-cards>div{background:#eaf1e7;padding:28px;border-radius:11px;min-height:211px;position:relative}.process-number{position:absolute;right:24px;top:23px;font-size:11px;font-weight:900;color:#95a69a}.process-icon{height:48px;width:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#d9eec7;font-size:23px;color:#527b35;margin-bottom:23px}.how-cards h3{font-size:18px;margin-bottom:9px}.how-cards p{font-size:12px;color:#6c7d6c;line-height:1.65;max-width:290px}.roadmap{background:var(--dark);color:#fff;border-radius:18px;padding-top:47px;padding-bottom:46px;margin-bottom:70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.roadmap .eyebrow{color:#b1d585}.roadmap p{color:#abbbb3;line-height:1.75;max-width:450px;font-size:13px;margin-bottom:0}.feature-pillbox{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-pillbox>span{background:#20302c;padding:15px;border:1px solid #344740;border-radius:6px;font-size:12px;font-weight:750}.feature-pillbox small{font-size:8px;font-weight:700;color:#b6d588;margin-left:3px}.footer-inner{padding-top:28px;padding-bottom:37px;border-top:1px solid #dce3d9;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner strong{letter-spacing:-1px}.footer-inner p,.footer-inner small{font-size:10px;color:#7e8c82;margin:0}.footer-inner p{max-width:400px;line-height:1.6}
@media(max-width:1000px){.hero h1{font-size:57px;letter-spacing:-3.5px}.hero-right{height:390px}.pitch-board{width:320px}.topbar nav{gap:15px}.studio-layout{grid-template-columns:1.4fr .8fr}.wrap{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.topbar{min-height:68px;gap:10px}.topbar nav{display:none}.nav-button{font-size:10px;padding:12px 14px}.brand{font-size:18px}.brand small{display:none}.hero{grid-template-columns:1fr;gap:15px;padding-top:34px;padding-bottom:45px}.hero h1{font-size:clamp(46px,11vw,74px);letter-spacing:-3.5px}.hero-right{height:350px}.hero-facts{margin-top:28px}.section-heading{align-items:start;flex-direction:column}.studio-layout{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr}.preview-card{display:none}.create-section{padding-top:35px}.how-cards{grid-template-columns:1fr;gap:12px}.how-cards>div{min-height:unset}.roadmap{grid-template-columns:1fr;gap:27px;border-radius:0;margin-bottom:25px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}}
@media(max-width:460px){.wrap{padding-left:17px;padding-right:17px}.hero h1{font-size:46px;letter-spacing:-2.7px}.hero-right{height:290px}.pitch-board{width:320px;left:50%}.hero-description{font-size:14px}.hero-actions{gap:15px}.primary-btn{padding:15px;font-size:11px}.watch-link{font-size:11px}.hero-facts{gap:21px}.studio-main{padding:20px 16px}.move-grid{gap:8px}.move-card{min-height:133px;padding:13px}.move-card strong{font-size:12px}.custom-grid{gap:11px}.field input,.field select{min-width:0;padding:8px}.step-heading h3{font-size:17px}.section-heading h2,.roadmap h2{letter-spacing:-1.7px}.feature-pillbox{grid-template-columns:1fr}}
/* v2: Standard (Vidu Q4) / Premium (Kling Motion Control) */
.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tier-card{text-align:left;display:flex;flex-direction:column;gap:12px;background:#fafcf8;border:2px solid #e0e8da;border-radius:11px;padding:20px;min-height:211px;transition:.2s}
.tier-card:hover{border-color:#8fbe3c;transform:translateY(-2px)}
.tier-card.selected{background:#f2f9e8;border-color:#81b52b;box-shadow:0 0 0 1px #81b52b}
.tier-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tier-top b{letter-spacing:1.4px;font-size:11px;color:#4a722e}
.tier-top small{font-size:10px;background:#e5f2d8;color:#46692f;border-radius:20px;padding:5px 8px;font-weight:900}
.tier-card>strong{font-size:17px;letter-spacing:-.6px}
.tier-card>span:not(.tier-top):not(.tier-price){color:#6e7b71;line-height:1.5;font-size:11px}
.tier-price{font-size:23px;font-weight:950;margin-top:auto;letter-spacing:-1px}
.tier-price small{display:inline;font-weight:600;font-size:10px;letter-spacing:0;color:#7f8d81;margin-left:4px}
.beta-note{font-size:11px;line-height:1.55;color:#627d54;margin:13px 0 0}
.premium-fields .video-upload{margin-top:8px}
.video-upload{display:flex;align-items:center;gap:16px;padding:23px 18px;background:#f8fbf6;border:2px dashed #bed9a8;border-radius:10px;cursor:pointer}
.video-upload:focus-within,.video-upload:hover{border-color:#78ac36;background:#f0f9e8}
.video-upload-icon{background:#e1f2d1;color:#42792e;height:47px;width:47px;border-radius:50%;display:grid;place-items:center;flex:none}
.video-upload span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}
.video-upload strong{font-size:12px;overflow-wrap:anywhere}
.video-upload small{font-size:10px;color:#6a7c71;line-height:1.5}
.file-hidden{position:absolute;width:1px;height:1px;opacity:0}
[hidden]{display:none!important}
@media(max-width:560px){.tier-grid{grid-template-columns:1fr}.tier-card{min-height:unset}.tier-price{margin-top:4px}}