:root{--bg:#e9eef8;--ink:#152238;--muted:#5d6b82;--blue:#3b82f6;--cyan:#22d3ee;--glass:rgba(255,255,255,.55);--line:rgba(21,34,56,.1);--font-display:"Sora","Noto Sans SC",sans-serif;--font-body:"Noto Sans SC","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 500px at 10% -10%,rgba(59,130,246,.2),transparent 50%),radial-gradient(800px 420px at 90% 0%,rgba(34,211,238,.18),transparent 45%),var(--bg);line-height:1.65;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}
.wrap{width:min(1080px,calc(100% - 2rem));margin:0 auto}
.glass{background:var(--glass);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 36px rgba(21,34,56,.08)}
.s9-nav{display:flex;justify-content:space-between;align-items:center;margin:1rem auto;padding:.75rem 1rem;border-radius:999px}
.s9-nav .logo{display:flex;gap:.6rem;align-items:center;font-family:var(--font-display);font-weight:700}
.s9-nav img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.s9-nav .links{display:flex;gap:.9rem;font-size:.9rem;color:var(--muted)}
.s9-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:center;padding:1.2rem 0 1.5rem}
.s9-hero h1{margin:0 0 .7rem;font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.1}
.s9-hero p{margin:0 0 1rem;color:var(--muted);max-width:34rem}
.s9-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.s9-btn{padding:.85rem 1.2rem;border-radius:14px;font-weight:700;min-width:140px;text-align:center}
.s9-btn-a{background:linear-gradient(135deg,var(--blue),#60a5fa);color:#fff}
.s9-btn-i{background:#152238;color:#fff}
.s9-card{border-radius:28px;padding:1.1rem}
.s9-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.s9-chiprow{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}
.s9-chiprow li{padding:.35rem .75rem;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.section{margin:1rem 0}
.section h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:1.4rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.tile{border-radius:20px;padding:1rem}
.tile b{display:block;margin-bottom:.35rem}
.tile p{margin:0;color:var(--muted);font-size:.9rem}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.shot{border:0;padding:0;border-radius:18px;overflow:hidden;aspect-ratio:9/16;cursor:zoom-in;background:rgba(255,255,255,.4)}
.shot img{width:100%;height:100%;object-fit:cover}
.about{border-radius:22px;padding:1.15rem 1.25rem;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.faq details{border-radius:14px;padding:.8rem 1rem;margin-bottom:.55rem}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:.4rem 0 0;color:var(--muted)}
.cta{border-radius:24px;padding:1.3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;margin:1.2rem 0}
.cta h2{margin:0 0 .25rem;font-family:var(--font-display)}
.cta p{margin:0;color:var(--muted)}
.footer{text-align:center;color:var(--muted);padding:1rem 0 2rem;font-size:.9rem}
[data-reveal]{opacity:0;transform:translateY(14px);transition:.45s ease}
[data-reveal].is-inview{opacity:1;transform:none}
.lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(12,20,36,.82);z-index:40;padding:1rem}
.lightbox.is-open{display:grid}
.lightbox img{max-width:min(900px,100%);max-height:88vh;border-radius:14px}
.lightbox button{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer;font-size:1.3rem}
@media(max-width:860px){.s9-hero,.grid3,.shots,.split{grid-template-columns:1fr}.s9-nav .links{display:none}}