:root{color-scheme:dark;--bg:#0b0e0d;--fg:#f1f1e9;--muted:#a1a69f;--lime:#ceff62;--line:#2a302c;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.75}::selection{color:var(--bg);background:var(--lime)}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}a:hover{color:var(--lime)}.wrap{max-width:1440px;width:calc(100% - 112px);margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;letter-spacing:2px;white-space:nowrap}.brand img{border-radius:10px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;font-weight:400;line-height:1.3}.header nav{display:flex;gap:32px;margin-left:auto;font-size:13px}.button{background:var(--lime);color:#12170b;display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:15px 26px;border-radius:6px;font-size:16px;font-weight:650;transition:background .2s,transform .2s;min-height:50px}.button:hover{background:#e0ff9b;color:#12170b;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.button.compact{padding:10px 19px;font-size:13px;min-height:44px;gap:20px}.hero{display:grid;grid-template-columns:.9fr 1.25fr;gap:44px;align-items:center;min-height:630px;padding-block:42px 50px}.hero-copy{position:relative;z-index:1}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(42px,5.2vw,76px)/1.35 var(--serif);letter-spacing:-2px;margin-bottom:26px;white-space:nowrap}em{font-style:normal;color:var(--lime)}.intro{color:#d4d8cf;line-height:1.95;font-size:16px;margin-bottom:34px}.compat{font-size:12px;letter-spacing:1px;color:#bdc2b9;margin-top:17px;margin-bottom:8px}.compat span{padding-inline:9px}.trial{font-size:12px;color:var(--muted);margin:0}.showcase{margin:0;min-width:0}.image-stage{position:relative;background:#1b211c;overflow:hidden;aspect-ratio:1.5}.scene,.thumb{background-image:url('/assets/coastal-frames.jpg');background-size:300% auto;background-position:50% 0%}.scene{position:absolute;inset:0;transition:opacity .18s}.corner{position:absolute;width:25px;height:25px;border-color:var(--lime);border-style:solid;z-index:1}.tl{left:17px;top:17px;border-width:1px 0 0 1px}.tr{right:17px;top:17px;border-width:1px 1px 0 0}.bl{left:17px;bottom:17px;border-width:0 0 1px 1px}.br{right:17px;bottom:17px;border-width:0 1px 1px 0}.image-caption{position:absolute;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;color:white;text-shadow:0 2px 10px #000;font-size:11px;letter-spacing:1px}.filmstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;border-block:1px solid var(--line);padding:12px 0}.frame{border:1px solid transparent;background:transparent;padding:5px;color:var(--muted);text-align:left;cursor:pointer;min-width:0;transition:border-color .2s,color .2s}.frame:hover,.frame.active{border-color:var(--lime);color:var(--lime)}.thumb{display:block;aspect-ratio:2.5;opacity:.6;transition:opacity .2s}.frame.active .thumb,.frame:hover .thumb{opacity:1}.first{background-position:0 50%}.second{background-position:50% 0%}.third{background-position:100% 50%}.frame>span:last-child{display:flex;justify-content:space-between;font:11px/2.2 var(--sans);padding:2px 3px 0}.frame small{font-size:10px}figcaption{font-size:10px;line-height:1.7;color:var(--muted);text-align:right;margin-top:13px}figcaption>span{padding:0 4px}.section{padding-block:72px}.workflow{border-block:1px solid var(--line);background:linear-gradient(115deg,#101511,#0b0e0d 60%)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-label{font-size:10px;letter-spacing:3px;color:var(--muted);margin-bottom:20px}h2{font:500 clamp(30px,3.3vw,46px)/1.45 var(--serif);letter-spacing:-.8px;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:13px;margin-bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.steps article{padding:0 34px;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0;padding-right:0}.step-number{font:28px/1.5 var(--serif);color:var(--lime)}h3{font:500 25px/1.5 var(--serif);margin:5px 0 16px}.steps p{color:#b5bbb1;font-size:14px;line-height:1.95;max-width:340px;min-height:110px;margin-bottom:20px}.step-foot{font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between;max-width:340px}.step-foot>span{color:var(--lime);font-size:18px}.formats{margin-top:45px;display:flex;align-items:center;gap:25px;font-size:11px;color:#b5bbb1}.formats small{font-size:8px;letter-spacing:2px;margin-left:auto;color:var(--muted)}.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;padding-bottom:48px}.boundary-intro h2{font-size:clamp(29px,2.8vw,40px)}.boundary-intro>p:not(.section-label){font-size:13px;color:var(--muted);margin-top:24px;line-height:1.9}.text-link{display:inline-flex;gap:30px;align-items:center;color:var(--lime);padding-block:15px;border-bottom:1px solid #536331;font-size:14px}.boundary-row{display:grid;grid-template-columns:.85fr 1.4fr;border-bottom:1px solid var(--line)}.boundary-row>h3,.boundary-row>p,.boundary-row>span{padding:20px 16px;margin:0;font-family:var(--sans);font-size:12px;line-height:1.8;align-self:stretch}.boundary-row>h3,.boundary-row>span:first-child{border-right:1px solid var(--line);padding-left:0}.boundary-row>p{color:var(--muted)}.table-head{color:var(--lime);border-top:1px solid var(--line);background:linear-gradient(90deg,#151c12,transparent)}.table-head>span:first-child{padding-left:12px}.details-section{padding:10px 0 55px}.details-section details{border-bottom:1px solid var(--line);padding:20px 0}.details-section summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}.details-section summary::-webkit-details-marker{display:none}.details-section summary span{color:var(--lime);font-size:20px}.details-section details[open] summary span{transform:rotate(45deg)}.details-section p{max-width:830px;font-size:13px;color:var(--muted);margin:18px 0 2px}.details-section p a{color:var(--lime)}.closing{padding-block:45px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:40px}.closing .section-label{margin-bottom:12px}.footer{padding:30px 0;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line)}.footer .brand{font-size:16px}.footer .brand small{font-size:7px}.footer>div{margin-left:auto;display:flex;gap:24px;font-size:12px;color:var(--muted)}.copyright{font-size:10px;color:var(--muted)}.mobile-break{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--lime);color:#000;padding:10px}.skip:focus{top:10px}.legal{max-width:840px;padding-block:70px}.legal h1{white-space:normal;font-size:42px}.legal h2{font-size:25px;margin-top:35px;margin-bottom:12px}.legal p,.legal li{color:#bac0b6}.legal a{color:var(--lime)}@media(min-width:1600px){.hero{gap:70px;min-height:780px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:25px;min-height:600px}h1{font-size:42px}.intro{font-size:13px}.desktop-break{display:none}.header nav{gap:20px}.formats{gap:15px}.formats small{display:none}.boundaries{gap:35px}.steps article{padding-inline:24px}.steps p{min-height:140px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:12px}.header nav{display:none}.brand{font-size:17px;gap:8px}.brand small{font-size:7px}.brand img{width:34px;height:34px}.button.compact{font-size:11px;padding:9px 12px;gap:12px;min-height:42px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:42px 38px;gap:35px}.hero-copy h1{font-size:clamp(39px,8.5vw,60px);line-height:1.3;letter-spacing:-1px;margin-bottom:22px}.intro{font-size:14px;margin-bottom:23px;max-width:350px}.button{font-size:14px;padding:13px 20px;min-height:48px}.compat{font-size:11px;margin-top:13px}.trial{font-size:11px}.image-stage{aspect-ratio:1.3}.filmstrip{margin-top:10px;padding:8px 0;gap:7px}figcaption{font-size:9px;text-align:left}.section{padding-block:44px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:16px}.section-label{font-size:9px;letter-spacing:2px;margin-bottom:12px}h2{font-size:30px}.steps{display:block}.steps article,.steps article:first-child,.steps article:last-child{border-right:0;border-bottom:1px solid var(--line);padding:23px 0}.steps article:first-child{padding-top:0}.steps article:last-child{border-bottom:0;padding-bottom:0}.step-number{font-size:23px}h3{font-size:23px;margin-top:0}.steps p{min-height:0;max-width:100%;font-size:13px;margin-bottom:15px}.step-foot{max-width:100%}.formats{flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:10px}.boundaries{display:block;padding-bottom:25px}.boundary-intro{margin-bottom:30px}.boundary-intro h2{font-size:30px}.boundary-intro>p:not(.section-label){font-size:12px}.boundary-row>h3,.boundary-row>p{font-size:11px;padding:17px 12px}.boundary-row>h3{padding-left:0}.details-section{padding-bottom:35px}.details-section summary{font-size:13px}.details-section p{font-size:12px}.closing{align-items:start;flex-direction:column;padding-block:20px 40px;gap:22px}.closing h2{font-size:34px}.footer{flex-wrap:wrap;gap:20px;padding-block:25px}.footer>div{width:100%;margin:0;gap:25px}.copyright{margin-left:auto;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}