:root{--red:#a7182b;--red2:#7f1121;--red3:#4f0813;--ink:#1b1315;--muted:#72676a;--paper:#fffafa;--line:#ecdfe2;--soft:#fff3f5;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(860px,calc(100% - 36px))}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #f1e6e8}.nav{height:74px;display:flex;align-items:center;gap:26px}.brand{font-weight:900;letter-spacing:-.02em;display:flex;gap:10px;align-items:center}.brand-dot{width:13px;height:13px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px #ffe7eb}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{font-size:14px;font-weight:700;color:#594d50}.menu{display:none;margin-left:auto;border:0;background:transparent;font-size:24px}
.btn{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--red),#d72d45);color:#fff;border-radius:12px;padding:14px 19px;font-weight:800;box-shadow:0 12px 26px rgba(167,24,43,.18);border:1px solid transparent}.btn.small{padding:10px 15px;font-size:13px}.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);box-shadow:none}.btn.full{width:100%}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 10%,#cc344a 0,transparent 27%),linear-gradient(135deg,#4b0711,#861326 58%,#a91d31);color:#fff;padding:94px 0}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.eyebrow,.section-head span{font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.96;margin:17px 0 22px;letter-spacing:-.055em;max-width:780px}.hero p{font-size:19px;line-height:1.7;max-width:690px;color:#f3dfe3}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust-mini{display:flex;gap:20px;margin-top:26px;color:#f2ccd3;font-weight:700;font-size:13px}
.hero-visual{border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(30,0,5,.28);border:1px solid rgba(255,255,255,.18)}.hero-visual img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:26px;backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(30,0,5,.28)}.hero-card-top{font-weight:900;font-size:12px;letter-spacing:.15em;margin-bottom:10px}.metric{padding:19px 0;border-top:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;gap:5px}.metric b{font-size:22px}.metric span{color:#ebcfd4}
.section{padding:86px 0}.tint{background:var(--paper)}.section-head{margin-bottom:34px}.section-head span{color:var(--red)}.section-head h2{font-size:clamp(32px,4vw,50px);margin:8px 0;letter-spacing:-.035em}.section-head p{color:var(--muted);max-width:700px}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;box-shadow:0 16px 40px rgba(80,0,15,.05)}.card .num{font-size:12px;font-weight:900;color:var(--red)}.card h3{margin:24px 0 8px}.card p{color:var(--muted);line-height:1.65}.quote .stars{color:#e4a322;letter-spacing:2px}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px}.media-card h3{margin:16px 5px 6px}.media-card p{margin:0 5px 16px;color:var(--muted)}.video-shell{aspect-ratio:16/10;background:linear-gradient(135deg,#2b0d12,#721020);border-radius:15px;position:relative;overflow:hidden;display:grid;place-items:center}.video-shell iframe,.video-shell video{width:100%;height:100%;border:0;object-fit:cover}.video-placeholder{font-weight:900;letter-spacing:.2em;color:#c98a96}.play{position:absolute;z-index:2;border:0;width:62px;height:62px;border-radius:50%;background:#fff;color:var(--red);font-size:20px;cursor:pointer;box-shadow:0 8px 30px #0005}
.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.poster-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.poster-card img,.poster-empty{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f7e9eb}.poster-empty{display:grid;place-items:center;color:#9c7d83;font-weight:900}.poster-info{padding:18px}.poster-info h3{margin:0 0 7px}.poster-info p{color:var(--muted);margin:0;line-height:1.5}
.process{background:linear-gradient(135deg,var(--red3),var(--red2));color:#fff}.section-head.light span{color:#ff9eae}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.steps article{border-top:2px solid #d45b6e;padding:18px 10px 0}.step-no{font-size:11px;color:#ff9eae;font-weight:900}.steps h3{font-size:15px}.steps p{font-size:13px;line-height:1.5;color:#e9cfd3}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card>div{padding:18px}.article-card small{color:var(--red);font-weight:800}.article-card h3{font-size:20px;margin:8px 0}.article-card p{color:var(--muted);line-height:1.5}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);line-height:1.7}
.final-cta{padding:70px 0;text-align:center;background:#c5263d;color:#fff}.final-cta h2{font-size:44px;margin:0}.final-cta p{color:#f9dfe3}.light-btn{background:#fff;color:var(--red);box-shadow:none}
footer{padding:46px 0;background:#1e0c10;color:#cdb9bd}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid div:last-child{display:flex;gap:20px}
.cs-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 16px 38px #65081755;z-index:80}.cs-popup{position:fixed;right:22px;bottom:92px;width:min(340px,calc(100% - 44px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 28px 70px #4a061333;z-index:79;display:none}.cs-popup.open{display:block}.cs-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}.online{color:#188a52;font-weight:800;font-size:12px}.empty-front{grid-column:1/-1;border:1px dashed #d9c2c7;border-radius:16px;padding:28px;text-align:center;color:#886f74}
.article-page{background:#fffafa}.article-wrap{width:min(840px,calc(100% - 36px));margin:54px auto 100px}.article-wrap h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.04em}.article-meta{color:var(--muted);margin:12px 0 28px}.article-cover{width:100%;border-radius:22px}.prose{font-size:18px;line-height:1.8;color:#2c2426}.prose img{max-width:100%;height:auto}.prose h2,.prose h3{line-height:1.2}.back{color:var(--red);font-weight:800}
@media(max-width:980px){.nav nav{display:none}.menu{display:block}.nav>.btn{display:none}.hero-grid{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,1fr)}.media-grid,.poster-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.hero{padding:66px 0}.hero h1{font-size:46px}.hero-actions,.trust-mini{flex-direction:column;align-items:stretch}.cards.four,.cards.three,.media-grid,.poster-grid,.article-grid,.steps{grid-template-columns:1fr}.section{padding:64px 0}.footer-grid{flex-direction:column}.final-cta h2{font-size:34px}}

/* V1.1 appearance + animation */
.container{width:min(var(--site-max,1180px),calc(100% - 36px))}
.brand-logo{height:34px;max-width:150px;object-fit:contain;display:block}.brand{gap:9px}.brand span:last-child{white-space:nowrap}
.topbar.non-sticky{position:relative}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-content:flex-start}.footer-grid small{color:#9e868b}
.cs-fab{width:var(--cs-size,58px);height:var(--cs-size,58px)}.cs-fab img{width:58%;height:58%;object-fit:contain}.cs-fab.cs-left{left:22px;right:auto}.cs-popup.cs-left{left:22px;right:auto}.online.offline{color:#8c7378}.cs-hours{display:block;color:var(--muted);margin:-4px 0 16px}
.js [data-reveal]{opacity:0;transform:translateY(var(--anim-distance,24px));transition:opacity var(--anim-duration,650ms) ease,transform var(--anim-duration,650ms) cubic-bezier(.22,.8,.28,1);transition-delay:var(--delay,0ms)}
.js [data-reveal][data-reveal-type="fade"]{transform:none}.js [data-reveal][data-reveal-type="slide-left"]{transform:translateX(calc(var(--anim-distance,24px) * -1))}.js [data-reveal][data-reveal-type="slide-right"]{transform:translateX(var(--anim-distance,24px))}.js [data-reveal][data-reveal-type="zoom"]{transform:scale(.96)}.js [data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:980px){.nav.mobile-open nav{display:flex;position:absolute;top:74px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;flex-direction:column;box-shadow:0 20px 50px #4a061322}.nav.mobile-open nav a{padding:8px}.brand-logo{height:30px}}

/* V1.2 animation engine: intro and scroll are separate to make first-load movement visible. */
[data-intro]{will-change:opacity,transform}.js:not(.intro-ready) [data-intro]{opacity:0}
body[data-intro="fade-up"] [data-intro]{transform:translateY(var(--intro-distance,28px));transition:opacity var(--intro-duration,800ms) ease,transform var(--intro-duration,800ms) cubic-bezier(.2,.8,.2,1);transition-delay:var(--intro-delay,0ms)}
body[data-intro="slide-left"] [data-intro]{transform:translateX(calc(var(--intro-distance,28px) * -1));transition:opacity var(--intro-duration,800ms) ease,transform var(--intro-duration,800ms) cubic-bezier(.2,.8,.2,1);transition-delay:var(--intro-delay,0ms)}
body[data-intro="soft-bounce"] [data-intro]{transform:translateY(30px) scale(.985);transition:opacity var(--intro-duration,900ms) ease,transform var(--intro-duration,900ms) cubic-bezier(.2,1.25,.25,1);transition-delay:var(--intro-delay,0ms)}
body[data-intro="zoom"] [data-intro]{transform:scale(.94);transition:opacity var(--intro-duration,850ms) ease,transform var(--intro-duration,850ms) cubic-bezier(.2,.85,.2,1);transition-delay:var(--intro-delay,0ms)}
.intro-ready body[data-intro="fade-up"] [data-intro],.intro-ready body[data-intro="slide-left"] [data-intro],.intro-ready body[data-intro="soft-bounce"] [data-intro],.intro-ready body[data-intro="zoom"] [data-intro]{opacity:1;transform:none}
body[data-intro="word-rise"] [data-intro]:not([data-intro-title]){transform:translateY(18px);transition:opacity 650ms ease,transform 650ms cubic-bezier(.2,.8,.2,1);transition-delay:var(--intro-delay,0ms)}
.intro-ready body[data-intro="word-rise"] [data-intro]:not([data-intro-title]){opacity:1;transform:none}
.intro-word{display:inline-block;opacity:0;transform:translateY(1.05em) rotate(1deg);filter:blur(3px);transition:opacity 650ms ease,transform 760ms cubic-bezier(.18,.86,.25,1.18),filter 650ms ease;transition-delay:calc(100ms + var(--intro-word-i) * var(--intro-word-stagger,55ms))}
.intro-ready .intro-word{opacity:1;transform:none;filter:none}
.hero-float{animation:jrkFloat 4.8s ease-in-out infinite}@keyframes jrkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){[data-intro],.intro-word,.hero-float{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}}

/* Rich header/footer */
.announcement{background:var(--red2);color:#fff;text-align:center;font-size:13px;font-weight:750;padding:9px 16px}.announcement a{text-decoration:underline;text-underline-offset:3px}.footer-links{display:grid;grid-template-columns:1.25fr repeat(3,minmax(140px,1fr));gap:34px}.footer-col h4{color:#fff;margin:0 0 13px}.footer-col a{display:block;color:#d8c6ca;padding:5px 0;font-size:14px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1c;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:13px}@media(max-width:800px){.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}@media(max-width:520px){.footer-links{grid-template-columns:1fr}}
.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-shell .play{z-index:3}.video-shell .video-placeholder{z-index:1}