/* Brand review 33 — content-level design, scoped away from the approved home. */
.tone-art{display:block;width:100%;height:auto;background:transparent;overflow:visible}
.tone-lines{transform:translate(var(--km-x,0px),var(--km-y,0px));transition:transform 1s cubic-bezier(.2,.7,.2,1);transform-origin:center}
body.sp .lp-main{--lp-blue:#197fc2;--lp-blue-d:#186a94;--lp-tint:#edf4f7;--lp-ink:#142c3a;--lp-muted:#536775;--lp-rule:#cbd7de;--lp-soft:#f4f6f7;background:#fafbf9;font-family:var(--sp-sans);letter-spacing:.015em}
body.sp .lp-main .lp-wrap{max-width:1220px;padding-inline:40px}
body.sp .lp-main .lp-hero{background:#101b25;color:#f2f7fa;padding:64px 0 56px}
body.sp .lp-main .lp-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6%;align-items:center}
body.sp .lp-main .lp-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.6;font-weight:400;letter-spacing:.01em;margin-bottom:24px}
body.sp .lp-main .lp-hero .lp-em{color:#77c7ed}
body.sp .lp-main .lp-crumb{color:#c0d6e4;margin-bottom:22px}
body.sp .lp-main .lp-hero .lp-tagpill{color:#c0d6e4;background:transparent;border:0;border-left:1px solid #df6855;border-radius:0;padding:2px 0 2px 14px;font-weight:400;letter-spacing:.025em;font-size:13px;margin:0}
body.sp .lp-main .lp-hero .lp-msg{margin:34px 0 0;text-align:left;border-top:1px solid #ffffff30;padding-top:24px}
body.sp .lp-main .lp-marker{background:none;border-bottom:1px solid #83aec4;font-weight:500;padding:0}
body.sp .lp-main .lp-hero .lp-pills{justify-content:flex-start;gap:20px;margin:22px 0}
body.sp .lp-main .lp-pill{background:none;color:inherit;padding:0;border-radius:0;font-size:15px;font-weight:400}
body.sp .lp-main .lp-pills i{color:#74899a}
body.sp .lp-main .lp-bigline{text-align:left;font-size:clamp(23px,2.5vw,34px);font-weight:400;line-height:1.6;margin:22px 0}
body.sp .lp-main .lp-hl{color:#77c7ed}
body.sp .lp-main .lp-hero .sp-pill{color:#eef7fc!important;border-color:#9aadb9!important;background:transparent!important;box-shadow:none!important}
body.sp .lp-main .lp-hero .sp-pill:hover{color:#101b25!important;background:#eef7fc!important}
body.sp .lp-main .lp-morelink{max-width:410px;margin-top:4px}
body.sp .lp-main .lp-cta-row{justify-content:flex-start;margin-top:20px;gap:16px}
body.sp .lp-main .lp-cta-row .sp-pill{min-width:260px;white-space:normal}
body.sp .lp-main .lp-bridge{margin:22px 0 0;padding:0;color:#b4c6d0;font-size:12px}
body.sp .lp-main .lp-bridge:after{display:none}
body.sp .lp-main .lp-sec{padding:76px 0}
body.sp .lp-main .lp-sec.lp-alt{background:#edf3f5}
body.sp .lp-main .lp-en{color:#197fc2;font-weight:400;letter-spacing:.04em}
body.sp .lp-main .lp-sec-label{gap:0;margin-bottom:20px}
body.sp .lp-main .lp-sec-label i{display:none}
body.sp .lp-main .lp-sec-label span{font-weight:400;font-size:clamp(24px,2.6vw,35px);letter-spacing:.01em;line-height:1.6}
body.sp .lp-main .lp-lead{margin:0 0 32px;text-align:left;font-size:15px}
body.sp .lp-main .lp-card{background:transparent;border:0;border-top:1px solid #bbcdd7;border-radius:0;box-shadow:none}
body.sp .lp-main .lp-point{padding:34px 0;margin:0;gap:6%;grid-template-columns:1.15fr 1fr}
body.sp .lp-main .lp-pt-no strong{font-size:38px;font-weight:400}
body.sp .lp-main .lp-pt-no span{font-weight:400;letter-spacing:.03em}
body.sp .lp-main .lp-pt-title{font-size:clamp(22px,2.2vw,29px);font-weight:400;letter-spacing:0}
body.sp .lp-main .lp-pt-fig{max-width:430px;width:100%;justify-self:center}
body.sp .lp-main .lp-writer{padding:28px 0;text-align:left}
body.sp .lp-main .lp-writer .tone-symbol{margin:0 0 24px;width:66px;height:66px}
body.sp .lp-main .lp-writer .lp-yrs{border:0;border-radius:0;padding:0;font-weight:400}
body.sp .lp-main .lp-writer h3{font-size:21px;font-weight:400}
body.sp .lp-main .lp-step{padding:26px 0;grid-template-columns:80px minmax(0,1fr);gap:24px}
body.sp .lp-main .lp-step .tone-symbol{width:66px;height:66px}
body.sp .lp-main .lp-arrow{display:none}
body.sp .lp-main .lp-step h3{font-weight:400}
body.sp .lp-main .lp-callout{border:0;border-top:1px solid #a5bdcc;border-radius:0;background:transparent;padding:25px 0;margin-top:28px;text-align:left}
body.sp .lp-main .lp-callout p{font-weight:400}
body.sp .lp-main .lp-pricebox{background:#142c3a;padding:40px;border-radius:0}
body.sp .lp-main .lp-pricebox .lp-coupon{background:transparent;color:#bce4f8;border:1px solid #65889d;border-radius:0;font-weight:400}
body.sp .lp-main .lp-deliv{padding:25px 0;text-align:left}
body.sp .lp-main .lp-deliv .tone-symbol{width:70px;height:70px;margin:0 0 20px}
body.sp .lp-main .lp-accent{background:transparent;border-color:#df6855}
body.sp .lp-main .lp-result{border-radius:0;background:transparent;box-shadow:none;padding:25px 20px;border:0;border-top:1px solid #b3c7d3}
body.sp .lp-main :is(.lp-r-genre,.lp-r-badge){background:transparent;border-radius:0;color:#197fc2;padding:0;font-weight:400}
body.sp .lp-main :is(.lp-r-cpa,.lp-r-cv){font-weight:400;color:#197fc2}
body.sp .lp-main .lp-frow{background:transparent;border:0;border-top:1px solid #bdcdd7;border-radius:0;padding:24px 0}
body.sp .lp-main .lp-bubble{border-radius:0;background:transparent;box-shadow:none;border:0;border-top:1px solid #c2d1d9}
body.sp .lp-main .lp-bubble:before,body.sp .lp-main .lp-bubble:after{display:none}
body.sp .lp-main .lp-final{background:#142c3a;padding:60px 0}
body.sp .lp-main .lp-final .sp-pill{min-width:260px;max-width:100%}
.tone-symbol{fill:none;stroke:#329bd5;stroke-width:1.2;display:block}
/* Long-form guides: restrained editorial typography and information framing. */
body.sp .sp-guide.service-refined{--blue:#197fc2;--ink:#142c3a;background:#fafbf9;font-family:var(--sp-sans)}
body.sp .sp-guide.service-refined .sp-thumb{background:transparent;border:0;border-radius:0;box-shadow:none}
body.sp .sp-guide.service-refined .sp-h{font-weight:400;letter-spacing:.01em;border-left:0;padding-left:0;font-size:clamp(24px,2.7vw,36px);line-height:1.55}
body.sp .sp-guide.service-refined .sp-sec{padding-block:52px;border-color:#c7d6de}
body.sp .sp-guide.service-refined :is(.sp-feat-card,.sp-feat .card,.sp-org,.sp-org2,.sp-auto,.sp-flow,.sp-rep,.sp-pflow,.sp-week,.sp-two,.sp-fit,.sp-demand,.sp-res,.sp-loop,.sp-team,.sp-duo,.sp-cost,.sp-fee){background:transparent;border-radius:0;box-shadow:none;border-color:#c7d6de}
body.sp .sp-guide.service-refined :is(.sp-feat-card,.sp-feat .card){border:0;border-top:1px solid #bdcdd6;padding-top:25px}
body.sp .sp-guide.service-refined .illust{background:transparent}
body.sp .sp-guide.service-refined .sp-bar{background:#142c3a;color:#fff;border-radius:0;box-shadow:none}
body.sp .sp-guide.service-refined :is(.sp-agenda,.sp-stats,.sp-cost-note,.sp-two-note){background:#edf3f5;border-radius:0;box-shadow:none}
body.sp .sp-guide.service-refined :is(.sp-offersec,.sp-obody){background:#edf3f5;border-color:#c7d6de;border-radius:0;box-shadow:none}
body.sp .sp-guide.service-refined .sp-oribbon{background:#142c3a;color:#fff}
body.sp .sp-guide.service-refined :is(.sp-cta,.sp-cta .sp-btn){border-radius:0}
/* Article-specific legacy blocks, rather than only the shared shell. */
body.sp-legacy .article :is(.lead-box,.toc,.ask,.map,.step,.vs-col,.point,.term,.layer,.stat,.source-note){border-radius:0;box-shadow:none;background:transparent;border-color:#b8cbd6}
body.sp-legacy .article :is(.lead-box,.ask,.source-note){border-width:1px 0;padding:25px 0}
body.sp-legacy .article-body h2{border-left:0;border-top:1px solid #bfd0db;padding:24px 0 0;font-weight:400;letter-spacing:0}
body.sp-legacy .article :is(.step .n,.layer .tag){background:transparent;color:#197fc2;border-radius:0;padding-left:0;font-weight:400}
body.sp-legacy .article .steps .step{flex-basis:auto}
body.sp-legacy .article .point{border-left:1px solid #329bd5}
body.sp-legacy :is(.nw-body,.wk-body) :is(.box,.card,.note){border-radius:0;box-shadow:none}
body.sp-legacy :is(.col-back,.article-back,.nw-back) a{box-shadow:none!important}
body.sp .finish-status :is(.tx-card,.tx-link){border-radius:0;box-shadow:none}
@media(max-width:760px){
 body.sp .lp-main .lp-wrap{padding-inline:24px}
 body.sp .lp-main .lp-hero{padding:35px 0 38px}
 body.sp .lp-main .lp-hero-grid,body.sp .lp-main .lp-point{grid-template-columns:minmax(0,1fr);gap:24px}
 body.sp .lp-main .lp-hero h1{font-size:29px}
 body.sp .lp-main .lp-hero-grid>.tone-art,body.sp .lp-main .lp-hero-grid>div:has(>.tone-art){max-width:380px;margin:auto}
 body.sp .lp-main .lp-hero .lp-msg{margin-top:24px}
 body.sp .lp-main .lp-hero .lp-pills{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}
 body.sp .lp-main .lp-sec{padding-block:48px}
 body.sp .lp-main .lp-sec-label span{font-size:24px}
 body.sp .lp-main .lp-point{padding-block:26px}
 body.sp .lp-main .lp-point.lp-rev .lp-pt-body{order:0}
 body.sp .lp-main .lp-pt-fig{max-width:310px}
 body.sp .lp-main .lp-writers{grid-template-columns:minmax(0,1fr);gap:0}
 body.sp .lp-main .lp-pricebox{padding:30px 22px}
 body.sp .lp-main .lp-cta-row .sp-pill{min-width:0;width:100%;max-width:100%}
 body.sp .lp-main .lp-step{grid-template-columns:55px minmax(0,1fr);gap:15px}
 body.sp .lp-main .lp-step .tone-symbol{width:48px;height:48px}
 body.sp .sp-guide.service-refined .sp-sec{padding-block:35px}
}
@media(prefers-reduced-motion:reduce){.tone-lines{transform:none!important;transition:none}}
body.sp .lp-main .lp-who .tone-symbol{width:44px;height:44px;margin:0 auto 10px}
body.sp .lp-main .lp-say{background:transparent!important;border-radius:0;padding:0 0 0 20px;border-left:1px solid #bacdd7}
body.sp .lp-main .lp-chat{padding:26px 0}
body.sp .lp-main .lp-tags li{border:0;border-bottom:1px solid #bacdd7;border-radius:0;background:transparent;padding:8px 0;margin-right:22px}
body.sp .lp-main .lp-faq details{border:0;border-bottom:1px solid #bacdd7;background:transparent;border-radius:0;margin:0}
body.sp .lp-main .lp-faq summary{padding:23px 42px 23px 0;font-weight:400}
body.sp .lp-main .lp-faq .lp-ans{padding-inline:0}
body.sp .lp-main .lp-final p{color:#d8e7ef}
body.sp .lp-main .lp-final h2{color:#f2f7fa}
body.sp .lp-main .lp-final .sp-pill{color:#f2f7fa!important;border-color:#95b4c5!important;background:transparent!important}
body.sp .sp-guide.service-refined .sp-feat-card .n{background:none;box-shadow:none;color:#197fc2;border:0;border-radius:0;font-size:22px;font-weight:400}
body.sp .sp-guide.service-refined .sp-feat-card .n:before,body.sp .sp-guide.service-refined .sp-feat-card .n:after{display:none}
body.sp .sp-guide.service-refined .sp-thumb .tone-cover{width:100%;height:auto;max-height:280px}
body.sp .sp-guide.service-refined{--c-blue:#197fc2;--c-dark:#142c3a;--c-b2:#76b4d2;--c-b3:#c8dde7;--c-tint:#edf3f5;--c-line:#c4d3dc}
body.sp .sp-guide.service-refined :is(div,figure,section,aside){border-radius:0;box-shadow:none}
body.sp .sp-guide.service-refined :is(.sp-res .r,.sp-two .col,.sp-pflow .from,.sp-flow .step,.sp-duo .card,.sp-auto .col,.sp-team .m,.sp-rep .r){background:transparent;border-left:0;border-top:1px solid #bdcdd6}
body.sp .sp-guide.service-refined .sp-feat-card .no{background:none;box-shadow:none;color:#197fc2;border:0;border-radius:0;font-size:22px;font-weight:400}
body.sp .sp-guide.service-refined .sp-demand .grad{background:#237ea5}
body.sp .sp-guide.service-refined .sp-eq .box{box-shadow:none;border-width:1px}
body.sp .wk-main{--wk-blue:#197fc2;--wk-ink:#142c3a;--wk-muted:#536775;--wk-tint:#edf3f5}
body.sp .wk-main .wk-res>div{background:transparent;border-radius:0;border-top:1px solid #b6cad6;text-align:left;padding:24px 0}
body.sp .wk-main .wk-res .v{font-family:var(--sp-sans);font-weight:400;font-size:clamp(29px,3.4vw,46px)}
body.sp .wk-main .wk-body h2{border-left:0;border-top:1px solid #bdcfd9;padding:24px 0 0;font-weight:400}
body.sp .sp-careers-page .sp-careers-stage{display:block;position:relative;isolation:isolate}
body.sp .sp-careers-page .sp-careers-copy{position:relative;z-index:1;text-align:center;padding:30px 0}
body.sp .sp-careers-page .sp-careers-copy h1{font-family:'SP Swift',cursive!important;font-size:clamp(45px,9vw,130px);line-height:1.3;white-space:nowrap;letter-spacing:-.05em;transform:rotate(-4deg);margin:0 0 28px}
body.sp .sp-careers-page .sp-careers-copy>h2{margin-top:28px}
body.sp .sp-careers-page .sp-careers-copy>p{margin-inline:auto!important;max-width:48em}
body.sp .sp-careers-page .sp-careers-hero-links{justify-content:center;flex-wrap:wrap}
.brand-career-fluid{position:absolute;inset:-80px -12% -90px;z-index:0;pointer-events:none;overflow:hidden}
.brand-career-fluid svg{width:100%;height:100%;min-height:600px}
.brand-career-fluid path{transform-box:fill-box;transform-origin:center}
.brand-career-fluid .fluid-a{animation:brand-fluid 12s ease-in-out infinite alternate}
.brand-career-fluid .fluid-b{animation:brand-fluid 16s ease-in-out -4s infinite alternate-reverse}
@keyframes brand-fluid{to{transform:translate(35px,25px) rotate(9deg) scale(1.08)}}
@media(max-width:760px){body.sp .sp-careers-page .sp-careers-copy{padding:12px 0}body.sp .sp-careers-page .sp-careers-copy h1{font-size:10vw}.brand-career-fluid{opacity:.65}.brand-career-fluid svg{min-height:700px}}
@media(prefers-reduced-motion:reduce){.brand-career-fluid path{animation:none!important}}
body.sp .sp-careers-page .sp-careers-hero>.sp-kicker{position:relative;z-index:2}
.brand-career-fluid svg{min-height:520px}
@media(max-width:760px){.brand-career-fluid{inset:-40px -12% -60px}.brand-career-fluid svg{min-height:420px}}
body.sp .sp-guide.service-refined .sp-faq details{background:transparent;border:0;border-bottom:1px solid #bdcdd6;border-radius:0;box-shadow:none;margin:0}
body.sp .sp-guide.service-refined .sp-faq summary{padding-left:0;font-weight:400}
body.sp .lp-main .lp-final .sp-pill,body.sp .sp-guide.service-refined .sp-cta .sp-pill{width:auto!important;min-width:min(320px,100%);max-width:100%}
body.sp-legacy .col-author .ic{width:108px;height:40px;flex:0 0 108px;background:transparent;border:0;border-radius:0;overflow:visible}
body.sp-legacy .col-author .ic img{width:108px;height:40px;object-fit:contain;border-radius:0}
@media(max-width:600px){body.sp-legacy .col-author .ic{margin-bottom:20px}}
body.sp-legacy .col-author .ic img{background:transparent!important}
body.sp-legacy .col-back a{display:inline-flex;align-items:center;gap:24px;padding:14px 25px;border:1px solid #8296a3;border-radius:999px;background:transparent!important;box-shadow:none!important;color:#142c3a;font-family:var(--sp-sans);font-size:14px;font-weight:400;min-height:54px;text-decoration:none}
body.sp-legacy .col-back a i{display:inline-block;width:auto;height:auto;min-width:0;background:transparent!important;color:inherit!important;border:0;border-radius:0;font-size:20px;line-height:1;font-style:normal}
body.sp-legacy .col-back a:hover{background:#e6edf1!important}
body.sp-legacy .col-author .ic{background:transparent!important}