@font-face{font-family:Anton;src:url('/marca-seo-v361/Anton-Regular.ttf')}@font-face{font-family:DM;src:url('/marca-seo-v361/DMSans.ttf')}@font-face{font-family:Brush;src:url('/marca-seo-v361/MaShanZheng-Regular.ttf')}
:root{--ink:#111111;--red:#A51D2D;--deep-red:#841725;--paper:#fffdf9;--cream:#F7F0E6;--line:#EBDCC6;--muted:#5C5C5C}
body{font-family:DM,Arial,sans-serif;font-size:18px;line-height:1.55;background:var(--cream);color:var(--ink)}
.brand{gap:16px;letter-spacing:-.4px}.brand img{width:72px;height:72px;object-fit:contain;border:0;border-radius:0;padding:6px;background:#fff;flex-shrink:0}.brand small{font-size:12px}
.hero{background:var(--paper);border-radius:20px}.hero h1{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.1px;line-height:1.05;font-size:clamp(40px,6vw,68px)}
.hero:after,.hero:before{font-family:Brush,serif;color:#A51D2D;opacity:.13;pointer-events:none}
.eyebrow{color:var(--red);letter-spacing:2px}.lead{color:var(--muted)}
.visual{grid-template-columns:1fr;gap:22px;padding:32px}.visual>div{max-width:720px}.visual img{width:100%;height:auto;border-radius:10px;box-shadow:none}
.article p,.visual p,.note{color:#333}.article h2{letter-spacing:-.5px}.card,.step{background:#f7f0e6}.note{background:#f7f0e6;border-color:var(--red)}
.wrap a{color:var(--red)}.wrap a.brand{color:var(--ink)}.wrap a.cta{color:#fff}.wrap .final a.cta{color:var(--red)}a:focus-visible,button:focus-visible{outline:3px solid #A51D2D;outline-offset:5px}
.why{background:#EBDCC6;color:#111}.why p,.why .eyebrow,.why li{color:#333}.final{background:#A51D2D}.final .eyebrow{color:#fff}.cta{box-shadow:none}
.campaign img{width:100%;height:auto;max-height:none;filter:none;mix-blend-mode:normal;object-fit:contain;border-radius:12px}.hero:has(.campaign){align-items:center;min-height:480px}.campaign{align-items:center}.hero-copy{padding-bottom:0}
.seo-instagram{margin:24px 0 40px;padding:22px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.seo-instagram a{font-weight:700;color:var(--red)}
@media(max-width:650px){body{font-size:18px}.brand{font-size:17px;gap:10px}.brand img{width:64px;height:64px;padding:4px}.hero h1{font-size:42px;letter-spacing:0;overflow-wrap:break-word}.visual{padding:20px;gap:16px}.hero:has(.campaign){grid-template-columns:1fr;padding:28px 22px;min-height:0}.campaign{margin-top:16px}.hero-copy{padding:0}.article{padding:28px 22px}.seo-instagram{padding:20px 8px}}

/* v362: native, compact content; social banners are metadata only. */
.head,.site-head{isolation:isolate}
.head .brand img,.site-head .brand img{background:transparent;padding:0;border:0;border-radius:0;mix-blend-mode:multiply;width:72px;height:72px;object-fit:contain}
.hero:has(.hero-copy){display:block;min-height:0;padding:46px 48px}
.hero-copy{max-width:760px;padding:0}.hero:has(.hero-copy) h1{max-width:740px}
.hero:has(.hero-copy) p:not(.eyebrow){max-width:650px}
.hero:before,.hero:after{right:-12px;top:16px;font-size:240px;opacity:.075}
.hero:has(.hero-copy):before{font-size:320px;right:30px;top:25px}
.visual{display:block;padding:24px 30px;margin:20px 0;border-radius:16px;border-left:4px solid var(--red);background:transparent}
.visual>div{max-width:760px}.visual h2{font-size:27px;line-height:1.2}.visual p{font-size:18px;line-height:1.55}
.proof{margin-bottom:30px}.proof div{min-width:0}.proof span{font-size:14px;line-height:1.45}
.article{margin-top:20px}.cta{min-height:48px}.cta:hover{box-shadow:none}
@media(max-width:760px){
 .head,.site-head{padding:14px 0 18px}.head .brand img,.site-head .brand img{width:64px;height:64px}
 .brand{font-size:17px;gap:12px}.brand small{font-size:11px;line-height:1.4;margin-top:3px}
 .hero,.hero:has(.hero-copy){display:block;min-height:0;padding:28px 24px}
 .hero h1{font-size:clamp(36px,10.5vw,48px);letter-spacing:0;line-height:1.08;margin:12px 0 18px}
 .hero-copy{padding:0}.hero p:not(.eyebrow),.lead{font-size:18px;line-height:1.5}
 .hero:before,.hero:after,.hero:has(.hero-copy):before{font-size:185px;top:8px;right:-20px;opacity:.045}
 .hero .cta{margin-top:22px;padding:14px 20px;font-size:18px}
 .visual{padding:20px 20px;margin:20px 0}.visual h2{font-size:25px}.visual .eyebrow{font-size:11px}
 .proof{grid-template-columns:1fr 1fr;margin:20px 0 26px}.proof div{padding:16px}.proof b{font-size:22px}
 .content-grid,.faq-grid{grid-template-columns:1fr}.panel{padding:24px}.panel h2{font-size:27px;line-height:1.18}
 .cards{grid-template-columns:1fr}.article{padding:28px 22px}.article h2{font-size:27px;line-height:1.2}
}
@media(max-width:480px){.proof{grid-template-columns:1fr}.proof div{display:grid;grid-template-columns:100px 1fr;align-items:start;gap:12px}.proof span{margin:0}.proof b{font-size:20px}}
@media(max-width:350px){.brand{font-size:15px;gap:8px}.brand small{font-size:10px}.hero,.hero:has(.hero-copy){padding:24px 20px}.hero h1{font-size:35px}}