/* NA Designs: worldwide studio identity. Loaded last across all studio pages. */
:root,html[data-theme="light"],html[data-theme="dark"]{color-scheme:light;--bg:#f7faff;--bg-soft:#edf3ff;--surface:#fff;--surface-strong:#e9f0ff;--text:#17243d;--muted:#51627b;--subtle:#66748c;--line:#d4dfef;--primary:#2458dc;--violet:#2458dc;--accent:#2458dc;--accent-2:#087d78;--accent-glow:rgba(36,88,220,.15);--lime:#d6eee8;--lime-ink:#14594e;--shadow:0 20px 70px rgba(36,63,110,.1)}
body,.editorial-page{background:var(--bg);color:var(--text)}
body{font-size:16px}p{line-height:1.75}.section{padding-block:100px}.site-header,.site-header.scrolled,.editorial-page .site-header{background:rgba(247,250,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.desktop-nav a{font-size:14px;color:var(--muted)}.brand-name{color:var(--text)}.brand-sub{color:#7f5b21}.brand-mark{background:#17243d;border-radius:14px;padding:6px}.button{font-size:14px;min-height:50px}.button-primary{background:#2458dc;color:#fff;box-shadow:0 8px 22px #2458dc26}.button-primary:hover{background:#1746bd;box-shadow:0 12px 28px #2458dc30}.button-ghost{background:#fff;color:#17243d;border:1px solid #c4d2e7}.button span{display:none}.theme-toggle{display:none!important}
.hero{min-height:820px;height:auto;padding:160px 0 110px;background:radial-gradient(ellipse at 88% 20%,#d2f2ef 0,transparent 48%),radial-gradient(ellipse at 15% 100%,#e4eaff 0,transparent 55%),#f7faff;display:grid;align-items:center;grid-template-columns:1.05fr 1fr;gap:36px;padding-inline:max(24px,calc((100vw - 1200px)/2));isolation:isolate}
.hero-shade{display:none}.hero-grid{opacity:.2;background-image:linear-gradient(#98b3d033 1px,transparent 1px),linear-gradient(90deg,#98b3d033 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(0deg,transparent,#000)}.hero-inner{width:100%;margin:0;grid-column:1;grid-row:1;z-index:2}.hero h1{font-size:clamp(3rem,4.7vw,5.2rem);line-height:1.08;letter-spacing:-.055em;max-width:650px}.hero h1 em,.display-title em,.statement-title em,.contact-copy em{color:#087d78;letter-spacing:-.045em}.hero-copy{color:var(--muted);font-size:17px;max-width:550px}.eyebrow{color:#7b581a;font-size:12px;letter-spacing:.13em}.eyebrow span{background:#b68733}.hero-actions{gap:10px}.hero-scroll{color:#51627b;font-size:12px}.hero-object{display:none}
.global-showcase{grid-column:2;grid-row:1;position:relative;height:560px;width:100%;max-width:570px;justify-self:end;z-index:1}.showcase-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#63728a;margin:20px 0}.showcase-window{position:absolute;display:block;border:1px solid #c8d6e8;border-radius:17px;background:#fff;box-shadow:0 24px 60px #254b7926;overflow:hidden;transition:transform .4s;will-change:transform}.window-main{width:87%;left:0;top:75px;transform:rotate(-5deg);animation:windowFloat 8s ease-in-out infinite}.window-second{width:75%;right:0;top:260px;transform:rotate(5deg);animation:windowFloat 8s ease-in-out -4s infinite}.showcase-window:hover{animation-play-state:paused;z-index:3}.window-bar{display:flex;justify-content:space-between;padding:12px 16px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;color:#354866}.window-bar span:last-child{color:#7c5d25}.showcase-window img{display:block;width:100%;height:230px;object-fit:cover;object-position:top}.window-second img{height:190px}.showcase-note{position:absolute;bottom:15px;right:0;font-size:13px;color:#087d78;font-weight:700}@keyframes windowFloat{50%{translate:0 -14px}}
.global-partnership{border-bottom:1px solid var(--line)}.global-partnership-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin:25px 0 40px}.global-partnership-head p{max-width:450px;color:var(--muted)}.global-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.global-benefits article{border-radius:20px;padding:30px;background:#e7efff;border:1px solid #ceddf8}.global-benefits article:nth-child(2){background:#e0f3ef;border-color:#bde3da}.global-benefits article:nth-child(3){background:#fff0df;border-color:#ead6b7}.global-benefits article>span{font-size:12px;letter-spacing:.08em;font-weight:800;color:#6b541f}.global-benefits h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:24px 0 14px}.global-benefits p{font-size:15px;color:#44556c}.global-note{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:14px;color:var(--muted)}.global-note a{color:#2458dc;text-decoration:underline;text-underline-offset:5px}
.service-card,.service-visual-card,.portfolio-card,.price-card,.pricing-card,.pricing-page-card,.compare-card,.addons,.blog-card,.insight-list-card,.faq-item,.editorial-next,.pricing-extras,.studio-value,.testimonial-card,.review-card,.contact-card{background:#fff!important;border-color:var(--line)!important;color:var(--text);box-shadow:0 10px 30px #20385808}
.service-card:nth-child(4n+1){background:#e8efff!important}.service-card:nth-child(4n+2){background:#dff3ef!important}.service-card:nth-child(4n+3){background:#fff0e5!important}.service-card:nth-child(4n+4){background:#ede9ff!important}.service-card:hover{border-color:#b88b37!important;transform:translateY(-5px)}.service-no,.service-arrow{color:#2458dc}.service-card p,.service-card-copy p,.service-card-points,.compare-card li,.pricing-page-card p,.pricing-page-card ul,.addons p,.addon-list span{color:#51627b!important}.service-extensions,.service-art,.art-browser,.art-status,.service-collection{background:#edf3ff!important;color:var(--text)}.service-visual-card:nth-child(2n) .service-art{background:#dff3ef!important}
.featured,.pricing-page-card.featured,.compare-na{background:#e3eeff!important;border:1px solid #97b3e7!important}.price,.pricing-page-card strong{color:#2458dc!important}.pricing-page-card>span{color:#876221}.addon-list label span{color:#51627b;border-color:#bdcbe0;background:#fff}.addon-list input:checked+span{background:#2458dc;color:#fff;border-color:#2458dc}.compare-card li{border-color:var(--line)}
.integrations-section{background:#e6f3f1;border-color:#b9ddd7}.hex-grid .hex-cell,.hex-grid .hex-ghost,.hex-cell{background:#fff!important;color:#17243d!important}.hex-grid .hex-ghost{background:#c9e7e0!important}.strip-band.strip-dark,.strip-dark{background:#2458dc;color:#fff;border-color:#2458dc}.strip-band.strip-gold,.strip-gold{background:#ddb66a;color:#3b2b0e}
.work-card{background:#17243d}.work-overlay,.work-overlay strong{color:#fff!important}.work-overlay span{color:#e5e9f5!important}.work-card::after{background:linear-gradient(180deg,transparent 35%,#102039ee)}.section-kicker,.extension-kicker{color:#7a571f}.section-kicker>span{color:#2458dc}.display-title{line-height:1.1;letter-spacing:-.05em}.intro-copy p,.work-intro p{font-size:16px}
.editorial-deck,.editorial-meta,.editorial-body p,.editorial-body li,.editorial-next p{color:var(--muted)}.editorial-heading,.editorial-header,.editorial-body th,.editorial-body td{border-color:var(--line)}.editorial-body a,.editorial-meta a,.editorial-footer a,.guide-direct{color:#2458dc}.editorial-body h2,.editorial-body h3,.editorial-next h2{color:var(--text)}.editorial-project-label{color:#876221!important}.editorial-page .editorial-main{padding-bottom:80px}
.site-footer,.unified-footer,.footer-legal{background:#eaf0fb!important;color:var(--text);border-color:var(--line)}.footer-brand p,.footer-links a,.footer-legal p{color:#51627b!important}.footer-links>span{color:#7a581f}.contact-section,.statement-section,.studio-hero,.studio-values,.read-section{background:transparent!important;color:var(--text)}
.project-modal,.blog-dialog{background:#fff!important;color:var(--text)}.choice-card{background:#f7faff!important;border-color:#cad7ea!important;color:var(--text)}.choice-card b{color:var(--text)}.choice-card small,.step-help,.modal-copy,.form-note,.form-status{color:#51627b}.choice-card:has(input:checked){background:#e5efff!important;border-color:#2458dc!important}.project-modal input,.project-modal select,.project-modal textarea{background:#f7faff!important;color:#17243d!important;border-color:#bacbe3!important}.enquiry-success h3,.enquiry-success p{color:#17243d}.modal-whatsapp-path{color:#2458dc}.mobile-menu{background:#fff}.menu-toggle span{background:#17243d}.blog-dialog-body{color:#51627b}.faq-item button,.faq-question{color:#17243d}.faq-item p,.faq-answer{color:#51627b}.form-progress span{color:#51627b}.form-progress .is-current{background:#2458dc;color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid #b88733;outline-offset:5px}::selection{background:#c6e9df;color:#17243d}
@media(min-width:1500px){.hero{min-height:900px}.global-showcase{max-width:640px}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:20px;min-height:760px}.hero h1{font-size:clamp(2.7rem,5vw,4.5rem)}.global-showcase{height:490px}.window-main{width:95%}.window-second{width:85%;top:250px}.showcase-note{bottom:0}.global-partnership-head{gap:30px}.global-benefits article{padding:24px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:125px 24px 80px;gap:20px;min-height:0}.hero-inner{order:0}.global-showcase{order:1;max-width:540px;align-self:center;height:440px}.hero h1{font-size:clamp(2.5rem,9vw,4rem);line-height:1.12;margin:20px 0}.hero-copy{font-size:16px}.showcase-label{margin:10px 0}.window-main{top:45px;width:86%}.window-second{top:215px;width:73%}.showcase-window img{height:185px}.window-second img{height:155px}.showcase-note{bottom:5px;font-size:12px}.hero-scroll{bottom:20px}.section{padding-block:65px}.global-partnership-head{grid-template-columns:1fr;gap:12px}.global-benefits{grid-template-columns:1fr}.global-note{flex-direction:column;gap:10px}.global-benefits h3{margin-top:15px}.service-card p{font-size:15px}.desktop-nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
/* Override historic theme-specific rules consistently. */
html[data-theme] body{background:#f7faff;color:#17243d}html[data-theme] .hero{background:radial-gradient(ellipse at 88% 20%,#d2f2ef 0,transparent 48%),radial-gradient(ellipse at 15% 100%,#e4eaff 0,transparent 55%),#f7faff}html[data-theme] .hero-copy,html[data-theme] .hero-scroll{color:#51627b}html[data-theme] .hero h1 em,html[data-theme] .display-title em,html[data-theme] .statement-title em{color:#087d78}html[data-theme] .site-header.scrolled,html[data-theme] .mobile-menu{background:rgba(247,250,255,.96)}html[data-theme] .button-primary{background:#2458dc!important;color:#fff!important;box-shadow:0 8px 22px #2458dc26!important}html[data-theme] .button-ghost{background:#fff;color:#17243d}html[data-theme] .contact-section{background:#e0f3ef!important;color:#17243d}html[data-theme] .contact-section p,html[data-theme] .contact-section h2{color:#17243d}html[data-theme] .service-card,html[data-theme] .testimonial-card,html[data-theme] .portfolio-card{background:#fff!important}html[data-theme] .service-card:nth-child(4n+1){background:#e8efff!important}html[data-theme] .service-card:nth-child(4n+2){background:#dff3ef!important}html[data-theme] .service-card:nth-child(4n+3){background:#fff0e5!important}html[data-theme] .service-card:nth-child(4n+4){background:#ede9ff!important}html[data-theme] .project-modal{background:#fff}html[data-theme] .promise-card{background:#edf3ff!important;background-image:none!important}html[data-theme] .price-card,html[data-theme] .pricing-card{background:#fff!important;background-image:none!important;color:#17243d}html[data-theme] .service-proof a,html[data-theme] .service-faq details,html[data-theme] .service-author{background:#edf3ff;color:#17243d}html[data-theme] .service-proof p,html[data-theme] .service-content-grid p,html[data-theme] .service-content-grid li{color:#51627b}html[data-theme] .service-hero,html[data-theme] .service-cta,html[data-theme] .studio-hero{background:#edf3ff;color:#17243d}html[data-theme] .service-hero p,html[data-theme] .studio-hero p{color:#51627b}html[data-theme] .hero h1 .hero-line{line-height:1.12!important;overflow:visible!important}html[data-theme] .global-showcase{pointer-events:auto}
html[data-theme] body{background:#f7faff!important;background-image:none!important}html[data-theme] .site-header{background:rgba(247,250,255,.96)!important}html[data-theme] .intro-section,html[data-theme] .work-section,html[data-theme] .pricing-section,html[data-theme] .faq-section{--theme-band:#f7faff;background-color:#f7faff!important}html[data-theme] .button{border-radius:12px!important;clip-path:none!important}html[data-theme] .button::before,html[data-theme] .button::after{display:none!important}html[data-theme] .display-title em,html[data-theme] .hero h1 em{color:#087d78!important}html[data-theme] .service-card{border-radius:16px!important}html[data-theme] .service-grid{gap:16px;border:0!important;background:transparent!important}html[data-theme] .price-card{border-radius:18px!important;clip-path:none!important}html[data-theme] .price-card-featured{background:#e7efff!important}.section-kicker,.eyebrow,.brand-sub{font-size:12px!important}.testimonial-card footer span,.testimonial-card footer a{font-size:12px}.price-card .button-card{font-size:13px!important}.service-card p{font-size:15px!important}
