/* Mehr Hamrah visual balance — blue identity with quiet neutral surfaces */
html:root[data-theme="light"]{--paper:#ffffff;--surface:#ffffff;--ink:#252a32;--muted:#606773;--line:#e5e7eb;--soft:#f5f5f7;--blue:#007fc8;--shadow:0 8px 28px #20263108}
html[data-theme=dark]{--paper:#15191f;--surface:#1e232b;--ink:#f3f4f6;--muted:#b8bdc7;--line:#363c46;--soft:#252a32;--blue:#50c9ff;--shadow:0 8px 28px #0002}
body{background:var(--paper);color:var(--ink)}
.site-header{background:var(--surface);border-color:var(--line);box-shadow:0 3px 18px #20263105}
.button-outline{background:var(--surface);color:var(--ink);border-color:#d2d6dd;box-shadow:none}
.button-blue,.button-platinum{background:#007fc8;color:#fff;border-color:transparent;box-shadow:0 5px 16px #007fc818}
.button-outline:hover{background:var(--soft);border-color:#8f99a8;color:var(--ink)}
.section-soft{background:var(--soft)}
.service-detail{background:var(--surface);border-color:var(--line)}
.feature-card,.project-card{border-color:var(--line);box-shadow:0 4px 20px #20263105}
.video-guide{background:var(--soft)!important;border-color:var(--line)!important;box-shadow:none;border-radius:24px;padding:28px!important}
.video-guide-card{background:var(--surface);border-color:var(--line);box-shadow:none}
.video-guide-card.is-ready{border-color:#9ba7b8;box-shadow:0 5px 18px #20263108}
.video-cover-ai{background:linear-gradient(135deg,#242c38,#364351)}
.video-cover-web{background:linear-gradient(135deg,#35363f,#505361)}
.video-cover-app{background:linear-gradient(135deg,#383343,#535064)}
.video-cover-shop{background:linear-gradient(135deg,#303e40,#495958)}
.video-cover strong{color:#fff}
.video-cover-tag{color:#c2c9d4}
.video-cover>svg{color:#69d5ff}
.video-cover-story span{color:#eef0f5;background:#ffffff0c;border-color:#ffffff20}
.video-cover:after{border-color:#ffffff16}
.video-guide-play{box-shadow:0 3px 12px #0002}
.home-simple-services{gap:20px}
.home-simple-services .service-card{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 5px 24px #20263105!important;padding:28px!important}
.home-simple-services .service-card p{color:var(--muted)!important;line-height:1.9!important;font-weight:400!important}
.home-simple-services .service-card h3{color:var(--ink)!important}
.home-simple-services .service-glass-icon{background:#f1f8fc!important;border-color:#e3edf3!important;box-shadow:none!important}
.steps{gap:30px}
.step{border-top:1px solid var(--line);background:transparent;box-shadow:none;border-radius:0;padding:24px 0 0}
.step .step-number{font-size:32px;color:var(--blue);margin-bottom:18px}
.step p{color:var(--muted);font-weight:400!important}
.cta{background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.cta p{color:var(--muted)}
.site-footer{background:#252a33!important;color:#f4f5f7;border:1px solid #343b47!important;border-top:1px solid #454f60!important;box-shadow:0 12px 30px #20263112; margin-top:48px;padding-top:36px}
.site-footer h3{color:#fff}
.site-footer p{color:#c1c7d1}
.site-footer .footer-logo{background:#fff;padding:10px;border-radius:18px}
.site-footer .footer-services a.footer-service-link{background:#ffffff05;border-color:#ffffff16;color:#eef0f4;box-shadow:none}
.site-footer .footer-services a.footer-service-link:hover{background:#ffffff0b;border-color:#69cfff;color:#fff;box-shadow:none}
.site-footer .footer-service-icon{background:#ffffff08;border-color:#ffffff12;color:#76d6ff}
.site-footer .footer-bottom{background:#1f242c;border-color:#ffffff12;color:#c5cbd4}
.site-footer .footer-bottom p{color:#c5cbd4}
.site-footer a:not(.footer-service-link){color:#7cd9ff}
:focus-visible{outline:3px solid #008edb;outline-offset:4px}
html[data-theme=dark] .video-guide-card{background:var(--surface)}
html[data-theme=dark] .button-outline{border-color:#4b535f}
html[data-theme=dark] .button-blue,html[data-theme=dark] .button-platinum{background:#1299dd;color:#fff}
@media(max-width:700px){.video-guide{padding:20px!important;border-radius:22px}.home-simple-services .service-card{padding:20px!important}.home-simple-services .service-card p{font-size:15px!important}.steps{gap:26px}.step{padding-top:22px}.step .step-number{font-size:30px;margin-bottom:14px}.site-footer{margin-top:32px;padding-top:24px}.site-footer .footer-logo{padding:8px}.footer-grid-compact{gap:24px}.site-footer .footer-services a.footer-service-link{padding:12px;min-height:58px}.site-footer .footer-bottom{padding:18px 16px}}

/* Shared internal-page surfaces */
.website-panel,.website-panel-soft,.website-note,.wp-gallery-filters{background:var(--soft);border-color:var(--line);color:var(--ink)}
.wp-plan,.wp-gallery-card,.wp-steps article{background:var(--surface);border-color:var(--line);color:var(--ink)}
.wp-plan-gold{background:var(--surface);border:2px solid #007fc8;box-shadow:0 8px 28px #20263108}
.wp-browser-bar,.wp-card-category,.wp-preview-tabs button,.wp-zoom-tools button{background:var(--soft);color:var(--muted);border-color:var(--line)}
.wp-preview-tabs button[aria-pressed=true]{background:#007fc8;color:#fff;border-color:#007fc8}
.wp-preview-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
.wp-preview-stage{background:var(--soft)}
.wp-gallery-more button{background:var(--surface);color:var(--ink);border-color:var(--line)}
.wp-gallery-more button:hover{background:var(--soft)}
.wp-steps article>span{background:var(--soft);color:var(--blue)}
.auto-secondary{color:var(--ink)}