:root{color-scheme:light;--ink:#142631;--muted:#697981;--blue:#1769ed;--line:#dee6e9;--gutter:24px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #49a4ff;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}svg{flex-shrink:0}.skip{position:fixed;z-index:20;left:16px;top:12px;transform:translateY(-160%);padding:12px;background:white;color:var(--ink)}.skip:focus{transform:none}
.header{position:absolute;z-index:3;top:0;left:0;right:0;height:84px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:.02em}.brand img{border-radius:11px}.header-link{display:flex;align-items:center;gap:13px;min-height:44px;font-size:13px;font-weight:600}.header-link span{font-size:20px}.cover{position:relative;min-height:640px;height:100svh;max-height:1000px;isolation:isolate;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:118px var(--gutter) 28px;background:#294755;overflow:hidden}.cover-photo,.cover-shade{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none}.cover-photo{object-position:43% center;animation:photo-enter 1.6s ease-out both}.cover-shade{z-index:-1;background:linear-gradient(180deg,rgba(9,30,43,.65),rgba(9,30,43,.23) 44%,rgba(9,30,43,.05) 57%,rgba(9,30,43,.76))}.cover-copy{max-width:600px;animation:enter .8s .08s ease both}.eyebrow{font-size:12px;letter-spacing:.14em;color:#eff7fa}.cover h1{margin-top:19px;font-size:72px;font-weight:800;line-height:1.05;letter-spacing:-.06em}.cover h1 span{display:block;font-size:36px;line-height:1.24;letter-spacing:-.045em;margin-top:17px;font-weight:650}.cover-description{font-size:13px;letter-spacing:.035em;margin-top:20px;color:#eff7fa}.cover-bottom{width:100%;max-width:420px;margin-top:42px;animation:enter .8s .2s ease both}.download-button{min-height:56px;padding:0 24px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:17px;font-weight:700;transition:transform .2s,background .2s}.download-button:active{transform:scale(.98)}.light{color:var(--ink);background:#fff}.light:hover{background:#eaf5ff}.cover-caption{margin-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#edf3f5}.cover-caption a{padding:8px 0;margin-top:-8px;min-height:32px}.cover-caption a span{padding-left:6px}.section{padding:72px var(--gutter)}.label{color:var(--blue);font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:21px}h2{font-size:32px;line-height:1.28;letter-spacing:-.05em;font-weight:750}h2 span{color:var(--muted)}.description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px}.filters{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:28px;margin-bottom:22px}.filters button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:var(--muted);font-size:13px;min-height:46px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.filters button[aria-selected=true]{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}.panels figure{animation:enter .35s ease both}.preview{position:relative;aspect-ratio:4/4.6;overflow:hidden;border-radius:20px;background:#e9eff1}.preview img{width:100%;height:100%;object-position:center 58%}.preview-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,20,30,.65));color:#fff;padding:60px 20px 22px;font-size:12px;letter-spacing:.03em}.avatar-preview img{object-position:center}.panels figcaption{padding-top:21px}.panels figcaption strong{display:block;font-size:19px;line-height:1.5;letter-spacing:-.035em}.panels figcaption>span{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}.tools{background:#f3f7f9;padding-top:62px;padding-bottom:52px}.tool-rows{margin-top:28px}.tool-rows article{display:flex;align-items:center;gap:13px;padding:26px 0;border-top:1px solid #dbe4e8}.tool-number{font-size:10px;align-self:flex-start;margin-top:5px;color:#81939d}.tool-rows article>div{flex:1;min-width:0}.tool-rows h3{font-size:16px;line-height:1.6;font-weight:650}.tool-rows p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:5px}.tool-rows svg{color:#547389;width:23px}.invitation{position:relative;isolation:isolate;min-height:670px;height:90svh;max-height:850px;color:white;background:#614b33;padding:58px var(--gutter) 28px;display:flex;flex-direction:column;justify-content:space-between}.invitation>img,.invitation-shade{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-2}.invitation>img{object-position:center 65%}.invitation-shade{z-index:-1;background:linear-gradient(180deg,rgba(42,32,23,.70),rgba(42,32,23,.10) 50%,rgba(42,32,23,.1) 70%,rgba(42,32,23,.55))}.invitation .label{color:#f4eadf}.invitation h2{font-size:34px}.invitation-copy>p:not(.label){font-size:13px;line-height:1.9;color:#f8eee7;margin-top:19px}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;border-bottom:1px solid #ffffff85;font-size:13px;margin-top:17px}.invitation-note{font-size:11px;letter-spacing:.09em}.get-app{background:#edf5ff;text-align:center;padding-top:64px;padding-bottom:62px}.app-icon{width:72px;height:72px;border-radius:21px;margin:0 auto 28px;box-shadow:0 10px 26px #1b4d8010}.get-app .label{margin-bottom:16px}.get-app h2{font-size:36px}.get-app h2 span{color:var(--blue)}.blue{background:var(--blue);color:#fff;max-width:380px;margin:28px auto 0}.blue:hover{background:#0758d8}.download-hint{font-size:11px;color:#788ca0;margin-top:14px}.apple-fallback{display:inline-block;font-size:12px;color:#426d99;min-height:44px;padding-top:20px}footer{padding:30px var(--gutter) 112px;background:#fff;color:#87939b}footer a{font-size:11px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.footer-brand{font-size:19px;letter-spacing:-.04em;font-weight:750;color:var(--ink)}footer .filing{display:inline-block;padding:8px 0}footer p{max-width:500px;font-size:10px;line-height:1.9}.download-dock{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;align-items:center;gap:11px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e5edf1;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 -8px 30px #1d3d5b08;animation:dock-enter .25s ease}.download-dock img{border-radius:12px}.download-dock>div{flex:1;min-width:0}.download-dock strong{display:block;font-size:14px;line-height:1.6}.download-dock>div>span{display:block;color:var(--muted);font-size:10px;line-height:1.6}.download-dock>a{min-height:44px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--blue);color:white;border-radius:13px;font-size:13px;font-weight:650;white-space:nowrap}
@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes photo-enter{from{transform:scale(1.045)}to{transform:scale(1)}}@keyframes dock-enter{from{transform:translateY(100%)}to{transform:none}}
@media(max-width:360px){:root{--gutter:20px}.cover{padding-top:107px;min-height:600px}.cover h1{font-size:64px}.cover h1 span{font-size:32px}h2{font-size:29px}.filters{gap:19px}.download-dock{padding-left:16px;padding-right:16px;gap:8px}.download-dock>a{padding:0 13px;gap:10px}.tool-rows{margin-top:22px}.tool-rows article{gap:10px}.tool-rows h3{font-size:15px}.tool-rows p{font-size:10px}}
@media(min-width:600px){:root{--gutter:48px}.cover{padding-top:150px}.cover-photo{object-position:center 53%}.cover h1{font-size:98px}.cover h1 span{font-size:46px}.cover-description{font-size:15px}.section{padding-top:90px;padding-bottom:90px}.section-heading,.showcase,.tool-rows{max-width:600px;margin-left:auto;margin-right:auto}h2{font-size:42px}.preview{aspect-ratio:5/4}.invitation{padding-top:76px}.invitation h2{font-size:46px}.invitation-copy{max-width:600px}.get-app h2{font-size:48px}.download-dock{padding-left:48px;padding-right:48px}.download-dock>a{min-width:180px;justify-content:center}.download-dock>div>span{font-size:12px}footer{padding-bottom:115px}}
@media(min-width:1000px){:root{--gutter:max(64px,calc((100vw - 1160px)/2))}.header{height:100px}.cover{min-height:720px;height:100svh;padding-top:165px;padding-bottom:48px}.cover h1{font-size:112px}.cover h1 span{font-size:52px}.cover-photo{object-position:center 49%}.cover-shade{background:linear-gradient(90deg,rgba(9,30,43,.76),rgba(9,30,43,.32) 55%,rgba(9,30,43,.10))}.cover-bottom{margin-top:56px}.cover-caption{font-size:12px}.discover{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-heading{width:100%}.showcase{width:100%;min-width:0}.filters{margin-top:0}.preview{aspect-ratio:5/4.7}.tools{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.tool-rows{width:100%;margin-top:0}.tool-rows h3{font-size:18px}.tool-rows p{font-size:13px}.invitation{height:780px;padding-top:100px;padding-bottom:45px}.invitation>img{object-position:center 55%}.invitation-shade{background:linear-gradient(90deg,rgba(42,32,23,.72),rgba(42,32,23,.13) 70%)}.invitation h2{font-size:52px}.invitation-copy>p:not(.label){font-size:16px}.get-app h2{font-size:52px}.download-dock{display:none}footer{padding-bottom:35px}.footer-top{margin-bottom:20px}footer p{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}