:root{color:#f2eef1;background:#09090a;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 3% 25%,#61310f20,#0000 29rem),#09090a;margin:0}a{color:inherit}.nav,.hero,.templates,.uses,.how,footer{width:min(1320px,100% - 72px);margin:auto}.nav{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:94px;display:flex}.brand{align-items:center;gap:8px;text-decoration:none;display:flex}.brand b{color:#ff8b37;font-size:24px}.brand em{color:#aaa4bd;font-size:13px;font-style:normal}.nav nav{gap:30px;display:flex}.nav nav a{color:#a49fa6;font-size:13px;text-decoration:none}.outline,.primary{border:1px solid #585261;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;text-decoration:none;display:inline-flex}.primary{color:#261207;background:linear-gradient(105deg,#ffa45d,#ff6d1e);border:0;font-weight:800}.outline svg,.primary svg,.template-card svg,.selected svg,footer svg{width:16px}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding:112px 0 130px;display:grid}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(45px,5vw,75px);line-height:1.11}.hero h1 span{color:#c4baff}.hero p{color:#aaa4a7;max-width:520px;margin:27px 0;line-height:1.9}.actions{gap:11px;display:flex}.hero small{color:#6e696f;margin-top:19px;font-size:12px;display:block}.editor{background:#121216;border:1px solid #4e4950;border-radius:17px;padding:16px;transform:perspective(1100px)rotateY(-3deg);box-shadow:0 35px 90px #0009}.editor-head,.scrub{color:#827b84;justify-content:space-between;font:10px monospace;display:flex}.editor-media{gap:10px;margin:15px 0;display:flex}.editor-media i{background:linear-gradient(#0000,#0008),url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=800&q=80) 50%/cover;border-radius:9px;flex:1;height:280px}.editor-media i:nth-child(2){background-image:linear-gradient(#0000,#0008),url(https://images.unsplash.com/photo-1519608487953-e999c86e7452?auto=format&fit=crop&w=800&q=80)}.editor-media i:nth-child(3){background:radial-gradient(circle at 55% 25%,#dc9657 0 12%,#0000 13%),linear-gradient(#25344b,#0d1017)}.scrub{background:#19191c;border-radius:7px;padding:13px}.scrub b{background:#ff7a27;width:42%;height:3px;margin:5px}.frames{gap:5px;margin:14px 0 5px;display:flex}.frames i{background:linear-gradient(135deg,#695148,#27313a);border-radius:3px;flex:1;height:32px}.wave{color:#b2a3ff;letter-spacing:-3px;overflow:hidden}.choice{background:#111114;border-block:1px solid #ffffff0d;padding:110px max(36px,50vw - 660px)}.choice>p,.heading>p,.uses>p,.how>p{letter-spacing:.12em;color:#aaa2cf;text-transform:uppercase;font:11px monospace}.choice-grid{background:#ffffff1a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.choice article{background:#101014;padding:48px}.choice article:last-child{background:linear-gradient(125deg,#17131a,#101114)}.choice small{color:#ffad6b}.choice h2,.heading h2{letter-spacing:-.06em;font-size:clamp(30px,3.5vw,54px);line-height:1.2}.choice p,.heading span,.use-grid p,.how span{color:#98939a;line-height:1.8}.choice a,.selected a,footer a{color:#ffc087;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.templates{padding:125px 0}.heading{grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:70px;display:grid}.heading h2{margin:0}.templates>div>h2{margin:34px 0 15px;font-size:16px}.cards{border-top:1px solid #ffffff18;grid-template-columns:repeat(4,1fr);display:grid}.template-card{color:#f1eef1;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff18;border-top:0;border-left:0;padding:0 0 22px}.template-card>div:not(.cover){padding:15px 16px 0}.cover{background:linear-gradient(#0000,#0009),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=800&q=80) 50%/cover;height:155px;position:relative}.motion .cover{background-image:linear-gradient(#0000,#0009),url(https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=800&q=80)}.cover span{background:#111b;padding:4px;font:11px monospace;position:absolute;top:11px;left:12px}.template-card small{color:#aca6b6}.template-card h3{margin:9px 0;font-size:19px}.template-card p{color:#89848a;margin:0;font-size:13px;line-height:1.6}.template-card>svg{color:#b6a8f9;margin:14px 16px 0}.selected{color:#9a949b;margin-top:26px}.selected b{color:#ffc084;margin:0 15px 0 6px}.uses{border-top:1px solid #ffffff12;padding:110px 0}.use-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.use-grid b,.how b{color:#ff8a35;font:12px monospace}.use-grid h3{margin:17px 0 8px;font-size:21px}.how{padding:110px 0}.how ol{grid-template-columns:repeat(3,1fr);gap:45px;padding:0;list-style:none;display:grid}.how h3{font-size:22px}.how span{display:block}footer{color:#9a959c;border-top:1px solid #ffffff16;justify-content:space-between;padding:35px 0 55px;font-size:13px;display:flex}@media (width<=800px){.nav,.hero,.templates,.uses,.how,footer{width:min(100% - 40px,620px)}.nav nav{display:none}.hero,.heading{grid-template-columns:1fr;gap:45px}.hero{padding:72px 0}.editor{transform:none}.editor-media i{height:210px}.choice{padding:75px 20px}.choice-grid,.use-grid,.how ol{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.template-card{border-right:0}.use-grid{gap:25px}.heading{margin-bottom:42px}footer{gap:18px;display:grid}}.cards .template-card.video:first-child .cover{background-image:linear-gradient(#0000,#0009),url(/images/product-video-cover.png)}.cards .template-card.video:nth-child(2) .cover{background-image:linear-gradient(#0000,#0009),url(/images/event-video-cover.png)}.cards .template-card.video:nth-child(3) .cover{background-image:linear-gradient(#0000,#0009),url(/images/education-video-cover.png)}.cards .template-card.video:nth-child(4) .cover{background-image:linear-gradient(#0000,#0009),url(/images/brand-motion-cover.png)}.cards .template-card.motion:first-child .cover{background-image:linear-gradient(#0000,#0009),url(/images/product-motion-cover.png)}.cards .template-card.motion:nth-child(2) .cover{background-image:linear-gradient(#0000,#0009),url(/images/data-motion-cover.png)}.cards .template-card.motion:nth-child(3) .cover{background-image:linear-gradient(#0000,#0009),url(/images/brand-motion-cover.png)}