:root{--bg: #0b0d12;--bg-elev: #11141b;--bg-card: #161a23;--fg: #e8ecf2;--fg-muted: #9aa3b2;--fg-dim: #6b7280;--accent: #7aa8ff;--accent-strong: #4d86ff;--border: #232838;--border-strong: #2f3548;--max: 1080px;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #ffffff;--bg-elev: #f6f7fa;--bg-card: #ffffff;--fg: #0f1320;--fg-muted: #4b5366;--fg-dim: #6b7280;--accent: #2a63d9;--accent-strong: #1b4dbb;--border: #e3e6ee;--border-strong: #cbd0dd;--shadow: 0 8px 24px rgba(15, 19, 32, .06)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)}.site-header .row{display:flex;align-items:center;gap:24px;height:60px}.site-header .brand{font-weight:700;letter-spacing:-.01em;color:var(--fg);font-size:18px}.site-header nav{display:flex;gap:18px;margin-left:auto;align-items:center;flex-wrap:wrap}.site-header nav a{color:var(--fg-muted);font-size:14px}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--fg);text-decoration:none}.lang-switcher{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:999px;font-size:12px}.lang-switcher a{padding:3px 10px;border-radius:999px;color:var(--fg-muted)}.lang-switcher a[aria-current=true]{background:var(--bg-card);color:var(--fg);border:1px solid var(--border-strong)}main{padding:56px 0 88px}section{margin-bottom:64px}h1,h2,h3{letter-spacing:-.015em;line-height:1.25;margin:0 0 16px}h1{font-size:clamp(34px,4.5vw,56px);font-weight:700}h2{font-size:clamp(24px,2.5vw,32px);font-weight:600;margin-top:56px}h3{font-size:18px;font-weight:600;margin-top:24px}p{color:var(--fg-muted);margin:0 0 14px}.lede{font-size:clamp(16px,1.6vw,19px);color:var(--fg-muted);max-width:60ch}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform 80ms ease,background .12s ease,border-color .12s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn.primary{background:var(--accent-strong);color:#fff}.btn.primary:hover{background:var(--accent)}.btn.secondary{background:transparent;color:var(--fg);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--bg-elev)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-muted);font-size:12px;margin-bottom:18px}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h3{margin-top:0}.card p{margin-bottom:0}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-top:32px;box-shadow:var(--shadow)}.panel>h2:first-child{margin-top:0}.panel .panel-cta{margin-top:8px}.feature-block{margin-top:32px}.lede.compact{margin-top:-8px}ul.bullets{padding-left:1.2em;color:var(--fg-muted)}ul.bullets li{margin-bottom:6px}dl.faq dt{font-weight:600;color:var(--fg);margin-top:20px}dl.faq dd{margin:6px 0 0;color:var(--fg-muted)}code,kbd{font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.92em}.site-footer{border-top:1px solid var(--border);padding:32px 0 56px;margin-top:80px;color:var(--fg-dim);font-size:13px}.site-footer .row{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.site-footer .spacer{flex:1}.hero{padding-top:12px;padding-bottom:8px}.hero .preview{margin-top:40px;border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),var(--bg-card);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero .preview .mock{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;font-size:12px;color:var(--fg-muted)}.hero .preview .mock .tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:14px;min-height:80px}.hero .preview .mock .clock{grid-column:1 / 2;font-size:26px;color:var(--fg);font-weight:600}.hero .preview .mock .weather{grid-column:2 / 3;text-align:center}.hero .preview .mock .search{grid-column:1 / -1;background:var(--bg);border-radius:999px;padding:10px 16px}.hero .preview .mock .cal,.hero .preview .mock .tasks{min-height:100px}.hero .preview .mock .bookmarks{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.hero .preview .mock .bookmarks span{width:56px;height:56px;background:var(--bg);border:1px solid var(--border);border-radius:12px}@media(max-width:720px){.hero .preview{padding:18px}.hero .preview .mock{grid-template-columns:1fr}}