:root{--ink:#111113;--ink-soft:#27272a;--muted:#71717a;--line:#11111317;--paper:#fafaf9;--paper-2:#f4f4f5;--white:#fff;--warm:#fff7ed;--warm-deep:#9a3412;--dark:#0c0c0e;--dark-2:#17171a;--font:Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--header:72px;--radius:20px;--shadow:0 24px 60px #1111131a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}svg{flex-shrink:0;display:block}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{z-index:80;height:var(--header);border-bottom:1px solid #0000;align-items:center;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-solid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--line);background:#fafaf9e6}.site-header:not(.is-solid){color:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo{letter-spacing:.12em;align-items:center;gap:10px;font-size:13px;font-weight:750;display:inline-flex}.logo img,.logo svg{object-fit:contain;width:32px;height:32px}.nav{gap:28px;display:flex}.nav a{opacity:.78;font-size:14px;font-weight:500;transition:opacity .2s}.nav a:hover{opacity:1}.header-cta{align-items:center;gap:8px;display:flex}.menu-btn{opacity:.85;border:1px solid;border-radius:12px;place-items:center;width:42px;height:42px;display:none}.menu-btn svg{width:18px;height:18px}.mobile-menu{inset:var(--header) 0 0;z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf9fa;flex-direction:column;gap:8px;padding:18px;display:flex;position:fixed}.mobile-menu[hidden]{display:none!important}.mobile-menu a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:14px 16px;font-weight:600}.btn{min-height:46px;transition:transform .2s var(--ease), background .2s, box-shadow .2s, border-color .2s, color .2s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:650;display:inline-flex}.btn svg{width:16px;height:16px}.btn-dark{color:#fff;background:var(--ink)}.site-header:not(.is-solid) .btn-dark{color:var(--ink);background:#fff}.btn-dark:hover{transform:translateY(-1px);box-shadow:0 12px 28px #11111329}.btn-ghost{color:inherit;opacity:.9;min-height:40px;padding:0 14px}.btn-ghost:hover{opacity:1;background:#ffffff1f}.site-header.is-solid .btn-ghost{color:var(--muted)}.site-header.is-solid .btn-ghost:hover{color:var(--ink);background:#1111130d}.btn-light{color:var(--ink);background:#fff;box-shadow:0 14px 40px #0000002e}.btn-light:hover{transform:translateY(-1px)}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff59}.btn-glass:hover{background:#ffffff2e;transform:translateY(-1px)}.hero{color:#fff;background:#1a120e;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 45%;width:100%;height:100%;animation:18s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.04)}.hero-shade{background:linear-gradient(#0c0c0e6b 0%,#0c0c0e2e 35%,#0c0c0eb8 100%),linear-gradient(90deg,#0c0c0e8c,#0000 55%);position:absolute;inset:0}.hero-content{z-index:2;padding:calc(var(--header) + 48px) 0 88px;width:min(760px,100% - 40px);max-width:760px;margin-left:max(20px,50vw - 580px);margin-right:auto;position:relative}.eyebrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;margin:0 0 20px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow svg{width:14px;height:14px}.hero h1{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(40px,6.2vw,68px);font-weight:800;line-height:1.08}.hero-lead{color:#ffffffd1;max-width:440px;margin:0 0 28px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.hero-stats{border-top:1px solid #ffffff29;flex-wrap:wrap;gap:28px;padding-top:24px;display:flex}.hero-stats strong{letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1;display:block}.hero-stats span{color:#ffffffb3;margin-top:4px;font-size:13px;display:block}.scroll-down{z-index:2;color:#ffffffb3;animation:1.8s ease-in-out infinite bob;position:absolute;bottom:22px;left:50%;translate:-50%}.scroll-down svg{width:22px;height:22px}.section{padding:96px 0}.section-warm{background:var(--warm)}.section-dark{background:var(--dark);color:#fff}.section-head{max-width:640px;margin-bottom:40px}.section-head.center{text-align:center;margin-inline:auto}.section-head.light .kicker{color:#fdba74}.kicker{color:var(--warm-deep);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.15}.why-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.why-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--white);transition:transform .25s var(--ease), box-shadow .25s;padding:28px 24px;box-shadow:0 10px 30px #11111308}.why-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.why-icon{width:44px;height:44px;color:var(--warm-deep);background:#fff7ed;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.why-icon svg{width:20px;height:20px}.why-card h3{letter-spacing:-.02em;margin:0 0 8px;font-size:18px;font-weight:750}.why-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.story-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.story-shot{aspect-ratio:4/5;box-shadow:var(--shadow);background:#e7e5e4;border-radius:24px;margin:0;overflow:hidden}.story-shot img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.story-shot:hover img{transform:scale(1.04)}.flow-art{aspect-ratio:16/9;box-shadow:var(--shadow);background:#e7e5e4;border-radius:28px;margin:0 0 28px;overflow:hidden}.flow-art img{object-fit:cover;width:100%;height:100%}.flow-steps{grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.flow-steps li{text-align:center;transition:transform .25s var(--ease), background .25s;background:#ffffffb8;border:1px solid #9a341214;border-radius:18px;justify-items:center;gap:8px;padding:22px 12px;display:grid;position:relative}.flow-steps li:hover{background:#fff;transform:translateY(-3px)}.flow-steps .n{color:#d6d3d1;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.flow-steps svg{width:22px;height:22px;color:var(--warm-deep)}.flow-steps strong{font-size:15px;font-weight:750}.flow-steps em{color:var(--muted);font-size:12px;font-style:normal}.modules{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mod{border-radius:var(--radius);border:1px solid var(--line);background:var(--white);min-height:140px;transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;flex-direction:column;align-items:flex-start;gap:22px;padding:22px;display:flex}.mod:hover{box-shadow:var(--shadow);border-color:#9a341240;transform:translateY(-4px)}.mod svg{width:22px;height:22px;color:var(--muted);transition:color .2s}.mod:hover svg{color:var(--warm-deep)}.mod span{letter-spacing:-.015em;font-size:16px;font-weight:700}.gallery{grid-template-columns:1.4fr 1fr 1fr;gap:12px;min-height:420px;display:grid}.g-item{background:#222;border-radius:22px;min-height:280px;margin:0;overflow:hidden}.g-item img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.g-item:hover img{transform:scale(1.04)}.g-large{min-height:100%}.cta{color:#fff;background:linear-gradient(#0c0c0e8c,#0c0c0ec7),url(/landing/cta-bg.jpg) 50%/cover no-repeat;padding:100px 0;position:relative}.cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.cta-copy h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(28px,4vw,40px);font-weight:800}.cta-copy p{color:#ffffffc7;margin:0;font-size:15px}.cta-actions{flex-wrap:wrap;gap:10px;display:flex}.site-footer{background:var(--dark-2);color:#ffffffb3;padding:28px 0}.footer-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer .logo{color:#fff}.footer-inner p{margin:0;font-size:13px}.footer-link{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.footer-link svg{width:14px;height:14px}.footer-link:hover{color:#fdba74}@keyframes hero-drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.08)translate(-1.2%,-1%)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=980px){.nav{display:none}.menu-btn{display:grid}.header-cta .btn-ghost{display:none}.why-grid{grid-template-columns:1fr}.story-pair{grid-template-columns:1fr 1fr}.flow-steps{grid-template-columns:repeat(3,1fr)}.modules{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.g-large{grid-column:1/-1;min-height:280px}}@media (width<=640px){:root{--header:64px}.wrap{width:min(100% - 28px,1160px)}.hero-content{width:calc(100% - 28px);margin-left:14px;padding-bottom:72px}.hero-actions{flex-direction:column;align-items:stretch}.story-pair{grid-template-columns:1fr}.flow-steps,.modules{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.cta-inner,.footer-inner{flex-direction:column;align-items:flex-start}.section{padding:72px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}