@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap");

:root{
  --bg:#0b0d10;
  --bg-soft:#11151a;
  --panel:#12171d;
  --panel-2:#171d24;
  --line:#28313a;
  --text:#f4f6f7;
  --muted:#9da7b0;
  --orange:#ff6a3d;
  --orange-soft:#ff8b64;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
header{
  height:84px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;
  background:rgba(11,13,16,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;
  backdrop-filter:blur(16px)
}
.logo{font-weight:800;font-size:16px;letter-spacing:.6px;display:flex;flex-direction:column;line-height:1.05}
.logo span{color:var(--orange)}
nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#c8cfd4}
nav a{transition:.2s}
nav a:hover{color:#fff}
.navcta,.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;
  border:1px solid var(--orange);background:var(--orange);color:#16110f;font-weight:800;
  transition:transform .2s,background .2s,color .2s
}
.navcta:hover,.btn:hover{transform:translateY(-2px);background:#fff;border-color:#fff}
.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:2.4px;color:var(--orange);font-weight:700}
.hero{
  min-height:calc(100vh - 84px);padding:8vw 7vw 7vw;position:relative
}
.hero-expanded{
  display:grid;grid-template-columns:1.02fr .98fr;gap:7vw;align-items:center;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,106,61,.13),transparent 26%),
    linear-gradient(180deg,#0d1014,#0b0d10)
}
.hero-copy{position:relative;z-index:2}
.hero h1{
  max-width:760px;margin:20px 0 28px;font-size:clamp(58px,7.6vw,116px);
  line-height:.91;letter-spacing:-.075em
}
.hero.compact{min-height:50vh;padding-top:11vw;padding-bottom:8vw}
.hero.compact h1{font-size:clamp(52px,7vw,92px)}
.lead{max-width:680px;font-size:19px;line-height:1.7;color:#b5bec5}
.hero-extra{max-width:650px;color:#89949d;line-height:1.75}
.buttons{display:flex;gap:22px;align-items:center;margin-top:34px}
.textlink{font-size:14px;font-weight:700;color:#fff;border-bottom:1px solid var(--orange);padding-bottom:4px}
.textlink:hover{color:var(--orange)}

.agency-visual{
  min-height:590px;border:1px solid var(--line);background:
  radial-gradient(circle at 72% 38%,rgba(255,106,61,.28),transparent 20%),
  linear-gradient(135deg,#151a20,#0c0f13);
  position:relative;overflow:hidden;padding:22px;display:flex;flex-direction:column;justify-content:space-between
}
.agency-visual:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),
             linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);
  background-size:84px 84px;opacity:.55
}
.visual-top,.visual-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;
  font-family:"DM Mono";font-size:10px;letter-spacing:1.6px;color:#8d969e;text-transform:uppercase}
.visual-grid{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:20px}
.visual-copy p{margin:0;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;color:#c8d0d6}
.visual-copy p:first-child{color:var(--orange)}
.visual-orbit{
  width:min(28vw,350px);aspect-ratio:1;border:1px solid rgba(255,106,61,.5);border-radius:50%;
  display:grid;place-items:center;position:relative;margin:auto
}
.visual-orbit:before,.visual-orbit:after{
  content:"";position:absolute;border-radius:50%;border:1px solid var(--line)
}
.visual-orbit:before{width:72%;height:72%}.visual-orbit:after{width:118%;height:118%;border-color:rgba(255,255,255,.08)}
.visual-core{
  width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:var(--orange);
  color:#121212;font-family:"DM Mono";font-weight:700;letter-spacing:1px;box-shadow:0 0 70px rgba(255,106,61,.32)
}

.intro-wide{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:130px 7vw;background:#f2efe9;color:#111419}
.intro-wide h2{font-size:clamp(48px,6vw,86px);line-height:.95;letter-spacing:-.065em;margin:16px 0}
.intro-wide p{font-size:18px;line-height:1.9;color:#515a61}
.section,.statement{padding:120px 7vw}
.section h2,.statement h2{font-size:clamp(42px,5.5vw,80px);letter-spacing:-.06em;line-height:.98;max-width:900px}
.grid{display:grid;gap:18px}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.two{grid-template-columns:repeat(2,1fr)}
.services-preview{background:#0f1318}
.services-preview .grid{padding:42px 0}
article{
  min-height:210px;background:var(--panel);border:1px solid var(--line);padding:28px
}
article b,article span{font-family:"DM Mono";color:var(--orange)}
.service-mini{gap:1px;background:var(--line);border:1px solid var(--line)}
.service-mini article{border:0;background:#0f1318;padding:0 0 30px}
.service-mini img{width:100%;height:220px;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08)}
.service-mini h3,.service-mini p,.service-mini a{margin-left:24px;margin-right:24px}
.service-mini h3{font-size:27px;margin-top:24px}
.service-mini p{color:var(--muted);line-height:1.7}
.service-mini a{display:inline-block;margin-top:10px;color:var(--orange);font-weight:700}
.dark{background:#151a20}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:45px;border:1px solid var(--line)}
.process-grid article{background:#151a20;border:0;min-height:260px}
.process-grid article b{font-size:12px}
.process-grid h3{font-size:25px}
.process-grid p{color:var(--muted);line-height:1.7}
.statement{background:#0b0d10}
.statement .lead{margin:0 0 25px}
.cta-band{padding:110px 7vw;background:var(--orange);color:#16110f}
.cta-band .eyebrow{color:#42251b}
.cta-band h2{font-size:clamp(50px,7vw,98px);line-height:.94;letter-spacing:-.07em;max-width:1000px}
.cta-band p{max-width:670px;font-size:18px;line-height:1.8}
.orange{background:#15191d;color:#fff;border-color:#15191d}
.orange:hover{background:#fff;color:#15191d}

.feature-image,.about-image{padding:0 7vw 100px;background:#0b0d10}
.feature-image img,.about-image img{width:100%;max-height:600px;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.service-hero{min-height:72vh;padding:9vw 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.service-hero h1{font-size:clamp(54px,7vw,98px);line-height:.93;letter-spacing:-.07em}
.service-hero img{width:100%;border:1px solid var(--line);background:#111820;filter:grayscale(1)}
.service-detail{padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#f2efe9;color:#111419}
.service-detail h2{font-size:clamp(45px,5vw,74px);letter-spacing:-.06em}
.service-detail>div:last-child{font-size:18px;line-height:1.85;color:#4f5960}
.service-detail li{margin:14px 0}
.service-grid,.blog-grid{padding-top:0}
.service-card,.blog-card{padding:0 0 28px;overflow:hidden}
.service-card img,.blog-card img{width:100%;display:block;filter:grayscale(.7)}
.service-card h2,.blog-card h2{padding:0 24px;margin:18px 0 8px}
.service-card p,.blog-card p{padding:0 24px;color:var(--muted);line-height:1.7}
.service-card span{display:block;padding:22px 24px 0}
.service-card .textlink,.blog-card .textlink{margin:10px 24px;display:inline-block}
.blog-card .eyebrow{padding-top:22px}
.caseimg{height:190px;background:linear-gradient(135deg,#151a20,#0b0d10);border:1px solid var(--line);display:grid;place-items:center;color:var(--orange);font-family:"DM Mono"}
.note{margin:0 7vw 100px;padding:28px;border-left:2px solid var(--orange);background:#151a20;color:#d7dde1}
.contactgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;padding:0 7vw 110px}
form{display:grid;gap:16px}
label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9da7b0;font-weight:700}
input,select,textarea{display:block;width:100%;margin-top:8px;padding:16px;background:#12171d;color:#fff;border:1px solid var(--line);font:inherit}
textarea{height:165px}.success{display:none;color:#7fe1a4}
.contactgrid aside{padding:34px;background:#151a20;border:1px solid var(--line)}
.contactgrid aside p{line-height:1.8;color:var(--muted)}

.policy{max-width:940px;padding:0 7vw 110px;line-height:1.9;color:#c6cdd2}
.policy h2{margin-top:52px;font-size:30px;color:#fff}
.policy-intro{padding:24px;border-left:2px solid var(--orange);background:#151a20;margin-bottom:35px}
.article-page{max-width:920px;margin:0 auto;padding:110px 25px;background:transparent;border:0}
.article-page h1{font-size:clamp(52px,7vw,96px);letter-spacing:-.07em;line-height:.94}
.article-page h2{margin-top:56px;font-size:clamp(32px,4vw,50px);letter-spacing:-.05em}
.article-page p{font-size:18px;line-height:1.9;color:#c4ccd2}
.article-page img{width:100%;margin:35px 0;filter:grayscale(.45)}
.article-intro{font-size:21px!important;border-left:2px solid var(--orange);padding-left:22px}
.article-cta{margin-top:70px;padding:45px;background:#151a20;border:1px solid var(--line)}
.article-cta h2{margin-top:0!important}.article-cta .btn{display:inline-flex}
.center{text-align:center}

footer{
  background:#07090b;padding:80px 7vw 28px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;
  gap:42px;font-size:13px;border-top:1px solid var(--line);color:#9da7b0
}
footer .logo{color:#fff}
footer h4{margin:0 0 16px;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
footer a{display:block;margin:9px 0}
footer a:hover{color:var(--orange)}
.footer-legal{
  grid-column:1/-1;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap
}
.footer-legal-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal p{margin:0;font-size:11px}
#cookie-banner{
  position:fixed;left:22px;bottom:22px;max-width:560px;padding:20px;background:#151a20;color:#fff;
  border:1px solid var(--line);z-index:60;box-shadow:0 20px 80px rgba(0,0,0,.45);display:none;gap:20px;align-items:center
}
#cookie-banner.show{display:flex}
#cookie-banner p{font-size:12px;line-height:1.6;color:#aeb7bf}
#cookie-banner a{font-size:12px;color:var(--orange)}
#cookie-banner button{padding:11px 16px;border:1px solid var(--line);background:transparent;color:#fff;cursor:pointer}
#cookie-banner #accept{background:var(--orange);border-color:var(--orange);color:#111}

@media(max-width:900px){
  header{padding:0 5vw}
  nav{gap:14px}
  nav a:not(.navcta){display:none}
  .hero-expanded,.intro-wide,.service-hero,.service-detail,.contactgrid{grid-template-columns:1fr}
  .hero{padding:13vw 7vw 12vw}
  .agency-visual{min-height:460px}
  .grid.three,.grid.two{grid-template-columns:1fr}
  .section,.statement{padding:85px 7vw}
  .process-grid{grid-template-columns:1fr 1fr}
  .intro-wide{padding:90px 7vw;gap:30px}
  .service-detail{padding:90px 7vw;gap:35px}
  .feature-image,.about-image{padding:0 7vw 70px}
  footer{grid-template-columns:1fr 1fr;padding:60px 7vw 28px}
}
@media(max-width:600px){
  .hero h1{font-size:54px}
  .hero.compact h1{font-size:50px}
  .buttons{flex-wrap:wrap}
  .agency-visual{min-height:380px;padding:16px}
  .visual-grid{grid-template-columns:1fr}
  .visual-copy{display:grid;grid-template-columns:1fr 1fr}
  .visual-copy p{font-size:12px;padding:9px}
  .visual-orbit{width:190px}
  .process-grid{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}
  #cookie-banner{left:12px;right:12px;bottom:12px}
}


/* Zero block: no image, clean preview-style editorial composition */
.hero-expanded{
  grid-template-columns:1.12fr .88fr !important;
  align-items:stretch !important;
}
.hero-preview-layout{
  min-height:590px;
  border-left:1px solid var(--line);
  position:relative;
  display:flex !important;
  flex-direction:column;
  justify-content:space-between;
  padding:34px;
  overflow:hidden;
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(255,255,255,.055) 50%, transparent 50.2%),
    linear-gradient(0deg, transparent 0 49.8%, rgba(255,255,255,.045) 50%, transparent 50.2%),
    #0b0d10 !important;
  background-size:100% 100%,100% 100%,auto !important;
}
.hero-preview-layout:before{
  content:"";
  position:absolute;
  width:58%;
  aspect-ratio:1;
  border:1px solid rgba(255,106,61,.55);
  border-radius:50%;
  right:-16%;
  top:20%;
}
.hero-preview-layout:after{
  content:"";
  position:absolute;
  width:34%;
  aspect-ratio:1;
  background:var(--orange);
  border-radius:50%;
  right:8%;
  bottom:-12%;
  opacity:.95;
}
.preview-kicker,.preview-number,.preview-bottom{
  position:relative;
  z-index:2;
  font-family:"DM Mono",monospace;
  font-size:10px;
  letter-spacing:1.8px;
  color:#aab2b9;
}
.preview-number{
  position:absolute;
  right:34px;
  top:30px;
  color:var(--orange);
  font-size:12px;
}
.preview-line{
  position:relative;
  z-index:2;
  width:54%;
  height:2px;
  background:var(--orange);
  margin-top:auto;
  margin-bottom:30px;
}
.preview-bottom{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:240px;
}

@media(max-width:900px){
  .hero-expanded{grid-template-columns:1fr !important;}
  .hero-preview-layout{
    min-height:380px;
    border-left:0;
    border-top:1px solid var(--line);
  }
}


/* v11 corrections: actual hero visual, no address, no floating Policies heading */
.hero-expanded{
  grid-template-columns:1.02fr .98fr !important;
  align-items:center !important;
}
.hero-photo{
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border:1px solid var(--line);
  background:#111;
  overflow:hidden !important;
  display:block !important;
}
.hero-photo img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
}

/* Service images: use generated PNG files, never broken SVG placeholders */
.service-card img,
.service-mini img,
.service-hero img{
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  background:#171b20 !important;
  filter:none !important;
}
.service-card{overflow:hidden !important;}
.service-card img[src$=".png"]{opacity:1 !important;}

footer{
  grid-template-columns:1.8fr 1fr 1fr !important;
}
.footer-legal{
  grid-column:1/-1 !important;
  margin-top:18px !important;
  padding-top:22px !important;
}
.footer-legal-links{
  width:100%;
  display:flex !important;
  justify-content:flex-start;
  gap:18px !important;
}
.footer-legal p{width:100%;}
@media(max-width:900px){
  .hero-expanded{grid-template-columns:1fr !important;}
  .hero-photo{margin-top:10px;}
  footer{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:600px){
  footer{grid-template-columns:1fr !important;}
  .service-card img{height:210px !important;min-height:210px !important;}
}


/* Full office address */
.full-office-address{
  color:var(--muted);
  line-height:1.7;
  margin:18px 0 20px;
}
footer .full-office-address{
  font-size:14px;
  margin:12px 0 18px;
}


/* Home hero: clean computer workspace photo */
.hero-expanded .hero-art img[src*="hero-computer-photo"]{
  width:100%;
  height:100%;
  min-height:520px;
  display:block;
  object-fit:cover;
  object-position:center;
  border:0;
  box-shadow:none;
  background:none;
}
@media(max-width:900px){
  .hero-expanded .hero-art img[src*="hero-computer-photo"]{
    min-height:340px;
  }
}


/* =========================================================
   TECHNO REDESIGN — presentation only, no UI mockups inserted
   ========================================================= */
:root{
  --bg:#070a0f;
  --panel:#0c1118;
  --panel-2:#101722;
  --line:#273241;
  --text:#f1f5f9;
  --muted:#a5b1c1;
  --accent:#ff5b2e;
  --accent-2:#ff8b45;
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 88% 8%, rgba(255,91,46,.12), transparent 26rem),
    radial-gradient(circle at 10% 40%, rgba(77,128,255,.08), transparent 30rem),
    linear-gradient(180deg,#070a0f 0%,#080c12 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.16;
  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:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}

header{
  background:rgba(7,10,15,.78)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}

.logo{
  letter-spacing:.08em!important;
  font-weight:800!important;
}
.logo:before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin:0 10px 2px 0;
  background:var(--accent);
  box-shadow:0 0 18px var(--accent);
}
nav a{
  letter-spacing:.03em;
}
nav a:hover{color:var(--accent)!important}
.navcta,.btn{
  border-radius:2px!important;
  background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;
  color:#080a0e!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 35px rgba(255,91,46,.16);
}
.navcta:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}

.hero{
  position:relative;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(transparent,var(--line),transparent);
  pointer-events:none;
}
.hero-copy{position:relative;z-index:1}
.eyebrow{
  color:#b9c3d1!important;
  letter-spacing:.28em!important;
  font-weight:700!important;
}
.hero h1{
  font-size:clamp(3.3rem,7vw,7.2rem)!important;
  line-height:.91!important;
  letter-spacing:-.065em!important;
}
.hero h1 strong,.hero h1 span{color:var(--accent)}
.lead{max-width:650px!important;color:#b9c3d1!important}

.hero-art{
  position:relative;
  border:1px solid var(--line);
  border-radius:0!important;
  overflow:hidden;
  box-shadow:0 35px 80px rgba(0,0,0,.45);
}
.hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,91,46,.10),transparent 30%),
    linear-gradient(0deg,rgba(7,10,15,.45),transparent 35%);
}
.hero-expanded .hero-art img{
  filter:contrast(1.08) saturate(.9);
}

section{position:relative}
.intro-wide,
.service-grid,
.work-grid,
.blog-grid,
.content-grid,
.cards,
.card-grid{
  position:relative;
}

h2{
  letter-spacing:-.045em!important;
}
h2:before{
  content:"// ";
  color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:0!important;
  font-size:.5em;
  vertical-align:middle;
}

.card,.service-card,.work-card,article,.blog-card{
  background:linear-gradient(180deg,rgba(16,23,34,.92),rgba(9,13,19,.96))!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.card:hover,.service-card:hover,.work-card:hover,article:hover,.blog-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,91,46,.65)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.28)!important;
}
.service-card img,.work-card img,.blog-card img{
  border-radius:0!important;
  filter:contrast(1.08) saturate(.86);
}

.textlink{
  color:var(--text)!important;
  border-bottom:1px solid var(--accent)!important;
}
.textlink:hover{color:var(--accent)!important}

blockquote,.quote{
  border-left:2px solid var(--accent)!important;
  background:rgba(255,91,46,.035)!important;
}

input,textarea,select{
  background:#090d13!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  color:var(--text)!important;
}
input:focus,textarea:focus,select:focus{
  outline:none!important;
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(255,91,46,.12)!important;
}

table,th,td{
  border-color:var(--line)!important;
}

footer{
  background:#06080c!important;
  border-top:1px solid var(--line)!important;
}
footer a:hover{color:var(--accent)!important}
.full-office-address{
  padding-left:14px;
  border-left:1px solid var(--accent);
}

.cookie-banner{
  background:#0b1018!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:0 24px 70px rgba(0,0,0,.5)!important;
}

@media(max-width:900px){
  body:before{background-size:38px 38px}
  .hero:before{display:none}
  .hero h1{font-size:clamp(3rem,13vw,5rem)!important}
}


/* FINAL HOME HERO FIX
   The first block is a normal agency layout with one standalone photo.
   No mockup, browser window, screenshot frame or project preview. */
body{overflow-x:hidden!important}

.home-hero-clean,
.hero.hero-expanded{
  width:100%;
  max-width:none;
  min-height:760px;
  padding:0 7vw!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,0.92fr)!important;
  gap:5vw!important;
  align-items:stretch!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,91,46,.13),transparent 28rem),
    linear-gradient(180deg,#070a0f 0%,#090d13 100%)!important;
  overflow:hidden!important;
}

.hero.hero-expanded:before{
  display:none!important;
}

.hero.hero-expanded .hero-copy{
  min-width:0;
  align-self:center;
  padding:100px 0 90px;
  overflow:visible!important;
}

.hero.hero-expanded .hero-copy h1{
  max-width:680px!important;
  width:100%!important;
  font-size:clamp(3.5rem,5.8vw,6.7rem)!important;
  line-height:.93!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.hero.hero-expanded .hero-art.hero-photo{
  width:100%!important;
  min-width:0!important;
  min-height:760px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:none!important;
  overflow:hidden!important;
  position:relative!important;
}

.hero.hero-expanded .hero-art.hero-photo:before,
.hero.hero-expanded .hero-art.hero-photo:after{
  content:none!important;
  display:none!important;
}

.hero.hero-expanded .hero-art.hero-photo img,
.hero-expanded .hero-art img[src*="hero-computer-photo"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:760px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  filter:contrast(1.04) saturate(.92)!important;
}

/* Keep the photo visually integrated, not inside a framed "screen". */
.hero.hero-expanded .hero-art.hero-photo{
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);
}

@media(max-width:1050px){
  .hero.hero-expanded{
    min-height:auto;
    grid-template-columns:1fr!important;
    padding:0 5vw!important;
    gap:0!important;
  }
  .hero.hero-expanded .hero-copy{
    padding:110px 0 55px;
  }
  .hero.hero-expanded .hero-art.hero-photo,
  .hero.hero-expanded .hero-art.hero-photo img,
  .hero-expanded .hero-art img[src*="hero-computer-photo"]{
    min-height:480px!important;
    height:480px!important;
  }
  .hero.hero-expanded .hero-art.hero-photo{
    clip-path:none;
  }
}

@media(max-width:600px){
  .hero.hero-expanded .hero-copy h1{
    font-size:clamp(3rem,14vw,4.8rem)!important;
  }
  .hero.hero-expanded .hero-art.hero-photo,
  .hero.hero-expanded .hero-art.hero-photo img,
  .hero-expanded .hero-art img[src*="hero-computer-photo"]{
    min-height:340px!important;
    height:340px!important;
  }
}


/* FINAL OVERRIDE — HOME HERO: TEXT + PHOTO ONLY */
.hero.hero-expanded.home-hero-clean{
  display:grid!important;
  grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  min-height:720px!important;
  padding:0 6vw!important;
  gap:0!important;
  isolation:isolate!important;
}
.hero.hero-expanded.home-hero-clean .hero-copy{
  position:relative!important;
  z-index:2!important;
  padding:100px 7vw 100px 0!important;
  background:transparent!important;
}
.hero.hero-expanded.home-hero-clean .hero-art.hero-photo{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  height:720px!important;
  min-height:720px!important;
  clip-path:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
.hero.hero-expanded.home-hero-clean .hero-art.hero-photo img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  box-shadow:none!important;
}
.hero.hero-expanded.home-hero-clean .hero-art.hero-photo:before,
.hero.hero-expanded.home-hero-clean .hero-art.hero-photo:after{display:none!important;content:none!important}
@media(max-width:900px){
 .hero.hero-expanded.home-hero-clean{grid-template-columns:1fr!important;padding:0 5vw!important;min-height:auto!important}
 .hero.hero-expanded.home-hero-clean .hero-copy{padding:100px 0 55px!important}
 .hero.hero-expanded.home-hero-clean .hero-art.hero-photo{height:440px!important;min-height:440px!important}
}

/* Reliable local illustrations */
.service-mini img{object-fit:cover;background:#111820;filter:none}
.service-card img{height:300px;object-fit:cover;background:#111820;filter:none}
.blog-card img{height:250px;object-fit:cover;background:#111820;filter:none}
.about-image img{height:auto;max-height:650px;object-fit:cover;filter:none;background:#111820}


/* v17: consistent expanded footer and clean article/about visuals */
.site-footer{display:grid!important;grid-template-columns:1.45fr .8fr 1fr 1fr!important;gap:42px!important;padding:72px 7vw 28px!important;background:#080b10!important;border-top:1px solid #2a3540!important;color:#aeb8c2!important}
.site-footer .footer-brand p{max-width:420px;line-height:1.7;margin:18px 0 0}.site-footer .footer-small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7f8a95}
.site-footer .footer-column{min-width:0}.site-footer h4{margin:0 0 18px!important;color:#fff!important}.site-footer a{color:#b9c3cd!important;text-decoration:none}.site-footer a:hover{color:#ff6a3d!important}.site-footer .footer-column a{display:block;margin:10px 0!important}.site-footer .footer-contact p{margin:0 0 12px}.site-footer .footer-contact-link{margin-top:20px!important;color:#ff7a45!important;font-weight:700}.site-footer .footer-legal{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;border-top:1px solid #25303a!important;padding-top:22px!important;margin-top:16px!important}.site-footer .footer-legal-links{display:flex!important;gap:18px!important;flex-wrap:wrap}.site-footer .footer-legal p{margin:0!important;font-size:12px!important;color:#7f8a95!important}
.article-page .article-visual{display:block;width:100%;max-height:420px;object-fit:cover;object-position:center;margin:35px 0 42px;filter:none;background:#101720;border:1px solid #29343e}
@media(max-width:980px){.site-footer{grid-template-columns:1fr 1fr!important}.site-footer .footer-legal{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:640px){.site-footer{grid-template-columns:1fr!important;padding:54px 24px 24px!important;gap:30px!important}.site-footer .footer-legal-links{gap:12px!important}.site-footer .footer-legal{gap:12px!important}}

/* CREATIVE WEB PILOT — independent visual system */
:root{--bg:#f4f0e8;--ink:#171b2a;--paper:#fffdf8;--lime:#c9ff4a;--violet:#6958ff;--sky:#a9d6ff;--muted:#657080;--line:#d8d3c8}
body{background:var(--bg);color:var(--ink)}
header{background:rgba(244,240,232,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.logo{color:var(--ink);font-size:15px;letter-spacing:1.2px}.logo span{color:var(--violet)}nav{color:#3f4756}.navcta,.btn{background:var(--lime);border-color:var(--lime);color:#12171f;border-radius:999px}.navcta:hover,.btn:hover{background:var(--violet);border-color:var(--violet);color:#fff}.eyebrow{color:var(--violet)}
.cwp-hero{min-height:calc(100vh - 84px);padding:7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;background:linear-gradient(135deg,#f7f2e9 0%,#ece9ff 100%);overflow:hidden}
.cwp-hero h1{font-size:clamp(64px,8vw,128px);max-width:900px;margin:18px 0 26px;letter-spacing:-.085em;line-height:.86}.cwp-hero .lead{color:#4e5968}.cwp-primary{background:var(--lime)!important;border-color:var(--lime)!important;color:#10141a!important}.cwp-outline{background:transparent!important;border-color:var(--ink)!important;color:var(--ink)!important}
.cwp-radar{min-height:520px;position:relative;border-radius:38px;background:#171b2a;overflow:hidden;isolation:isolate;box-shadow:22px 24px 0 var(--sky)}
.cwp-radar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(201,255,74,.2),transparent 20%),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.05) 43px),repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.05) 43px)}
.radar-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(201,255,74,.55);border-radius:50%}.ring-a{width:170px;height:170px}.ring-b{width:310px;height:310px}.ring-c{width:470px;height:470px}.radar-line{position:absolute;width:46%;height:1px;background:var(--lime);left:50%;top:50%;transform-origin:left center;transform:rotate(-36deg)}.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:800;letter-spacing:2px}.radar-tag{position:absolute;font:700 10px/1 monospace;letter-spacing:2px;color:#dce3eb}.tag-one{left:9%;top:15%}.tag-two{right:9%;bottom:20%}.tag-three{right:12%;top:18%;color:var(--lime)}
.cwp-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:130px 7vw;background:#171b2a;color:#fff}.cwp-manifesto h2{font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.065em;margin:16px 0}.cwp-manifesto p{font-size:19px;line-height:1.85;color:#c5ccd8}.cwp-manifesto .eyebrow{color:var(--lime)}
.cwp-capabilities{background:var(--bg)}.section h2{color:var(--ink)}.cwp-service-cards{gap:18px;margin:45px 0}.cwp-service-cards article{min-height:390px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:30px;display:flex;flex-direction:column}.cwp-service-cards article:nth-child(2){transform:translateY(36px);background:#e9e5ff}.cwp-service-cards article:nth-child(3){background:#e7f3ff}.cwp-service-cards span{color:var(--violet);font-size:11px;letter-spacing:1.4px}.cwp-service-cards h3{font-size:34px;letter-spacing:-.05em;margin:55px 0 12px}.cwp-service-cards p{line-height:1.75;color:var(--muted)}.cwp-service-cards a{margin-top:auto;font-weight:800;color:var(--violet)}
.cwp-path{background:#fffdf8}.cwp-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:44px}.cwp-path-grid article{min-height:300px;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px}.cwp-path-grid article:nth-child(2n){background:#f0eeff}.cwp-path-grid b{color:var(--violet)}.cwp-path-grid h3{font-size:30px}.cwp-path-grid p{color:var(--muted);line-height:1.7}
.cwp-journal{background:#a9d6ff}.cwp-journal-links{margin-top:44px;border-top:1px solid rgba(23,27,42,.25)}.cwp-journal-links a{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid rgba(23,27,42,.25);font-size:clamp(24px,3.2vw,48px);font-weight:800;letter-spacing:-.05em}.cwp-journal-links a span{color:var(--violet)}
.cwp-cta{padding:120px 7vw;background:var(--violet);color:#fff}.cwp-cta .eyebrow{color:var(--lime)}.cwp-cta h2{max-width:980px;font-size:clamp(56px,7vw,112px);line-height:.9;letter-spacing:-.07em}.cwp-cta .btn{margin-top:16px}
.hero-expanded,.hero.compact,.service-hero{background:linear-gradient(135deg,#f7f2e9,#ece9ff)!important}.hero h1,.service-hero h1,.article-page h1{color:var(--ink)}.lead,.hero-extra,.service-detail>div:last-child,.article-page p{color:#566170}.intro-wide,.service-detail{background:#fffdf8;color:var(--ink)}.dark{background:#171b2a}.dark h2,.dark h3{color:#fff}.statement{background:#a9d6ff}.cta-band{background:var(--violet);color:#fff}.cta-band .eyebrow{color:var(--lime)}.orange{background:var(--lime);color:#171b2a;border-color:var(--lime)}article,.service-card,.blog-card{background:#fffdf8;border-color:var(--line)}.service-card p,.blog-card p{color:var(--muted)}.textlink{color:var(--ink);border-color:var(--violet)}.textlink:hover{color:var(--violet)}
footer{background:#171b2a;border-color:#2a3041;color:#aeb7c5}footer .logo{color:#fff}footer h4{color:#fff}footer a:hover{color:var(--lime)}.footer-legal{border-color:#2a3041}#cookie-banner{background:#fffdf8;color:var(--ink);border-color:var(--line)}#cookie-banner p{color:var(--muted)}#cookie-banner a{color:var(--violet)}#cookie-banner button{color:var(--ink);border-color:var(--line)}#cookie-banner #accept{background:var(--lime);border-color:var(--lime)}
@media(max-width:900px){.cwp-hero,.cwp-manifesto{grid-template-columns:1fr}.cwp-radar{min-height:430px}.cwp-service-cards article:nth-child(2){transform:none}.cwp-path-grid{grid-template-columns:1fr 1fr}.cwp-manifesto{padding:90px 7vw}}
@media(max-width:600px){.cwp-hero h1{font-size:58px}.cwp-radar{min-height:340px}.ring-c{width:330px;height:330px}.cwp-path-grid{grid-template-columns:1fr}.cwp-manifesto{grid-template-columns:1fr}}


/* Creative Web Pilot v2 — independent visual system */
@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&display=swap");
:root{--bg:#f4f1ea;--ink:#13222d;--deep:#10212a;--paper:#fffdf8;--acid:#b7f542;--coral:#ff7354;--sky:#8ed8ff;--muted:#60707a;--line:#cad4d5;--panel:#edf2ef}
body{background:var(--bg);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif}
header{height:96px;background:rgba(244,241,234,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.logo{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;color:var(--ink)!important;font-family:"Space Grotesk",sans-serif;font-size:12px;letter-spacing:.14em;line-height:1.05;font-weight:700}
.logo-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:var(--acid);font-size:20px;letter-spacing:0}
.logo-name{display:block}.logo span{color:inherit}
nav{font-size:12px;color:#41515a;gap:28px}nav a:hover{color:var(--coral)}
.navcta,.btn{border-radius:999px;background:var(--deep);border-color:var(--deep);color:var(--paper);min-height:46px;padding:0 22px}.navcta:hover,.btn:hover{background:var(--acid);border-color:var(--acid);color:var(--deep);transform:translateY(-2px)}
.eyebrow{font-family:"DM Mono",monospace;color:#52636d;letter-spacing:2px}.textlink{color:var(--deep);border-color:var(--coral)}.textlink:hover{color:var(--coral)}
.hero{min-height:calc(100vh - 96px);background:radial-gradient(circle at 78% 16%,rgba(142,216,255,.42),transparent 25%),linear-gradient(180deg,#f8f5ee,var(--bg));padding-top:10vw}.hero.compact{min-height:54vh}
.hero h1,.section h2,.statement h2,.intro-wide h2,.service-hero h1,.article-page h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:.9}.hero h1{max-width:880px}.lead{color:#51616b;font-size:20px}
.cwp-hero{display:grid;grid-template-columns:1fr .85fr;gap:7vw;align-items:center}.cwp-radar{border-radius:48% 52% 42% 58% / 55% 42% 58% 45%;background:var(--deep);min-height:510px;box-shadow:18px 18px 0 var(--acid);border:0}.radar-core{background:var(--coral);color:var(--deep)}.radar-ring{border-color:rgba(255,255,255,.18)}.radar-line{background:var(--acid)}
.cwp-manifesto,.cwp-systems{background:var(--deep);color:var(--paper)}.cwp-manifesto{padding:130px 7vw}.cwp-manifesto p{color:#d3dcde}.cwp-manifesto h2,.cwp-systems h2{font-family:"Instrument Serif",serif;font-size:clamp(50px,6vw,92px);font-weight:400;line-height:.92}.cwp-systems{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:120px 7vw}.cwp-systems p{font-size:18px;line-height:1.8;color:#d3dcde}
.cwp-capabilities{background:var(--paper)}article{background:var(--paper);border-color:var(--line);border-radius:18px}.cwp-service-cards article{min-height:270px}.cwp-service-cards article:nth-child(2){transform:translateY(34px);background:var(--acid)}.cwp-service-cards article:nth-child(3){background:var(--sky)}.cwp-service-cards a{color:var(--deep)}
.cwp-signal{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#dfe8e4}.signal-copy p{font-size:18px;line-height:1.8;color:#4c5d65}.signal-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signal-list article{min-height:190px}.signal-list h3{font-size:24px}.signal-list p{color:#5c6b72;line-height:1.6}
.cwp-path{background:var(--paper)}.cwp-path-grid article{border-radius:0;background:transparent}.cwp-path-grid article:nth-child(odd){background:#e7efeb}.cwp-journal{background:var(--coral);color:var(--deep)}.cwp-journal-links a{border-color:rgba(19,34,45,.35);color:var(--deep)}.cwp-cta{background:var(--acid);color:var(--deep)}
.intro-wide,.service-detail{background:#dfe8e4;color:var(--deep)}.intro-wide p,.service-detail>div:last-child{color:#4c5d65}.dark{background:var(--deep)}.dark .lead{color:#d3dcde}.statement{background:var(--deep)}
.services-context,.journal-intro{max-width:980px;padding:0 7vw 80px}.services-context h2{font-family:"Instrument Serif",serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.95}.services-context p,.journal-intro p{font-size:19px;line-height:1.9;color:#53636c}.service-principles{background:#dfe8e4}.reading-note{background:var(--sky);color:var(--deep)}.reading-note p{max-width:760px;font-size:18px;line-height:1.8}.studio-principles{background:var(--paper)}.studio-note{max-width:850px;font-size:20px;line-height:1.8;color:#52636d}.work-method{background:#dfe8e4}.service-outcomes{background:#f7fbf7}
.blog-card,.service-card{border-radius:20px;box-shadow:none}.blog-card img{filter:none}.blog-card:nth-child(2),.service-card:nth-child(2){transform:translateY(24px)}.blog-card h2,.service-card h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.04em}.blog-card .eyebrow{color:#5d6e76}
.service-hero{background:linear-gradient(135deg,#f8f5ee,#e7f0eb)}.service-hero img{filter:none;border-radius:24px;border:0;background:transparent}.feature-image,.about-image{background:var(--bg)}.feature-image img,.about-image img{filter:none;border-radius:24px}.article-page p{color:#4d5d66}.article-page{background:transparent}.article-page img{filter:none;border-radius:20px}.article-cta{background:var(--deep);border:0;border-radius:22px}.article-cta p{color:#d3dcde!important}
.policy{color:#4d5d66}.policy h2{color:var(--deep);font-family:"Space Grotesk",sans-serif}.policy-intro{background:#e7efeb;border-color:var(--coral);color:var(--deep)}
footer{background:var(--deep);color:#aebec3;border:0}.footer-legal{border-color:rgba(255,255,255,.14)}footer h4,footer .logo{color:var(--paper)!important}footer a:hover{color:var(--acid)}
#cookie-banner{background:var(--paper);color:var(--deep);border:0;border-radius:18px;box-shadow:0 20px 70px rgba(16,33,42,.25)}#cookie-banner p{color:#617079}#cookie-banner #accept{background:var(--deep);border-color:var(--deep)}
@media(max-width:900px){.cwp-hero,.cwp-systems,.cwp-signal{grid-template-columns:1fr}.signal-list{grid-template-columns:1fr}.cwp-service-cards article:nth-child(2),.blog-card:nth-child(2),.service-card:nth-child(2){transform:none}.cwp-radar{min-height:400px}.cwp-systems{gap:35px}}

/* v3 readability, imagery and scale fixes */
:root{--coral:#6958ff;--orange:#6958ff;--accent:#6958ff}
header{background:#fffdf8!important;color:#13222d!important;min-height:96px!important}
header .logo,header .logo-name,header nav,header nav a{color:#13222d!important;opacity:1!important;visibility:visible!important}
header .logo-mark{background:#13222d!important;color:#b7f542!important}
header nav a{font-weight:600!important}
header nav .navcta{background:#13222d!important;color:#fffdf8!important;border-color:#13222d!important}
header nav .navcta:hover{background:#6958ff!important;border-color:#6958ff!important;color:#fff!important}
/* no orange graphics */
.eyebrow,.textlink,.cwp-service-cards a,.service-card span,.blog-card span{color:#6958ff!important}
.cwp-hero{min-height:760px!important;padding-top:8vw!important;padding-bottom:8vw!important;background:linear-gradient(135deg,#fffdf8 0%,#e8eef0 55%,#eef0ff 100%)!important}
.cwp-hero h1{font-size:clamp(68px,8vw,132px)!important;line-height:.84!important;max-width:820px!important}
.cwp-hero-photo{min-height:590px;border-radius:34px;overflow:hidden;box-shadow:22px 22px 0 #b7f542;position:relative;background:#dfe8e4}
.cwp-hero-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:none!important}
.cwp-radar{display:none!important}
/* service pages: force readable contrast */
.hero.compact{min-height:62vh!important;padding-top:140px!important;padding-bottom:90px!important;background:#f7f5ef!important;color:#13222d!important}
.hero.compact *, .service-hero *, .service-grid *, .service-deep *, .service-outcomes *{opacity:1!important;visibility:visible!important}
.hero.compact h1{font-size:clamp(58px,7vw,110px)!important;color:#13222d!important}
.hero.compact .lead{color:#4f5f68!important;max-width:760px!important}
.service-grid{padding:0 7vw 90px!important;gap:24px!important;background:#f4f1ea!important}
.service-card{display:flex!important;flex-direction:column!important;background:#fffdf8!important;border:1px solid #cad4d5!important;min-height:520px!important;color:#13222d!important}
.service-card img{width:100%!important;height:260px!important;display:block!important;object-fit:cover!important;filter:none!important;background:#e7efeb!important}
.service-card h2{font-family:"Space Grotesk",sans-serif!important;color:#13222d!important;font-size:32px!important;line-height:1.05!important}
.service-card p{color:#52616b!important;font-size:16px!important;line-height:1.7!important}
.service-card .textlink{color:#13222d!important;border-bottom:2px solid #6958ff!important;font-weight:700!important}
.service-card:nth-child(2),.blog-card:nth-child(2){transform:none!important}
.service-principles{padding:110px 7vw!important}.service-principles article{background:#fffdf8!important;color:#13222d!important}.service-principles p{color:#53636c!important}
.service-hero{min-height:76vh!important;background:#f7f5ef!important;color:#13222d!important}.service-hero h1{color:#13222d!important}.service-hero .lead{color:#52616b!important}.service-detail{background:#e7efeb!important}.service-detail h2{color:#13222d!important}.service-detail p,.service-detail li{color:#4c5c65!important}
.service-deep{background:#fffdf8!important}.service-deep h2,.service-deep h3{color:#13222d!important}.service-deep p{color:#53636c!important}.service-outcomes h2,.service-outcomes h3{color:#13222d!important}.service-outcomes p{color:#53636c!important}
/* make the home page longer and richer */
.cwp-proof{background:#fffdf8!important}.cwp-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.cwp-proof p{font-size:19px;line-height:1.85;color:#50606a}.cwp-editorial{background:#dfe8e4!important}.editorial-copy{max-width:720px}.editorial-copy p{font-size:18px;line-height:1.75;color:#52616a}.editorial-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.editorial-notes article{min-height:260px;background:#fffdf8!important;color:#13222d!important}.editorial-notes b{color:#6958ff!important}.editorial-notes p{color:#53636c!important;line-height:1.65}
.cwp-manifesto,.cwp-systems{background:#13222d!important}.cwp-manifesto h2,.cwp-systems h2{color:#fffdf8!important}.cwp-manifesto p,.cwp-systems p{color:#d6e0e0!important}
.cwp-journal{background:#8ed8ff!important}.cwp-cta{background:#b7f542!important}.cwp-cta .btn{background:#13222d!important;border-color:#13222d!important;color:#fffdf8!important}
@media(max-width:900px){.cwp-hero{grid-template-columns:1fr!important;min-height:auto!important}.cwp-hero-photo{min-height:430px}.cwp-proof-grid{grid-template-columns:1fr}.editorial-notes{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr!important}.service-card{min-height:0!important}.service-card img{height:240px!important}}


/* v4 — CreativeWebPilot spelling + readable process replacement */
header .logo-name{white-space:nowrap!important}
header .logo{font-size:13px!important;letter-spacing:.08em!important}
header .logo-name{color:#13222d!important}
.site-footer .logo-name{color:#fffdf8!important}
.dark,.statement,.services-preview,.process-grid article,.service-mini article{position:relative!important}
.dark *, .statement *, .services-preview *, .process-grid article *, .service-mini article *{opacity:1!important;visibility:visible!important}
.dark h1,.dark h2,.dark h3,.statement h1,.statement h2,.statement h3,.services-preview h1,.services-preview h2,.services-preview h3,.process-grid h1,.process-grid h2,.process-grid h3,.service-mini h1,.service-mini h2,.service-mini h3{color:#fffdf8!important;text-shadow:none!important}
.dark p,.statement p,.services-preview p,.process-grid p,.service-mini p{color:#d8e0e3!important}
.dark .eyebrow,.statement .eyebrow,.services-preview .eyebrow,.process-grid b,.service-mini span{color:#b7f542!important}
.cwp-process{background:#eef3f0!important;color:#13222d!important;padding-top:120px!important;padding-bottom:120px!important}
.cwp-process-head{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end;margin-bottom:54px}
.cwp-process-head h2{max-width:820px;margin:14px 0 0;font-size:clamp(52px,6.2vw,96px)!important;line-height:.92!important;color:#13222d!important}
.cwp-process-head>p{margin:0 0 6px;font-size:18px;line-height:1.85;color:#4f6067!important}
.cwp-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cwp-process-grid article{min-height:320px!important;background:#fffdf8!important;border:1px solid #cad4d5!important;border-radius:18px!important;padding:30px!important;display:flex!important;flex-direction:column!important;overflow:visible!important}
.cwp-process-grid article:nth-child(2){background:#e7efeb!important}.cwp-process-grid article:nth-child(3){background:#eaf0ff!important}.cwp-process-grid article:nth-child(4){background:#f2efe7!important}
.cwp-process-grid span{display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#13222d!important;color:#fffdf8!important;font-family:"DM Mono",monospace!important;font-size:12px!important}
.cwp-process-grid h3{margin:42px 0 14px!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:30px!important;line-height:1!important;color:#13222d!important;letter-spacing:-.04em!important}
.cwp-process-grid p{margin:0!important;color:#52636c!important;line-height:1.72!important;font-size:16px!important}
@media(max-width:900px){.cwp-process-head{grid-template-columns:1fr;gap:28px}.cwp-process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cwp-process{padding-top:76px!important;padding-bottom:76px!important}.cwp-process-grid{grid-template-columns:1fr}.cwp-process-head h2{font-size:54px!important}}


/* v5 — global contrast repair + complete Work page redesign */
/* Always keep text readable inside dark surfaces */
.dark,.statement,.services-preview,.process-grid article,.service-mini article,.article-cta,.site-footer,footer,.contactgrid aside{isolation:isolate}
.dark h1,.dark h2,.dark h3,.dark h4,.statement h1,.statement h2,.statement h3,.services-preview h1,.services-preview h2,.services-preview h3,.process-grid article h1,.process-grid article h2,.process-grid article h3,.service-mini article h1,.service-mini article h2,.service-mini article h3,.article-cta h1,.article-cta h2,.article-cta h3,.contactgrid aside h1,.contactgrid aside h2,.contactgrid aside h3{color:#fffdf8!important;opacity:1!important;visibility:visible!important}
.dark p,.statement p,.services-preview p,.process-grid article p,.service-mini article p,.article-cta p,.contactgrid aside p{color:#d9e2e4!important;opacity:1!important;visibility:visible!important}
.dark .lead,.statement .lead{color:#e7edef!important}
.dark .eyebrow,.statement .eyebrow,.services-preview .eyebrow,.contactgrid aside .eyebrow{color:#b7f542!important}
/* Cards that sit on pale sections must never inherit dark text on dark backgrounds */
.service-outcomes,.work-method,.studio-principles,.service-principles,.reading-note{color:#13222d!important}
.service-outcomes article,.work-method article,.studio-principles article,.service-principles article{background:#fffdf8!important;color:#13222d!important}
.service-outcomes article h1,.service-outcomes article h2,.service-outcomes article h3,.work-method article h1,.work-method article h2,.work-method article h3,.studio-principles article h1,.studio-principles article h2,.studio-principles article h3,.service-principles article h1,.service-principles article h2,.service-principles article h3{color:#13222d!important}
.service-outcomes article p,.work-method article p,.studio-principles article p,.service-principles article p{color:#4f6068!important}

/* New Work page */
.work-hero-new{padding:44px 7vw 110px;background:#fffdf8;color:#13222d}
.work-kicker{display:flex;justify-content:space-between;border-top:1px solid #cad4d5;padding-top:18px;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#62717a}
.work-hero-grid{display:grid;grid-template-columns:1.15fr .55fr;gap:9vw;align-items:end;padding-top:95px}
.work-hero-new h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(70px,10vw,156px);font-weight:400;line-height:.78;letter-spacing:-.06em;margin:16px 0 32px;color:#13222d}
.work-hero-new p{max-width:760px;font-size:20px;line-height:1.8;color:#50606a}
.work-hero-note{border-left:3px solid #6958ff;padding:12px 0 12px 28px;margin-bottom:10px}.work-hero-note strong{font-size:18px}.work-hero-note p{font-size:16px;margin:10px 0 0}
.work-cases-new{padding:0 7vw 120px;background:#fffdf8}
.work-case{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;border-top:1px solid #cad4d5;background:#fffdf8!important;border-radius:0!important;padding:0!important;overflow:hidden!important}
.work-case:last-child{border-bottom:1px solid #cad4d5}.work-case-media{min-height:620px;overflow:hidden;background:#e8eeec}.work-case-media img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;transform:none!important}.work-case-copy{padding:80px 8vw 60px 7vw;display:flex;flex-direction:column;justify-content:center;background:#fffdf8;color:#13222d}.work-case-b .work-case-copy{padding-left:7vw;padding-right:8vw;background:#eaf0ff}.work-case-c .work-case-copy{background:#edf2ef}
.work-index{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.16em;color:#6958ff;font-weight:700}.work-case h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(64px,8vw,118px);line-height:.82;font-weight:400;letter-spacing:-.055em;margin:26px 0 22px;color:#13222d}.work-case .work-label{font-size:22px;line-height:1.35;font-weight:600;color:#263842;margin:0 0 20px}.work-case-copy>p:not(.work-label){font-size:17px;line-height:1.8;color:#50606a;margin:0 0 24px}.work-case ul{list-style:none;margin:0;padding:0;border-top:1px solid #cad4d5}.work-case li{padding:12px 0;border-bottom:1px solid #cad4d5;color:#40515a;font-size:14px}
.work-principles-new{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;padding:120px 7vw;background:#13222d;color:#fffdf8}.work-principles-new h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(58px,7vw,110px);line-height:.85;font-weight:400;letter-spacing:-.055em;margin:18px 0;color:#fffdf8!important}.work-principle-list{border-top:1px solid rgba(255,255,255,.18)}.work-principle-list article{display:grid;grid-template-columns:70px 1fr;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;background:transparent!important;min-height:0!important;padding:30px 0!important;color:#fffdf8!important}.work-principle-list span{font-family:"DM Mono",monospace;color:#b7f542}.work-principle-list h3{font-size:28px;margin:0 0 10px;color:#fffdf8!important}.work-principle-list p{grid-column:2;margin:0;color:#cbd6d9!important;line-height:1.75}
.work-close-new{padding:120px 7vw 130px;background:#b7f542;color:#13222d}.work-close-new h2{max-width:1000px;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(64px,8vw,128px);font-weight:400;line-height:.82;letter-spacing:-.06em;margin:18px 0 28px}.work-close-new p:not(.eyebrow){max-width:720px;font-size:19px;line-height:1.8;color:#33434a}.work-close-new .btn{margin-top:18px;background:#13222d!important;border-color:#13222d!important;color:#fffdf8!important}
@media(max-width:900px){.work-hero-grid,.work-principles-new{grid-template-columns:1fr}.work-hero-grid{padding-top:65px;gap:45px}.work-case{grid-template-columns:1fr;min-height:0}.work-case-b .work-case-copy{order:2}.work-case-media{min-height:420px}.work-case-copy,.work-case-b .work-case-copy{padding:60px 8vw}.work-principles-new{gap:55px}.work-principle-list article{grid-template-columns:1fr}.work-principle-list p{grid-column:1}}
@media(max-width:600px){.work-hero-new{padding-bottom:76px}.work-hero-new h1{font-size:66px}.work-case-media{min-height:300px}.work-case-copy,.work-case-b .work-case-copy{padding:46px 7vw}.work-case h2{font-size:66px}.work-principles-new,.work-close-new{padding-top:80px;padding-bottom:80px}}

/* v6 — hard contrast lock for every dark card and panel */
/* Any black/navy surface must use bright, high-contrast typography. */
.dark,.statement,.services-preview,.article-cta,.contactgrid aside,.work-principles-new,.site-footer,footer,
.cwp-manifesto,.cwp-systems{
  color:#fffdf8!important;
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,
.statement h1,.statement h2,.statement h3,.statement h4,.statement h5,.statement h6,
.services-preview h1,.services-preview h2,.services-preview h3,.services-preview h4,
.article-cta h1,.article-cta h2,.article-cta h3,.article-cta h4,
.contactgrid aside h1,.contactgrid aside h2,.contactgrid aside h3,.contactgrid aside h4,
.work-principles-new h1,.work-principles-new h2,.work-principles-new h3,.work-principles-new h4,
.cwp-manifesto h1,.cwp-manifesto h2,.cwp-manifesto h3,
.cwp-systems h1,.cwp-systems h2,.cwp-systems h3,
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,
footer h1,footer h2,footer h3,footer h4{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.dark p,.statement p,.services-preview p,.article-cta p,.contactgrid aside p,.work-principles-new p,
.cwp-manifesto p,.cwp-systems p,.site-footer p,footer p{
  color:#dbe5e7!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Home: CAPABILITIES and WHAT WE PAY ATTENTION TO — lock card titles and text */
.cwp-capabilities .cwp-service-cards article,
.cwp-signal .signal-list article{
  background:#13222d!important;
  color:#fffdf8!important;
  border-color:#30414a!important;
  opacity:1!important;
  visibility:visible!important;
}
.cwp-capabilities .cwp-service-cards article h1,.cwp-capabilities .cwp-service-cards article h2,.cwp-capabilities .cwp-service-cards article h3,
.cwp-signal .signal-list article h1,.cwp-signal .signal-list article h2,.cwp-signal .signal-list article h3{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.cwp-capabilities .cwp-service-cards article p,.cwp-signal .signal-list article p{
  color:#dbe5e7!important;
  opacity:1!important;
  visibility:visible!important;
}
.cwp-capabilities .cwp-service-cards article span,.cwp-signal .signal-list article b{
  color:#b7f542!important;
  opacity:1!important;
}
.cwp-capabilities .cwp-service-cards article a{color:#b7f542!important}

/* About page cards: explicit readable typography on every card */
.about-grid article,.studio-principles article{
  background:#13222d!important;
  color:#fffdf8!important;
  border-color:#30414a!important;
}
.about-grid article h1,.about-grid article h2,.about-grid article h3,
.studio-principles article h1,.studio-principles article h2,.studio-principles article h3{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.about-grid article p,.studio-principles article p{
  color:#dbe5e7!important;
  opacity:1!important;
  visibility:visible!important;
}
.about-grid article b,.studio-principles article b{color:#b7f542!important}

/* Individual service pages: make all card content readable regardless of inherited styles */
.service-deep article,.service-outcomes article,.service-principles article,.work-method article{
  background:#13222d!important;
  color:#fffdf8!important;
  border-color:#30414a!important;
  opacity:1!important;
  visibility:visible!important;
}
.service-deep article h1,.service-deep article h2,.service-deep article h3,.service-deep article h4,
.service-outcomes article h1,.service-outcomes article h2,.service-outcomes article h3,.service-outcomes article h4,
.service-principles article h1,.service-principles article h2,.service-principles article h3,.service-principles article h4,
.work-method article h1,.work-method article h2,.work-method article h3,.work-method article h4{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.service-deep article p,.service-outcomes article p,.service-principles article p,.work-method article p{
  color:#dbe5e7!important;
  opacity:1!important;
  visibility:visible!important;
}
.service-deep article a,.service-outcomes article a,.service-principles article a,.work-method article a{
  color:#b7f542!important;
}

/* Prevent low-opacity inherited animation styles from hiding text anywhere in content cards */
article h1,article h2,article h3,article h4,article p,article b,article span{
  visibility:visible!important;
}

/* v7 — final readability lock for all dark blocks, article callouts and service panels */
.dark,.statement,.services-preview,.article-cta,.contactgrid aside,.work-principles-new,.cwp-manifesto,.cwp-systems,
[class*="dark"],[class*="dark"] article{
  color:#fffdf8!important;
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark strong,.dark b,.dark span,
.statement h1,.statement h2,.statement h3,.statement h4,.statement h5,.statement h6,.statement strong,.statement b,
.services-preview h1,.services-preview h2,.services-preview h3,.services-preview h4,.services-preview h5,.services-preview h6,
.article-cta h1,.article-cta h2,.article-cta h3,.article-cta h4,.article-cta h5,.article-cta h6,.article-cta strong,.article-cta b,
.contactgrid aside h1,.contactgrid aside h2,.contactgrid aside h3,.contactgrid aside h4,.contactgrid aside h5,.contactgrid aside h6,
.cwp-manifesto h1,.cwp-manifesto h2,.cwp-manifesto h3,.cwp-manifesto h4,.cwp-manifesto h5,.cwp-manifesto h6,
.cwp-systems h1,.cwp-systems h2,.cwp-systems h3,.cwp-systems h4,.cwp-systems h5,.cwp-systems h6,
[class*="dark"] h1,[class*="dark"] h2,[class*="dark"] h3,[class*="dark"] h4,[class*="dark"] h5,[class*="dark"] h6{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.dark p,.statement p,.services-preview p,.article-cta p,.contactgrid aside p,.cwp-manifesto p,.cwp-systems p,
[class*="dark"] p,[class*="dark"] li{
  color:#eef3f4!important;
  opacity:1!important;
  visibility:visible!important;
}
.article-cta a:not(.btn),.article-cta .textlink,[class*="dark"] a:not(.btn){color:#b7f542!important;opacity:1!important;visibility:visible!important}
.article-cta .btn{background:#b7f542!important;border-color:#b7f542!important;color:#13222d!important}

/* Article pages: no low-contrast text inside any highlighted panel */
.article-page .article-cta *{text-shadow:none!important;filter:none!important}
.article-page .article-cta h1,.article-page .article-cta h2,.article-page .article-cta h3{color:#fffdf8!important}
.article-page .article-cta p{color:#eef3f4!important}

/* Current page state — footer mirrors header exactly */
header nav a.active-link:not(.navcta),
.site-footer .footer-column a.active-link{
  color:#6958ff!important;
  opacity:1!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:inset 0 -2px 0 #6958ff;
  padding-bottom:4px;
}
.site-footer .footer-column a.active-link{display:inline-block!important;width:max-content}

/* v8 — BLOG + ARTICLES + FOOTER: absolute contrast lock */
/* Blog cards are intentionally dark; every line of copy is forced bright. */
.blog-grid .blog-card{
  background:#10212a!important;
  color:#fffdf8!important;
  border-color:#31424b!important;
  opacity:1!important;
  visibility:visible!important;
}
.blog-grid .blog-card h1,.blog-grid .blog-card h2,.blog-grid .blog-card h3,.blog-grid .blog-card h4,
.blog-grid .blog-card strong,.blog-grid .blog-card b{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.blog-grid .blog-card p:not(.eyebrow){
  color:#dce6e8!important;
  opacity:1!important;
  visibility:visible!important;
}
.blog-grid .blog-card .eyebrow{
  color:#b7f542!important;
  opacity:1!important;
  visibility:visible!important;
}
.blog-grid .blog-card .textlink{
  color:#b7f542!important;
  border-bottom-color:#b7f542!important;
  opacity:1!important;
  visibility:visible!important;
}
.blog-grid .blog-card img{filter:none!important;opacity:1!important;visibility:visible!important}

/* Article pages: the opening article card must never inherit the dark ink color. */
.article-page.expanded-article{
  background:#10212a!important;
  color:#fffdf8!important;
  max-width:960px!important;
  padding:110px 56px!important;
  margin:0 auto!important;
  border-left:1px solid #31424b!important;
  border-right:1px solid #31424b!important;
}
.article-page.expanded-article h1,
.article-page.expanded-article h2,
.article-page.expanded-article h3,
.article-page.expanded-article h4,
.article-page.expanded-article strong,
.article-page.expanded-article b{
  color:#fffdf8!important;
  opacity:1!important;
  visibility:visible!important;
}
.article-page.expanded-article p,
.article-page.expanded-article li{
  color:#dce6e8!important;
  opacity:1!important;
  visibility:visible!important;
}
.article-page.expanded-article .lead{color:#eef4f5!important}
.article-page.expanded-article .eyebrow{color:#b7f542!important}
.article-page.expanded-article .article-intro{border-left-color:#b7f542!important;color:#eef4f5!important}
.article-page.expanded-article .article-visual{filter:none!important;opacity:1!important;visibility:visible!important}
.article-page.expanded-article .article-cta{background:#08151b!important;border:1px solid #31424b!important}
.article-page.expanded-article .article-cta h2{color:#fffdf8!important}
.article-page.expanded-article .article-cta p{color:#e3ecee!important}

/* Footer: force all labels, links and legal copy to stay readable on the dark surface. */
.site-footer,
footer.site-footer{
  background:#081017!important;
  color:#dce6e8!important;
  opacity:1!important;
  visibility:visible!important;
}
.site-footer *,footer.site-footer *{opacity:1!important;visibility:visible!important}
.site-footer .footer-brand,.site-footer .footer-column,.site-footer .footer-contact{color:#dce6e8!important}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#fffdf8!important}
.site-footer p,.site-footer .footer-small,.site-footer .footer-legal p{color:#dce6e8!important}
.site-footer a{color:#eef4f5!important}
.site-footer .footer-column a:hover,.site-footer a:hover{color:#b7f542!important}
.site-footer .footer-contact-link{color:#b7f542!important}
.site-footer .footer-legal{border-top-color:#31424b!important}
.site-footer .footer-column a.active-link{
  color:#6958ff!important;
  box-shadow:inset 0 -2px 0 #6958ff!important;
}
@media(max-width:640px){.article-page.expanded-article{padding:76px 24px!important}}

/* v9 cookie controls — visible on every page */
#cookie-banner{position:fixed!important;left:24px!important;right:24px!important;bottom:24px!important;max-width:980px!important;margin:0 auto!important;padding:20px 24px!important;display:none!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;z-index:9999!important;background:#101a22!important;color:#fffdf8!important;border:1px solid #354552!important;border-radius:16px!important;box-shadow:0 24px 80px rgba(0,0,0,.42)!important}
#cookie-banner.show{display:grid!important}
#cookie-banner strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.2!important}
#cookie-banner p{margin:6px 0 4px!important;max-width:620px!important;color:#cbd5da!important;font-size:13px!important;line-height:1.6!important}
#cookie-banner a{color:#b7f542!important;text-decoration:underline!important;text-underline-offset:3px!important}
.cookie-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#cookie-banner button,.cookie-settings-actions button{font:inherit!important;font-weight:700!important;padding:12px 16px!important;border-radius:10px!important;cursor:pointer!important;transition:transform .15s ease,opacity .15s ease!important}
#cookie-banner button:hover,.cookie-settings-actions button:hover{transform:translateY(-1px)!important}
#cookie-banner .cookie-primary,.cookie-settings-actions .cookie-primary{background:#b7f542!important;border:1px solid #b7f542!important;color:#10212a!important}
#cookie-banner .cookie-secondary,.cookie-settings-actions .cookie-secondary{background:transparent!important;border:1px solid #71808a!important;color:#fffdf8!important}
#cookie-banner .cookie-link{background:transparent!important;border:0!important;color:#fffdf8!important;padding-left:4px!important;padding-right:4px!important;text-decoration:underline!important;text-underline-offset:4px!important}
#cookie-settings-panel{position:fixed!important;inset:0!important;display:none!important;place-items:center!important;padding:20px!important;background:rgba(3,8,12,.72)!important;z-index:10000!important}
#cookie-settings-panel.show{display:grid!important}
.cookie-settings-card{position:relative!important;width:min(620px,100%)!important;max-height:90vh!important;overflow:auto!important;background:#fffdf8!important;color:#13222d!important;border-radius:18px!important;padding:34px!important;box-shadow:0 28px 90px rgba(0,0,0,.45)!important}
.cookie-settings-card h2{margin:6px 0 12px!important;color:#13222d!important;font-size:36px!important;line-height:1!important}
.cookie-settings-card>p:not(.eyebrow){color:#52636d!important;line-height:1.65!important}
.cookie-close{position:absolute!important;right:16px!important;top:12px!important;border:0!important;background:transparent!important;color:#13222d!important;font-size:30px!important;line-height:1!important;cursor:pointer!important}
.cookie-setting-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;padding:16px 0!important;border-top:1px solid #d8dedb!important}
.cookie-setting-row strong{display:block!important;color:#13222d!important}.cookie-setting-row span:not(.cookie-required){display:block!important;color:#617079!important;font-size:13px!important;margin-top:4px!important}.cookie-required{font-size:12px!important;font-weight:700!important;color:#6958ff!important}
.cookie-toggle{position:relative!important;width:52px!important;height:30px!important;flex:0 0 52px!important}.cookie-toggle input{opacity:0!important;width:0!important;height:0!important}.cookie-toggle span{position:absolute!important;inset:0!important;border-radius:999px!important;background:#c9d1d5!important;cursor:pointer!important}.cookie-toggle span:after{content:""!important;position:absolute!important;width:22px!important;height:22px!important;left:4px!important;top:4px!important;border-radius:50%!important;background:#fff!important;transition:transform .18s ease!important}.cookie-toggle input:checked+span{background:#6958ff!important}.cookie-toggle input:checked+span:after{transform:translateX(22px)!important}
.cookie-settings-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:22px!important}.cookie-policy-link{display:inline-block!important;margin-top:18px!important;color:#6958ff!important}
@media(max-width:720px){#cookie-banner{left:12px!important;right:12px!important;bottom:12px!important;grid-template-columns:1fr!important;padding:18px!important}.cookie-actions{justify-content:flex-start!important}.cookie-settings-card{padding:28px 22px!important}.cookie-settings-card h2{font-size:30px!important}}