*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:#14213d;background:#f6f8fb;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:#1d4ed8}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e5e9f0}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-weight:800;font-size:19px;color:#14213d;text-decoration:none;letter-spacing:-.01em}
.brand span{color:#1d4ed8}nav a{margin-left:18px;color:#334155;text-decoration:none;font-weight:600;font-size:15px;padding:10px 0;display:inline-block}
.hero{padding:72px 0 48px;text-align:center}.hero h1{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:0 0 16px;letter-spacing:-.02em}
.hero p{font-size:19px;color:#475569;max-width:640px;margin:0 auto 28px}.btn{display:inline-block;background:#14213d;color:#fff;text-decoration:none;font-weight:700;padding:15px 26px;border-radius:14px;min-height:48px}
.btn.alt{background:#e8eef8;color:#14213d}h2{font-size:30px;letter-spacing:-.01em;margin:0 0 8px}.sub{color:#64748b;margin:0 0 28px}
section{padding:48px 0}.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #e5e9f0;border-radius:22px;padding:22px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,33,61,.08)}.card .top{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.icon{width:56px;height:56px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.12);background:#fff}.card h3{margin:0;font-size:19px}
.pill{display:inline-block;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:#fff4d6;color:#8a5a00}.pill.soon{background:#dcfce7;color:#166534}
.card img.shot{width:100%;border-radius:16px;margin:14px 0 0;aspect-ratio:600/1100;object-fit:cover;object-position:top;background:#eef2f7}
.card p{margin:6px 0 0;color:#475569;font-size:15.5px}.more{margin-top:auto;padding-top:14px;font-weight:700;color:#1d4ed8}
.shots{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px}.shots figure{flex:0 0 240px;margin:0;scroll-snap-align:start}
.shots img{width:240px;border-radius:20px;border:1px solid #e5e9f0;background:#fff}.shots figcaption{font-size:14px;color:#475569;margin-top:8px;text-align:center}
.apphead{display:flex;gap:18px;align-items:center;padding:48px 20px 12px}.apphead img{width:84px;height:84px;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.apphead h1{margin:0;font-size:clamp(28px,5vw,42px);letter-spacing:-.02em}ul.f{padding-left:20px}ul.f li{margin:6px 0}
.box{background:#fff;border:1px solid #e5e9f0;border-radius:22px;padding:24px}.links a{display:inline-block;margin:6px 14px 6px 0;font-weight:600;padding:8px 0}
video{width:100%;max-width:420px;border-radius:24px;display:block;margin:0 auto;background:#eef2f7}
footer{border-top:1px solid #e5e9f0;padding:32px 0 48px;color:#64748b;font-size:14px;background:#fff}
@media(max-width:600px){nav a{margin-left:12px;font-size:14px}.hero{padding:48px 0 32px}}