:root{--brand:#5363df;--brand-deep:#3446b7;--sky:#8acff6;--mint:#63c9b5;--sun:#ffd76a;--canvas:#f9faff;--surface:#fff;--text-primary:#24304b;--text-secondary:#667085;--border:#dce3f1;--shadow-sm:0 12px 32px #3446b714;--shadow-lg:0 28px 70px #24304b24;--page-width:1200px;--page-gutter:clamp(20px, 4vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{min-width:320px;color:var(--text-primary);background:radial-gradient(circle at 92% 8%, #8acff62e, transparent 24rem), radial-gradient(circle at 4% 32%, #63c9b51f, transparent 20rem), var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,[tabindex]:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #5363df66}.site-header{z-index:20;width:100%;min-height:76px;padding:12px max(var(--page-gutter), calc((100vw - var(--page-width)) / 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9faffe0;border-bottom:1px solid #dce3f1c7;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:12px;min-height:48px;font-size:21px;font-weight:760;display:inline-flex}.brand__icon{width:44px;height:44px;overflow:visible}.brand-mark__left{fill:var(--brand)}.brand-mark__right{fill:var(--mint)}.brand-mark__spine{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2.5px}.brand-mark__ray{fill:none;stroke:var(--sun);stroke-linecap:round;stroke-width:4px}.site-nav{color:var(--text-secondary);align-items:center;gap:clamp(12px,2.4vw,30px);font-size:15px;font-weight:620;display:flex}.site-nav>a:not(.button){align-items:center;min-height:44px;transition:color .18s;display:inline-flex}.site-nav>a:not(.button):hover{color:var(--brand-deep)}.button{border:1px solid var(--brand);color:#fff;background:var(--brand);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-weight:700;line-height:1.2;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 22px #5363df38}.button:hover{background:var(--brand-deep);transform:translateY(-2px);box-shadow:0 12px 26px #3446b740}.button--compact{min-height:44px;padding-inline:18px}.button--disabled{color:#8c95aa;border-color:var(--border);box-shadow:none;cursor:not-allowed;background:#eef1f8}.button--disabled:hover{color:#8c95aa;box-shadow:none;background:#eef1f8;transform:none}.hero,.section,.site-footer{width:min(var(--page-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.hero{grid-template-columns:minmax(0,.9fr) minmax(480px,1.25fr);align-items:start;gap:clamp(44px,6vw,82px);padding-block:clamp(58px,6.5vw,84px) clamp(72px,8vw,104px);display:grid}.hero__copy{padding-top:clamp(4px,1.5vw,22px);animation:.36s ease-out both enter-up}.eyebrow{color:var(--brand-deep);letter-spacing:.12em;margin:0 0 14px;font-size:14px;font-weight:760}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.18}h1{margin-bottom:24px;font-size:clamp(42px,5vw,60px);font-weight:820}h1 span{color:var(--brand-deep);display:block}h2{margin-bottom:18px;font-size:clamp(32px,3.5vw,44px);font-weight:800}h3{margin-bottom:12px;font-size:22px;font-weight:760}.hero__description{max-width:34rem;color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.75}.hero__actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.text-link{min-height:48px;color:var(--brand-deep);align-items:center;font-weight:700;display:inline-flex}.text-link:after{content:"→";margin-left:8px;transition:transform .18s}.text-link:hover:after{transform:translate(4px)}.hero__trust{color:var(--text-secondary);flex-wrap:wrap;gap:10px 20px;margin:30px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero__trust li:before{content:"";background:var(--mint);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.hero__visual{min-width:0;animation:.36s ease-out 80ms both enter-up}.app-frame{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid #dce3f1e6;border-radius:28px;padding:10px;overflow:hidden}.app-frame__bar{align-items:center;gap:6px;height:28px;padding-inline:6px;display:flex}.app-frame__bar span{background:var(--border);border-radius:50%;width:8px;height:8px}.app-frame__bar span:first-child{background:var(--sun)}.app-frame__bar span:nth-child(2){background:var(--mint)}.app-frame__bar span:nth-child(3){background:var(--sky)}.app-frame img{aspect-ratio:2868/1320;object-fit:cover;border-radius:19px;width:100%;height:auto}.hero__category-tags{justify-content:center;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.hero__category-tags li{border:1px solid var(--border);color:var(--text-secondary);background:#ffffffe0;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:650}.hero__category-tags li:first-child{color:var(--brand-deep);border-color:#5363df3d}.hero__category-tags li:nth-child(2){border-color:#63c9b557}.hero__category-tags li:nth-child(3){border-color:#ffd76aad}.section{padding-block:clamp(76px,9vw,116px)}.section-heading{max-width:700px;margin-bottom:clamp(34px,5vw,52px)}.section-heading>p:last-child{color:var(--text-secondary);margin-bottom:0;font-size:17px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.feature-card{border:1px solid var(--border);min-height:290px;box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:22px;padding:32px;transition:transform .18s,border-color .18s,box-shadow .18s}.feature-card:hover{border-color:#5363df47;transform:translateY(-2px);box-shadow:0 18px 42px #3446b71c}.feature-card p{color:var(--text-secondary);margin-bottom:0}.feature-card__icon{width:58px;height:58px;color:var(--brand);background:#5363df1a;border-radius:17px;place-items:center;margin-bottom:26px;display:grid}.feature-card:nth-child(2) .feature-card__icon{color:#318f7e;background:#63c9b529}.feature-card:nth-child(3) .feature-card__icon{color:#9a7620;background:#ffd76a3d}.feature-card__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:31px;height:31px}.section--soft{position:relative}.section--soft:before{z-index:-1;content:"";background:linear-gradient(#eef1ffb8,#f5fbfac2);position:absolute;inset:28px calc(50% - 50vw)}.scroll-hint{color:var(--text-secondary);margin:-34px 0 22px;font-size:14px}.scroll-hint:after{content:" →";color:var(--brand)}.screenshot-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:#5363df59 transparent;scrollbar-width:thin;gap:22px;padding:4px 0 20px;display:flex;overflow-x:auto}.screenshot-track::-webkit-scrollbar{height:7px}.screenshot-track::-webkit-scrollbar-thumb{background:#5363df47;border-radius:99px}.screenshot-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);scroll-snap-align:start;border-radius:22px;flex:0 0 min(720px,74vw);margin:0;overflow:hidden}.screenshot-card img{aspect-ratio:2868/1320;object-fit:cover;background:#eef1f8;width:100%;height:auto}.screenshot-card figcaption{padding:16px 20px 18px;font-weight:680}.download-section{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(36px,6vw,72px);display:grid}.download-intro p:last-child{color:var(--text-secondary)}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.download-card{border:1px solid var(--border);background:var(--surface);min-height:330px;box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;justify-content:space-between;padding:26px;display:flex}.download-card__heading{align-items:center;gap:14px;display:flex}.download-card__heading h3,.download-card__heading p{margin-bottom:0}.download-card__heading p{color:var(--text-secondary);font-size:13px}.platform-mark{height:48px;color:var(--brand-deep);background:#5363df1a;border-radius:14px;flex:0 0 48px;place-items:center;font-size:13px;font-weight:800;display:grid}.download-card__action{justify-content:space-between;align-items:flex-end;gap:14px;margin-top:28px;display:flex}.button--download{text-align:center;width:100%;padding-inline:16px}.download-links{flex:1;gap:10px;display:grid}.download-link--fallback{color:var(--text-secondary);text-align:center;text-underline-offset:4px;font-size:13px;font-weight:700;-webkit-text-decoration:underline #5363df57;text-decoration:underline #5363df57}.download-link--fallback:hover{color:var(--brand-deep)}.download-qr{border:1px solid var(--border);background:#fff;border-radius:12px;flex:none;padding:8px}.site-footer{border-top:1px solid var(--border);color:var(--text-secondary);grid-template-columns:1fr auto auto;align-items:center;gap:32px;padding-block:42px;display:grid}.site-footer strong{color:var(--text-primary);font-size:18px}.site-footer p{margin:4px 0 0;font-size:14px}.site-footer__links{flex-wrap:wrap;gap:10px 20px;font-size:14px;display:flex}.site-footer__links a{align-items:center;min-height:44px;display:inline-flex}.site-footer__links a:hover{color:var(--brand-deep)}@keyframes enter-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.hero{grid-template-columns:1fr;padding-block:72px 84px}.hero__copy{max-width:720px}.feature-card{padding:26px}.download-section{grid-template-columns:1fr}}@media (max-width:767px){:root{--page-gutter:18px}html{scroll-padding-top:76px}.site-header{min-height:68px;padding-block:10px}.brand{gap:9px;font-size:18px}.brand__icon{width:40px;height:40px}.site-nav>a:not(.button){display:none}.button--compact{min-height:44px;padding-inline:14px;font-size:14px}.hero{gap:44px;padding-block:54px 68px}.hero__copy{padding-top:0}h1{font-size:clamp(38px,11vw,46px)}h2{font-size:32px}.hero__description{font-size:17px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .button,.hero__actions .text-link{justify-content:center;width:100%}.hero__trust{flex-direction:column;align-items:flex-start}.app-frame{border-radius:20px;padding:7px}.app-frame__bar{height:22px}.app-frame img{border-radius:14px}.hero__category-tags{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.hero__category-tags li{flex:none}.section{padding-block:70px}.feature-grid,.download-grid{grid-template-columns:1fr}.feature-card{min-height:0}.screenshot-card{flex-basis:88vw}.download-card{min-height:290px}.download-card__action{flex-direction:column;align-items:stretch}.download-qr{align-self:center}.site-footer{grid-template-columns:1fr;gap:16px;padding-block:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
