.wb-restyling-page{background:#fff;overflow:hidden}
.wb-restyling-hero{position:relative;min-height:320px;display:flex;align-items:center;overflow:hidden;background:#07192a;color:#fff}
.wb-restyling-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.02);opacity:.5}
.wb-restyling-hero__overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,25,42,.95) 0,rgba(24,52,78,.82) 48%,rgba(232,48,70,.32) 100%)}
.wb-restyling-hero__content{position:relative;z-index:2;max-width:930px;padding:60px 0 40px}
.wb-restyling-hero h1{font-size:clamp(2.1rem,3.55vw,3.95rem);line-height:1.03;font-weight:900;letter-spacing:-.045em;margin:0 0 18px;color:#fff}
.wb-restyling-hero p{font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.65;color:rgba(255,255,255,.84);max-width:820px;margin:0}
.wb-breadcrumb-mini{display:flex;align-items:center;gap:9px;margin:0 0 22px;font-size:.9rem;color:rgba(255,255,255,.68);flex-wrap:wrap}
.wb-breadcrumb-mini a{color:#fff;text-decoration:none}
.wb-breadcrumb-mini a:hover{text-decoration:underline}
.wb-restyling-intro-section,.wb-restyling-signals-section,.wb-restyling-diagnosis-section,.wb-restyling-work-section,.wb-restyling-related-section,.wb-restyling-faq-section{padding:82px 0}
.wb-restyling-signals-section,.wb-restyling-related-section{background:#f7f9fc}
.wb-restyling-text{font-size:1.02rem;line-height:1.78;color:#405168;margin:18px 0 0}
.wb-restyling-heading{max-width:930px;margin:0 auto 44px}
.wb-restyling-heading h2,.wb-restyling-faq-heading h2{font-size:clamp(2rem,3vw,3.35rem);line-height:1.08;font-weight:900;letter-spacing:-.045em;color:#07192a;margin:0 0 14px}
.wb-restyling-heading p,.wb-restyling-faq-heading p{font-size:1.04rem;line-height:1.72;color:#405168;margin:0}
.wb-restyling-before-after{position:relative;display:grid;grid-template-columns:1fr 54px 1fr;gap:16px;align-items:center}
.wb-ba-card{position:relative;padding:20px;border-radius:26px;background:#fff;border:1px solid rgba(24,52,78,.1);box-shadow:0 22px 58px rgba(24,52,78,.1)}
.wb-ba-card>span{display:inline-flex;margin-bottom:13px;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.wb-ba-card-before>span{background:#f2f4f7;color:#667085}
.wb-ba-card-after>span{background:rgba(232,48,70,.1);color:#e83046}
.wb-ba-browser{overflow:hidden;border-radius:18px;border:1px solid rgba(24,52,78,.1);background:#fff}
.wb-ba-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#07192a}
.wb-ba-top i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.38)}
.wb-ba-old-hero,.wb-ba-new-hero{height:72px;background:#e8edf4}
.wb-ba-new-hero{background:linear-gradient(135deg,#18344e,#8d6078)}
.wb-ba-old-lines,.wb-ba-new-cards{padding:14px;display:grid;gap:8px}
.wb-ba-old-lines b{height:10px;border-radius:10px;background:#d8dee8}
.wb-ba-old-lines b:nth-child(2){width:72%}
.wb-ba-old-lines b:nth-child(3){width:88%}
.wb-ba-old-lines b:nth-child(4){width:55%}
.wb-ba-old-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px}
.wb-ba-old-grid em{height:36px;border-radius:12px;background:#edf0f5}
.wb-ba-new-cards{grid-template-columns:repeat(3,1fr)}
.wb-ba-new-cards b{height:58px;border-radius:14px;background:#f7f9fc;border:1px solid rgba(24,52,78,.08)}
.wb-ba-new-cta{height:34px;width:48%;margin:0 14px 16px;border-radius:999px;background:#e83046}
.wb-ba-card p{font-size:13px;line-height:1.55;color:#667085;margin:14px 0 0;font-weight:650}
.wb-ba-arrow{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e83046;color:#fff;box-shadow:0 18px 44px rgba(232,48,70,.26);z-index:2}
.wb-restyling-signal-card,.wb-restyling-card,.wb-restyling-related-card{height:100%;background:#fff;border:1px solid rgba(24,52,78,.1);border-radius:24px;box-shadow:0 18px 48px rgba(24,52,78,.08);padding:26px}
.wb-restyling-signal-card i,.wb-restyling-card i,.wb-restyling-related-card i{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(232,48,70,.1);color:#e83046;font-size:24px;margin-bottom:16px}
.wb-restyling-signal-card h3,.wb-restyling-card h3{color:#18344e;font-size:20px;line-height:1.22;font-weight:950;margin:0 0 10px}
.wb-restyling-signal-card p,.wb-restyling-card p{color:#666b73;font-size:14px;line-height:1.65;margin:0;font-weight:600}
.wb-restyling-card-featured{background:linear-gradient(135deg,#18344e,#07192a);color:#fff}
.wb-restyling-card-featured h3{color:#fff}
.wb-restyling-card-featured p{color:rgba(255,255,255,.74)}
.wb-restyling-diagnosis-section{background:#fff}
.wb-restyling-audit-board{position:relative;padding:28px;border-radius:30px;background:linear-gradient(135deg,#07192a,#18344e);box-shadow:0 28px 70px rgba(7,25,42,.22);overflow:hidden}
.wb-restyling-audit-board:before{content:"";position:absolute;right:-90px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,48,70,.32),transparent 64%);filter:blur(2px)}
.wb-audit-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#fff}
.wb-audit-head strong{display:block;font-size:22px;font-weight:950}
.wb-audit-head span{display:block;color:rgba(255,255,255,.65);font-size:13px;font-weight:700}
.wb-audit-head em{font-style:normal;width:74px;height:74px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(232,48,70,.14);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:22px;font-weight:950}
.wb-audit-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.wb-audit-grid article{padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.wb-audit-grid i{font-size:20px;margin-bottom:10px;display:block}
.wb-audit-grid .ok i{color:#86efac}
.wb-audit-grid .warn i{color:#fbbf24}
.wb-audit-grid .bad i{color:#fb7185}
.wb-audit-grid strong{display:block;color:#fff;font-size:14px;font-weight:950;margin-bottom:4px}
.wb-audit-grid span{display:block;color:rgba(255,255,255,.62);font-size:12px;font-weight:700}
.wb-audit-bars{position:relative;display:grid;gap:12px}
.wb-audit-bars div{display:grid;gap:7px}
.wb-audit-bars span{color:rgba(255,255,255,.76);font-size:13px;font-weight:800}
.wb-audit-bars div:after{content:"";height:9px;border-radius:999px;background:rgba(255,255,255,.1);grid-row:2;grid-column:1}
.wb-audit-bars b{height:9px;border-radius:999px;background:linear-gradient(90deg,#e83046,#ff8da0);grid-row:2;grid-column:1;z-index:2}
.wb-restyling-showcase-section{padding:88px 0;background:#f7f9fc}
.wb-showcase-card{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center;overflow:hidden;padding:44px;border-radius:34px;background:#fff;border:1px solid rgba(24,52,78,.1);box-shadow:0 28px 70px rgba(24,52,78,.1)}
.wb-showcase-copy h2{font-size:clamp(2rem,3vw,3.3rem);line-height:1.06;font-weight:950;letter-spacing:-.045em;color:#07192a;margin:0 0 16px}
.wb-showcase-copy p{color:#405168;font-size:1.04rem;line-height:1.75;margin:0 0 22px}
.wb-showcase-copy a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:12px;background:#e83046;color:#fff!important;font-size:14px;font-weight:900;text-decoration:none}
.wb-showcase-visual{position:relative;min-height:360px}
.wb-mock-desktop{position:absolute;right:30px;top:20px;width:78%;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(24,52,78,.12);box-shadow:0 30px 70px rgba(7,25,42,.2);z-index:2}
.wb-mock-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 18px;background:#07192a}
.wb-mock-top i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4)}
.wb-mock-hero{height:120px;background:linear-gradient(135deg,#18344e,#8d6078 60%,#e83046)}
.wb-mock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}
.wb-mock-row span{height:74px;border-radius:16px;background:#f3f6fb;border:1px solid rgba(24,52,78,.08)}
.wb-mock-chart{height:90px;margin:0 18px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(232,48,70,.1),rgba(141,96,120,.12))}
.wb-mock-mobile{position:absolute;left:22px;bottom:18px;width:150px;height:270px;border-radius:28px;background:#07192a;padding:18px;box-shadow:0 28px 70px rgba(7,25,42,.24);z-index:3}
.wb-mock-mobile div{height:72px;border-radius:18px;background:linear-gradient(135deg,#18344e,#e83046);margin-bottom:16px}
.wb-mock-mobile span{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.2);margin-bottom:10px}
.wb-mock-mobile span:nth-child(3){width:72%}
.wb-mock-mobile b{display:block;height:40px;border-radius:999px;background:#e83046;margin-top:24px}
.wb-magic-trail{position:absolute;right:0;bottom:10px;width:360px;height:160px;background:radial-gradient(circle at 20% 60%,rgba(232,48,70,.32),transparent 36%),radial-gradient(circle at 70% 30%,rgba(255,118,139,.22),transparent 34%);filter:blur(10px);z-index:1}
.wb-restyling-method-section{position:relative;padding:90px 0;background:#07192a;color:#fff;overflow:hidden}
.wb-restyling-method-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(141,96,120,.26),transparent 34%),radial-gradient(circle at 84% 78%,rgba(232,48,70,.16),transparent 28%),linear-gradient(135deg,#07192a 0,#10263d 58%,#07192a 100%);z-index:1}
.wb-restyling-method-section .container{position:relative;z-index:2}
.wb-restyling-heading-light h2,.wb-restyling-heading-light p{color:#fff}
.wb-restyling-method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.wb-restyling-method-grid article{padding:24px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 48px rgba(0,0,0,.14)}
.wb-restyling-method-grid span{display:inline-flex;margin-bottom:16px;color:#ffb3bd;font-size:13px;font-weight:950}
.wb-restyling-method-grid i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(232,48,70,.12);color:#ff8b99;font-size:22px;margin-bottom:16px}
.wb-restyling-method-grid h3{color:#fff;font-size:18px;font-weight:950;margin:0 0 8px}
.wb-restyling-method-grid p{color:rgba(255,255,255,.7);font-size:14px;line-height:1.65;margin:0}
.wb-restyling-cta-section,.wb-restyling-final-cta-section{padding:78px 0;background:#07192a;position:relative;overflow:hidden}
.wb-restyling-cta-section:before,.wb-restyling-final-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 30%,rgba(232,48,70,.22),transparent 22%),radial-gradient(circle at 68% 72%,rgba(141,96,120,.22),transparent 24%),linear-gradient(135deg,#07192a 0,#10263d 58%,#07192a 100%)}
.wb-restyling-cta-section .container,.wb-restyling-final-cta-section .container{position:relative;z-index:2}
.wb-restyling-cta-box,.wb-restyling-final-cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 40px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.2)}
.wb-restyling-cta-box span,.wb-restyling-final-cta-box span{display:block;color:#ffb3bd;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;margin-bottom:8px}
.wb-restyling-cta-box h2,.wb-restyling-final-cta-box h2{color:#fff;font-size:clamp(2rem,3.2vw,3.45rem);line-height:1.04;letter-spacing:-.04em;font-weight:950;margin:0 0 14px}
.wb-restyling-cta-box p,.wb-restyling-final-cta-box p{color:rgba(255,255,255,.76);font-size:16px;line-height:1.74;margin:0;max-width:760px}
.wb-restyling-cta-actions,.wb-restyling-final-cta-actions{display:grid;gap:12px;min-width:250px}
.wb-restyling-cta-actions a,.wb-restyling-final-cta-actions a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:12px;background:#e83046;color:#fff!important;font-size:14px;font-weight:900;text-decoration:none}
.wb-restyling-cta-actions a.outline,.wb-restyling-final-cta-actions a.outline{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2)}
.wb-restyling-related-card{display:block;text-decoration:none}
.wb-restyling-related-card strong{display:block;color:#18344e;font-size:18px;font-weight:950;margin-bottom:7px}
.wb-restyling-related-card span{display:block;color:#666b73;font-size:14px;line-height:1.55;font-weight:600}
.wb-restyling-related-card:hover{transform:translateY(-4px)}
.wb-restyling-faq-heading{max-width:860px;margin:0 auto 40px}
.wb-restyling-faq-accordion{max-width:920px;margin:0 auto}
.wb-restyling-faq-accordion .accordion-item{border:1px solid rgba(24,52,78,.1);border-radius:16px!important;overflow:hidden;margin-bottom:12px;box-shadow:0 10px 28px rgba(24,52,78,.05)}
.wb-restyling-faq-accordion .accordion-button{font-weight:900;color:#18344e;box-shadow:none}
.wb-restyling-faq-accordion .accordion-button:not(.collapsed){background:rgba(232,48,70,.06);color:#07192a}
.wb-restyling-faq-accordion .accordion-body{color:#405168;line-height:1.75;font-size:.98rem}
@media (max-width:1199px){
  .wb-restyling-method-grid{grid-template-columns:repeat(2,1fr)}
  .wb-audit-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
  .wb-restyling-intro-section,.wb-restyling-signals-section,.wb-restyling-diagnosis-section,.wb-restyling-work-section,.wb-restyling-related-section,.wb-restyling-faq-section{padding:68px 0}
  .wb-restyling-before-after{grid-template-columns:1fr}
  .wb-ba-arrow{transform:rotate(90deg);margin:auto}
  .wb-showcase-card{grid-template-columns:1fr}
  .wb-restyling-cta-box,.wb-restyling-final-cta-box{flex-direction:column;align-items:flex-start}
  .wb-restyling-cta-actions,.wb-restyling-final-cta-actions{width:100%}
}
@media (max-width:767px){
  .wb-restyling-hero{min-height:280px}
  .wb-restyling-hero__content{padding:74px 0 48px}
  .wb-restyling-method-grid,.wb-audit-grid{grid-template-columns:1fr}
  .wb-showcase-card{padding:28px;border-radius:26px}
  .wb-showcase-visual{min-height:330px}
  .wb-mock-desktop{width:88%;right:0}
  .wb-mock-mobile{left:0}
  .wb-restyling-cta-box,.wb-restyling-final-cta-box{padding:26px;border-radius:22px}
}