:root{--primary-color:#0078d4;--bg-color:#f3f3f3;--card-bg:#fff;--text-main:#201f1e;--text-sub:#605e5c}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-color);color:var(--text-main);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;border-bottom:1px solid #e0e0e0;background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:700;color:var(--primary-color)}nav{display:flex;gap:18px;align-items:center;color:var(--text-sub);font-size:.92rem}nav a:hover{color:var(--primary-color)}.soon{opacity:.8}.hero{text-align:center;padding:60px 5%;background:linear-gradient(135deg,#fff,#e6f2ff)}.hero-icon-wrap{display:inline-grid;place-items:center;width:120px;height:120px;border-radius:24px;margin-bottom:14px;background:linear-gradient(160deg,rgba(0,120,212,.15),rgba(0,120,212,.04))}.hero-icon{width:auto;height:auto}.eyebrow{color:var(--primary-color);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:8px}.hero h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 12px}.hero p{margin:0 auto 28px;max-width:820px;color:var(--text-sub)}.badge{display:inline-block;padding:10px 24px;border-radius:999px;background:var(--primary-color);color:#fff;font-weight:700}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px;padding:60px 5%}.feature-card{background:var(--card-bg);border-radius:14px;padding:28px;box-shadow:0 4px 14px rgba(0,0,0,.06)}.feature-card h2{margin-top:0;margin-bottom:10px;color:var(--primary-color);font-size:1.1rem}.feature-card h2 span{color:var(--text-sub);font-size:.95rem}.feature-card p{margin:0}.feature-card .en-copy{margin-top:12px;padding-top:12px;border-top:1px solid #efefef;font-size:.9rem;color:var(--text-sub)}.screenshot{text-align:center;padding:20px 5% 70px}.screenshot h2{margin-bottom:8px}.screenshot p{color:var(--text-sub)}.screenshot-frame{width:min(1000px,100%);margin:24px auto 0;border-radius:14px;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.24);border:1px solid #d9e9f7;background:#0f1217}.screenshot-image{display:block;width:100%;height:auto}.ad-banner-section{padding:0 5% 24px}.ad-banner-container{width:min(1000px,100%);margin:0 auto;padding:14px;border:1px solid #d7d7d7;border-radius:12px;background:#fff}.ad-label{margin:0 0 10px;color:var(--text-sub);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.ad-banner{display:grid;place-items:center;width:100%;min-height:90px;border-radius:10px;border:1px dashed #8fc0ea;background:linear-gradient(135deg,#edf7ff,#f7fbff);color:#1c6daa;font-weight:600}footer{text-align:center;padding:38px 5%;border-top:1px solid #e8e8e8;background:#fafafa;color:var(--text-sub);font-size:.88rem}footer a{color:var(--primary-color)}.privacy-page{max-width:840px;margin:0 auto;padding:60px 5%}.privacy-page h1{margin-top:0}.privacy-page p{color:var(--text-sub)}.privacy-page a{color:var(--primary-color)}@media (max-width:720px){.site-header{flex-direction:column;gap:10px}nav{flex-wrap:wrap;justify-content:center}.hero{padding-top:44px}.hero-icon-wrap{width:92px;height:92px}.ad-banner{min-height:72px;font-size:.92rem}}