/* Division 1 brand kit: jet black, slate, neon accents, cool white and glass. */
:root { --d1-black:#0a0a0a; --d1-slate:#1d1d1f; --d1-lime:#c6ff00; --d1-pink:#ff3edb; --d1-violet:#7b61ff; --d1-cyan:#00f0ff; }
.service-page { background:var(--d1-black); --muted:#c1bdcc; --ink:#f2f2f4; }
.service-page :is(h1,h2,h3) { font-weight:800; letter-spacing:-.05em; }
.service-page .s-header { background:linear-gradient(115deg,#ffffff0d,#7b61ff08),#121217e8; border-color:#ffffff29; }
.service-page .s-brand small { color:#b8b4c8; }
.service-page .s-breadcrumb { color:#c1bccf; }
.service-page .s-hero { position:relative; overflow:hidden; }
.service-page .s-hero:before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 76% 50%,#7b61ff0d,transparent 50%); }
.service-page .s-hero > .s-wrap { position:relative; }
.service-page .s-kicker { font-weight:650; letter-spacing:.16em; }
.service-page .s-hero .s-kicker { color:#ee9eff; }
.service-page .s-hero h1 em { color:#c6ff00; }
.service-page .s-button { background:#c6ff00; color:#101207; }
.service-page .s-button.dark { background:#17131e; color:#fff; }
.service-page .s-light { background:#f2f2f4; color:#1d1d1f; }
.service-page .s-light :is(.s-kicker,.s-card-no) { color:#6240a8; }
.service-page .s-light :is(.s-section-head > p,.s-card p,.s-scope-copy p,.s-inclusions p,.s-faq details p) { color:#50505d; }
.service-page .s-strip { color:#e9e7f4; background:#1a1724; border-block:1px solid #7b61ff55; }
.service-page .s-strip .s-wrap > span:first-child { color:#c6ff00; }
.service-page .s-strip .s-wrap > span:first-child:before { content:'✳'; color:#ff3edb; margin-right:12px; }
.service-page .s-card { background:linear-gradient(140deg,#fff9,#fff4),#d9e8fb; border-color:#a4b8df70; border-radius:20px; box-shadow:inset 0 1px #fff,0 12px 28px #24213909; }
.service-page .s-card:nth-child(2) { background-color:#f6d2f0; border-color:#d7a2d870; }
.service-page .s-card:nth-child(3) { background-color:#e6ddff; border-color:#b9a3e770; }
.service-page .s-lime { background:linear-gradient(125deg,#7b61ff0d,transparent 50%),#131217; color:#f2f2f4; color-scheme:dark; border-block:1px solid #ffffff16; }
.service-page .s-lime .s-kicker { color:#c6ff00; }
.service-page .s-lime h2 { color:#fff; }
.service-page .s-lime p { color:#c8c4d3; }
.service-page .s-lime .s-button.dark { background:#c6ff00; color:#111407; }
.service-page .s-seo-checks { background:linear-gradient(135deg,#7b61ff1c,#00f0ff0a),#1c1926df; border-color:#b7a5ff55; color:#f2f2f4; box-shadow:inset 0 1px #ffffff22; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.service-page .s-seo-checks li { border-color:#ffffff20; }
.service-page .s-seo-checks li:before { color:#00f0ff; }
.service-page .s-seo-checks p { color:#c6c0d7; }
.service-page .s-process article { border-color:#7b61ff70; }
.service-page .s-process article:nth-child(2) { border-color:#ff3edb70; }
.service-page .s-process article:nth-child(3) { border-color:#00f0ff70; }
.service-page .s-process p,.service-page .s-section-note,.service-page .s-section-head > p { color:#c1bdcc; }
.service-page .s-project { background:#17151e; border-color:#7b61ff50; }
.service-page .s-project.empra { border-color:#ff3edb45; }
.service-page .s-project-info small { color:#c1bdcc; }
.service-page .s-faq details { border-color:#26223124; }
.service-page .s-faq summary:after { color:#6c39bb; }
.service-page .s-final { background:radial-gradient(ellipse at 80% 100%,#ff3edb10,transparent 52%),radial-gradient(ellipse at 15% 100%,#00f0ff0b,transparent 50%),#0a0a0a; }
.service-page .s-final .s-wrap { border:1px solid #a997f647; border-radius:30px; padding:55px 24px; background:linear-gradient(130deg,#ffffff0c,#ffffff02),#191620a8; box-shadow:inset 0 1px #fff2; }
.service-page .s-foot-glass { background:#ece3ff07; }
/* Web design illustration: glass, vivid colour and the owner's playful geometry. */
.s-scene-glow { background:radial-gradient(ellipse,#7b61ff25,transparent 72%); }
.s-mini-browser { border-color:#c4b8ff70; box-shadow:0 28px 70px #0007,inset 0 1px #fff3; }
.s-browser-bar { background:#25202f; color:#c8bfdc; }
.s-browser-bar i:nth-child(1) { background:#ff3edb; }.s-browser-bar i:nth-child(2) { background:#c6ff00; }.s-browser-bar i:nth-child(3) { background:#00f0ff; }
.s-browser-page { background:radial-gradient(circle at 95% 0,#7b61ff2a,transparent 65%),#101016; color:#f2f2f4; }
.s-mini-nav,.s-mini-links { border-color:#ffffff26; color:#cdc7df; }
.s-mini-content b { color:#f2f2f4; }.s-mini-content p { color:#c1bdcc; }
.s-mini-cta { background:#c6ff00; color:#0a0a0a; }
.s-house { border-radius:16px 60px 16px 16px; background:linear-gradient(135deg,#7b61ff,#00c7df); }
.s-house:before { background:linear-gradient(90deg,#ffffff30 1px,transparent 1px),linear-gradient(135deg,#ffa1ec,#7b61ff); background-size:14px 100%,100%; }
.s-house:after { background:linear-gradient(90deg,transparent 48%,#fff8 48% 52%,transparent 52%),#211431; border-color:#ddd2ff; }
.s-float-label { background:#272332d9; color:#c6ff00; border-color:#ffffff50; box-shadow:0 15px 30px #0005; }
.s-scene-label { color:#b8b0cc; }
.s-design-scene:after { content:'✳'; position:absolute; top:-1%; right:3%; font:400 66px/1 Montserrat,system-ui; color:#ff3edb; transform:rotate(13deg); pointer-events:none; }
.ads-management-page .s-hero h1 em { color:#00f0ff; }
.ads-console { position:relative; min-width:0; padding:28px; border-radius:26px; border:1px solid #b4a5ff60; background:linear-gradient(135deg,#7b61ff1c,#00f0ff06),#14111de8; box-shadow:0 28px 65px #0005,inset 0 1px #fff3; }
.ads-console-top { display:flex; align-items:center; gap:10px; font:500 10px/1.5 'DM Mono',monospace; letter-spacing:.08em; color:#cfc7e2; }
.ads-console-top > span:last-child { margin-left:auto; font-size:24px; color:#ff3edb; }
.console-dot { width:7px; height:7px; border-radius:50%; background:#c6ff00; }
.search-query { display:flex; align-items:center; gap:14px; margin-top:28px; padding:16px 19px; border-radius:40px; background:#f2f2f4; color:#282332; font:500 17px/1.4 Jost,system-ui; }
.search-query > span:first-child { color:#74539e; font-size:25px; }
.query-caret { width:1px; height:20px; background:#7045af; }
.search-ad-example { margin-top:20px; padding:26px 23px; border:1px solid #9182ad50; border-radius:16px; background:#ffffff08; }
.search-ad-example small { color:#c6bcd8; font-size:11px; }
.search-ad-example strong { display:block; margin-top:15px; font:650 24px/1.2 Montserrat,system-ui; letter-spacing:-.04em; color:#91f7ff; }
.search-ad-example p { margin:13px 0; color:#e1dceb; font-size:14px; line-height:1.6; }
.search-ad-example > span { display:block; color:#c6ff00; font-size:11px; }
.ads-plan-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:17px; }
.ads-plan-chips > span { flex:1; min-width:150px; padding:13px 12px; border:1px solid #00f0ff45; border-radius:12px; color:#b2f7ff; background:#00f0ff09; font-size:12px; }
.ads-plan-chips > span:nth-child(2) { color:#ffc1f3; border-color:#ff3edb50; background:#ff3edb09; }
.ads-plan-chips i { font-style:normal; margin-right:8px; }
.ads-filter { margin-top:22px; font-size:11px; color:#c6bcd8; }
.ads-filter div { display:flex; gap:8px; flex-wrap:wrap; margin-top:9px; }
.ads-filter s { padding:5px 10px; border:1px solid #ffffff25; border-radius:30px; text-decoration-color:#ff93e7; }
.console-note { margin-top:20px; font-size:11px; color:#bfb4d0; }
.ads-management-page #included :is(.s-scope-copy p,.s-inclusions p) { color:#c6bfd4; }
.ads-management-page #included .s-inclusions li { border-color:#ffffff25; }
.ads-management-page #included .s-inclusions span { color:#00f0ff; }
.ads-management-page .s-light .s-process p { color:#50505d; }
.ads-management-page .s-light .s-process b { color:#6b37ae; }
.ads-management-page #faq .s-faq details { border-color:#ffffff25; }
.ads-management-page #faq .s-faq details p { color:#c6bfd4; }
.ads-management-page #faq .s-faq summary:after { color:#00f0ff; }
@media(max-width:620px) { .ads-console { padding:22px 18px; }.search-ad-example { padding:22px 18px; }.search-ad-example strong { font-size:22px; }.ads-plan-chips > span { min-width:120px; }.ads-console-top { font-size:9px; } }
/* Retain light reading sections while restoring Division 1's darker identity. */
.studio-home #approach { background:radial-gradient(ellipse at 80% 25%,#7b61ff10,transparent 55%),#101015; color:#f2f2f4; border-block:1px solid #7b61ff38; }
.studio-home #approach :is(h2,h3,p,.approach-intro h2 span) { color:#f2f2f4; }
.studio-home #approach .approach-intro h2 span { color:#c6ff00; }
.studio-home #approach :is(.section-label,.approach-item > span) { color:#dfb6ff; }
.studio-home #approach .approach-intro p,.studio-home #approach .approach-item p { color:#c7c1d3; }
.studio-home #approach .approach-item { background:linear-gradient(135deg,#7b61ff16,#ffffff03),#1b1726d9; border-color:#b19eff42; box-shadow:inset 0 1px #ffffff18; }
.studio-home #approach .approach-item:nth-child(2) { background:linear-gradient(135deg,#00f0ff0f,#ffffff03),#151d25; border-color:#00f0ff40; }
.studio-home #approach .approach-item:nth-child(3) { background:linear-gradient(135deg,#ff3edb10,#ffffff03),#241823; border-color:#ff3edb40; }
.studio-home #approach .approach-link { background:#c6ff00; border-color:#c6ff00; color:#101207; }
.studio-home #approach .approach-link span { background:#15111c; color:#c6ff00; }
.studio-home #faq .fq.open { background:#ece5fc; border-color:#9375cf; }
.studio-home #faq .pm { background:#e8def6; }.studio-home #faq .pm:before,.studio-home #faq .pm:after { background:#5d328f; }
.studio-home #problem .fix-list li:nth-child(2) { background-color:#e3ddff; }
.studio-home #problem .fix-list li:nth-child(3) { background-color:#fad2f0; }
.studio-home #problem .fix-list li:nth-child(4) { background-color:#d2f2f7; }
.studio-home .fix-list .pain { display:flex; align-items:center; gap:10px; text-decoration:none; }
.studio-home .fix-list .pain:after { display:none!important; }
.pain-mark { display:inline-grid; place-items:center; flex:0 0 23px; width:23px; height:23px; border-radius:50%; color:#941966; background:#ffd8ef; border:1px solid #cf85b6; font:600 19px/1 Jost,system-ui; }
.d1-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.fix-head .problem-kicker { color:#8a237c; font:650 11px/1.5 Jost,system-ui; letter-spacing:.17em; text-transform:uppercase; margin-bottom:18px; }
.campaign-page .next-step { background:linear-gradient(125deg,#7b61ff20,#ff3edb0c),#17121f; color:#f2f2f4; border:1px solid #b7a0ff55; }
.campaign-page .next-step p { color:#c6bed7; }.campaign-page .next-step .cta { color:#111; background:#c6ff00; }
.campaign-page .client-arrow { color:#5c2192; background:#ece0fc; }
.builder-page .preview-label b { color:#644095; }.builder-page .builder-privacy a { color:#633f94; }
.kinetic-footer { background:#0a0a0a; color:#f2f2f4; border-top:1px solid #7b61ff55; }
.footer-ticker > span { color:#f2f2f4; }.footer-ticker i { color:#ff3edb; }
.footer-invitation a { color:#111; }.footer-utility { color:#bdb6cb; }.footer-utility a { color:#ded6ec; }
@media(max-width:620px) { .studio-home .ambient-edges { opacity:.035; }.service-page .s-final .s-wrap { padding:38px 20px; }.s-design-scene:after { font-size:45px; right:4%; } }