@charset "UTF-8";
:root{--paper:#f5f5ef;--ink:#22251f;--muted:#696e63;--lime:#d4f875;--line:#d9dcd0;--white:#fff;--radius:20px;font-family:Inter,"Helvetica Neue",Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #617e20;outline-offset:5px}section[id]{scroll-margin-top:28px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);padding:12px;z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;height:104px;border-bottom:1px solid var(--line);gap:24px}.logo{font-size:35px;font-weight:850;letter-spacing:-2px;display:inline-flex;align-items:center}.logo-dot{color:#637d37}.logo-mark{background:var(--ink);color:var(--lime);width:32px;height:32px;line-height:32px;text-align:center;transform:skew(-12deg);font-size:27px;margin-right:11px;letter-spacing:0}.header nav{display:flex;gap:33px;font-size:13px;font-weight:700}.header nav a:hover{color:#5a781f}.status{font-size:10px;font-weight:800;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.status i,.green-dot{width:6px;height:6px;display:inline-block;background:#7a9b35;border-radius:50%}.hero{padding-top:72px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.7}.tiny-line{display:inline-block;width:23px;height:2px;background:var(--ink);vertical-align:middle;margin-right:9px}h1{font-size:clamp(56px,7vw,94px);line-height:1.23;letter-spacing:-.065em;margin:24px 0 26px;font-weight:900}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:after{content:"";position:absolute;left:-2%;right:-2%;bottom:1%;height:35%;background:var(--lime);z-index:-1;transform:rotate(-1.4deg)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-bottom p{font-size:16px;line-height:1.95;margin:0;color:#53584e}.button{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;border-radius:6px;padding:19px 23px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:23px;line-height:1}.dark{background:var(--ink);color:white}.hero-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:var(--muted);margin:43px 0 17px}.showcase{background:#20251f;border-radius:12px;color:#f4f5ee;overflow:hidden;box-shadow:0 26px 40px #252b1910}.studio-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#292e26;font-size:10px;gap:12px}.green-dot{background:var(--lime);margin-right:7px}.bar-separator{margin:0 13px;color:#7c8474}.demo-label{border:1px solid #68735d;padding:4px 9px;border-radius:4px;font-size:9px}.studio-body{display:grid;grid-template-columns:1.95fr 1fr}.stage{position:relative;min-height:460px;overflow:hidden;background:#3d4b3c;isolation:isolate}.stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101b15a6,transparent 60%);pointer-events:none;z-index:-1}.stage video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2}.film-top{display:flex;justify-content:space-between;padding:24px 27px;font-size:9px;letter-spacing:1px;text-shadow:0 1px 6px #0008}.film-title{padding:48px 35px 15px}.film-kicker{font-size:8px;letter-spacing:3px}.film-title h2{font-size:clamp(25px,3.1vw,43px);line-height:1.6;letter-spacing:.03em;font-weight:600;margin:13px 0}.film-title em{font-style:normal;color:var(--lime)}.film-subtitle{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:15px;font-weight:700;background:#151f1a9c;padding:10px 15px;border-radius:5px;text-shadow:0 0 12px #f2eaa14d}.film-subtitle strong{color:#ffd48e}.play-toggle{position:absolute;bottom:14px;left:18px;border:1px solid #ffffff45;border-radius:20px;background:#16261bd9;color:white;font-size:10px;padding:7px 12px}.original .film-top,.original .film-title,.original .film-subtitle{visibility:hidden}.chat-demo{padding:27px 25px 18px;display:flex;flex-direction:column;background:#f9faf6;color:var(--ink)}.chat-title{font-size:9px;letter-spacing:1px;font-weight:800}.chat-title span{color:#8b9283}.user-message{background:#e9edde;border-radius:12px 12px 2px 12px;padding:17px;font-size:12px;line-height:1.9;margin:23px 0}.ai-message{display:flex;gap:12px;font-size:12px;line-height:1.8}.ai-icon{background:var(--ink);color:var(--lime);height:25px;width:25px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.edit-list{list-style:none;padding:0;margin:18px 0 21px;font-size:10px}.edit-list li{padding:8px 0;border-bottom:1px solid #e1e5d9}.edit-list span{font-size:9px;color:#79846c;margin-right:9px}.mode-switch{display:flex;background:#e8ecdf;padding:4px;border-radius:7px;margin-top:auto;gap:3px}.mode-switch button{flex:1;border:0;background:transparent;border-radius:4px;font-size:10px;padding:9px 2px;color:#454f3a}.mode-switch button[aria-pressed="true"]{background:var(--ink);color:var(--lime)}.demo-note{font-size:9px;line-height:1.7;color:#6a7262;margin:12px 0 0}.timeline{display:flex;align-items:center;gap:10px;padding:20px 22px;font-size:8px}.track-name{letter-spacing:1px;margin-right:12px;color:#b7c2ad}.track{padding:9px 13px;border-radius:4px}.video-track{background:#687b55;flex:2}.caption-track{background:#cce99d;color:#384a24;flex:1.1}.sound-track{background:#5e7771;flex:1.3}.timecode{color:#bdc8b1;margin-left:8px}.usecases{display:flex;justify-content:space-between;align-items:center;padding:40px 0 51px;border-bottom:1px solid var(--line);gap:22px}.usecases>span{font-size:11px;line-height:1.8;color:#6c7264}.usecases p{font-size:13px;font-weight:800;letter-spacing:1px;color:#535b4a}.features{padding-block:100px 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px}.section-heading h2,.workflow h2,.next h2{font-size:clamp(29px,3.3vw,42px);line-height:1.5;letter-spacing:-.045em;margin:16px 0 0}.section-heading>p,.workflow-head>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fbfcf7;display:flex;flex-direction:column;overflow:hidden}.feature-num{font-size:11px;font-weight:800;display:flex;justify-content:space-between}.feature-num span{font-size:9px;color:#6c7560;letter-spacing:1.1px}.feature h3{font-size:20px;letter-spacing:-.04em;margin:21px 0 8px}.feature p{font-size:12px;line-height:1.95;color:#626959;margin:0 0 20px}.feature-state{font-size:9px;color:#667a46;margin-top:auto;letter-spacing:.3px}.type-art{height:175px;display:flex;flex-direction:column;justify-content:center;gap:8px;transform:rotate(-3deg)}.type-art>span{font-weight:800;font-size:25px}.type-art>b{font-size:25px;white-space:nowrap;color:#597c1e;text-shadow:0 0 14px #a7e44b80}.swatches{display:flex;align-items:center;gap:5px;transform:rotate(3deg);margin-top:13px}.swatches i{width:13px;height:13px;border-radius:50%;background:#c4ea76}.swatches i:nth-child(2){background:#f1bd96}.swatches i:nth-child(3){background:#a3bedc}.swatches i:nth-child(4){background:#c5a8cf}.swatches span{font-size:8px;margin-left:7px;color:#657257}.feature-voice{background:#e7eddd}.wave{height:175px;display:flex;align-items:center;justify-content:center;gap:5px}.wave i{width:6px;border-radius:10px;height:24px;background:#70824f}.wave i:nth-child(3n){height:70px}.wave i:nth-child(4n){height:103px;background:#374629}.wave i:nth-child(5n){height:48px}.wave i:nth-child(7n){height:125px;background:#91a265}.image-art{height:175px;position:relative;display:grid;place-items:center}.image-stack{background:linear-gradient(130deg,#83905c,#b3c98e 40%,#526b48);border:5px solid white;box-shadow:0 8px 20px #48573225;width:83%;padding:15px;transform:rotate(-5deg);border-radius:5px;color:white}.image-stack>span{font-size:7px;letter-spacing:1px}.image-stack b{display:block;font-size:22px;line-height:1.5;margin-top:9px}.text-handle{position:absolute;bottom:10px;right:1px;border:1px solid #678d34;background:#e2f1cb;font-weight:800;padding:7px 11px;font-size:14px;box-shadow:3px 3px 0 #6c8c4a20}.text-handle span{font-size:9px;font-weight:400;margin-left:5px}.feature-wide{margin-top:20px;padding:42px;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1.5fr 1fr;gap:35px;background:#eaeddf}.feature-wide h3{font-size:29px;line-height:1.55;letter-spacing:-.04em;margin:14px 0}.feature-wide p{font-size:12px;line-height:1.9;color:#626959}.feature-wide small{font-size:10px;line-height:1.8;color:#686e5f;display:block}.story-steps{display:grid;gap:12px;align-content:center}.story-steps>span{background:#f9faf5;border:1px solid #d9dece;padding:17px 22px;border-radius:9px;font-size:11px;color:#7e8b6a}.story-steps b{color:#333d2c;margin-left:20px;font-size:13px}.story-steps small{margin-left:35px;margin-top:4px}.extras{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:42px}.extras article>span{font-size:22px}.extras h3{font-size:13px;margin:12px 0 7px}.extras p{font-size:10px;line-height:1.8;color:#727868;margin:0}.section-note{font-size:10px;line-height:1.9;color:#767c6e;margin:30px 0 0}.workflow{background:#252c22;color:#f5f7ef;padding:70px 0 76px}.workflow .eyebrow{color:var(--lime)}.workflow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.workflow-head>p{color:#bac3af}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:46px}.workflow-grid article{border-top:1px solid #536148;padding-top:21px}.workflow-grid article>span{font-size:9px;letter-spacing:1px;color:var(--lime)}.workflow-grid h3{font-size:22px;margin:23px 0 12px}.workflow-grid p{font-size:12px;line-height:1.9;color:#bdc6b2;max-width:290px}.pricing{padding:100px 0 80px}.price-badge{display:inline-block;font-size:10px;font-weight:500;background:#e6ebda;padding:5px 9px;margin-top:8px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}.price-card{border:1px solid var(--line);border-radius:12px;padding:28px 22px 22px;position:relative;background:#fafbf5}.price-card.featured{background:var(--lime);border-color:var(--lime)}.featured-label{position:absolute;top:-13px;left:17px;font-size:8px;font-weight:800;letter-spacing:1px;padding:6px 10px;border-radius:4px;background:var(--ink);color:#e8f5d0}.price-card h3{font-size:16px;margin:0 0 22px;letter-spacing:-.4px}.price{font-size:52px;font-weight:700;letter-spacing:-2px;line-height:1;margin:0 0 22px;white-space:nowrap}.price>span{font-size:24px;font-weight:500;vertical-align:top;line-height:1.7;margin-right:2px}.price small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:5px;color:#5f6c50}.price-card .price-desc{font-size:11px;color:#4f5946;margin-bottom:24px}.price-divider{height:1px;background:#3e4d2826;margin-bottom:20px}.price-card>p:not(.price):not(.price-desc){font-size:10px;line-height:1.8;color:#535e47}.plan-status{display:block;text-align:center;margin-top:24px;padding:11px;border:1px solid #394a3033;border-radius:5px;font-size:9px;letter-spacing:1.5px}.payg{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 33px;border:1px solid var(--line);border-radius:12px;margin-top:18px}.payg h3{font-size:24px;letter-spacing:-.7px;margin:8px 0}.payg h3>span{color:#6b8f2b}.payg p{font-size:11px;color:#68715d;line-height:1.8;margin:8px 0}.payg-price{font-size:12px;white-space:nowrap}.payg-price strong{font-size:43px;margin-left:10px;letter-spacing:-1.5px}.payg-price>span{display:block;color:#68715d;font-size:10px;text-align:right}.payg .payg-note{font-size:10px}.credit-details{border-bottom:1px solid var(--line);font-size:11px;margin-top:18px}.credit-details summary{padding:20px 0;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:15px;list-style:none}.credit-details summary::-webkit-details-marker{display:none}.credit-details[open] summary>span{transform:rotate(45deg)}.credit-details>div{padding:0 0 18px;line-height:2;color:#636b58;max-width:940px}.next{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:25px 70px;border-bottom:1px solid var(--line)}.next-items{display:grid;gap:23px}.next-items article{padding-bottom:23px;border-bottom:1px solid var(--line)}.next-items article:last-child{border:0;padding-bottom:0}.coming-tag{font-size:9px;padding:4px 8px;background:#e4e9d9;color:#5c6d44;border-radius:4px}.next h3{font-size:20px;margin:13px 0 9px}.next h3>span{float:right}.next p{font-size:12px;line-height:1.9;color:#656f59}.closing{padding:86px 0;text-align:center}.closing h2{font-size:clamp(30px,4vw,49px);line-height:1.6;letter-spacing:-.05em;margin:22px 0 29px}.closing h2 span{color:#657e34}.closing>p{font-size:10px;color:#747b6b;margin-top:22px;line-height:1.8}.footer{border-top:1px solid var(--line);padding-block:32px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}.footer .logo{font-size:29px}.footer>div{display:flex;gap:22px;font-size:10px;color:#626b57}.footer>span{font-size:10px;color:#7a826f}.footer>p{flex-basis:100%;font-size:9px;line-height:1.9;color:#777e6f;margin:0;max-width:950px}
@media(min-width:1500px){.hero{padding-top:85px}.stage{min-height:480px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.stage{min-height:440px}.chat-demo{padding:24px 18px}.film-title{padding:50px 24px 12px}.feature{padding:21px}.type-art>b{font-size:22px}.feature h3{font-size:18px}.price-card{padding:25px 15px 18px}.price{font-size:44px}.payg{gap:20px;padding:27px 24px}.payg .payg-note{max-width:240px}.extras{gap:15px}.usecases{gap:16px}.usecases p{font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:79px;gap:14px}.header .logo{font-size:28px}.logo-mark{width:26px;height:26px;font-size:23px;line-height:26px;margin-right:8px}.header nav{gap:18px;font-size:11px}.header .status{display:none}.hero{padding-top:46px}h1{font-size:60px;margin:24px 0;letter-spacing:-.075em}.hero-bottom{display:block}.hero-bottom p{font-size:13px;line-height:2}.hero-bottom .button{margin-top:26px;font-size:12px;padding:16px 20px}.hero-meta{font-size:7px;margin-top:32px;gap:10px}.studio-bar{padding:0 13px;height:43px;font-size:8px}.studio-bar>span:nth-child(2){display:none}.studio-body{grid-template-columns:1fr}.stage{min-height:340px}.film-title{padding:32px 25px 15px}.film-title h2{font-size:33px}.film-top{padding:20px;font-size:8px}.film-subtitle{font-size:12px;bottom:53px}.chat-demo{padding:24px}.user-message{margin:17px 0}.edit-list{margin:12px 0 17px}.demo-note{font-size:10px}.timeline{gap:6px;padding:14px 12px;font-size:7px}.track-name{display:none}.track{padding:8px}.timecode{margin-left:0}.usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 25px;padding:28px 8px}.usecases>span{grid-column:1/-1;font-size:11px;margin-bottom:6px}.usecases>span br{display:none}.usecases p{margin:7px 0;font-size:12px}.features{padding:65px 0 55px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.workflow h2,.next h2{font-size:30px;line-height:1.5}.section-heading>p{margin-top:19px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{padding:25px}.feature h3{font-size:22px}.feature p{font-size:13px}.type-art{align-items:center;height:170px}.type-art>span,.type-art>b{font-size:29px}.wave{height:165px}.image-art{height:190px}.image-stack{width:72%;max-width:260px}.text-handle{right:16px;bottom:19px}.feature-wide{grid-template-columns:1fr;padding:28px 24px;gap:15px}.feature-wide h3{font-size:24px}.feature-wide p br{display:none}.extras{grid-template-columns:repeat(2,1fr);gap:28px 18px;margin-top:35px}.extras h3{font-size:13px}.extras p{font-size:11px}.section-note{font-size:10px}.workflow{padding:55px 0}.workflow-head{display:block}.workflow-head>p{margin-top:20px;font-size:12px}.workflow-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.workflow-grid h3{font-size:23px;margin-top:16px}.workflow-grid p{max-width:none}.pricing{padding:65px 0 45px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px;margin-top:35px}.price-card{padding:24px 13px 15px}.price-card h3{font-size:13px}.price{font-size:38px;letter-spacing:-1.8px}.price>span{font-size:18px}.price small{font-size:10px;margin-left:3px}.price-card .price-desc{font-size:10px;min-height:32px;line-height:1.7;margin-bottom:13px}.price-card>p:not(.price):not(.price-desc){font-size:9px}.plan-status{font-size:8px;padding:9px 2px}.featured-label{font-size:6px;left:10px;padding:6px;letter-spacing:.6px}.payg{display:grid;grid-template-columns:1fr;gap:9px;padding:24px}.payg-price>span{text-align:left}.payg .payg-note{max-width:none}.credit-details{font-size:10px}.next{grid-template-columns:1fr;gap:28px;padding-bottom:45px}.next h2{font-size:30px}.closing{padding:56px 0}.closing h2{font-size:28px;line-height:1.65}.closing>p{font-size:9px}.footer{gap:20px;padding-top:25px}.footer>div{flex-direction:column;gap:8px}.footer>p{font-size:9px}.eyebrow{font-size:9px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:370px){h1{font-size:52px}.header nav{gap:12px}.film-title h2{font-size:28px}.price{font-size:32px}.price-card h3{font-size:12px}.price-card{padding-inline:10px}.closing h2{font-size:25px}}