/* 2026 theme layer: loaded after page styles. Monochrome + one accent, hairlines, restrained motion. */
:root{--ink:#0A0A0A;--ink-2:#52525B;--ink-3:#8A8A93;--line:rgba(10,10,10,.08);--line-2:rgba(10,10,10,.05);--bg:#FAFAFA;--accent:#2F5BFF;--accent-soft:rgba(47,91,255,.08);--bg-warm:#FAFAFA;--text-secondary:#52525B;--text-muted:#8A8A93;--border:rgba(10,10,10,.08)}
html,body{background:var(--bg)!important;color:var(--ink)}
body{font-family:'Inter',system-ui,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:'Geist','Inter',system-ui,sans-serif!important;color:var(--ink)!important;font-weight:600!important}
h1{font-size:clamp(44px,6.2vw,76px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
h2{letter-spacing:-.035em!important;line-height:1.08!important}
h2[class*="text-[56px]"],h2[class*="text-[44px]"]{font-size:clamp(34px,4.4vw,52px)!important}
h2[class*="text-[36px]"],h2[class*="text-[40px]"]{font-size:clamp(30px,3.6vw,44px)!important}
h3,h4{letter-spacing:-.02em!important}
p,li{color:inherit}
[class*="text-[#4A4A46]"],[class*="text-[#5F5F5B]"],.body-copy{color:var(--ink-2)!important}
[class*="text-[#8A8A85]"]{color:var(--ink-3)!important}
[class*="text-[#111"],[class*="text-[#1F1F1F]"]{color:var(--ink)!important}
/* surfaces */
section.bg-white,section[class*="bg-[#F5F5F2]"],[class*="bg-[#F5F5F2]"]:not(.lwr-steps span){background-color:transparent!important}
section{border-color:var(--line-2)!important}
[class*="border-black/10"],[class*="border-black/5"]{border-color:var(--line)!important}
.border-2,[class*="border-l-4"]{border-width:1px!important}
.rounded-2xl,.rounded-3xl,[class*="rounded-[32px]"]{border-radius:16px!important}
div.rounded-2xl[class*="border"],div.rounded-3xl,.mk,.pend,.lwr-compare,.lwr-phone,article[class*="border"]{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.65))!important;backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 1px 2px rgba(10,10,10,.04),0 12px 32px -20px rgba(10,10,10,.12)!important;border:1px solid var(--line)!important}
.shadow-sm,.shadow-lg,.shadow-xl{box-shadow:0 1px 2px rgba(10,10,10,.04)!important}
/* eyebrows instead of pills */
[class*="uppercase"][class*="bg-[#E8EDFF]"],[class*="uppercase"][class*="rounded-md"],[class*="uppercase"][class*="rounded-full"]{background:none!important;padding:0!important;border:0!important;color:var(--ink-2)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;font-weight:500!important;display:inline-flex!important;align-items:center;gap:8px}
[class*="uppercase"][class*="bg-[#E8EDFF]"]::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent)}
[class*="tracking-[0.06em]"][class*="uppercase"],[class*="tracking-wider"][class*="uppercase"],[class*="tracking-widest"][class*="uppercase"]{letter-spacing:.02em!important;text-transform:none!important;font-size:13px!important;font-weight:500!important}
[class*="bg-[#E8EDFF]"]:not(section){background:var(--accent-soft)!important}
/* buttons */
.btn-primary{background:var(--ink)!important;color:#fff!important;height:44px!important;padding:0 20px!important;border-radius:10px!important;font-size:14px!important;font-weight:500!important;gap:8px!important;transition:background .2s ease!important;transform:none!important;box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 1px 2px rgba(0,0,0,.2)}
.btn-primary:hover{background:#27272A!important;transform:none!important}
.btn-secondary{height:44px!important;border-radius:10px!important;border:1px solid var(--line)!important;background:#fff;transform:none!important}
/* chips/icons: monochrome */
.lwr-chip,[class*="w-12"][class*="h-12"][class*="bg-[#E8EDFF]"],[class*="w-14"][class*="h-14"][class*="bg-[#E8EDFF]"]{background:#fff!important;border:1px solid var(--line);color:var(--ink)!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(10,10,10,.05)}
.mk-ok{background:var(--accent-soft)!important}
/* hero grid + gradient accent */
main>section:first-child{position:relative;isolation:isolate}
main>section:first-child::before{content:"";position:absolute;inset:-80px 0 0;z-index:-1;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
main>section:first-child::after{content:"";position:absolute;top:-120px;left:50%;width:900px;height:420px;transform:translateX(-50%);z-index:-1;background:radial-gradient(closest-side,rgba(47,91,255,.10),transparent);filter:blur(10px);pointer-events:none}
[class*="blur-[80px]"],[class*="blur-[120px]"]{display:none!important}
/* dark CTA panel */
[class*="bg-[#111111]"][class*="rounded-[32px]"]{background:radial-gradient(600px 240px at 50% 0%,rgba(47,91,255,.28),transparent 70%),linear-gradient(#0A0A0A,#0A0A0A)!important;border:1px solid rgba(255,255,255,.08);position:relative}
[class*="bg-[#111111]"][class*="rounded-[32px]"]::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}
[class*="bg-[#111111]"] h2{color:#fff!important}
[class*="bg-[#111111]"] .btn-primary{background:#fff!important;color:var(--ink)!important}
/* less motion */
.reveal-animation,.js .reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
.lwr-steps span{animation:none!important}.lwr-steps span:nth-child(2){background:var(--ink)!important;color:#fff!important}
.lwr-steps span{background:#F4F4F5!important;border-radius:6px!important}
.lwr-flow:before{animation:none!important;background:var(--line)!important;opacity:1!important;height:1px!important}
.lwr-media-bar,.mk-dash{animation:none!important}.lwr-media-bar{width:38%}
.lwr-node-icon{box-shadow:0 1px 2px rgba(10,10,10,.05)!important;color:var(--ink)!important;border-radius:12px!important}
.lwr-node-n{background:var(--ink)!important}
.lwr-us{background:rgba(47,91,255,.035)!important}.lwr-head .lwr-us{background:var(--ink)!important}
.lwr-y{color:var(--accent)!important}
.lwr-play{background:var(--ink)!important;box-shadow:0 0 0 8px rgba(10,10,10,.06)!important}
.lwr-media{background:linear-gradient(135deg,#F4F4F5,#FAFAFA)!important;border-color:var(--line)!important}
.av-a{background:linear-gradient(135deg,#0A0A0A,#52525B)!important}.av-c{background:linear-gradient(135deg,#E4E4E7,#F4F4F5)!important}
/* nav */
.lwr-nav-wrap{position:sticky;top:0;z-index:50;padding:12px 16px 0}
.lwr-nav{max-width:1200px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px 0 16px;border:1px solid var(--line);border-radius:14px;background:rgba(250,250,250,.72);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:0 1px 2px rgba(10,10,10,.04)}
.lwr-brand{display:inline-flex;align-items:center;gap:10px;font-family:'Geist','Inter',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.02em;color:var(--ink)}
.lwr-mark{width:24px;height:24px;border-radius:7px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.lwr-links{display:none;gap:4px}
@media(min-width:900px){.lwr-links{display:flex}}
.lwr-links a{font-size:14px;color:var(--ink-2);padding:6px 10px;border-radius:8px;transition:color .15s,background .15s}
.lwr-links a:hover,.lwr-links a[aria-current]{color:var(--ink);background:rgba(10,10,10,.04)}
.lwr-nav-cta{height:36px;padding:0 14px;border-radius:9px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lwr-nav-cta:hover{background:#27272A}
/* footer */
.lwr-footer{border-top:1px solid var(--line);padding:72px 0 40px;margin-top:40px;background:var(--bg)}
.lwr-foot-h{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:16px}
.lwr-footer ul a{color:#666}.lwr-footer ul a:hover{color:var(--ink)}
.lwr-hair{border-color:var(--line)}
/* faq */
.lwr-faq-ic{color:var(--ink-3)!important}.lwr-faq[open] .lwr-faq-ic{color:var(--ink)!important}
::selection{background:rgba(47,91,255,.18)}
[class*="aspect-video"][class*="bg-[#F5F5F2]"],[class*="aspect-"][class*="bg-[#E8EDFF]"]{background:linear-gradient(135deg,#F4F4F5,#FAFAFA)!important;border:1px solid var(--line)}
[class*="aspect-video"]{border-radius:12px!important}


main>section:first-child::after{width:min(900px,100vw)}
.lwr-brand{white-space:nowrap}
@media(max-width:480px){.lwr-brand span:last-child{font-size:14px}.lwr-nav-cta{padding:0 12px;font-size:13px}.lwr-nav-cta span{display:none}}
.grid>*{min-width:0}.lwr-steps{overflow-x:auto;scrollbar-width:none}
/* responsive hardening */
img,video,svg,canvas,iframe{max-width:100%}
img,video{height:auto}
h1,h2,h3,h4,p,li,a,dd,dt,blockquote,figcaption,td,th{overflow-wrap:break-word}
.prose a,main p a{overflow-wrap:anywhere}
.flex>*{min-width:0}
.xp-id{flex-wrap:wrap;white-space:normal;row-gap:0}
.xp-n{overflow:visible;text-overflow:clip}
pre,code{white-space:pre-wrap;word-break:break-word}
@media(max-width:640px){
  .lwr-compare{border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none;display:grid;gap:12px}
  .lwr-compare .lwr-head{display:none}
  .lwr-compare .lwr-row{grid-template-columns:1fr;border:1px solid rgba(10,10,10,.08);border-radius:14px;background:#fff;overflow:hidden}
  .lwr-compare .lwr-row>div{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left!important;padding:10px 14px;border-top:1px solid rgba(10,10,10,.05)}
  .lwr-compare .lwr-row>div:first-child{border-top:0;font-weight:600;padding-top:14px}
  .lwr-compare .lwr-row>div[role=cell]::before{font-size:13px;color:#52525B;font-weight:500}
  .lwr-compare .lwr-row>div[role=cell]:nth-child(2)::before{content:"DIY"}
  .lwr-compare .lwr-row>div[role=cell]:nth-child(3)::before{content:"Big agency"}
  .lwr-compare .lwr-row>div[role=cell]:nth-child(4)::before{content:"Within reach";color:#0A0A0A;font-weight:600}
  .xp-m{gap:14px;flex-wrap:wrap}
  .xp-qt,.xp-qref,.xp-q .xp-m{margin-left:0}
  .lwr-nav{padding:0 8px 0 12px}
}
/* robust section layouts (independent of utility classes) */
.lwr-split{display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
@media(min-width:1024px){.lwr-split{grid-template-columns:minmax(260px,4fr) minmax(0,8fr);gap:64px}}
.lwr-split-head,.lwr-split-body{min-width:0}
.lwr-day{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.lwr-day{grid-template-columns:140px minmax(240px,1fr);gap:32px}}
.lwr-list2{display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px}
@media(min-width:768px){.lwr-list2{grid-template-columns:repeat(2,minmax(240px,1fr))}}
/* footer */
.lwr-footer{border-top:1px solid var(--line);margin-top:40px;background:var(--bg);padding:0}
.lwr-foot-in{max-width:1200px;margin:0 auto;padding:72px 24px 32px}
.lwr-foot-top{display:grid;gap:48px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.lwr-foot-top{grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr);gap:64px}}
.lwr-foot-brand p{margin-top:16px;font-size:14px;line-height:1.6;color:#666;max-width:300px}
.lwr-foot-cols{display:grid;gap:32px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:560px){.lwr-foot-cols{grid-template-columns:repeat(3,minmax(140px,1fr))}}
.lwr-foot-h{font-size:13px;font-weight:600;color:var(--ink);margin:0 0 14px}
.lwr-foot-cols ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lwr-foot-cols a{font-size:14px;color:#666}.lwr-foot-cols a:hover{color:var(--ink)}
.lwr-foot-bottom{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px;color:#888}
/* keep text columns readable (>=~240px) on tablets and small laptops */
@media(min-width:768px) and (max-width:1023px){main .md\:grid-cols-3,main .md\:grid-cols-4,main .md\:grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px) and (max-width:1199px){main .lg\:grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}main .lg\:grid-cols-5>.hidden.lg\:block,main .lg\:grid-cols-5>.absolute{display:none}}