@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d0f10;--panel:#15181a;--line:#2a3034;--text:#eef0f1;--muted:#9aa3a9;--gold:#f0b64b;--bright:#ffca62;font-family:'Be Vietnam Pro','Segoe UI',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}h2{font-size:clamp(30px,3.7vw,48px);letter-spacing:-1.7px;font-weight:600}h2 span{color:var(--muted)}h3{font-size:23px;letter-spacing:-.6px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.nav{height:86px;padding:0 max(36px,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#0d0f10ed;position:sticky;top:0;z-index:30;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:7px;font-size:22px;font-weight:500;white-space:nowrap}.brand b{font-weight:700}.brand img{margin-right:5px;border-radius:9px}.brand-note{font-size:9px;line-height:1.3;letter-spacing:1.6px;color:var(--muted);width:90px;white-space:normal;margin-left:13px;border-left:1px solid var(--line);padding-left:13px}.nav nav{display:flex;gap:26px;font-size:13px;color:#b8bfc3}.nav nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;background:#1a1e20;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#272d31}.button.small{padding:11px 16px;font-size:12px}.gold{color:#201705;background:var(--gold);border-color:var(--gold)}.gold:hover{background:var(--bright)}.outline{background:transparent}.hero{padding-top:65px;text-align:center;position:relative}.hero:before{content:'';position:absolute;inset:0 -30px 0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#a7781920,transparent 60%);pointer-events:none}.release{display:inline-flex;gap:11px;align-items:center;border:1px solid #3e3727;background:#1f1d17;border-radius:30px;padding:6px 15px;font-size:10px;letter-spacing:1.4px;color:#dccda9}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #f0b64b44}.sep{color:#635c4a}.hero h1{font-size:clamp(39px,5.1vw,68px);letter-spacing:-2.8px;font-weight:600;margin:25px 0 19px;line-height:1.2}.hero h1 span{color:var(--gold)}.hero-copy{font-size:16px;line-height:1.85}.cta{display:flex;justify-content:center;gap:12px;margin:26px 0 19px}.hero-notes{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;color:var(--muted)}.hero-notes i{width:3px;height:3px;background:#535b60;border-radius:50%}.app-preview{margin:48px auto 0;text-align:left;background:#15181a;border:1px solid #434139;border-radius:11px;box-shadow:0 26px 85px #0009;overflow:hidden;max-width:1100px}.app-title{display:flex;justify-content:space-between;padding:11px 16px;background:#1e2224;border-bottom:1px solid var(--line);font-size:11px}.app-title>span:first-child{display:flex;align-items:center;gap:9px}.app-title em{font-style:normal;color:#7c868e}.window-dots{color:#8e989f}.app-toolbar{padding:11px 16px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-size:11px}.folder-pill{color:#dfcda3}.toolbar-label{color:#778188}.toolbar-right{margin-left:auto;display:flex;gap:9px;align-items:center}.color-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.red{background:#ef6767}.yellow{background:#f0b64b}.green{background:#5fcf95}.blue{background:#64aaf1}.purple{background:#af85ed}.app-content{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;height:370px}.app-sidebar{padding:21px 12px;font-size:10px;border-right:1px solid var(--line);color:#9ca5aa}.app-sidebar small,.app-info small{font-size:8px;letter-spacing:1.6px;color:var(--gold);display:block;margin-bottom:10px}.app-sidebar strong{font-size:15px;color:#eef0f1;display:block;margin-bottom:18px}.app-sidebar>div{padding:6px 4px}.app-sidebar .folder-active{color:var(--gold);background:#f0b64b10;border:1px solid #f0b64b27;border-radius:4px;font-size:9px}.app-sidebar .subfolder{padding-left:18px;color:#7d878e}.app-sidebar p{font-size:10px;margin-top:35px;line-height:1.9}.app-preview hr{height:1px;border:0;background:var(--line);margin:17px 0}.sidebar-colors{display:flex;gap:9px}.photo-stage{position:relative;background:#0a0b0c;padding:14px}.photo-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.image-number,.image-label{position:absolute;font-size:9px;letter-spacing:1px;padding:5px 9px;background:#111b;border-radius:4px;top:25px;left:26px}.image-label{top:auto;bottom:25px}.pick-button{position:absolute;right:25px;bottom:25px;padding:8px 13px;background:#1a1e20dd;border:1px solid #ffffff30;border-radius:5px;font-size:10px;backdrop-filter:blur(8px)}.pick-button[aria-pressed=true]{color:#241b08;background:var(--gold);border-color:var(--gold)}.app-info{padding:23px 14px;border-left:1px solid var(--line);font-size:10px}.app-info>strong{font-size:16px;font-weight:500;display:block;margin:12px 0 20px}.info-line{display:flex;justify-content:space-between;font-size:9px;margin:8px 0;color:#858f96}.info-line b{color:#d3d7da;font-weight:400}.stars{color:var(--gold);letter-spacing:4px}.app-info p{font-size:9px;margin:18px 0}.key-hint{display:flex;flex-direction:column;gap:8px;font-size:8px;color:#858f96;align-items:start}kbd{font:inherit;border:1px solid #454c50;border-bottom:3px solid #454c50;background:#24292d;padding:4px 9px;border-radius:5px;color:#e1e5e7}.filmstrip{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 16px}.film-meta{width:126px;font-size:10px;color:#a2aab0}.film-meta b{display:block;color:var(--gold);font-size:13px;font-weight:500}.thumb{width:92px;height:62px;padding:3px;background:#171b1d;border:1px solid #454c50;border-radius:3px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.selected{border-color:var(--gold)}.film-caption{font-size:10px;color:#d1d7da;margin-left:12px}.film-caption span{font-size:9px;color:#778188}.demo-badge{margin-left:auto;font-size:8px;letter-spacing:1px;color:#7d878e}.preview-note{font-size:10px;margin-top:14px;color:#68737a}.strip{margin-top:48px;border-block:1px solid var(--line)}.strip>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:26px;gap:18px}.strip span:first-child{font-size:10px;letter-spacing:1.5px;color:#747e85}.strip b{font-weight:500;font-size:19px;color:#9ea7ad}.plus{color:#494f54;font-size:16px}.section{padding-block:95px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:500;color:var(--gold);margin-bottom:17px}.section-head p{font-size:14px;max-width:365px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:27px;overflow:hidden}.feature.wide{grid-column:span 2}.icon{width:39px;height:39px;border:1px solid #f0b64b35;border-radius:9px;display:grid;place-items:center;color:var(--gold);font-size:22px;background:#f0b64b09;margin-bottom:24px}.feature .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:10px}.feature h3{font-size:20px;line-height:1.4;margin-bottom:13px}.feature p{font-size:13px;line-height:1.9}.mini-film{display:flex;height:110px;gap:10px;position:relative;margin-top:22px}.mini-film img{width:47%;object-fit:cover;border-radius:5px}.mini-film img:nth-child(2){border:2px solid var(--gold)}.mini-film>span{position:absolute;bottom:6px;right:8%;color:var(--gold)}.keys{display:flex;gap:8px;margin-top:30px;font-size:13px}.large-colors{display:flex;gap:14px;margin-top:32px}.large-colors span{width:17px;height:17px}.browser-feature{display:flex;align-items:center;gap:25px}.browser-feature>div:first-child{flex:1}.browser-feature .icon{margin-bottom:18px}.mini-browser{width:44%;flex-shrink:0;background:#0d0f10;border:1px solid #3b4145;border-radius:8px;padding:11px;transform:translateX(13px)}.mini-browser>div{font-size:7px;color:#9ca7af;border-bottom:1px solid var(--line);padding-bottom:10px;display:flex;align-items:center;gap:6px}.mini-browser strong{font-size:23px;line-height:1.3;font-weight:500;display:block;margin:33px 3px}.mini-browser strong span{color:var(--gold)}.mini-browser small{font-size:6px;letter-spacing:1px;color:#68737a}.feature-grid>.feature:nth-child(4){grid-column:span 2}.workflow{border-top:1px solid var(--line)}.text-link{font-size:13px;color:var(--gold);white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #454032;padding-top:25px}.steps article>span{font-size:36px;color:var(--gold);font-weight:500;letter-spacing:-2px}.steps h3{font-size:21px;margin:17px 0 12px}.steps p{font-size:14px;line-height:1.9}.pricing{background:#111416;border-block:1px solid var(--line)}.center-head{text-align:center;margin-bottom:50px}.center-head p{font-size:14px;margin-top:20px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:#171b1e;border:1px solid #30363a;border-radius:13px;padding:30px;position:relative;display:flex;flex-direction:column}.price-card.featured{border-color:var(--gold);box-shadow:0 0 45px #f0b64b08}.recommend{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:var(--gold);color:#201705;font-size:9px;letter-spacing:1px;padding:5px 13px;border-radius:30px;white-space:nowrap;font-weight:600}.plan-tag{font-size:9px;letter-spacing:1.8px;color:var(--gold)}.price-card h3{font-size:28px;margin:16px 0 9px}.plan-desc{font-size:12px;margin-bottom:24px}.price-card label{font-size:11px;color:#9da6ab;margin-bottom:7px}.price-card select{padding:10px 12px;border-radius:6px;border:1px solid #3b4146;background:#101315;color:#dbe0e3;font-size:12px;width:100%}.price{font-size:36px;letter-spacing:-1.5px;font-weight:600;line-height:1.3;margin-top:24px}.price span{font-size:20px;color:#abb2b8;margin-left:7px;font-weight:400}.price-note{font-size:11px;color:#8d979e;margin-top:6px}.price-card ul{list-style:none;padding:24px 0;margin:24px 0 0;border-top:1px solid #2e3438;flex:1;font-size:12px}.price-card li{margin-bottom:13px;color:#c0c7cb;display:flex;gap:9px}.price-card li:before{content:'✓';color:var(--gold)}.price-card>.button{width:100%;padding-inline:12px;font-size:12px}.pricing-note{font-size:11px;text-align:center;max-width:800px;margin:25px auto 0;line-height:1.9}.download{display:flex;justify-content:space-between;gap:70px;align-items:center}.download p{font-size:14px;margin:20px 0 25px}.download .download-meta{font-size:11px;line-height:1.9;margin:15px 0 0}.download-art{border:1px solid #463e2e;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#f0b64b16,transparent 75%),#15181a;flex:0 0 370px;padding:50px 30px 22px;text-align:center}.download-art img{margin:0 auto 18px;border-radius:25px}.download-art strong{display:block;font-size:33px;letter-spacing:-1px}.download-art>span{display:block;font-size:8px;letter-spacing:2px;color:var(--gold);margin-top:5px}.version-label{border-top:1px solid var(--line);margin-top:37px;padding-top:16px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8c969d}.version-label b{font-weight:400}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--line)}.faq .text-link{display:inline-block;margin-top:27px}.questions details{border-bottom:1px solid var(--line);padding:22px 0}.questions details:first-child{padding-top:0}.questions summary{font-size:15px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:18px}.questions summary:after{content:'+';color:var(--gold);font-size:22px;line-height:1}.questions details[open] summary:after{content:'−'}.questions p{font-size:13px;line-height:1.9;margin-top:18px}.questions summary::-webkit-details-marker{display:none}footer{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:38px;padding-bottom:25px}footer>div:nth-child(2){display:flex;gap:26px;font-size:12px;color:#9aa3a9}footer p{font-size:12px;margin-top:10px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#68737a;border-top:1px solid #202529;padding-top:20px}.footer-bottom a{text-decoration:underline}dialog{position:fixed;width:min(480px,calc(100% - 32px));border:1px solid #54472e;border-radius:16px;background:#171b1e;color:var(--text);padding:36px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:25px;letter-spacing:-.6px}dialog p{font-size:14px;line-height:1.8;margin:17px 0}dialog strong{font-size:32px;color:var(--gold)}dialog>.button{width:100%;margin-top:12px}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;color:#aab3b8}.skip{position:absolute;left:20px;top:-80px;background:var(--gold);color:#000;padding:10px;z-index:99}.skip:focus{top:10px}#copy-status{font-size:12px;color:var(--gold);margin-bottom:0}
@media(min-width:1600px){.hero{padding-top:90px}.hero h1{font-size:76px}.app-content{height:420px}}
@media(max-width:1000px){.brand-note{display:none}.nav nav{gap:16px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature.wide{grid-column:span 2}.feature-grid>.feature:nth-child(4){grid-column:span 1}.feature-grid>.browser-feature{grid-column:span 1;display:block}.mini-browser{display:none}.app-content{grid-template-columns:140px minmax(0,1fr);height:350px}.app-info{display:none}.price-card{padding:25px 20px}.price{font-size:30px}.download-art{flex-basis:300px}.faq{gap:40px}.section-head p{max-width:280px}.nav{padding-inline:28px}.wrap{width:calc(100% - 56px)}}
@media(max-width:700px){.nav{height:72px;padding-inline:20px;gap:12px}.nav nav{display:none}.nav .small{font-size:11px;padding:10px 12px}.brand{font-size:20px}.wrap{width:calc(100% - 36px)}.hero{padding-top:43px}.hero h1{font-size:39px;letter-spacing:-1.7px;margin-top:23px}.hero-copy{font-size:14px;padding:0 10px}.desktop{display:none}.hero-notes{font-size:9px;gap:7px;flex-wrap:wrap}.release{font-size:8px;letter-spacing:.8px}.cta{gap:8px}.cta .button{font-size:12px;padding:13px 15px;gap:8px}.app-preview{margin-top:33px}.app-sidebar{display:none}.app-content{grid-template-columns:1fr;height:280px}.photo-stage{padding:9px}.app-title{font-size:9px;padding:9px}.app-title em{display:none}.app-toolbar{font-size:9px;padding:8px 10px;gap:8px}.toolbar-right{display:none}.filmstrip{padding:9px;gap:7px}.film-meta{width:60px;font-size:8px}.film-meta b{font-size:10px}.thumb{width:75px;height:49px}.film-caption{font-size:8px;margin-left:auto}.film-caption span{display:none}.demo-badge{display:none}.preview-note{font-size:8px}.strip{margin-top:32px}.strip>.wrap{flex-wrap:wrap;gap:12px;justify-content:center;padding-block:19px}.strip span:first-child{flex-basis:100%;text-align:center;font-size:8px}.strip b{font-size:15px}.section{padding-block:60px}.section-head{display:block;margin-bottom:27px}.section-head p{margin-top:20px;max-width:100%}.section-head .text-link{display:inline-block;margin-top:20px}h2{font-size:33px;letter-spacing:-1px}.feature-grid{gap:12px}.feature{padding:21px}.feature h3{font-size:18px}.feature p{font-size:12px}.feature:not(.wide){grid-column:span 2}.feature-grid>.feature:nth-child(4){grid-column:span 2}.feature-grid>.browser-feature{grid-column:span 2}.feature.wide{grid-column:span 2}.icon{margin-bottom:18px}.steps{grid-template-columns:1fr;gap:25px}.steps article{padding-top:20px}.steps article>span{font-size:28px}.steps h3{margin-top:8px}.steps p{font-size:13px}.price-grid{grid-template-columns:1fr;gap:28px}.price-card{padding:28px}.price{font-size:38px}.price-card ul,.price-card>.button{font-size:14px}.center-head p{font-size:13px}.download{display:block}.download-art{display:none}.faq{grid-template-columns:1fr;gap:35px}.questions summary{font-size:14px}.footer-bottom{flex-direction:column;font-size:9px}footer{gap:24px}footer>div:nth-child(2){gap:20px;font-size:12px}.image-label{font-size:8px}.pick-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
