/* Preze promotion update: original brand system across public pages.
   Portfolio, case studies and CRM intentionally do not receive .pd-site. */
html .pd-site{--pd-paper:#fff;--pd-soft:#f2f3f9;--pd-text:#171b34;--pd-muted:#555e76;--pd-border:#dedfec;--pd-accent:#5b36d8;font-family:'DM Sans',Arial,sans-serif}
html[data-theme=dark] .pd-site{--pd-paper:#151b30;--pd-soft:#1c243c;--pd-text:#f4f5ff;--pd-muted:#b8c2d8;--pd-border:#3b455e;--pd-accent:#baa8ff}
html .pd-site .pd-page{font-size:17px;line-height:1.75}
html .pd-site .pd-page :is(h1,h2,h3):not(.work-section *){font-family:Manrope,'DM Sans',sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.15}
html .pd-site .pd-page h1:not(.work-section *){font-size:clamp(42px,4.7vw,68px);max-width:850px}
html .pd-site .pd-page h2:not(.work-section *){font-size:clamp(29px,3.3vw,44px)}
html .pd-site .pd-page h3:not(.work-section *){font-size:23px}
html .pd-site .pd-page p:not(.work-section *){line-height:1.8}
html .pd-site .pd-page .eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--pd-accent)}
html .pd-site .pd-page :is(.section,.wu-section){padding-top:82px;padding-bottom:82px}
html .pd-site .pd-page :is(.pd-light,.pd-soft){--bg:var(--pd-paper);--panel:var(--pd-paper);--panel2:var(--pd-soft);--ink:var(--pd-text);--muted:var(--pd-muted);--line:var(--pd-border);color:var(--pd-text);background:var(--pd-paper)!important}
html .pd-site .pd-page .pd-soft{background:var(--pd-soft)!important}
html .pd-site .pd-page .pd-dark{--bg:#0b102c;--panel:#19203d;--panel2:#252d4c;--ink:#fafaff;--muted:#c2c9df;--line:#404964;--blue:#a599ff;--red:#b9a8ff;color:#fafaff!important;background:#0b102c!important}
html .pd-site .pd-page .pd-dark :is(h1,h2,h3,h4){color:#fafaff!important}
html .pd-site .pd-page .pd-dark :is(p,.page-intro,.hero-description,.section-intro,.section-lead,.breadcrumb,.about-copy p){color:#c2c9df!important}
html .pd-site .pd-page .pd-dark :is(.eyebrow,h1 em,h2 em,h3 em){color:#b9a8ff!important}
html .pd-site .pd-page .pd-dark :is(.text-link,.button-outline,.breadcrumb a){color:#e3dcff!important}
html .pd-site .pd-page .pd-dark .button-outline{border-color:#8a82af!important;background:transparent!important}
html .pd-site .pd-page .pd-dark .button:not(.button-outline){color:#fff!important;background:linear-gradient(110deg,#247ee6,#6039de)!important}
html .pd-site .pd-page .pd-dark .check-list li{color:#d3d8eb!important;border-color:#404964}
html .pd-site .pd-page :is(.pd-light,.pd-soft) :is(.page-intro,.copy-section p,.pd-story-body p,.pd-story-body li,.section-heading>p,.section-heading>div>p){color:var(--pd-muted)}
html .pd-site .pd-page .pd-light .text-link,html .pd-site .pd-page .pd-soft .text-link{color:var(--pd-accent)}
/* The signature hero uses a soft luminous arc, not the reference site's grid. */
html .pd-site .pd-page .pd-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 92% 10%,#493c834d,transparent 52%),linear-gradient(115deg,#0b102c,#141534)!important;overflow:hidden;border-bottom:0}
html .pd-site .pd-page .pd-hero:before{content:'';position:absolute;z-index:-1;right:-100px;top:-260px;width:750px;height:750px;border:1px solid #b2a4ff20;border-radius:50%;background:none!important;opacity:1;mask-image:none;pointer-events:none}
html .pd-site .pd-page .pd-hero:after{content:'';position:absolute;z-index:-1;right:-35px;top:-195px;width:620px;height:620px;border:1px solid #b2a4ff13;border-radius:50%;pointer-events:none}
html .pd-site .pd-page .pd-hero>.wrap:not(.hero-grid){padding-top:55px;padding-bottom:65px}
html .pd-site .pd-page .pd-hero .page-hero-grid{padding:15px 0 20px;gap:60px}
html .pd-site .pd-page .pd-hero .breadcrumb{padding:0 0 24px;font-size:12px}
html .pd-site .pd-page .pd-hero .page-intro{font-size:18px;line-height:1.8;max-width:700px;margin:25px 0 30px}
html .pd-site .pd-page .pd-hero .hero-grid{padding-top:75px;padding-bottom:85px;min-height:620px}
html .pd-site .pd-page .pd-hero .hero-description{font-size:18px}
html .pd-site .pd-page .pd-hero .page-hero-art{height:300px;min-height:0;border:1px solid #7c6bb854;border-radius:28px;background:linear-gradient(150deg,#282b53,#151932);transform:rotate(2deg)}
html .pd-site .pd-page .pd-hero .page-hero-label{background:transparent!important;color:#e1d9ff;transform:rotate(-2deg)}
html .pd-site .pd-page .pd-hero .page-hero-label small{color:#b6add5}.pd-site .pd-hero .page-hero-label span{color:#c6bfdd!important}
html .pd-site .pd-page .pd-hero .page-hero-photo{border-radius:24px;overflow:hidden;border:1px solid #6d639d}
html .pd-site .pd-page .pd-hero .page-orbit{border-color:#8d7bca30}
html .pd-site .pd-page .pd-hero .wu-art{position:relative}
/* Original editorial split, with useful whitespace and a stronger reading size. */
html .pd-site .pd-story-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:85px;align-items:start}
html .pd-site .pd-story-heading h2{margin:17px 0 0;max-width:460px}
html .pd-site .pd-story-body p{margin:0 0 20px;font-size:17px;max-width:730px}
html .pd-site .pd-story-body .check-list{margin:25px 0 0}
html .pd-site .pd-story-body .check-list li{font-size:16px;color:var(--pd-muted);line-height:1.7;padding:15px 0 15px 28px}
html .pd-site .pd-story-body a{color:var(--pd-accent);text-decoration:underline;text-underline-offset:4px}
html .pd-site .pd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}
html .pd-site .pd-card{background:var(--pd-paper);border:1px solid var(--pd-border);border-radius:18px;padding:30px;color:var(--pd-text)}
html .pd-site .pd-card h3{margin:24px 0 17px}
html .pd-site .pd-card p{font-size:16px;color:var(--pd-muted);margin:0}
html .pd-site .pd-card a{display:inline-block;color:var(--pd-accent);font-weight:700;text-decoration:none;margin-top:15px}
html .pd-site .pd-step{font:800 12px Manrope,sans-serif;color:var(--pd-accent);background:#9173eb12;padding:8px 12px;border-radius:7px}
html .pd-site .pd-dark .pd-card{background:#19203d;border-color:#404964;color:#fff}
html .pd-site .pd-dark .pd-card p{color:#c2c9df!important}
html .pd-site .pd-dark .pd-card a,html .pd-site .pd-dark .pd-step{color:#c6b8ff!important}
/* Service and guide cards retain their own content and visual assets. */
html .pd-site .pd-page :is(.service,.article-card,.preview-industry-card,.quote-services article){border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);box-shadow:none}
html .pd-site .pd-page .service{padding:30px}
html .pd-site .pd-page .service h3{font-size:23px;line-height:1.25}
html .pd-site .pd-page .service p{font-size:16px;color:var(--muted)}
html .pd-site .pd-page .service>a{color:var(--pd-accent);font-size:14px;font-weight:700}
html .pd-site .pd-page .article-card-copy p{font-size:16px;color:var(--muted)}
html .pd-site .pd-page .article-card-copy h3{font-size:24px;line-height:1.25}
html .pd-site .pd-page .article-art{background:linear-gradient(135deg,#24224e,#49357c);color:#f4f0ff}
html .pd-site .pd-page .article-art b{color:#e3dbff}
html .pd-site .pd-page .preview-industry-card h3{font-size:30px}
html .pd-site .pd-page .preview-industry-card p{font-size:17px}
html .pd-site .pd-page .wu-types article{background:var(--pd-paper);border-color:var(--pd-border);color:var(--pd-text)}
html .pd-site .pd-page .wu-types p{color:var(--pd-muted)}
html .pd-site .pd-page .wu-editor-note{background:var(--pd-paper);border-color:var(--pd-border);color:var(--pd-text)}
/* Detailed articles and policies favour comfortable reading, not sales cards. */
html .pd-site .pd-editorial .pd-hero>.wrap{max-width:1000px}
html .pd-site .pd-editorial .page-hero-grid{grid-template-columns:1fr}
html .pd-site .pd-editorial .page-hero-art{display:none}
html .pd-site .pd-editorial h1{max-width:820px;font-size:clamp(36px,4vw,56px)}
html .pd-site .pd-editorial .page-intro{max-width:780px}
html .pd-site .pd-reading .reading-grid{grid-template-columns:220px minmax(0,1fr);gap:65px}
html .pd-site .pd-reading .page-index{border:1px solid var(--pd-border);border-radius:14px;padding:22px;top:25px;background:var(--pd-soft)}
html .pd-site .pd-reading .page-index a{font-size:14px;color:var(--pd-muted);line-height:1.5;padding:13px 0;border-color:var(--pd-border)}
html .pd-site .pd-reading .copy-section{padding:25px 0 40px;scroll-margin-top:35px;border-color:var(--pd-border)}
html .pd-site .pd-reading .copy-section:first-child{border-top:0;padding-top:0}
html .pd-site .pd-reading .copy-section h2{font-size:29px;line-height:1.3}
html .pd-site .pd-reading .copy-section p,html .pd-site .pd-reading .check-list li{font-size:17px;line-height:1.85;color:var(--pd-muted)}
html .pd-site .pd-reading .copy-section a{color:var(--pd-accent)}
/* Forms retain all labels, validation, conditional fields and preview-only submit guard. */
html .pd-site .pd-form .pd-hero .page-hero-grid{grid-template-columns:1fr}
html .pd-site .pd-form .pd-hero .page-hero-art{display:none}
html .pd-site .pd-form .pd-hero .page-intro{max-width:760px}
html .pd-site .pd-form-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
html .pd-site .pd-form-content .pd-form-panel{max-width:none!important;width:100%}
html .pd-site .pd-form-content .pd-form-aside{padding:15px 0}
html .pd-site .pd-form-aside h2{font-size:38px;margin:20px 0}
html .pd-site .pd-form-aside p{font-size:17px;color:var(--pd-muted)}
html .pd-site .pd-preview-note{font-size:13px!important;padding:18px;background:var(--pd-soft);border-left:3px solid #8e6aeb;margin-top:30px}
html .pd-site .pd-page :is(.enquiry-form,.preview-form,.pd-form-panel){background:var(--pd-paper);border:1px solid var(--pd-border);border-radius:18px;padding:32px;color:var(--pd-text)}
html .pd-site .pd-page .preview-form form{margin:0}
html .pd-site .pd-page :is(.enquiry-form,.preview-form) label{font-size:14px;color:var(--pd-text);line-height:1.5}
html .pd-site .pd-page :is(.enquiry-form,.preview-form) :is(input,select,textarea){background:var(--pd-paper);color:var(--pd-text);border:1px solid var(--pd-border);font-size:16px;min-height:46px}
html .pd-site .pd-page :is(.enquiry-form,.preview-form) input[type=checkbox]{min-height:0;width:18px;height:18px;flex-shrink:0}
html .pd-site .pd-page :is(input,select,textarea,a,button,summary):focus-visible{outline:3px solid #8f71ed;outline-offset:4px}
html .pd-site .pd-page .contact-options>a{border-color:var(--pd-border);color:var(--pd-text);padding:22px;border-radius:12px;background:var(--pd-soft);margin-top:12px}
html .pd-site .pd-page .contact-options strong{font-size:18px;overflow-wrap:anywhere;color:var(--pd-text)}
html .pd-site .pd-page .contact-options small{color:var(--pd-accent)}
/* FAQ and calls to action: a calm finish to every page. */
html .pd-site .pd-page :is(.faq-list,.wu-faq) details{background:var(--pd-paper);border:1px solid var(--pd-border);border-radius:12px;margin-bottom:12px;color:var(--pd-text);padding:20px 24px}
html .pd-site .pd-page :is(.faq-list,.wu-faq) summary{font-size:17px;font-weight:700;color:var(--pd-text);cursor:pointer}
html .pd-site .pd-page :is(.faq-list,.wu-faq) details p{font-size:16px;color:var(--pd-muted)}
html .pd-site .pd-page .pd-final{padding:70px 0!important;background:radial-gradient(ellipse at 100% 100%,#49347780,transparent 60%),#0b102c!important;border:0}
html .pd-site .pd-page .pd-final .wrap{gap:40px}
html .pd-site .pd-page .pd-final h2{max-width:720px;font-size:clamp(32px,3.8vw,49px)}
html .pd-site .pd-page .pd-final p{max-width:650px}
html .pd-site .pd-page .pd-final .button{white-space:normal;flex-shrink:0}
/* Homepage rhythm changes are scoped away from .work-section and project cards. */
html .pd-site .pd-home .services-section .service{background:var(--pd-paper)}
html .pd-site .pd-home .about-section .about-label{color:#c6b8ff}
html .pd-site .pd-home .about-section .about-photo{border-radius:20px;overflow:hidden}
html .pd-site .pd-home .about-section .about-copy p{font-size:17px;line-height:1.8}
html .pd-site .pd-home .process-grid>div{border:1px solid var(--pd-border);padding:26px;border-radius:15px;background:var(--pd-paper);color:var(--pd-text)}
html .pd-site .pd-home .process-grid p{color:var(--pd-muted);font-size:16px}
html .pd-site .pd-home .process-grid span{color:var(--pd-accent)}
html .pd-site .pd-home .hero-notes{color:#d2cbea!important}
/* Pricing cards are kept legible in either theme; displayed amounts remain USD/NGN only. */
html .pd-site .pd-page :is(.pricing-card,.price-card,.package-card){background:var(--pd-paper);border-color:var(--pd-border);color:var(--pd-text);border-radius:16px}
html .pd-site .pd-page :is(.pricing-card,.price-card,.package-card) p,html .pd-site .pd-page :is(.pricing-card,.price-card,.package-card) li{color:var(--pd-muted);font-size:14px}
html .pd-site .pd-page .enterprise{background:#191d3d;border:1px solid #4a436e;border-radius:16px;color:white}
html .pd-site .pd-page .enterprise :is(h3,p,span){color:#e5e1f7}
html .pd-site .pd-page .enterprise .button-outline{color:#eee9ff;border-color:#8e7dbd}
/* Shared frame: compact navigation and a distinctly Preze footer. */
html .pd-site #preze-nav{gap:16px}
html .pd-site #preze-nav summary{font-weight:600}
html .pd-site .site-footer{background:#080d25!important;color:#f3f1fc;--line:#353a54;--muted:#c2c8dd;padding-top:10px}
html .pd-site .site-footer h3{color:#e1dafb;font-size:13px;font-weight:800;letter-spacing:.07em}
html .pd-site .site-footer a{color:#c8cce1;font-size:14px;line-height:1.7}
html .pd-site .site-footer a:hover{color:#b6a0ff}
html .pd-site .site-footer p{color:#c2c8dd;font-size:14px;line-height:1.8}
html .pd-site .site-footer .footer-brand img{background:#fff;border-radius:10px;padding:9px;filter:none;box-sizing:content-box;max-width:190px}
html .pd-site .site-footer .footer-bottom{color:#aeb8d1;font-size:12px;border-color:#353a54}
html .pd-site .site-footer .footer-bottom a{font-size:12px}
html .pd-site .nav-dropdown-panel{min-width:245px;border-radius:12px;box-shadow:0 14px 40px #10162d20}
@media(min-width:1000px){html .pd-site .pd-pricing .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){html .pd-site .pd-story-grid{gap:45px}html .pd-site .pd-card-grid{gap:18px}html .pd-site .pd-form-content{gap:35px}html .pd-site #preze-nav{gap:10px}}
@media(max-width:800px){html .pd-site .pd-story-grid,html .pd-site .pd-form-content{grid-template-columns:1fr;gap:28px}html .pd-site .pd-card-grid{grid-template-columns:1fr 1fr}html .pd-site .pd-page :is(.section,.wu-section){padding-top:55px;padding-bottom:55px}html .pd-site .pd-reading .reading-grid{grid-template-columns:1fr;gap:30px}html .pd-site .pd-reading .page-index{position:static}html .pd-site .pd-reading .page-index a{display:inline-block;margin-right:16px}html .pd-site .pd-page .pd-hero .page-hero-grid{gap:35px}html .pd-site .pd-hero .page-hero-art{height:250px}html .pd-site .pd-page .pd-hero .page-intro{font-size:17px}html .pd-site .pd-page .pd-hero .hero-grid{padding:50px 0 65px;min-height:0}html .pd-site .pd-home .process-grid{gap:18px}}
@media(max-width:600px){html .pd-site .pd-card-grid{grid-template-columns:1fr}html .pd-site .pd-page h1:not(.work-section *){font-size:39px;letter-spacing:-.045em}html .pd-site .pd-page h2:not(.work-section *){font-size:31px}html .pd-site .pd-page .pd-hero>.wrap:not(.hero-grid){padding-top:35px;padding-bottom:40px}html .pd-site .pd-page .pd-hero .page-hero-grid{grid-template-columns:1fr}html .pd-site .pd-page .pd-hero .page-hero-art{display:none}html .pd-site .pd-page :is(.enquiry-form,.preview-form,.pd-form-panel){padding:22px}html .pd-site .pd-page .pd-hero .breadcrumb{font-size:11px;gap:9px;flex-wrap:wrap}html .pd-site .pd-card{padding:25px}html .pd-site .pd-page .pd-final{padding:50px 0!important}html .pd-site .pd-page .pd-final .wrap{flex-direction:column;align-items:flex-start}html .pd-site .pd-page .pd-final .button{width:auto}html .pd-site .pd-page .hero-description{font-size:17px}html .pd-site .site-footer .footer-bottom{flex-direction:column;gap:16px}html .pd-site .site-footer .footer-bottom>div{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){html .pd-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

html .pd-site .pd-home>.work-section{font-size:14px;line-height:1.6}