/* PUFAMIX SERVICE SEO 20261007 */
.service-page .service-hero{padding-top:72px}
.service-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#958b82;font-size:.78rem}
.service-breadcrumb a{color:var(--gold)}
.service-breadcrumb a:hover{text-decoration:underline}
.service-hero .hero-copy>p{max-width:690px}
.service-hero-note{display:flex;gap:10px;align-items:center;margin-top:25px;color:#c6bdb4;font-size:.86rem}
.service-hero-note b{color:var(--gold)}
.service-hero-art{min-height:430px;border:1px solid rgba(244,197,112,.28);border-radius:28px;background:radial-gradient(circle at 70% 24%,rgba(241,61,45,.19),transparent 28%),radial-gradient(circle at 30% 70%,rgba(244,197,112,.15),transparent 34%),linear-gradient(145deg,#171513,#0b0a09);display:flex;align-items:center;justify-content:center;padding:34px;position:relative;overflow:hidden}
.service-hero-art:before,.service-hero-art:after{content:'';position:absolute;border:1px solid rgba(244,197,112,.16);border-radius:50%}
.service-hero-art:before{width:270px;height:270px;right:-80px;top:-70px}
.service-hero-art:after{width:220px;height:220px;left:-95px;bottom:-90px}
.service-hero-mark{position:relative;z-index:1;text-align:center}
.service-hero-mark span{display:block;color:var(--red);font:800 clamp(3rem,8vw,6rem) Manrope,sans-serif;letter-spacing:-.08em;line-height:.9}
.service-hero-mark strong{display:block;margin-top:20px;color:var(--gold);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}
.service-intro{background:#0d0c0b;border-block:1px solid rgba(255,255,255,.06)}
.service-intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.service-intro-copy h2{margin:18px 0 23px}
.service-intro-copy p+p{margin-top:18px}
.service-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.service-feature{padding:25px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#171513,#100f0e)}
.service-feature small{display:block;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:17px}
.service-feature h3{font-size:1.3rem;margin-bottom:10px}
.service-feature p{font-size:.9rem}
.service-process .section-top{align-items:start}
.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-step{padding:27px 24px;border-top:2px solid var(--red);background:#11100f;border-radius:0 0 16px 16px}
.service-step small{color:var(--gold);font-weight:800;letter-spacing:.12em}
.service-step h3{font-size:1.35rem;margin:20px 0 10px}
.service-step p{font-size:.88rem}
.service-proof{background:#0d0c0b;border-block:1px solid rgba(255,255,255,.06)}
.service-proof-box{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:42px;border:1px solid rgba(244,197,112,.25);border-radius:24px;background:radial-gradient(ellipse at 100% 0%,rgba(241,61,45,.11),transparent 42%),#141210}
.service-proof-box h2{font-size:clamp(2rem,4vw,3.5rem);margin:16px 0}
.service-proof-box p{max-width:760px}
.service-related{padding-top:74px;padding-bottom:74px}
.service-related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.service-related-links a{display:inline-flex;padding:11px 16px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-weight:700;font-size:.86rem}
.service-related-links a:hover{border-color:var(--gold);background:rgba(244,197,112,.05)}
.service-online-strip{padding:24px 0;border-block:1px solid rgba(244,197,112,.17);background:#11100f}
.service-online-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
.service-online-strip strong{color:var(--ink);font-family:Manrope,sans-serif}
.service-online-strip span{color:var(--gold);font-size:.82rem}
.home-service-seo{padding:38px 0 50px;border-top:1px solid rgba(255,255,255,.06)}
.home-service-seo .service-seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.home-service-seo .service-seo-links a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:.84rem;font-weight:700}
.home-service-seo .service-seo-links a:hover{border-color:var(--gold);background:rgba(244,197,112,.06)}
@media(max-width:850px){
  .service-intro-grid{grid-template-columns:1fr;gap:35px}
  .service-process-grid{grid-template-columns:repeat(2,1fr)}
  .service-proof-box{grid-template-columns:1fr}
}
@media(max-width:640px){
  .service-feature-grid,.service-process-grid{grid-template-columns:1fr}
  .service-hero-art{min-height:280px}
  .service-proof-box{padding:27px 23px}
  .service-online-strip .wrap{align-items:flex-start;flex-direction:column}
}