:root{--bg:#e8e4dc;--bg-soft:#f2efe8;--bg-deep:#1c1b19;--bg-panel:#2a2825;--ink:#1a1917;--ink-soft:#5a564e;--ink-faint:#8a857b;--line:#1a19171f;--line-strong:#1a191738;--accent:#2f5d50;--accent-hover:#254a40;--accent-soft:#2f5d501f;--cream:#f7f4ee;--on-dark:#f2efe8;--on-dark-soft:#f2efe8b8;--font-display:"Noto Serif SC", "Songti SC", serif;--font-sans:"Noto Sans SC", "PingFang SC", sans-serif;--font-ui:"Outfit", "Noto Sans SC", sans-serif;--radius:4px;--nav-h:72px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}#root{min-height:100vh}.container{width:min(1120px,100% - 48px);margin-inline:auto}.container-wide{width:min(1280px,100% - 48px);margin-inline:auto}.eyebrow{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:600}.section-head{max-width:560px;margin-bottom:48px}.section-head h2{margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.35rem)}.section-head p{color:var(--ink-soft);font-size:1.05rem}.btn{border-radius:var(--radius);min-height:48px;font-family:var(--font-sans);transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--cream)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--cream);background:0 0;border:1px solid #f7f4ee59}.btn-ghost:hover{background:#f7f4ee14;border-color:#f7f4ee8c}.btn-outline{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn-outline:hover{border-color:var(--ink);background:#1a19170a}.btn-light{background:var(--cream);color:var(--ink)}.btn-light:hover{background:#fff}.price{font-family:var(--font-ui);letter-spacing:-.02em;font-weight:600}.nav{z-index:100;height:var(--nav-h);transition:background .35s var(--ease), backdrop-filter .35s var(--ease), border-color .35s var(--ease);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#e8e4dce0}.nav-inner{justify-content:space-between;align-items:center;width:min(1280px,100% - 48px);margin-inline:auto;display:flex}.logo{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;transition:color .3s;display:inline-flex}.nav.scrolled .logo{color:var(--ink)}.logo-mark{background:var(--accent);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.logo-mark svg{width:16px;height:16px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#f7f4eed1;font-size:.9rem;font-weight:500;transition:color .2s}.nav.scrolled .nav-links a{color:var(--ink-soft)}.nav-links a:hover{color:var(--cream)}.nav.scrolled .nav-links a:hover{color:var(--ink)}.nav-cta{min-height:40px;padding:0 16px;font-size:.875rem}.nav:not(.scrolled) .nav-cta.btn-primary{background:var(--cream);color:var(--ink)}.nav:not(.scrolled) .nav-cta.btn-primary:hover{background:#fff}.nav-toggle{border-radius:var(--radius);place-items:center;width:44px;height:44px;display:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{background:currentColor;width:20px;height:2px;transition:all .25s;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.nav:not(.scrolled) .nav-toggle{color:var(--cream)}.hero{min-height:100dvh;color:var(--cream);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%;animation:heroZoom 18s var(--ease) forwards;transform:scale(1.04)}.hero-media:after{content:"";background:linear-gradient(#1c1b1973 0%,#1c1b1940 40%,#1c1b19b8 100%),linear-gradient(90deg,#1c1b198c 0%,#0000 55%);position:absolute;inset:0}.hero-content{z-index:1;width:min(1280px,100% - 48px);padding:calc(var(--nav-h) + 48px) 0 72px;margin:0 auto;max-width:640px;margin-left:max(24px,50% - 616px);margin-right:auto;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:.06em;opacity:0;animation:rise .9s var(--ease) .15s forwards;margin-bottom:20px;font-size:clamp(2.8rem,7vw,4.5rem);font-weight:700}.hero h1{opacity:0;animation:rise .9s var(--ease) .3s forwards;margin-bottom:16px;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:500}.hero-lead{color:var(--on-dark-soft);opacity:0;max-width:42ch;animation:rise .9s var(--ease) .45s forwards;margin-bottom:32px;font-size:1.05rem}.hero-actions{opacity:0;animation:rise .9s var(--ease) .6s forwards;flex-wrap:wrap;gap:12px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroZoom{to{transform:scale(1)}}.section{padding:96px 0}.section-alt{background:var(--bg-soft)}.section-dark{background:var(--bg-deep);color:var(--on-dark)}.section-dark .section-head p,.section-dark .muted{color:var(--on-dark-soft)}.section-dark .eyebrow{color:#8fbfae}.bundle-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.bundle{flex-direction:column;gap:20px;display:flex}.bundle-visual{aspect-ratio:4/3;border-radius:var(--radius);position:relative;overflow:hidden}.bundle-visual img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.bundle:hover .bundle-visual img{transform:scale(1.04)}.bundle-tag{background:var(--cream);color:var(--ink);border-radius:var(--radius);padding:6px 10px;font-size:.75rem;font-weight:600;position:absolute;top:14px;left:14px}.bundle-body h3{margin-bottom:6px;font-size:1.45rem}.bundle-meta{color:var(--ink-faint);margin-bottom:10px;font-size:.875rem}.bundle-desc{color:var(--ink-soft);margin-bottom:14px;font-size:.95rem}.bundle-includes{color:var(--ink-soft);flex-direction:column;gap:6px;margin-bottom:18px;font-size:.875rem;display:flex}.bundle-includes li:before{content:"·";color:var(--accent);margin-right:8px;font-weight:700}.bundle-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.bundle-foot .price{font-size:1.35rem}.scene-rail{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.scene{aspect-ratio:3/4;border-radius:var(--radius);color:var(--cream);position:relative;overflow:hidden}.scene img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.scene:hover img{transform:scale(1.05)}.scene:after{content:"";background:linear-gradient(#0000 35%,#1c1b19d1 100%);position:absolute;inset:0}.scene-copy{z-index:1;padding:24px;position:absolute;inset:auto 0 0}.scene-copy h3{margin-bottom:8px;font-size:1.25rem}.scene-copy p{color:var(--on-dark-soft);font-size:.9rem}.platform{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.platform-visual{border-radius:var(--radius);aspect-ratio:4/5;background:var(--bg-panel);position:relative;overflow:hidden}.platform-visual img{object-fit:cover;opacity:.92;width:100%;height:100%}.platform-screen{aspect-ratio:9/19;width:min(46%,220px);color:var(--cream);background:linear-gradient(160deg,#2f5d50,#1c1b19);border:2px solid #f7f4ee33;border-radius:18px;padding:18px 14px;animation:5s ease-in-out infinite floatPhone;position:absolute;bottom:10%;right:8%;box-shadow:0 24px 48px #00000059}.platform-screen .bar{background:#f7f4ee40;border-radius:99px;width:40%;height:8px;margin-bottom:16px}.platform-screen .row{background:#f7f4ee1a;border-radius:8px;height:36px;margin-bottom:8px}.platform-screen .row.accent{background:#8fbfae59}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.platform-points{flex-direction:column;gap:28px;margin:36px 0 32px;display:flex}.platform-points h3{margin-bottom:6px;font-size:1.15rem}.platform-points p{color:var(--ink-soft);font-size:.95rem}.eco-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.eco-item{background:var(--bg-soft);padding:32px 24px}.eco-item h3{font-family:var(--font-ui);margin-bottom:8px;font-size:1.15rem;font-weight:600}.eco-item p{color:var(--ink-soft);font-size:.9rem}.eco-note{color:var(--ink-soft);max-width:52ch;margin-top:28px;font-size:.95rem}.security-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.security-item h3{margin-bottom:10px;font-size:1.2rem}.security-item p{color:var(--on-dark-soft);font-size:.95rem}.quote-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.quote{border-top:1px solid var(--line-strong);padding-top:8px}.quote blockquote{font-family:var(--font-display);margin:0 0 20px;font-size:1.15rem;font-weight:500;line-height:1.55}.quote cite{color:var(--ink-soft);font-size:.875rem;font-style:normal;display:block}.quote cite strong{color:var(--ink);margin-bottom:2px;font-weight:600;display:block}.channel-block{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.channel-list{flex-direction:column;gap:12px;display:flex}.channel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;transition:border-color .25s,background .25s;display:flex}.channel:hover{border-color:var(--accent);background:var(--cream)}.channel strong{margin-bottom:4px;font-size:1.05rem;display:block}.channel span{color:var(--ink-soft);font-size:.875rem}.channel-arrow{font-family:var(--font-ui);color:var(--accent);flex-shrink:0;font-weight:600}.support-links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.final-cta{color:var(--cream);text-align:center;padding:120px 0;position:relative;overflow:hidden}.final-cta-media{position:absolute;inset:0}.final-cta-media img{object-fit:cover;width:100%;height:100%}.final-cta-media:after{content:"";background:#1c1b199e;position:absolute;inset:0}.final-cta .container{z-index:1;position:relative}.final-cta h2{margin-bottom:14px;font-size:clamp(1.9rem,4vw,2.8rem)}.final-cta p{color:var(--on-dark-soft);margin-bottom:28px;max-width:40ch;margin-inline:auto}.final-cta .hero-actions{opacity:1;justify-content:center;animation:none}.footer{background:var(--bg-deep);color:var(--on-dark-soft);padding:64px 0 32px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:40px;margin-bottom:48px;display:grid}.footer-brand{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;margin-bottom:12px;font-size:1.35rem;font-weight:700}.footer h4{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);margin-bottom:16px;font-size:.8rem;font-weight:600}.footer ul{flex-direction:column;gap:10px;display:flex}.footer a:hover{color:var(--cream)}.footer-bottom{border-top:1px solid #f7f4ee1f;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:.8rem;display:flex}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.modal-backdrop{z-index:200;background:#1c1b198c;place-items:center;padding:24px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--cream);width:min(440px,100%);animation:rise .35s var(--ease);border-radius:8px;padding:28px}.modal h3{margin-bottom:8px;font-size:1.35rem}.modal>p{color:var(--ink-soft);margin-bottom:20px;font-size:.95rem}.modal-actions{justify-content:flex-end;margin-top:16px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=960px){.bundle-grid,.scene-rail,.quote-grid,.security-grid,.eco-grid{grid-template-columns:repeat(2,1fr)}.platform,.channel-block{grid-template-columns:1fr;gap:36px}.platform-visual{aspect-ratio:16/11;max-height:420px}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){:root{--nav-h:64px}.container,.container-wide,.nav-inner,.hero-content{width:calc(100% - 32px)}.hero-content{margin-left:16px;padding-bottom:56px}.nav-toggle{display:grid}.nav-links{inset:var(--nav-h) 0 auto;background:var(--bg-soft);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 20px;display:none;position:fixed}.nav-links.open{display:flex}.nav-links a{border-bottom:1px solid var(--line);padding:14px 8px;color:var(--ink)!important}.nav-links .nav-cta{width:100%;margin-top:12px}.bundle-grid,.scene-rail,.quote-grid,.security-grid,.eco-grid,.footer-grid{grid-template-columns:1fr}.section{padding:72px 0}.scene{aspect-ratio:16/10}.bundle-foot{flex-direction:column;align-items:stretch}.bundle-foot .btn{width:100%}}