:root{--bg:#f6f4ef;--paper:#fffcf7;--ink:#1c1a17;--muted:#6d675f;--line:#e4ddd2;--accent:#0f6e56;--accent-2:#0c5b48;--soft:#e7f3ee;--shadow:0 24px 60px #1c1a171f}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:17px/1.5 Segoe UI,PingFang SC,sans-serif}a{color:inherit}img{max-width:100%;display:block}.page-home .nav{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:22px 28px 0;display:flex}.page-home .brand{align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.page-home .brand img{width:28px;height:28px}.page-home .nav-links{align-items:center;gap:18px;display:flex}.page-home .nav a.jump{color:var(--muted);font-size:15px;text-decoration:none}.page-home .nav a.support{color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:7px 14px;font-weight:650}.page-home .hero{text-align:center;max-width:980px;margin:0 auto;padding:64px 28px 0}.page-home h1{letter-spacing:-.045em;margin:0;font-size:76px;font-weight:720;line-height:.95}.page-home .sub{color:#3c3833;max-width:640px;margin:18px auto 0;font-size:26px;line-height:1.35}.page-home .cta{background:var(--accent);color:#f4fbf8;box-shadow:0 8px 0 var(--accent-2);border-radius:12px;margin-top:28px;padding:14px 28px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.page-home .cta-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.page-home .cta-row .cta{white-space:nowrap;flex:none;justify-content:center;align-items:center;width:auto;max-width:none;min-height:48px;margin-top:0}@media (width<=480px){.page-home .cta-row{flex-wrap:wrap;gap:10px}.page-home .cta-row .cta{white-space:nowrap;padding:12px 18px;font-size:16px}}.page-home .note{color:var(--muted);margin:16px 0 0;font-size:15px}.page-home .hero-jump{margin:10px 0 0;font-size:14px}.page-home .jump-subtle{color:var(--muted);border-bottom:1px solid #0000;font-weight:550;text-decoration:none;transition:color .15s,border-color .15s}.page-home .jump-subtle:hover{color:var(--accent);border-bottom-color:var(--accent)}.page-home .cta-chrome{background:var(--accent);color:#f4fbf8;box-shadow:0 8px 0 var(--accent-2)}.page-home .theater{max-width:1040px;margin:48px auto 0;padding:0 20px 10px}.page-home .editor{box-shadow:var(--shadow);background:#ebe6dc;border:1px solid #ddd6ca;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.page-home .topbar{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 8px;height:auto;min-height:48px;padding:6px 10px;display:flex}.page-home .topbar .name{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.page-home .topbar .name img{width:18px;height:18px}.page-home .textbtn{height:30px;color:var(--accent);white-space:nowrap;align-items:center;padding:0 6px;font-size:13px;font-weight:650;display:inline-flex}.page-home .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}.page-home .ico{width:30px;height:30px;color:var(--ink);border-radius:8px;place-items:center;display:grid}.page-home .ico svg{width:18px;height:18px;display:block}.page-home .ico.on{color:var(--accent);background:#e5f3ee}.page-home .zoom{align-items:center;display:inline-flex}.page-home .zoom b{text-align:center;min-width:42px;color:var(--muted);font-size:12px;font-weight:500}.page-home .paper{border:1px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:8px;align-items:center;height:30px;padding:0 10px;font-size:12px;display:inline-flex}.page-home .split{margin-left:6px;display:inline-flex}.page-home .go{background:var(--accent);color:#f4fbf8;white-space:nowrap;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.page-home .go svg{width:16px;height:16px}.page-home .split .go{border-radius:8px 0 0 8px}.page-home .chev{background:var(--accent);color:#f4fbf8;border-left:1px solid #ffffff59;border-radius:0 8px 8px 0;place-items:center;width:26px;display:grid}.page-home .chev svg{width:16px;height:16px}.page-home .work{align-items:stretch;display:flex}.page-home .stage{flex:1;grid-template-columns:minmax(0,1fr) 96px;align-items:stretch;gap:12px;min-width:0;padding:14px;display:grid}.page-home .shot{background:#fff;border-radius:4px;align-self:start;overflow:hidden;box-shadow:0 10px 28px #1c1a171f}.page-home .pageview{line-height:0;position:relative}.page-home .pageview>img{width:100%;height:auto}.page-home .anno{width:100%;height:100%;position:absolute;inset:0}.page-home .badge{background:var(--accent);color:#f4fbf8;border-radius:50%;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;font-size:14px;font-weight:700;line-height:1;display:grid;position:absolute;top:11.2%;left:20%;box-shadow:0 2px 8px #0f6e5659}.page-home .hid{-webkit-backdrop-filter:blur(7px);background-color:#d6d0c6b8;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#3c362e73 3px 4px),repeating-linear-gradient(90deg,#0000 0 3px,#3c362e73 3px 4px);border-radius:2px;width:23.2%;height:5.2%;position:absolute;top:56.8%;left:73.2%}.page-home .call{color:#c2410c;background:#fffcf7;border:2px solid #c2410c;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.2;position:absolute;top:35%;left:81%}.page-home .browser{color:#8a847b;background:#f3f1ec;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11px;display:flex}.page-home .browser i{background:#ddd6ca;border-radius:50%;width:8px;height:8px}.page-home .article{color:#1c1a17;padding:18px 20px 22px}.page-home .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:700}.page-home .article h2{letter-spacing:-.03em;margin:6px 0 8px;font-size:28px;line-height:1.05}.page-home .deck{color:#4a453f;margin:0 0 12px;font-size:14px}.page-home .photo{background:linear-gradient(165deg,#16384a 0%,#0f6e56 48%,#e4c56b 100%);border-radius:8px;height:210px;position:relative;overflow:hidden}.page-home .photo .leaf{background:#fffcf7;border-radius:6px;width:132px;height:188px;margin-left:-66px;padding:14px 12px;position:absolute;top:16px;left:50%;box-shadow:0 14px 28px #00000038}.page-home .photo .leaf i{background:#e4ddd2;border-radius:3px;height:7px;margin:0 0 8px;display:block}.page-home .photo .leaf i:first-child{background:#0f6e56;width:72%;height:12px}.page-home .strip{background:#fff;border-radius:4px;align-self:stretch;overflow:hidden;box-shadow:0 10px 28px #1c1a171a}.page-home .strip img{object-fit:fill;width:100%;height:100%;display:block}.page-home .shot-note{text-align:center;color:var(--muted);margin:0;padding:8px 22px 0;font-size:13px}.page-home .mini{background:#f7f4ee;border-radius:3px;height:92px;padding:8px}.page-home .mini b,.page-home .mini s{background:#d9d2c6;border-radius:2px;height:6px;margin:0 0 6px;display:block}.page-home .mini b{background:#1c1a17;width:70%;height:8px}.page-home .mini.alt{background:linear-gradient(160deg,#1f6f8f,#0f6e56)}.page-home .rail{background:var(--paper);border-left:1px solid var(--line);flex:none;align-items:flex-start;gap:0;padding:6px 4px;display:flex}.page-home .marks,.page-home .acts,.page-home .edits{flex-direction:column;align-items:center;gap:2px;display:flex}.page-home .side{border-left:1px solid var(--line);flex-direction:column;align-items:center;margin-left:4px;padding-left:4px;display:flex}.page-home .edits{border-top:1px solid var(--line);width:100%;margin-top:4px;padding-top:6px}.page-home .band{background:var(--paper);border-top:1px solid var(--line);margin-top:72px}.page-home .block{max-width:1040px;margin:0 auto;padding:72px 28px}.page-home .block h2,.page-home .plain h2{text-align:center;letter-spacing:-.04em;margin:0;font-size:42px;font-weight:680}.page-home .lead{text-align:center;color:var(--muted);margin:10px 0 0;font-size:18px}.page-home .grid4,.page-home .grid2{gap:16px;margin-top:32px;display:grid}.page-home .grid4{grid-template-columns:repeat(4,1fr)}.page-home .grid2{grid-template-columns:1.1fr .9fr;align-items:center}.page-home .card{background:var(--bg);border-radius:16px;padding:16px 16px 18px}.page-home .frame{border:1px solid var(--line);background:#fff;border-radius:10px;height:120px;margin-bottom:12px;position:relative;overflow:hidden}.page-home .frame i{background:#e7e2d8;border-radius:3px;height:7px;margin:10px 12px 0;display:block}.page-home .frame i.on{background:#0f6e56;width:46%;height:10px}.page-home .frame i.box{border:2px solid var(--accent);background:#e7f3ee;height:36px;margin:10px 28px 0}.page-home .card h3{margin:0 0 6px;font-size:18px}.page-home .card p,.copy p{color:#3c3833;margin:0}.page-home .plain{max-width:1040px;margin:0 auto;padding:72px 28px}.page-home .marked{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:22px;position:relative}.page-home .marked h3{letter-spacing:-.03em;margin:0 0 8px;font-size:26px}.page-home .blur{filter:blur(5px);color:#0000;background:#efe8dc;border-radius:4px;display:inline-block}.page-home .arrow{border-bottom:3px solid #c2410c;border-right:3px solid #c2410c;width:90px;height:46px;position:absolute;top:78px;right:36px;transform:skew(-18deg)}.page-home .arrow:after{content:"";border:8px solid #0000;border-left-color:#c2410c;position:absolute;bottom:-8px;right:-8px;transform:skew(18deg)}.page-home .frame.tool{place-items:center;height:132px;display:grid}.page-home .frame.tool .glyph{color:var(--accent);font-size:28px;font-weight:700;line-height:1}.page-home .stories{gap:16px;margin-top:32px;display:grid}.page-home .story{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:280px 1fr;align-items:center;gap:28px;padding:22px;display:grid}.page-home .story h3{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.page-home .story p{color:#3c3833;margin:0}.page-home .chips,.page-home .thumbs{justify-content:center;align-items:center;gap:8px;height:120px;display:flex}.page-home .chips b,.page-home .thumbs b{background:var(--paper);border:1px solid var(--line);min-width:72px;height:64px;color:var(--ink);border-radius:10px;place-items:center;padding:0 10px;font-size:14px;display:grid}.page-home .chips b.go{background:var(--accent);color:#f4fbf8;border-color:var(--accent)}.page-home .window{border:1px solid var(--line);background:#fff;border-radius:12px;height:120px;overflow:hidden}.page-home .window .bar{color:#8a847b;background:#f3f1ec;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11px;display:flex}.page-home .window .bar i{background:#ddd6ca;border-radius:50%;width:8px;height:8px}.page-home .window .sheet{padding:12px 14px}.page-home .window .sheet s,.page-home .window .sheet b{background:#e7e2d8;border-radius:3px;height:7px;margin:0 0 8px;display:block}.page-home .window .sheet b{background:var(--accent);width:46%;height:10px}.page-home .thumbs b{align-content:start;justify-items:start;width:64px;height:84px;padding:8px}.page-home .thumbs b i{background:#e7e2d8;border-radius:2px;width:100%;height:6px;margin:0 0 6px;display:block}.page-home .thumbs b.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.page-home .steps{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.page-home .step{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.page-home .num{background:var(--soft);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.page-home .step h3{margin:12px 0 6px;font-size:18px}.page-home .intro-video-section{text-align:center;box-sizing:border-box;justify-content:center;width:100%;max-width:880px;margin-top:36px;margin-left:auto;margin-right:auto;padding:0 28px;display:flex}.page-home .intro-video{width:100%;max-width:824px;margin-left:auto;margin-right:auto}.page-home .intro-video-frame{aspect-ratio:16/9;border:1px solid var(--line,#e4ddd2);background:#0d1f1a;border-radius:14px;width:100%;max-width:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 18px 48px #1c1a171f}.page-home .intro-video-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.page-home footer{max-width:1040px;color:var(--muted);justify-content:space-between;gap:16px;margin:0 auto;padding:10px 28px 48px;font-size:14px;display:flex}.page-home footer a{color:var(--accent)}@media (width<=860px){.page-home h1{font-size:48px}.page-home .sub{font-size:20px}.page-home .grid4,.page-home .grid2,.page-home .steps,.page-home .stage,.page-home .story{grid-template-columns:1fr}.page-home .stage{grid-template-columns:minmax(0,1fr) 42px;padding:10px}.page-home .topbar .open{display:none}}