:root{--red:#ef171c;--red-dark:#c90c12;--blue:#086bff;--blue-dark:#004fc4;--ink:#12151a;--muted:#5e6673;--soft:#f5f7fa;--line:#e3e7ed;--dark:#11151a;--white:#fff;--radius:22px;--shadow:0 24px 65px rgba(18,28,45,.13);--shadow-soft:0 14px 40px rgba(18,28,45,.08);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:hidden;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}a{text-decoration:none}p{color:var(--muted);line-height:1.72}.container{max-width:var(--container)}.section-space{padding:92px 0}.skip-link{position:fixed;top:-80px;left:16px;z-index:9999;padding:12px 18px;color:#fff;background:#000;border-radius:10px}.skip-link:focus{top:12px}.eyebrow{margin:0 0 12px;color:var(--red);font-size:.72rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase}.eyebrow-light{color:#ff4b50}.section-title,.section-heading h2,.heading-row h2{margin:0;color:var(--ink);font-size:clamp(2rem,4vw,3.25rem);font-weight:720;letter-spacing:-.052em;line-height:1.08}.section-copy{max-width:720px;margin:20px 0 28px;font-size:1.02rem}.section-heading{max-width:760px;margin:0 auto 45px}.section-heading p:last-child{margin:14px auto 0}.line-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;padding:9px;color:var(--red);background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 24px rgba(20,30,47,.07)}
/* Apple-inspired navigation */
.site-header{padding:12px 0 0;pointer-events:none}.site-header .navbar{padding:0}.nav-shell{min-height:62px;padding:0 20px;background:rgba(255,255,255,.94);border:1px solid rgba(20,24,31,.06);border-radius:20px;box-shadow:0 12px 35px rgba(20,30,45,.08);backdrop-filter:saturate(165%) blur(14px);-webkit-backdrop-filter:saturate(165%) blur(14px);pointer-events:auto;transition:box-shadow .2s ease,background .2s ease}.site-header.scrolled .nav-shell{background:rgba(255,255,255,.98);box-shadow:0 15px 42px rgba(20,30,45,.12)}.brand-mark{color:#1f2228;font-size:1.1rem;font-weight:520;letter-spacing:.17em;white-space:nowrap}.brand-mark span{color:var(--red);font-weight:760}.navbar-nav{gap:.3rem}.navbar-nav .nav-link{position:relative;padding:.85rem .78rem!important;color:#343840;font-size:.82rem;font-weight:540}.navbar-nav .nav-link:after{position:absolute;left:.72rem;right:.72rem;bottom:.48rem;height:2px;background:var(--red);border-radius:2px;content:"";transform:scaleX(0);transition:transform .18s ease}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#000}.navbar-nav .nav-link:hover:after,.navbar-nav .nav-link.active:after{transform:scaleX(1)}.nav-contact{margin-left:.9rem}.navbar-toggler{width:44px;height:42px;border:0;box-shadow:none!important}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:21px;height:1.5px;margin:auto;background:#111;content:""}.menu-lines:before{transform:translateY(-6px)}.menu-lines:after{transform:translateY(4.5px)}
/* Buttons and links */
.btn-brand,.btn-outline-brand{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.72rem 1.45rem;border-radius:999px;font-size:.84rem;font-weight:720;transition:transform .18s ease,box-shadow .18s ease}.btn-brand{color:#fff!important;background:linear-gradient(135deg,#f52025,var(--red-dark));border:0;box-shadow:0 12px 28px rgba(239,23,28,.24)}.btn-brand:hover,.btn-brand:focus{transform:translateY(-2px);box-shadow:0 17px 34px rgba(239,23,28,.30)}.btn-brand.btn-sm{min-height:40px;padding:.55rem 1.18rem;font-size:.76rem}.btn-outline-brand{color:var(--red);background:#fff;border:1px solid rgba(239,23,28,.5)}.btn-outline-brand:hover{color:#fff;background:var(--red)}.text-link{display:inline-flex;align-items:center;gap:.55rem;font-size:.84rem;font-weight:720}.text-link-red{color:var(--red)}.text-link-blue{color:var(--blue)}.text-link:hover{filter:brightness(.78)}
/* Full-resolution hero system. No full-width white wash. */
.brand-hero{position:relative;isolation:isolate;min-height:705px;padding:132px 0 110px;overflow:hidden;background-color:#fff;background-image:url('../img/hero-full-sharp.webp');background-repeat:no-repeat;background-position:center 54%;background-size:cover}.hero-inner{position:relative;z-index:2}.hero-copy{position:relative;z-index:2;padding:34px 0}.hero-copy-scrim:before{position:absolute;z-index:-1;inset:-85px -120px -90px -130px;background:radial-gradient(ellipse at 47% 50%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 40%,rgba(255,255,255,.73) 57%,rgba(255,255,255,.18) 75%,transparent 82%);content:"";pointer-events:none}.hero-copy h1{max-width:650px;margin:0;color:#111419;font-size:clamp(3rem,5.4vw,5rem);font-weight:730;letter-spacing:-.067em;line-height:.99}.hero-lead{max-width:610px;margin:25px 0 28px;font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 24px;margin:28px 0 0;color:#5c6572;font-size:.76rem;font-weight:650}.hero-proof li{position:relative;padding-left:15px}.hero-proof li:before{position:absolute;left:0;top:.54em;width:6px;height:6px;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:50%;content:""}.hero-visual-space{min-height:470px}.page-hero{min-height:620px;padding-bottom:75px}.page-hero .hero-copy h1{font-size:clamp(2.9rem,4.6vw,4.45rem)}.breadcrumb{margin-bottom:24px}.breadcrumb,.breadcrumb a{color:#5b6471;font-size:.74rem}.breadcrumb-item.active{color:#181c22}.breadcrumb-item+.breadcrumb-item:before{content:"/"}.hero-benefits,.contact-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:650px}.hero-benefits>div,.contact-proof>div{display:flex;align-items:center;gap:10px}.hero-benefits .line-icon,.contact-proof .line-icon{width:38px;height:38px;padding:8px;background:rgba(255,255,255,.92)}.hero-benefits span,.contact-proof span{display:grid;color:#5d6571;font-size:.66rem;line-height:1.35}.hero-benefits strong,.contact-proof strong{color:#20242a;font-size:.7rem}.home-hero{padding-bottom:160px}
/* Floating hero visuals */
.service-orbit{position:relative;width:min(100%,520px);margin-left:auto;aspect-ratio:1}.service-orbit:before{position:absolute;inset:5%;border:1px solid rgba(8,107,255,.18);border-radius:50%;content:""}.service-orbit:after{position:absolute;inset:18%;border:1px solid rgba(239,23,28,.17);border-radius:50%;content:""}.orbit-badge{position:absolute;z-index:2;display:grid;place-items:center;width:66px;height:66px;padding:17px;background:rgba(255,255,255,.96);border:1px solid rgba(20,30,45,.08);border-radius:50%;box-shadow:0 14px 35px rgba(20,30,45,.12)}.orbit-badge svg{color:var(--red)}.orbit-two svg,.orbit-four svg{color:var(--blue)}.orbit-one{top:13%;left:9%}.orbit-two{top:14%;right:7%}.orbit-three{bottom:18%;left:6%}.orbit-four{right:8%;bottom:18%}
/* Dark service cards */
.section-overlap{position:relative;z-index:4;margin-top:-92px;padding-bottom:70px}.quick-services .container{max-width:1040px}.dark-service-card{min-height:300px;padding:30px;color:#fff;background:radial-gradient(circle at 88% 13%,rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,#1b1f24,#0e1115);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 22px 45px rgba(11,15,22,.23);transition:transform .2s ease}.dark-service-card:hover{transform:translateY(-4px)}.dark-service-card img{width:58px;height:58px;object-fit:contain}.dark-service-card h3{margin:18px 0 10px;color:#fff;font-size:1.24rem;font-weight:650}.dark-service-card p{min-height:88px;color:rgba(255,255,255,.74);font-size:.84rem}
/* Answer and CTA bands */
.answer-band{padding:45px 0;color:#fff;background:#11151a}.answer-band .container{max-width:950px;text-align:center}.answer-band h2{margin:0 auto 13px;max-width:880px;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:680;letter-spacing:-.045em}.answer-band p:not(.eyebrow){max-width:820px;margin:auto;color:rgba(255,255,255,.7)}.answer-links{display:flex;justify-content:center;gap:24px;margin-top:20px}.answer-links a{color:#fff;font-size:.78rem;font-weight:700}.answer-links a:first-child{color:#ff4045}.cta-band{position:relative;overflow:hidden;padding:48px 0;color:#fff;background:linear-gradient(110deg,#11151a,#151b24)}.cta-band:before,.cta-band:after{position:absolute;width:420px;height:220px;border-radius:50%;filter:blur(20px);content:""}.cta-band:before{left:-120px;bottom:-130px;background:rgba(239,23,28,.36)}.cta-band:after{right:-120px;bottom:-130px;background:rgba(8,107,255,.36)}.cta-band .container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin:0 0 8px;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:680;letter-spacing:-.045em}.cta-band p{max-width:650px;margin:0;color:rgba(255,255,255,.7)}
/* About preview */
.about-preview{background:linear-gradient(180deg,#fff,#fafbfd)}.identity-visual,.about-simple-visual{position:relative;display:grid;place-items:center;width:min(100%,440px);margin:auto;aspect-ratio:1;border:1px solid rgba(50,70,100,.09);border-radius:50%;background:radial-gradient(circle,rgba(8,107,255,.055),transparent 62%)}.identity-visual:before,.identity-visual:after,.about-simple-visual:before,.about-simple-visual:after{position:absolute;border-radius:50%;content:""}.identity-visual:before,.about-simple-visual:before{inset:-18px;border:1px solid rgba(239,23,28,.10)}.identity-visual:after,.about-simple-visual:after{inset:-38px;border:1px dashed rgba(8,107,255,.11)}.identity-visual img,.about-simple-visual img{width:64%;filter:drop-shadow(0 22px 23px rgba(20,30,45,.15))}.about-simple-visual{width:min(100%,500px);margin-left:auto}.identity-caption{position:absolute;z-index:4;left:50%;bottom:4%;display:flex;align-items:center;gap:10px;padding:9px 14px;white-space:nowrap;background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 28px rgba(20,30,45,.08);transform:translateX(-50%)}.identity-caption strong{font-size:.68rem;font-weight:650}.identity-caption span{color:#6b737e;font-size:.62rem}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:27px 0 31px}.benefit-grid>div{display:flex;align-items:center;gap:10px;padding:0 17px;border-right:1px solid var(--line)}.benefit-grid>div:first-child{padding-left:0}.benefit-grid>div:last-child{border-right:0}.benefit-grid span{display:grid;color:#656d78;font-size:.69rem}.benefit-grid strong{color:#22262c;font-size:.75rem}
/* Process */
.process-section{background:#fff}.process-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid:before{position:absolute;top:61px;left:10%;right:10%;height:1px;background:repeating-linear-gradient(90deg,rgba(8,107,255,.35) 0 4px,transparent 4px 10px);content:""}.process-grid article{position:relative;text-align:center}.process-grid article>.process-step-number{position:absolute;z-index:3;top:42px;left:calc(50% - 57px);display:grid;place-items:center;width:34px;height:34px;color:var(--red);background:#fff;border:1px solid rgba(239,23,28,.4);border-radius:50%;font-size:.68rem;font-weight:750}.process-grid article:nth-child(even)>.process-step-number{color:var(--blue);border-color:rgba(8,107,255,.38)}.process-icon{position:relative;z-index:2;display:grid;place-items:center;width:84px;height:84px;margin:18px auto;padding:21px;color:#3c444f;background:#fff;border:1px solid #dfe4eb;border-radius:50%;box-shadow:0 10px 28px rgba(24,34,50,.08)}.process-grid h3{font-size:1rem;font-weight:650}.process-grid p{max-width:235px;margin:auto;font-size:.77rem}
/* Project preview and cards */
.projects-preview{background:#f7f9fb}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.project-card,.portfolio-card{height:100%;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-soft)}.project-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.project-card>div{padding:25px}.project-card span,.portfolio-copy small{color:var(--red);font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.project-card h3,.portfolio-card h3{margin:8px 0 10px;font-size:1.16rem;font-weight:650}.project-card p{margin:0;font-size:.8rem}.portfolio-collage{position:relative;width:min(100%,550px);height:440px;margin-left:auto}.portfolio-collage>img:not(.collage-mark){position:absolute;width:58%;border:5px solid #fff;border-radius:14px;box-shadow:0 20px 40px rgba(20,30,45,.2)}.collage-one{left:0;top:90px;transform:rotate(-5deg)}.collage-two{right:0;top:28px;transform:rotate(7deg)}.collage-three{right:11%;bottom:3px;transform:rotate(2deg)}.collage-mark{position:absolute;z-index:5;left:0;top:5px;width:25%;filter:drop-shadow(0 12px 16px rgba(20,30,45,.18))}.portfolio-section{background:#f4f6f9}.portfolio-panel{padding:30px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.portfolio-image{position:relative;overflow:hidden}.portfolio-image img{width:100%;aspect-ratio:1.5;object-fit:cover}.portfolio-image>span{position:absolute;top:12px;left:12px;padding:6px 9px;color:var(--red);background:#fff;border-radius:7px;font-size:.58rem;font-weight:750;text-transform:uppercase}.portfolio-copy{padding:22px}.portfolio-copy ul{display:grid;gap:8px;margin:16px 0 20px;padding:0;list-style:none}.portfolio-copy li{display:flex;gap:8px;color:#535c68;font-size:.72rem}.check-icon{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;padding:2px;color:#fff;background:var(--red);border-radius:50%}.check-icon svg{stroke-width:2.5}.coming-soon{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#f7faff,#eef4ff)}.coming-icon{display:grid;place-items:center;width:74px;height:74px;margin:32px auto 5px;padding:18px;color:var(--blue);background:#fff;border-radius:50%;box-shadow:0 15px 35px rgba(8,107,255,.12)}.case-study-band{padding:25px 0;background:#fff}.case-study-band .container{display:flex;align-items:center;justify-content:center;gap:24px;padding:22px 28px;background:linear-gradient(90deg,rgba(239,23,28,.06),rgba(8,107,255,.06));border:1px solid var(--line);border-radius:18px}.case-study-band .container>div{display:flex;align-items:center;gap:13px;margin-right:auto}.case-icon{width:48px;height:48px;padding:12px;color:#fff;background:var(--red);border-radius:50%}.case-study-band span{display:grid;color:#666e79;font-size:.72rem}.case-study-band strong{color:#1c2026;font-size:1.05rem}
/* Services */
.services-grid-section{background:#fff}.service-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 13px 34px rgba(20,30,45,.06);transition:transform .18s ease,box-shadow .18s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(20,30,45,.1)}.service-card img{width:55px;height:55px;object-fit:contain}.service-card h3{margin:17px 0 10px;font-size:1.06rem;font-weight:650}.service-card p{font-size:.8rem}.service-card ul{display:grid;gap:7px;padding:0;list-style:none;color:#525b67;font-size:.72rem}.service-card li:before{margin-right:7px;color:var(--red);content:"✓"}.pricing-section{background:#f7f9fb}.pricing-row{align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.pricing-card.featured{border:2px solid var(--red);box-shadow:0 22px 50px rgba(239,23,28,.13)}.popular-label{position:absolute;top:-14px;left:50%;padding:7px 18px;color:#fff;background:var(--red);border-radius:999px;font-size:.61rem;font-weight:750;text-transform:uppercase;transform:translateX(-50%)}.pricing-top>span{color:var(--red);font-size:.78rem;font-weight:750}.pricing-top h3{margin:12px 0 0;font-size:2rem;font-weight:720;letter-spacing:-.05em}.pricing-top small{color:#69717c;font-size:.68rem}.pricing-top p{min-height:70px;margin:15px 0 20px;font-size:.76rem}.pricing-card ul{display:grid;gap:10px;margin:0 0 25px;padding:0;list-style:none;flex:1}.pricing-card li{display:flex;gap:8px;color:#505965;font-size:.71rem}.pricing-note{max-width:850px;margin:28px auto 0;text-align:center;font-size:.72rem}.included-section{background:#fff}.included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.included-grid>div{display:flex;align-items:center;gap:9px;padding:16px;background:#f7f9fb;border:1px solid #e7eaf0;border-radius:12px;font-size:.75rem;font-weight:620}.ongoing-section{background:#11151a}.ongoing-section .section-heading h2,.ongoing-section .section-heading p{color:#fff}.ongoing-section .section-heading p:last-child{color:rgba(255,255,255,.65)}.monthly-card{height:100%;padding:30px;background:#181d24;border:1px solid rgba(255,255,255,.08);border-radius:17px}.monthly-card h3{color:#fff;font-size:1.08rem;font-weight:650}.monthly-card strong{display:block;margin:12px 0;color:#ff4045;font-size:1.4rem}.monthly-card p{margin:0;color:rgba(255,255,255,.65);font-size:.78rem}.faq-panel,.contact-promo,.info-panel,.detail-panel,.contact-panel{padding:34px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft)}.faq-panel h2,.contact-promo h2,.info-panel h2,.detail-panel h2,.contact-panel h2{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:680;letter-spacing:-.04em}.contact-promo{position:relative;overflow:hidden;padding-right:44%;background:linear-gradient(135deg,#fff,#f6f9ff)}.contact-promo img{position:absolute;right:-2%;bottom:-8%;width:46%;filter:drop-shadow(0 20px 20px rgba(20,30,45,.16))}.contact-promo p:not(.eyebrow){font-size:.8rem}
/* FAQ */
.faq-section{background:#f7f9fb}.faq-accordion{max-width:900px;margin:30px auto 0}.faq-accordion.compact{margin-top:22px}.faq-accordion .accordion-item{margin-bottom:10px;overflow:hidden;border:1px solid #e2e6ec;border-radius:12px!important}.faq-accordion .accordion-button{padding:17px 19px;color:#191d22;background:#fff;font-size:.82rem;font-weight:650;box-shadow:none}.faq-accordion .accordion-button:not(.collapsed){color:var(--red)}.faq-accordion .accordion-body{padding:0 19px 18px;color:#59616c;font-size:.76rem;line-height:1.68}
/* About */
.about-card-section{position:relative;z-index:3;margin-top:-30px;padding-bottom:24px}.credential-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.credential-list>div{display:flex;gap:11px}.credential-list span{display:grid;color:#68717d;font-size:.7rem}.credential-list strong{color:#20242a;font-size:.76rem}.approach-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px}.approach-flow>div{display:flex;align-items:center;gap:9px}.approach-flow span:not(.line-icon){display:grid;color:#69717c;font-size:.66rem}.approach-flow strong{color:#20242a;font-size:.73rem}.flow-arrow{color:var(--blue);font-weight:750}.about-details{background:#f7f9fb}.feature-list{display:grid;gap:13px;margin:22px 0 0;padding:0;list-style:none}.feature-list li{display:flex;align-items:center;gap:10px;color:#555e6a;font-size:.76rem}.mini-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.mini-process>div{position:relative;display:grid;gap:6px;text-align:center}.mini-process>div:after{position:absolute;top:19px;left:65%;width:70%;height:1px;background:linear-gradient(90deg,var(--red),var(--blue));content:""}.mini-process>div:last-child:after{display:none}.mini-process>div>span{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;margin:auto;color:var(--red);background:#fff;border:1px solid rgba(239,23,28,.4);border-radius:50%;font-size:.68rem;font-weight:750}.mini-process>div:nth-child(n+3)>span{color:var(--blue);border-color:rgba(8,107,255,.4)}.mini-process strong{font-size:.72rem}.mini-process small{color:#69717d;font-size:.62rem}.value-list{display:grid;gap:15px;margin-top:22px}.value-list>div{display:grid;gap:3px;padding-left:12px;border-left:3px solid var(--blue)}.value-list>div:nth-child(odd){border-color:var(--red)}.value-list strong{font-size:.73rem}.value-list span{color:#6a737e;font-size:.65rem}.story-section{background:#fff}.story-card{display:grid;grid-template-columns:150px 1fr 300px;align-items:center;gap:30px;padding:32px;background:#f7f9fb;border:1px solid var(--line);border-radius:22px}.story-mark{display:grid;place-items:center;width:140px;height:140px;background:#fff;border-radius:50%;box-shadow:var(--shadow-soft)}.story-mark img{width:70%}.story-card h2{font-size:1.55rem;font-weight:680}.story-card p{margin:0;font-size:.8rem}.story-note{display:grid;gap:8px;margin:0;padding:22px;color:#4c5561;background:#fff;border-radius:15px;font-size:.76rem;line-height:1.65}.story-note strong{color:#1d2127;font-size:.78rem;font-weight:650}.story-note span{color:#5c6570}
/* Contact */
.contact-hero{padding-bottom:70px}.hero-contact-form{padding:30px;background:rgba(255,255,255,.97);border:1px solid rgba(20,30,45,.08);border-radius:22px;box-shadow:0 28px 65px rgba(20,30,45,.18)}.form-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.form-heading>span{display:grid;place-items:center;width:52px;height:52px;padding:13px;color:#fff;background:var(--red);border-radius:16px}.form-heading small{color:var(--red);font-size:.62rem;font-weight:750;text-transform:uppercase}.form-heading h2{margin:3px 0 0;font-size:1.35rem;font-weight:680}.hero-contact-form label{margin-bottom:5px;color:#3d444e;font-size:.67rem;font-weight:650}.hero-contact-form .form-control,.hero-contact-form .form-select{min-height:46px;padding:.65rem .8rem;background:#f5f7fa;border:1px solid #e5e9ef;border-radius:10px;font-size:.75rem}.hero-contact-form textarea.form-control{min-height:110px}.form-note{margin:10px 0 0;text-align:center;font-size:.64rem}.contact-info-section{background:#f7f9fb}.direct-contact{display:grid;gap:0;margin-top:24px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.direct-contact>div{display:flex;align-items:center;gap:12px;padding:17px;background:#fff;border-bottom:1px solid var(--line)}.direct-contact>div:last-child{border-bottom:0}.direct-contact span{display:grid;color:#68717c;font-size:.7rem}.direct-contact strong{color:#20242a;font-size:.75rem}.direct-contact a{color:var(--blue)}.contact-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.contact-service-grid>div{display:flex;gap:11px;padding:16px;background:#f7f9fb;border:1px solid var(--line);border-radius:13px}.contact-service-grid span{display:grid;color:#69717c;font-size:.67rem}.contact-service-grid strong{color:#20242a;font-size:.73rem}.how-it-works{background:#fff}.contact-mini-process{margin-top:30px}
/* Footer */
.site-footer{padding:56px 0 20px;color:#fff;background:#11151a}.site-footer .footer-brand{display:inline-block;margin-bottom:18px;color:#fff}.site-footer p{max-width:390px;color:rgba(255,255,255,.58);font-size:.78rem}.site-footer h2{margin-bottom:15px;color:#fff;font-size:.72rem;font-weight:720;text-transform:uppercase;letter-spacing:.05em}.footer-links{display:grid;gap:9px;margin:0}.footer-links a,.footer-links li{color:rgba(255,255,255,.62);font-size:.72rem}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;color:rgba(255,255,255,.45);border-top:1px solid rgba(255,255,255,.08);font-size:.66rem}.footer-bottom a{color:rgba(255,255,255,.55)}
/* Responsive */
@media(max-width:1199.98px){.brand-hero{background-position:53% 54%}.hero-copy h1{font-size:clamp(3rem,5.4vw,4.35rem)}.portfolio-collage{height:390px}.story-card{grid-template-columns:130px 1fr 260px}.pricing-card{padding:24px}}
@media(max-width:991.98px){.site-header{padding:8px 10px 0}.nav-shell{padding:8px 14px}.navbar-collapse{margin-top:9px;padding:12px;background:#fff;border-top:1px solid var(--line)}.nav-contact{margin:8px 0 4px}.navbar-nav .nav-link:after{display:none}.brand-hero{min-height:auto;padding:120px 0 70px;background-position:center center}.hero-copy{text-align:center}.hero-copy-scrim:before{inset:-50px -20px;background:radial-gradient(ellipse,rgba(255,255,255,.99),rgba(255,255,255,.87) 63%,transparent 82%)}.hero-copy h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual-space{min-height:280px}.service-orbit,.about-simple-visual{max-width:420px;margin:15px auto 0}.section-overlap{margin-top:-30px}.hero-benefits,.contact-proof{margin-left:auto;margin-right:auto}.benefit-grid{grid-template-columns:1fr}.benefit-grid>div{padding:10px 0;border-right:0}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:45px}.process-grid:before{display:none}.portfolio-collage{max-width:520px;height:390px;margin:30px auto 0}.heading-row{align-items:flex-start;flex-direction:column}.cta-band .container,.case-study-band .container{align-items:flex-start;flex-direction:column}.case-study-band .container>div{margin:0}.credential-list{grid-template-columns:1fr}.approach-flow{align-items:flex-start;flex-direction:column}.flow-arrow{transform:rotate(90deg)}.story-card{grid-template-columns:130px 1fr}.story-note{grid-column:1/-1}.contact-hero{background-position:57% center}.hero-contact-form{margin-top:20px}.contact-service-grid{grid-template-columns:1fr}}
@media(max-width:767.98px){.section-space{padding:72px 0}.brand-hero{background-size:auto 100%;background-position:58% center}.home-hero{padding-bottom:90px}.hero-copy h1,.page-hero .hero-copy h1{font-size:clamp(2.55rem,12vw,3.5rem)}.hero-benefits,.contact-proof{grid-template-columns:1fr;max-width:320px}.hero-benefits>div,.contact-proof>div{text-align:left}.service-orbit{height:330px}.orbit-badge{width:55px;height:55px;padding:14px}.section-overlap{padding-bottom:50px}.process-grid{grid-template-columns:1fr}.process-grid article>.process-step-number{left:calc(50% - 60px)}.included-grid{grid-template-columns:1fr}.mini-process{grid-template-columns:repeat(2,1fr);row-gap:28px}.mini-process>div:nth-child(2):after{display:none}.portfolio-collage{height:310px}.portfolio-panel{padding:16px}.story-card{grid-template-columns:1fr;text-align:center}.story-mark{margin:auto}.story-note{grid-column:auto}.about-simple-visual{height:350px}.cta-band .btn{width:100%}.answer-links{align-items:center;flex-direction:column;gap:10px}}
@media(max-width:575.98px){.brand-mark{font-size:.92rem}.nav-shell{min-height:56px}.hero-copy h1,.page-hero .hero-copy h1{font-size:2.65rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{align-items:center;flex-direction:column}.hero-visual-space{min-height:220px}.service-orbit,.about-simple-visual{height:300px}.section-overlap{margin-top:-5px}.dark-service-card{min-height:auto}.benefit-grid{margin-top:18px}.portfolio-collage{height:255px}.portfolio-collage>img:not(.collage-mark){border-width:3px}.collage-mark{width:28%}.contact-promo{padding-right:32px;padding-bottom:170px}.contact-promo img{right:14%;width:42%}.credential-list{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.case-study-band .btn,.case-study-band .text-link{width:100%}.mini-process{grid-template-columns:1fr}.mini-process>div:after{display:none}.story-card{padding:24px}.hero-contact-form{padding:22px}.pricing-card.featured{margin-top:10px}}
/* Privacy and 404 */
.simple-hero{min-height:510px;padding-bottom:80px}.simple-hero .hero-copy{max-width:720px}.legal-section{background:#f7f9fb}.legal-card{max-width:900px;margin:auto;padding:48px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}.legal-card h2{margin:30px 0 8px;font-size:1.3rem;font-weight:680}.legal-card h2:first-of-type{margin-top:18px}.legal-card p{font-size:.86rem}.legal-updated{color:var(--red);font-size:.72rem!important;font-weight:700}.error-hero{display:grid;place-items:center;min-height:100vh;padding:120px 0 80px}.error-card{max-width:700px;margin:auto;padding:50px;text-align:center;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.error-card img{width:150px;margin-bottom:16px}.error-card h1{margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:720;letter-spacing:-.06em}.error-card p{max-width:560px;margin:18px auto 26px}@media(max-width:575.98px){.legal-card{padding:28px 22px}.error-card{padding:34px 22px}}

/* Aug. 19 annotated-PDF edits */
.services-hero{background-image:url('../img/hero-full-sharp.webp');background-position:center 54%;background-size:cover;background-repeat:no-repeat}
.services-hero .service-orbit-logo{visibility:hidden}
.services-hero .hero-copy-scrim:before{background:radial-gradient(ellipse at 42% 50%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 58%,rgba(255,255,255,.45) 78%,transparent 88%)}

/* AUG 20 ABOUT + PORTFOLIO REFINEMENT */
.about-hero-v3{padding-bottom:86px}
.about-hero-v3 .hero-copy h1,.portfolio-hero-v3 .hero-copy h1{font-weight:600;letter-spacing:-.055em}
.about-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
.about-hero-chips span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#414955;background:rgba(255,255,255,.9);border:1px solid rgba(35,45,60,.09);border-radius:999px;box-shadow:0 8px 22px rgba(20,30,45,.05);font-size:.66rem;font-weight:600}
.about-hero-chips b{display:block;width:7px;height:7px;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:50%}
.about-portrait-wrap{position:relative;width:min(100%,430px);margin:20px auto 0;aspect-ratio:1;display:grid;place-items:center}
.about-portrait-rings,.about-portrait-rings:before,.about-portrait-rings:after{position:absolute;border-radius:50%;content:""}
.about-portrait-rings{inset:4%;border:1px solid rgba(8,107,255,.16)}
.about-portrait-rings:before{inset:-8%;border:1px solid rgba(239,23,28,.12)}
.about-portrait-rings:after{inset:-17%;border:1px dashed rgba(8,107,255,.13)}
.about-portrait{position:relative;z-index:2;width:72%;aspect-ratio:1;object-fit:cover;object-position:50% 50%;border:8px solid rgba(255,255,255,.94);border-radius:50%;box-shadow:0 24px 48px rgba(20,30,45,.16);image-rendering:auto}
.about-portrait-mark{position:absolute;z-index:4;right:1%;bottom:8%;width:34%;filter:drop-shadow(0 14px 18px rgba(20,30,45,.18))}
.about-card-v3{margin-top:-42px;padding-bottom:34px}
.about-card-v3 .info-panel,.about-details-v3 .detail-panel{box-shadow:0 16px 40px rgba(20,30,45,.07)}
.about-card-v3 h2,.about-details-v3 h2{font-weight:600}
.about-skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:24px}
.about-skill-grid>div{display:flex;align-items:flex-start;gap:10px;padding:13px;background:#f8f9fb;border:1px solid #e8ebef;border-radius:12px}
.about-skill-grid>div>span:last-child{display:grid;color:#66707c;font-size:.68rem;line-height:1.45}
.about-skill-grid strong{color:#1e2329;font-size:.73rem;font-weight:600}
.about-skill-icon{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;color:var(--red);background:#fff;border:1px solid #e8ebef;border-radius:9px;font-size:.72rem;font-weight:600;box-shadow:0 7px 16px rgba(20,30,45,.05)}
.about-skill-grid>div:nth-child(even) .about-skill-icon{color:var(--blue)}
.approach-flow-v3{margin-top:24px}
.approach-flow-v3 .line-icon{width:38px;height:38px;padding:9px}
.about-details-v3{padding-top:70px}
.story-card-v3{grid-template-columns:180px 1.3fr 1fr;gap:26px;padding:26px;background:linear-gradient(135deg,#f7f9fb,#fff)}
.story-photo-wrap{overflow:hidden;width:160px;height:160px;border:7px solid #fff;border-radius:50%;box-shadow:0 16px 35px rgba(20,30,45,.11)}
.story-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.story-main-copy h2{font-weight:600}
.story-principles{display:grid;grid-template-columns:1fr;gap:10px}
.story-principles>div{display:grid;gap:3px;padding:12px 14px;background:#fff;border:1px solid #e7eaf0;border-radius:12px}
.story-principles strong{font-size:.72rem;font-weight:600}
.story-principles span{color:#69717c;font-size:.64rem;line-height:1.45}
.portfolio-collage-v3{height:430px}
.portfolio-collage-v3>img{object-fit:cover;aspect-ratio:1.5}
.portfolio-collage-v3 .collage-one{left:0;top:94px;transform:rotate(-5deg)}
.portfolio-collage-v3 .collage-two{right:1%;top:24px;transform:rotate(5deg)}
.portfolio-collage-v3 .collage-three{right:10%;bottom:3px;transform:rotate(1.5deg)}
.portfolio-section-v3 .portfolio-panel{padding:36px}
.portfolio-section-v3 .section-heading{max-width:730px;margin:0 auto 34px}
.portfolio-section-v3 .section-heading h2{font-weight:600}
.portfolio-three-up .portfolio-card{display:flex;flex-direction:column}
.portfolio-three-up .portfolio-copy{display:flex;flex:1;flex-direction:column}
.portfolio-three-up .portfolio-copy .project-summary{min-height:56px;margin:0;color:#59626e;font-size:.77rem;line-height:1.55}
.portfolio-three-up .portfolio-copy ul{margin-top:16px;flex:1}
.portfolio-three-up .portfolio-image img{aspect-ratio:1.5;object-fit:cover;object-position:top}
.projects-preview .project-card img{aspect-ratio:1.5;object-fit:cover;object-position:top}
.projects-preview .heading-row .eyebrow{margin-bottom:7px}
.projects-preview .heading-row h2{font-weight:600}

@media(max-width:991.98px){
  .about-portrait-wrap{max-width:390px;margin:0 auto 20px}
  .about-card-v3{margin-top:-20px}
  .story-card-v3{grid-template-columns:150px 1fr}
  .story-photo-wrap{width:140px;height:140px}
  .story-principles{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767.98px){
  .about-skill-grid{grid-template-columns:1fr}
  .about-hero-chips{justify-content:center}
  .story-card-v3{grid-template-columns:1fr;text-align:center}
  .story-photo-wrap{margin:auto}
  .story-principles{grid-template-columns:1fr;text-align:left}
  .portfolio-section-v3 .portfolio-panel{padding:18px}
}


/* AUG 20 - ANNOTATED EDIT PASS V4 */
/* Services hero: keep the orbital rings, but feature the core M instead of four floating icons. */
.service-orbit-logo{display:grid;place-items:center}
.service-orbit-logo img{position:relative;z-index:2;width:66%;filter:drop-shadow(0 24px 28px rgba(20,30,45,.17))}

/* Home process: number marker is separate from the main icon so the connector line no longer cuts through the copy. */
.process-grid article>.process-step-number{top:42px;left:calc(50% - 57px)}
.process-grid .process-icon{position:relative;z-index:2;display:grid;place-items:center;width:84px;height:84px;margin:18px auto;padding:21px;color:#3c444f;background:#fff;border:1px solid #dfe4eb;border-radius:50%;box-shadow:0 10px 28px rgba(24,34,50,.08)}
.process-grid h3{margin-top:6px}
.process-grid p{position:relative;z-index:4;background:#fff}

/* Expandable plain-English explanations for the technical items included with every site. */
.included-grid{align-items:start}
.included-item{overflow:hidden;background:#f7f9fb;border:1px solid #e7eaf0;border-radius:12px;transition:border-color .18s ease,box-shadow .18s ease}
.included-item[open]{background:#fff;border-color:#d8dee7;box-shadow:0 10px 26px rgba(20,30,45,.07)}
.included-item summary{position:relative;display:flex;align-items:center;gap:9px;min-height:54px;padding:14px 42px 14px 14px;color:#1d2229;font-size:.75rem;font-weight:620;cursor:pointer;list-style:none}
.included-item summary::-webkit-details-marker{display:none}
.included-item summary:after{position:absolute;right:16px;top:50%;color:#737c88;font-size:1rem;font-weight:500;content:"+";transform:translateY(-50%)}
.included-item[open] summary:after{content:"-"}
.included-item summary .check-icon{flex:0 0 auto}
.included-item p{margin:0;padding:0 16px 15px 48px;color:#636c78;font-size:.72rem;line-height:1.58}
.faq-inline-link{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.faq-inline-link:hover{color:var(--blue-dark)}

@media(max-width:767.98px){
  .service-orbit-logo img{width:68%}
  .process-grid article>.process-step-number{left:calc(50% - 57px)}
}


/* AUG 24 - Portfolio hero: dense red/blue vertical signal lines on white. */
.portfolio-hero-v3{
  background-color:#fff;
  background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.80) 39%,rgba(255,255,255,.20) 58%,rgba(255,255,255,0) 100%),url('../img/portfolio-hero-lines.svg');
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,cover;
  background-position:center,center bottom;
}
.portfolio-hero-v3 .hero-copy-scrim:before{
  inset:-48px -42px;
  background:radial-gradient(ellipse at 34% 50%,rgba(255,255,255,.995) 0%,rgba(255,255,255,.96) 58%,rgba(255,255,255,.70) 75%,transparent 91%);
}
.portfolio-hero-art{
  position:relative;
  width:min(100%,560px);
  height:390px;
  margin-left:auto;
}
@media(max-width:991.98px){
  .portfolio-hero-v3{background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 53%,rgba(255,255,255,.35) 72%,rgba(255,255,255,.18) 100%),url('../img/portfolio-hero-lines.svg');background-size:100% 100%,auto 92%;background-position:center,center bottom}
  .portfolio-hero-art{max-width:520px;height:285px;margin:10px auto 0}
}
@media(max-width:575.98px){
  .portfolio-hero-v3{background-size:100% 100%,auto 78%;background-position:center,58% bottom}
  .portfolio-hero-art{height:205px}
}

/* AUG 24 hero cleanup */
.about-portrait-mark{display:none!important}
.portfolio-hero-v3{background-image:url('../img/hero-full-sharp.webp');background-position:center 54%;background-size:cover;background-repeat:no-repeat}
.portfolio-hero-v3 .hero-copy-scrim:before{background:radial-gradient(ellipse at 42% 50%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 58%,rgba(255,255,255,.45) 78%,transparent 88%)}
.portfolio-hero-art,.portfolio-lines-field{display:none!important}


/* AUG 25 - Light / Dark theme toggle. Dark background sampled from supplied reference: #17263d. */
.theme-toggle-item{display:flex;align-items:center;margin-left:.2rem}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:34px;padding:0;background:transparent;border:0;border-radius:999px;cursor:pointer;box-shadow:none!important}
.theme-toggle-track{position:relative;display:block;width:48px;height:28px;background:#eef1f5;border:1px solid #dce2e9;border-radius:999px;box-shadow:inset 0 1px 3px rgba(20,30,45,.08);transition:background .2s ease,border-color .2s ease}
.theme-toggle-knob{position:absolute;z-index:2;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 3px 8px rgba(20,30,45,.18);transition:transform .22s ease,background .2s ease}
.theme-icon{position:absolute;top:7px;width:13px;height:13px;transition:opacity .2s ease;pointer-events:none}
.theme-icon-sun{left:7px;color:#ef171c;opacity:0}.theme-icon-moon{right:7px;color:#566276;opacity:.82}
.theme-toggle:focus-visible{outline:3px solid rgba(8,107,255,.35);outline-offset:2px}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{color:#f4f7fb;background:#17263d}
html[data-theme="dark"] p{color:#b8c3d2}
html[data-theme="dark"] .section-title,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .heading-row h2,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#f7f9fc}
html[data-theme="dark"] .text-link-blue,html[data-theme="dark"] .direct-contact a,html[data-theme="dark"] .faq-inline-link{color:#68a7ff}
html[data-theme="dark"] .text-link-red{color:#ff595d}
html[data-theme="dark"] .nav-shell{background:rgba(20,34,55,.94);border-color:rgba(255,255,255,.10);box-shadow:0 12px 35px rgba(4,10,20,.28)}
html[data-theme="dark"] .site-header.scrolled .nav-shell{background:rgba(18,31,50,.98);box-shadow:0 15px 42px rgba(4,10,20,.36)}
html[data-theme="dark"] .brand-mark{color:#f4f7fb}
html[data-theme="dark"] .navbar-nav .nav-link{color:#ccd5e2}
html[data-theme="dark"] .navbar-nav .nav-link:hover,html[data-theme="dark"] .navbar-nav .nav-link.active{color:#fff}
html[data-theme="dark"] .menu-lines,html[data-theme="dark"] .menu-lines:before,html[data-theme="dark"] .menu-lines:after{background:#f4f7fb}
html[data-theme="dark"] .theme-toggle-track{background:#0e1a2b;border-color:#425672}
html[data-theme="dark"] .theme-toggle-knob{background:#f7f9fc;transform:translateX(20px)}
html[data-theme="dark"] .theme-icon-sun{opacity:.95;color:#ff6266}
html[data-theme="dark"] .theme-icon-moon{opacity:0}
html[data-theme="dark"] .btn-outline-brand{color:#ff5d61;background:transparent;border-color:rgba(255,93,97,.62)}
html[data-theme="dark"] .btn-outline-brand:hover{color:#fff;background:#ef171c}
html[data-theme="dark"] .brand-hero,html[data-theme="dark"] .services-hero,html[data-theme="dark"] .portfolio-hero-v3{background-color:#17263d;background-image:linear-gradient(rgba(23,38,61,.80),rgba(23,38,61,.80)),url('../img/hero-full-sharp.webp');background-position:center 54%;background-size:cover;background-repeat:no-repeat}
html[data-theme="dark"] .hero-copy-scrim:before,html[data-theme="dark"] .services-hero .hero-copy-scrim:before,html[data-theme="dark"] .portfolio-hero-v3 .hero-copy-scrim:before{background:radial-gradient(ellipse at 42% 50%,rgba(23,38,61,.99) 0%,rgba(23,38,61,.94) 52%,rgba(23,38,61,.56) 72%,transparent 88%)}
html[data-theme="dark"] .hero-copy h1,html[data-theme="dark"] .page-hero .hero-copy h1{color:#fff}
html[data-theme="dark"] .hero-lead,html[data-theme="dark"] .hero-proof,html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb a{color:#c0cad8}
html[data-theme="dark"] .breadcrumb-item.active{color:#fff}
html[data-theme="dark"] .hero-benefits span,html[data-theme="dark"] .contact-proof span{color:#b7c2d1}
html[data-theme="dark"] .hero-benefits strong,html[data-theme="dark"] .contact-proof strong{color:#f7f9fc}
html[data-theme="dark"] .line-icon,html[data-theme="dark"] .hero-benefits .line-icon,html[data-theme="dark"] .contact-proof .line-icon{background:#1e304b;border-color:#3a4c66;box-shadow:0 10px 24px rgba(2,8,18,.18)}
html[data-theme="dark"] .about-hero-chips span{color:#d5dce7;background:rgba(23,38,61,.90);border-color:rgba(255,255,255,.11);box-shadow:0 8px 22px rgba(2,8,18,.15)}
html[data-theme="dark"] .about-portrait{border-color:#22344f;box-shadow:0 24px 48px rgba(2,8,18,.35)}
html[data-theme="dark"] .about-preview,html[data-theme="dark"] .process-section,html[data-theme="dark"] .services-grid-section,html[data-theme="dark"] .included-section,html[data-theme="dark"] .story-section,html[data-theme="dark"] .how-it-works,html[data-theme="dark"] .case-study-band{background:#17263d}
html[data-theme="dark"] .projects-preview,html[data-theme="dark"] .portfolio-section,html[data-theme="dark"] .pricing-section,html[data-theme="dark"] .faq-section,html[data-theme="dark"] .about-details,html[data-theme="dark"] .contact-info-section,html[data-theme="dark"] .legal-section{background:#142238}
html[data-theme="dark"] .identity-visual,html[data-theme="dark"] .about-simple-visual{background:radial-gradient(circle,rgba(8,107,255,.12),transparent 62%);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .identity-caption{background:rgba(27,44,69,.95);border-color:#3a4c66}
html[data-theme="dark"] .identity-caption strong,html[data-theme="dark"] .benefit-grid strong{color:#f7f9fc}
html[data-theme="dark"] .identity-caption span,html[data-theme="dark"] .benefit-grid span{color:#b6c1d0}
html[data-theme="dark"] .benefit-grid>div{border-color:#3a4c66}
html[data-theme="dark"] .process-grid article>.process-step-number,html[data-theme="dark"] .process-grid .process-icon,html[data-theme="dark"] .mini-process>div>span{background:#1d2f49;border-color:#485c78}
html[data-theme="dark"] .process-grid .process-icon{color:#d6deea}
html[data-theme="dark"] .process-grid p{background:#17263d}
html[data-theme="dark"] .project-card,html[data-theme="dark"] .portfolio-card,html[data-theme="dark"] .service-card,html[data-theme="dark"] .pricing-card,html[data-theme="dark"] .faq-panel,html[data-theme="dark"] .contact-promo,html[data-theme="dark"] .info-panel,html[data-theme="dark"] .detail-panel,html[data-theme="dark"] .contact-panel,html[data-theme="dark"] .legal-card,html[data-theme="dark"] .error-card{background:#1b2c45;border-color:#354a66;box-shadow:0 16px 42px rgba(2,8,18,.20)}
html[data-theme="dark"] .portfolio-panel{background:rgba(27,44,69,.98);border-color:#354a66;box-shadow:0 24px 65px rgba(2,8,18,.28)}
html[data-theme="dark"] .project-card h3,html[data-theme="dark"] .portfolio-card h3,html[data-theme="dark"] .service-card h3,html[data-theme="dark"] .pricing-top h3,html[data-theme="dark"] .faq-panel h2,html[data-theme="dark"] .contact-promo h2,html[data-theme="dark"] .info-panel h2,html[data-theme="dark"] .detail-panel h2,html[data-theme="dark"] .contact-panel h2{color:#f7f9fc}
html[data-theme="dark"] .project-card p,html[data-theme="dark"] .portfolio-three-up .portfolio-copy .project-summary,html[data-theme="dark"] .service-card p,html[data-theme="dark"] .pricing-top p,html[data-theme="dark"] .pricing-note,html[data-theme="dark"] .portfolio-copy li{color:#b8c3d2}
html[data-theme="dark"] .coming-soon{background:linear-gradient(145deg,#1a2b44,#1f3554)}
html[data-theme="dark"] .coming-icon,html[data-theme="dark"] .portfolio-image>span{background:#20344f}
html[data-theme="dark"] .case-study-band .container{background:linear-gradient(90deg,rgba(239,23,28,.10),rgba(8,107,255,.10));border-color:#354a66}
html[data-theme="dark"] .case-study-band span{color:#bac4d3}
html[data-theme="dark"] .case-study-band strong{color:#fff}
html[data-theme="dark"] .pricing-card.featured{border-color:#ef171c;box-shadow:0 22px 55px rgba(239,23,28,.13)}
html[data-theme="dark"] .pricing-top>span,html[data-theme="dark"] .pricing-card li{color:#b9c4d2}
html[data-theme="dark"] .included-grid>div,html[data-theme="dark"] .included-item,html[data-theme="dark"] .about-skill-grid>div,html[data-theme="dark"] .contact-service-grid>div{background:#1b2c45;border-color:#354a66;color:#d9e0e9}
html[data-theme="dark"] .included-item[open]{background:#20334f;border-color:#455b78;box-shadow:0 10px 26px rgba(2,8,18,.18)}
html[data-theme="dark"] .included-item summary{color:#f4f7fb}
html[data-theme="dark"] .included-item summary:after,html[data-theme="dark"] .included-item p{color:#b5c0cf}
html[data-theme="dark"] .ongoing-section,html[data-theme="dark"] .answer-band,html[data-theme="dark"] .cta-band,html[data-theme="dark"] .site-footer{background:#0f1b2c}
html[data-theme="dark"] .monthly-card{background:#17263d;border-color:rgba(255,255,255,.11)}
html[data-theme="dark"] .faq-accordion .accordion-item{border-color:#354a66;background:#1b2c45}
html[data-theme="dark"] .faq-accordion .accordion-button,html[data-theme="dark"] .faq-accordion .accordion-button:not(.collapsed){color:#f4f7fb;background:#1b2c45;box-shadow:none}
html[data-theme="dark"] .faq-accordion .accordion-button::after{filter:invert(1) grayscale(1) brightness(2)}
html[data-theme="dark"] .faq-accordion .accordion-body{color:#b8c3d2;background:#1a2a42}
html[data-theme="dark"] .credential-list span,html[data-theme="dark"] .approach-flow span:not(.line-icon),html[data-theme="dark"] .feature-list li,html[data-theme="dark"] .mini-process small,html[data-theme="dark"] .value-list span{color:#b7c2d1}
html[data-theme="dark"] .credential-list strong,html[data-theme="dark"] .approach-flow strong{color:#f4f7fb}
html[data-theme="dark"] .story-card,html[data-theme="dark"] .story-card-v3{background:linear-gradient(135deg,#1b2c45,#17263d);border-color:#354a66}
html[data-theme="dark"] .story-mark,html[data-theme="dark"] .story-note,html[data-theme="dark"] .story-principles>div{background:#20334f;border-color:#40536e}
html[data-theme="dark"] .story-note,html[data-theme="dark"] .story-note span,html[data-theme="dark"] .story-principles span{color:#b8c3d2}
html[data-theme="dark"] .story-note strong,html[data-theme="dark"] .story-principles strong{color:#f4f7fb}
html[data-theme="dark"] .story-photo-wrap{border-color:#20334f}
html[data-theme="dark"] .about-skill-grid>div>span:last-child{color:#b8c3d2}
html[data-theme="dark"] .about-skill-grid strong{color:#f4f7fb}
html[data-theme="dark"] .about-skill-icon{background:#223650;border-color:#40536e}
html[data-theme="dark"] .hero-contact-form{background:rgba(24,40,63,.97);border-color:#40536e;box-shadow:0 28px 65px rgba(2,8,18,.35)}
html[data-theme="dark"] .hero-contact-form label{color:#d6deea}
html[data-theme="dark"] .hero-contact-form .form-control,html[data-theme="dark"] .hero-contact-form .form-select{color:#f6f8fb;background:#122038;border-color:#3a4e6a}
html[data-theme="dark"] .hero-contact-form .form-control::placeholder{color:#8494aa}
html[data-theme="dark"] .hero-contact-form .form-control:focus,html[data-theme="dark"] .hero-contact-form .form-select:focus{border-color:#5c95e8;box-shadow:0 0 0 .2rem rgba(8,107,255,.15)}
html[data-theme="dark"] .hero-contact-form option{color:#f6f8fb;background:#122038}
html[data-theme="dark"] .direct-contact{border-color:#354a66}
html[data-theme="dark"] .direct-contact>div{background:#1b2c45;border-color:#354a66}
html[data-theme="dark"] .direct-contact span,html[data-theme="dark"] .contact-service-grid span{color:#b8c3d2}
html[data-theme="dark"] .direct-contact strong,html[data-theme="dark"] .contact-service-grid strong{color:#f4f7fb}
html[data-theme="dark"] .legal-card p{color:#b8c3d2}
html[data-theme="dark"] .error-card{background:rgba(27,44,69,.96)}
@media(max-width:991.98px){html[data-theme="dark"] .navbar-collapse{background:#142337;border-color:#354a66}html[data-theme="dark"] .theme-toggle-item{margin:.2rem 0 .35rem}.theme-toggle{justify-content:flex-start}}


/* Premium dark mode refinement */
html[data-theme="dark"] body{
  color:#f4f7fb;
  background:
    radial-gradient(circle at 15% 12%, rgba(33,58,97,.18), transparent 28%),
    radial-gradient(circle at 88% 9%, rgba(20,68,139,.14), transparent 24%),
    linear-gradient(180deg, #10213a 0%, #0e1d34 100%);
}
html[data-theme="dark"] .nav-shell{
  background:linear-gradient(135deg, rgba(10,22,43,.94), rgba(18,40,69,.92));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 42px rgba(1,8,18,.34), inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="dark"] .site-header.scrolled .nav-shell{
  background:linear-gradient(135deg, rgba(8,18,34,.97), rgba(16,34,58,.96));
  box-shadow:0 20px 54px rgba(1,8,18,.42), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] .brand-mark{color:#f6f8fb}
html[data-theme="dark"] .brand-mark span{color:#ff474b}
html[data-theme="dark"] .brand-hero,
html[data-theme="dark"] .services-hero,
html[data-theme="dark"] .portfolio-hero-v3{
  background-color:#10213a;
  background-image:
    linear-gradient(90deg, rgba(8,18,34,.76) 0%, rgba(10,20,37,.72) 26%, rgba(11,21,39,.55) 48%, rgba(11,20,37,.32) 72%, rgba(11,20,37,.18) 100%),
    radial-gradient(circle at 18% 20%, rgba(29,52,89,.32), transparent 30%),
    radial-gradient(circle at 82% 16%, rgba(21,57,115,.18), transparent 24%),
    url('../img/hero-full-sharp.webp');
  background-position:center 54%;
  background-size:cover;
  background-repeat:no-repeat;
}
html[data-theme="dark"] .home-hero .hero-copy.hero-copy-scrim{
  max-width:640px;
  padding:40px 38px;
  border-radius:30px;
  background:linear-gradient(145deg, rgba(9,19,35,.64), rgba(16,31,54,.50));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(2,8,18,.42), inset 0 1px 0 rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
html[data-theme="dark"] .page-hero .hero-copy.hero-copy-scrim{
  padding:24px 10px 24px 0;
}
html[data-theme="dark"] .hero-copy-scrim:before,
html[data-theme="dark"] .services-hero .hero-copy-scrim:before,
html[data-theme="dark"] .portfolio-hero-v3 .hero-copy-scrim:before{
  inset:-42px -55px -40px -60px;
  background:radial-gradient(ellipse at 31% 47%, rgba(16,31,55,.92) 0%, rgba(16,31,55,.74) 42%, rgba(16,31,55,.28) 72%, transparent 85%);
}
html[data-theme="dark"] .hero-proof li,
html[data-theme="dark"] .pricing-note,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .site-footer p,
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-links li{color:#bcc7d6}
html[data-theme="dark"] .text-link-blue{color:#7db4ff}
html[data-theme="dark"] .text-link-red{color:#ff6a6d}
html[data-theme="dark"] .service-orbit,
html[data-theme="dark"] .identity-visual,
html[data-theme="dark"] .about-simple-visual{
  background:radial-gradient(circle at 50% 42%, rgba(60,91,144,.28) 0%, rgba(27,47,78,.12) 54%, transparent 74%);
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
html[data-theme="dark"] .service-orbit:before,
html[data-theme="dark"] .about-simple-visual:before,
html[data-theme="dark"] .identity-visual:before{border-color:rgba(255,255,255,.13)}
html[data-theme="dark"] .service-orbit:after,
html[data-theme="dark"] .about-simple-visual:after,
html[data-theme="dark"] .identity-visual:after{border-color:rgba(83,120,182,.22)}
html[data-theme="dark"] .service-orbit-logo img,
html[data-theme="dark"] .contact-promo img,
html[data-theme="dark"] .identity-visual img,
html[data-theme="dark"] .about-simple-visual img{
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.40));
}
html[data-theme="dark"] .service-orbit-logo img,
html[data-theme="dark"] .contact-promo img{width:63%}
html[data-theme="dark"] .identity-caption{
  background:rgba(11,21,37,.84);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 42px rgba(2,8,18,.30);
}
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .portfolio-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .faq-panel,
html[data-theme="dark"] .contact-promo,
html[data-theme="dark"] .info-panel,
html[data-theme="dark"] .detail-panel,
html[data-theme="dark"] .contact-panel,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .error-card{
  background:linear-gradient(180deg, rgba(26,43,67,.98), rgba(19,31,50,.98));
  border-color:rgba(123,144,177,.18);
  box-shadow:0 24px 60px rgba(2,8,18,.24);
}
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .portfolio-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .pricing-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
html[data-theme="dark"] .project-card:hover,
html[data-theme="dark"] .portfolio-card:hover,
html[data-theme="dark"] .service-card:hover,
html[data-theme="dark"] .pricing-card:hover{
  transform:translateY(-4px);
  border-color:rgba(147,170,205,.28);
  box-shadow:0 30px 70px rgba(2,8,18,.30);
}
html[data-theme="dark"] .pricing-card.featured{
  background:linear-gradient(180deg, rgba(29,44,67,.99), rgba(21,32,49,.99));
  border-color:#ff4247;
  box-shadow:0 26px 60px rgba(239,23,28,.18);
}
html[data-theme="dark"] .dark-service-card{
  background:
    radial-gradient(circle at 84% 14%, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(150deg, #162741, #0e1a2b);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 24px 58px rgba(1,8,18,.32);
}
html[data-theme="dark"] .case-study-band .container,
html[data-theme="dark"] .cta-band .container{
  background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(1,8,18,.24);
}
html[data-theme="dark"] .cta-band,
html[data-theme="dark"] .ongoing-section,
html[data-theme="dark"] .answer-band,
html[data-theme="dark"] .site-footer{background:linear-gradient(180deg,#0c1730,#091325)}
html[data-theme="dark"] .site-footer{border-top:1px solid rgba(255,255,255,.08)}
html[data-theme="dark"] .footer-brand{color:#f6f8fb}
html[data-theme="dark"] .hero-benefits .line-icon,
html[data-theme="dark"] .contact-proof .line-icon,
html[data-theme="dark"] .about-skill-icon,
html[data-theme="dark"] .story-mark,
html[data-theme="dark"] .story-note,
html[data-theme="dark"] .story-principles > div,
html[data-theme="dark"] .process-grid article>.process-step-number,
html[data-theme="dark"] .process-grid .process-icon,
html[data-theme="dark"] .mini-process>div>span,
html[data-theme="dark"] .portfolio-image>span,
html[data-theme="dark"] .coming-icon{
  background:#1c304d;
  border-color:rgba(255,255,255,.10);
  box-shadow:0 12px 28px rgba(2,8,18,.20);
}
html[data-theme="dark"] .contact-promo{
  background:linear-gradient(135deg, rgba(23,38,61,.98), rgba(15,27,46,.98));
}
html[data-theme="dark"] .theme-toggle-track{
  background:linear-gradient(135deg, #0c1829, #15243a);
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.36);
}
html[data-theme="dark"] .theme-toggle-knob{
  background:linear-gradient(180deg,#ffffff,#dce5ef);
  box-shadow:0 4px 12px rgba(2,8,18,.28);
}
@media(max-width:991.98px){
  html[data-theme="dark"] .home-hero .hero-copy.hero-copy-scrim{
    padding:28px 24px;
    border-radius:24px;
  }
  html[data-theme="dark"] .page-hero .hero-copy.hero-copy-scrim{
    padding:18px 0;
    background:none;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}


/* Mobile hero refinements: improve logo placement and reduce washed-out light mode */
@media(max-width:767.98px){
  .brand-hero{
    background-size:cover;
    background-position:76% center;
  }
  .home-hero{background-position:78% center}
  .services-hero{background-position:78% center}
  .about-hero{background-position:78% center}
  .portfolio-hero{background-position:78% center}
  .contact-hero{background-position:74% center}
  .hero-copy.hero-copy-scrim{
    padding:20px 14px 18px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(255,255,255,.74) 100%);
    border:1px solid rgba(17,20,25,.06);
    box-shadow:0 16px 36px rgba(16,23,37,.08);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }
  .page-hero .hero-copy.hero-copy-scrim{padding:18px 14px 16px}
  .hero-copy-scrim:before,
  .services-hero .hero-copy-scrim:before,
  .portfolio-hero-v3 .hero-copy-scrim:before{
    inset:-32px -12px -26px -12px;
    background:radial-gradient(ellipse at 50% 42%, rgba(255,255,255,.95) 0%, rgba(255,255,255,.84) 54%, rgba(255,255,255,.26) 80%, transparent 90%);
  }
  .hero-benefits,.contact-proof{max-width:340px}
}
@media(max-width:575.98px){
  .brand-hero{background-position:78% center}
  .home-hero{background-position:80% center}
  .services-hero{background-position:80% center}
  .about-hero{background-position:80% center}
  .portfolio-hero{background-position:80% center}
  .contact-hero{background-position:76% center}
  .hero-copy.hero-copy-scrim{margin:0 8px;padding:18px 12px 16px}
}
@media(max-width:767.98px){
  html[data-theme="dark"] .brand-hero{background-position:74% center}
  html[data-theme="dark"] .home-hero{background-position:76% center}
  html[data-theme="dark"] .services-hero{background-position:76% center}
  html[data-theme="dark"] .about-hero{background-position:76% center}
  html[data-theme="dark"] .portfolio-hero{background-position:76% center}
  html[data-theme="dark"] .contact-hero{background-position:72% center}
  html[data-theme="dark"] .hero-copy.hero-copy-scrim,
  html[data-theme="dark"] .page-hero .hero-copy.hero-copy-scrim{
    padding:18px 14px 16px;
    border-radius:24px;
    background:linear-gradient(160deg, rgba(10,20,36,.76), rgba(16,30,52,.58));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 50px rgba(2,8,18,.32);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }
  html[data-theme="dark"] .hero-copy-scrim:before,
  html[data-theme="dark"] .services-hero .hero-copy-scrim:before,
  html[data-theme="dark"] .portfolio-hero-v3 .hero-copy-scrim:before{
    inset:-32px -12px -26px -12px;
    background:radial-gradient(ellipse at 50% 42%, rgba(18,33,58,.92) 0%, rgba(18,33,58,.76) 48%, rgba(18,33,58,.22) 80%, transparent 90%);
  }
}
@media(max-width:575.98px){
  html[data-theme="dark"] .brand-hero{background-position:76% center}
  html[data-theme="dark"] .home-hero{background-position:78% center}
  html[data-theme="dark"] .services-hero{background-position:78% center}
  html[data-theme="dark"] .about-hero{background-position:78% center}
  html[data-theme="dark"] .portfolio-hero{background-position:78% center}
  html[data-theme="dark"] .contact-hero{background-position:74% center}
}

/* =========================================================
   RESPONSIVE HERO SYSTEM — intentionally designed per device
   Desktop keeps the original composition. Tablet and mobile
   use their own spacing, artwork placement and visual rhythm.
   ========================================================= */

/* Tablet: 768–991px */
@media (min-width:768px) and (max-width:991.98px){
  .brand-hero{
    min-height:auto;
    padding:118px 0 72px;
    background-size:cover;
    background-position:68% 52%;
  }
  .brand-hero .hero-inner{max-width:760px}
  .hero-copy{
    max-width:650px;
    margin:0 auto;
    padding:30px 30px 28px;
    text-align:left;
    border-radius:28px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(255,255,255,.86);
    box-shadow:0 22px 55px rgba(19,31,51,.10);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .hero-copy-scrim:before{display:none}
  .hero-copy h1,.page-hero .hero-copy h1{
    max-width:620px;
    margin-left:0;
    margin-right:0;
    font-size:clamp(3rem,7vw,4.2rem);
    line-height:.98;
    text-wrap:balance;
  }
  .hero-lead{margin-left:0;margin-right:0}
  .hero-actions,.hero-proof{justify-content:flex-start}
  .hero-visual-space{min-height:150px}
  .services-hero .service-orbit-logo{display:none!important}
  .about-portrait-wrap{max-width:360px;margin:28px auto 0}
  .contact-hero .hero-contact-form{max-width:650px;margin:28px auto 0}
  html[data-theme="dark"] .hero-copy{
    background:linear-gradient(145deg,rgba(9,19,35,.82),rgba(19,37,62,.72));
    border-color:rgba(255,255,255,.09);
    box-shadow:0 25px 60px rgba(2,8,18,.34);
  }
}

/* Mobile: under 768px — custom vertical composition */
@media (max-width:767.98px){
  .brand-hero,
  .services-hero,
  .about-hero,
  .portfolio-hero,
  .contact-hero{
    min-height:auto;
    padding:102px 0 48px;
    background-color:#fff;
    background-image:url('../img/hero-mobile-light.webp');
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
  }
  .home-hero{padding-bottom:26px}
  .page-hero{padding-bottom:44px}
  .brand-hero .container{padding-left:18px;padding-right:18px}
  .brand-hero .row{--bs-gutter-x:0;--bs-gutter-y:22px}

  .hero-copy,
  .page-hero .hero-copy{
    position:relative;
    max-width:100%;
    margin:0;
    padding:26px 22px 24px;
    text-align:center;
    overflow:hidden;
    border:1px solid transparent;
    border-radius:27px;
    background:
      linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.82)) padding-box,
      linear-gradient(135deg,rgba(239,23,28,.20),rgba(255,255,255,.80) 46%,rgba(8,107,255,.22)) border-box;
    box-shadow:0 22px 54px rgba(20,31,49,.12),inset 0 1px 0 rgba(255,255,255,.88);
    -webkit-backdrop-filter:blur(18px) saturate(125%);
    backdrop-filter:blur(18px) saturate(125%);
  }
  .hero-copy:after{
    position:absolute;
    top:0;
    left:20%;
    right:20%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--red),#c8ccd4,var(--blue),transparent);
    content:"";
    opacity:.80;
  }
  .hero-copy-scrim:before,
  .services-hero .hero-copy-scrim:before,
  .portfolio-hero-v3 .hero-copy-scrim:before{display:none!important}

  .breadcrumb{
    justify-content:flex-start;
    margin-bottom:20px;
    text-align:left;
  }
  .eyebrow{letter-spacing:.12em}
  .hero-copy h1,
  .page-hero .hero-copy h1{
    max-width:100%;
    margin:0 auto;
    font-size:clamp(2.25rem,10.1vw,3rem);
    font-weight:600;
    letter-spacing:-.058em;
    line-height:.98;
    text-wrap:balance;
  }
  .hero-lead{
    max-width:100%;
    margin:24px auto 0;
    color:#596474;
    font-size:.96rem;
    line-height:1.68;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:26px;
  }
  .hero-actions .btn{width:100%;min-height:48px}
  .hero-actions .text-link{justify-content:center;padding:4px 0}

  .hero-proof{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:22px 0 0;
  }
  .hero-proof li{
    padding:8px 11px 8px 24px;
    color:#596474;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(26,39,61,.07);
    border-radius:999px;
    box-shadow:0 6px 16px rgba(21,31,47,.05);
    font-size:.66rem;
    line-height:1.1;
  }
  .hero-proof li:before{left:10px;top:50%;transform:translateY(-50%)}

  /* Mobile brand visual: the M is a separate centered object, not baked into the background. */
  .home-hero .hero-visual-space,
  .portfolio-hero .hero-visual-space{
    position:relative;
    display:grid;
    place-items:center;
    width:min(78vw,310px);
    min-height:275px;
    margin:8px auto 0;
    background:url('../img/chrome_neon_m_emblem.png') center/72% auto no-repeat;
  }
  .home-hero .hero-visual-space:before,
  .home-hero .hero-visual-space:after,
  .portfolio-hero .hero-visual-space:before,
  .portfolio-hero .hero-visual-space:after{
    position:absolute;
    border-radius:50%;
    content:"";
    pointer-events:none;
  }
  .home-hero .hero-visual-space:before,
  .portfolio-hero .hero-visual-space:before{
    inset:9%;
    border:1px solid rgba(8,107,255,.18);
  }
  .home-hero .hero-visual-space:after,
  .portfolio-hero .hero-visual-space:after{
    inset:17%;
    border:1px solid rgba(239,23,28,.15);
  }
  .portfolio-hero .hero-visual-space{width:min(70vw,280px);min-height:245px}

  /* Services gets its own compact logo treatment below the copy. */
  .services-hero .service-orbit-logo{
    visibility:visible!important;
    display:grid!important;
    place-items:center;
    width:min(72vw,290px);
    height:auto;
    aspect-ratio:1;
    margin:6px auto 0;
  }
  .services-hero .service-orbit-logo img{width:68%;max-width:205px}

  .hero-benefits,
  .contact-proof{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    max-width:100%;
    margin:24px 0 0;
  }
  .hero-benefits>div,
  .contact-proof>div{
    gap:10px;
    padding:9px 10px;
    text-align:left;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(30,45,68,.07);
    border-radius:14px;
  }
  .hero-benefits .line-icon,.contact-proof .line-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    background:#fff;
    box-shadow:0 7px 18px rgba(20,31,49,.07);
  }
  .hero-benefits span,.contact-proof span{font-size:.64rem}
  .hero-benefits strong,.contact-proof strong{font-size:.69rem}

  /* About: keep the person's photo as the visual rather than another M. */
  .about-portrait-wrap{
    width:min(76vw,300px);
    margin:0 auto;
  }
  .about-portrait{width:76%;border-width:6px}
  .about-hero-chips{justify-content:center;gap:7px;margin-top:24px}
  .about-hero-chips span{
    padding:8px 11px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(29,42,63,.08);
    border-radius:999px;
    box-shadow:0 6px 16px rgba(21,31,47,.05);
    font-size:.64rem;
  }

  /* Contact: the form becomes the visual anchor instead of adding another decorative M. */
  .contact-hero .hero-contact-form{
    margin-top:0;
    padding:24px 20px;
    border-radius:24px;
  }

  /* Prevent the next section from crashing into the custom mobile visual. */
  .section-overlap{margin-top:0;padding-top:34px}
}

/* Small phones */
@media(max-width:575.98px){
  .brand-hero,
  .services-hero,
  .about-hero,
  .portfolio-hero,
  .contact-hero{padding-top:92px}
  .brand-hero .container{padding-left:14px;padding-right:14px}
  .hero-copy,.page-hero .hero-copy{padding:24px 18px 22px;border-radius:24px}
  .hero-copy h1,.page-hero .hero-copy h1{font-size:clamp(2.08rem,10vw,2.65rem)}
  .hero-lead{font-size:.91rem;line-height:1.64}
  .hero-proof{gap:7px}
  .hero-proof li{font-size:.62rem}
  .home-hero .hero-visual-space{min-height:250px;width:min(82vw,300px)}
  .portfolio-hero .hero-visual-space{min-height:220px;width:min(74vw,270px)}
}

/* Dark-mode mobile artwork and glass treatment */
@media(max-width:767.98px){
  html[data-theme="dark"] .brand-hero,
  html[data-theme="dark"] .services-hero,
  html[data-theme="dark"] .about-hero,
  html[data-theme="dark"] .portfolio-hero,
  html[data-theme="dark"] .contact-hero{
    background-color:#10213a;
    background-image:url('../img/hero-mobile-dark.webp');
    background-position:center top;
    background-size:cover;
  }
  html[data-theme="dark"] .hero-copy,
  html[data-theme="dark"] .page-hero .hero-copy{
    background:
      linear-gradient(150deg,rgba(9,20,37,.84),rgba(18,36,61,.76)) padding-box,
      linear-gradient(135deg,rgba(255,66,71,.28),rgba(255,255,255,.10) 46%,rgba(50,135,255,.30)) border-box;
    border:1px solid transparent;
    box-shadow:0 25px 60px rgba(2,8,18,.40),inset 0 1px 0 rgba(255,255,255,.05);
    -webkit-backdrop-filter:blur(18px) saturate(120%);
    backdrop-filter:blur(18px) saturate(120%);
  }
  html[data-theme="dark"] .hero-lead{color:#c1cad7}
  html[data-theme="dark"] .hero-proof li,
  html[data-theme="dark"] .hero-benefits>div,
  html[data-theme="dark"] .contact-proof>div,
  html[data-theme="dark"] .about-hero-chips span{
    color:#c5cfdb;
    background:rgba(20,39,65,.72);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 8px 20px rgba(2,8,18,.18);
  }
  html[data-theme="dark"] .hero-benefits .line-icon,
  html[data-theme="dark"] .contact-proof .line-icon{
    background:#1c304d;
    border-color:rgba(255,255,255,.09);
  }
  html[data-theme="dark"] .home-hero .hero-visual-space:before,
  html[data-theme="dark"] .portfolio-hero .hero-visual-space:before{border-color:rgba(91,151,255,.26)}
  html[data-theme="dark"] .home-hero .hero-visual-space:after,
  html[data-theme="dark"] .portfolio-hero .hero-visual-space:after{border-color:rgba(255,74,78,.22)}
}

/* =========================================================
   V8 PREMIUM DARK MODE
   Dark mode is a dedicated visual system, not a navy filter.
   Light mode remains unchanged.
   ========================================================= */
html[data-theme="dark"]{
  --dark-bg:#020a18;
  --dark-bg-2:#041020;
  --dark-panel:#071526;
  --dark-panel-2:#0a1a2e;
  --dark-panel-3:#0d2036;
  --dark-border:#1d3655;
  --dark-border-soft:rgba(119,157,204,.18);
  --dark-text:#f6f8fb;
  --dark-muted:#aebed0;
  --dark-red:#ff2a31;
  --dark-blue:#2196ff;
}
html[data-theme="dark"] body{
  color:var(--dark-text);
  background:
    radial-gradient(circle at 8% 8%,rgba(239,23,28,.055),transparent 25%),
    radial-gradient(circle at 92% 8%,rgba(8,107,255,.065),transparent 27%),
    linear-gradient(180deg,var(--dark-bg),#020b19 58%,#010711 100%);
}
html[data-theme="dark"] main{
  background:linear-gradient(180deg,#020a18,#031020 55%,#020914);
}
html[data-theme="dark"] p,
html[data-theme="dark"] .section-copy,
html[data-theme="dark"] .project-card p,
html[data-theme="dark"] .portfolio-copy li,
html[data-theme="dark"] .pricing-card li,
html[data-theme="dark"] .pricing-note,
html[data-theme="dark"] .monthly-card p,
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .faq-accordion .accordion-body,
html[data-theme="dark"] .direct-contact p,
html[data-theme="dark"] .legal-card p,
html[data-theme="dark"] .legal-card li{color:var(--dark-muted)}
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .heading-row h2,
html[data-theme="dark"] .project-card h3,
html[data-theme="dark"] .portfolio-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .pricing-top h3,
html[data-theme="dark"] .monthly-card h3,
html[data-theme="dark"] .info-panel h2,
html[data-theme="dark"] .detail-panel h2,
html[data-theme="dark"] .contact-panel h2,
html[data-theme="dark"] .faq-panel h2,
html[data-theme="dark"] .contact-promo h2,
html[data-theme="dark"] .story-card h2,
html[data-theme="dark"] .story-card h3,
html[data-theme="dark"] .process-grid h3,
html[data-theme="dark"] .mini-process h3,
html[data-theme="dark"] .included-item strong{color:var(--dark-text)}
html[data-theme="dark"] .eyebrow{color:#ff4349}
html[data-theme="dark"] .text-link-blue,
html[data-theme="dark"] .faq-inline-link{color:#52a8ff}
html[data-theme="dark"] .text-link-red{color:#ff4d52}

/* Navigation */
html[data-theme="dark"] .nav-shell{
  background:linear-gradient(135deg,rgba(5,16,31,.96),rgba(7,24,43,.94));
  border:1px solid rgba(135,170,214,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-header.scrolled .nav-shell{
  background:linear-gradient(135deg,rgba(3,12,25,.985),rgba(6,21,39,.98));
  border-color:rgba(135,170,214,.20);
  box-shadow:0 18px 48px rgba(0,0,0,.42);
}
html[data-theme="dark"] .navbar-nav .nav-link{color:#d4ddea}
html[data-theme="dark"] .navbar-nav .nav-link:hover,
html[data-theme="dark"] .navbar-nav .nav-link.active{color:#fff}
html[data-theme="dark"] .brand-mark{color:#f7f9fc}
html[data-theme="dark"] .brand-mark span{color:#ff353a}
html[data-theme="dark"] .theme-toggle-track{
  background:#061224;
  border-color:rgba(128,164,210,.22);
}

/* Premium dark hero: the artwork itself is dark, with no page-wide navy wash. */
html[data-theme="dark"] .brand-hero,
html[data-theme="dark"] .services-hero,
html[data-theme="dark"] .about-hero,
html[data-theme="dark"] .portfolio-hero,
html[data-theme="dark"] .contact-hero,
html[data-theme="dark"] .simple-hero,
html[data-theme="dark"] .error-hero{
  background-color:#020a18;
  background-image:url('../img/hero-dark-premium.webp');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .home-hero .hero-copy.hero-copy-scrim,
html[data-theme="dark"] .page-hero .hero-copy.hero-copy-scrim{
  background:transparent;
  border:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
html[data-theme="dark"] .hero-copy-scrim:before,
html[data-theme="dark"] .services-hero .hero-copy-scrim:before,
html[data-theme="dark"] .portfolio-hero-v3 .hero-copy-scrim:before{
  display:block;
  inset:-90px -165px -95px -130px;
  background:radial-gradient(ellipse at 30% 50%,rgba(2,10,24,.98) 0%,rgba(2,10,24,.90) 42%,rgba(2,10,24,.48) 64%,rgba(2,10,24,.08) 80%,transparent 88%);
}
html[data-theme="dark"] .hero-copy h1,
html[data-theme="dark"] .page-hero .hero-copy h1{color:#f9fbfd;text-shadow:0 3px 24px rgba(0,0,0,.30)}
html[data-theme="dark"] .hero-lead{color:#c1ccda}
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .breadcrumb a{color:#a9b8ca}
html[data-theme="dark"] .breadcrumb-item.active{color:#f5f8fc}
html[data-theme="dark"] .hero-proof{color:#c0cad8}
html[data-theme="dark"] .hero-proof li:before{box-shadow:0 0 12px rgba(35,137,255,.38)}
html[data-theme="dark"] .hero-benefits span,
html[data-theme="dark"] .contact-proof span{color:#b9c7d8}
html[data-theme="dark"] .hero-benefits strong,
html[data-theme="dark"] .contact-proof strong{color:#fff}
html[data-theme="dark"] .hero-benefits .line-icon,
html[data-theme="dark"] .contact-proof .line-icon{
  color:#6cb5ff;
  background:rgba(7,22,40,.88);
  border-color:rgba(88,138,198,.30);
  box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 0 18px rgba(17,105,220,.08);
}
html[data-theme="dark"] .home-hero .hero-visual-space,
html[data-theme="dark"] .portfolio-hero .hero-visual-space{background:none}

/* Dark section rhythm */
html[data-theme="dark"] .quick-services,
html[data-theme="dark"] .about-preview,
html[data-theme="dark"] .process-section,
html[data-theme="dark"] .services-grid-section,
html[data-theme="dark"] .included-section,
html[data-theme="dark"] .story-section,
html[data-theme="dark"] .how-it-works,
html[data-theme="dark"] .about-card-section,
html[data-theme="dark"] .about-details,
html[data-theme="dark"] .contact-info-section,
html[data-theme="dark"] .legal-section{
  background:
    radial-gradient(circle at 10% 5%,rgba(239,23,28,.035),transparent 26%),
    radial-gradient(circle at 90% 10%,rgba(8,107,255,.045),transparent 26%),
    #020a18;
}
html[data-theme="dark"] .projects-preview,
html[data-theme="dark"] .portfolio-section,
html[data-theme="dark"] .pricing-section,
html[data-theme="dark"] .faq-section{
  background:
    radial-gradient(circle at 92% 15%,rgba(8,107,255,.045),transparent 24%),
    linear-gradient(180deg,#041020,#030c1b);
}
html[data-theme="dark"] .answer-band,
html[data-theme="dark"] .ongoing-section,
html[data-theme="dark"] .cta-band,
html[data-theme="dark"] .site-footer{
  background:linear-gradient(180deg,#020a17,#010711);
}

/* Premium panels and cards */
html[data-theme="dark"] .quick-services .container,
html[data-theme="dark"] .process-section .container,
html[data-theme="dark"] .faq-section .container,
html[data-theme="dark"] .about-card-section .container,
html[data-theme="dark"] .about-details .container,
html[data-theme="dark"] .how-it-works .container{
  position:relative;
}
html[data-theme="dark"] .dark-service-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .portfolio-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .monthly-card,
html[data-theme="dark"] .faq-panel,
html[data-theme="dark"] .contact-promo,
html[data-theme="dark"] .info-panel,
html[data-theme="dark"] .detail-panel,
html[data-theme="dark"] .contact-panel,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .error-card,
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .hero-contact-form{
  color:var(--dark-text);
  background:
    radial-gradient(circle at 88% 8%,rgba(31,119,238,.055),transparent 32%),
    linear-gradient(155deg,rgba(8,24,43,.985),rgba(5,17,31,.985));
  border:1px solid var(--dark-border);
  box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .dark-service-card:hover,
html[data-theme="dark"] .service-card:hover,
html[data-theme="dark"] .project-card:hover,
html[data-theme="dark"] .portfolio-card:hover,
html[data-theme="dark"] .pricing-card:hover{
  border-color:rgba(74,143,226,.38);
  box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 32px rgba(24,107,215,.045);
}
html[data-theme="dark"] .dark-service-card h3{color:#fff}
html[data-theme="dark"] .dark-service-card p{color:#9fb0c3}
html[data-theme="dark"] .dark-service-card img{filter:drop-shadow(0 0 12px rgba(24,117,255,.14))}
html[data-theme="dark"] .pricing-card.featured{
  border:1px solid #ff3339;
  box-shadow:0 24px 64px rgba(239,23,28,.14),inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .popular-label{box-shadow:0 8px 24px rgba(239,23,28,.25)}
html[data-theme="dark"] .pricing-top small,
html[data-theme="dark"] .service-card ul,
html[data-theme="dark"] .feature-list,
html[data-theme="dark"] .value-list{color:#aab9ca}
html[data-theme="dark"] .included-grid>div,
html[data-theme="dark"] .included-item,
html[data-theme="dark"] .story-principles>div,
html[data-theme="dark"] .about-skill-grid>div,
html[data-theme="dark"] .contact-service-grid>div{
  color:#c1cddd;
  background:linear-gradient(145deg,#081729,#061222);
  border-color:var(--dark-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
html[data-theme="dark"] .line-icon,
html[data-theme="dark"] .about-skill-icon,
html[data-theme="dark"] .coming-icon,
html[data-theme="dark"] .process-icon,
html[data-theme="dark"] .story-mark,
html[data-theme="dark"] .mini-process>div>span{
  background:#08192d;
  border-color:#1d3a5d;
  box-shadow:0 10px 28px rgba(0,0,0,.20),inset 0 0 18px rgba(29,113,228,.055);
}

/* Process */
html[data-theme="dark"] .process-grid:before{
  background:linear-gradient(90deg,rgba(255,48,54,.40),rgba(25,130,255,.42));
}
html[data-theme="dark"] .process-grid article{
  padding:22px 16px 18px;
  background:linear-gradient(150deg,#081729,#061222);
  border:1px solid var(--dark-border);
  border-radius:16px;
}
html[data-theme="dark"] .process-grid article>.process-step-number{
  color:#ff484e;
  background:#061425;
  border-color:rgba(255,60,66,.56);
}
html[data-theme="dark"] .process-grid article:nth-child(even)>.process-step-number{
  color:#52aaff;
  border-color:rgba(64,154,255,.58);
}
html[data-theme="dark"] .process-grid p{color:#9eafc2}

/* Portfolio */
html[data-theme="dark"] .portfolio-panel{
  background:linear-gradient(155deg,rgba(7,21,38,.98),rgba(5,16,30,.98));
  border-color:var(--dark-border);
  box-shadow:0 24px 64px rgba(0,0,0,.28);
}
html[data-theme="dark"] .portfolio-image>span{
  color:#ff4a50;
  background:#07172a;
  border:1px solid #1d3655;
}
html[data-theme="dark"] .check-icon{background:#0c70df}
html[data-theme="dark"] .coming-soon{background:linear-gradient(145deg,#07172a,#061222)}
html[data-theme="dark"] .case-study-band{background:#020a18}
html[data-theme="dark"] .case-study-band .container{
  background:linear-gradient(90deg,rgba(239,23,28,.065),rgba(8,107,255,.065));
  border-color:var(--dark-border);
}
html[data-theme="dark"] .case-study-band span{color:#a9b8ca}
html[data-theme="dark"] .case-study-band strong{color:#fff}

/* About */
html[data-theme="dark"] .identity-visual,
html[data-theme="dark"] .about-simple-visual,
html[data-theme="dark"] .about-portrait-wrap{
  background:radial-gradient(circle at 50% 45%,rgba(22,94,186,.15),rgba(5,16,31,.15) 60%,transparent 72%);
  border-color:rgba(83,132,193,.20);
}
html[data-theme="dark"] .identity-caption{
  color:#fff;
  background:rgba(3,13,27,.90);
  border-color:#1e3858;
}
html[data-theme="dark"] .identity-caption span{color:#9fb0c4}
html[data-theme="dark"] .benefit-grid span{color:#aab9ca}
html[data-theme="dark"] .benefit-grid strong{color:#fff}

/* FAQ */
html[data-theme="dark"] .faq-accordion .accordion-item{
  background:#071526;
  border-color:#1b3555;
}
html[data-theme="dark"] .faq-accordion .accordion-button{
  color:#eef3f9;
  background:#071526;
}
html[data-theme="dark"] .faq-accordion .accordion-button:not(.collapsed){
  color:#ff4b50;
  background:#091a2e;
}
html[data-theme="dark"] .faq-accordion .accordion-button:after{filter:invert(1) brightness(2)}

/* Contact + forms */
html[data-theme="dark"] label{color:#d7e0ec}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea.form-control{
  color:#eef4fa;
  background:#04111f;
  border-color:#1d3859;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea.form-control::placeholder{color:#7e91a8}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus{
  color:#fff;
  background:#061525;
  border-color:#2388ff;
  box-shadow:0 0 0 .2rem rgba(35,136,255,.12);
}
html[data-theme="dark"] .direct-contact a{color:#58acff}

/* CTA + footer */
html[data-theme="dark"] .cta-band{
  border-top:1px solid rgba(97,139,193,.10);
  border-bottom:1px solid rgba(97,139,193,.10);
}
html[data-theme="dark"] .cta-band .container{
  background:linear-gradient(135deg,rgba(8,24,43,.94),rgba(4,15,29,.94));
  border:1px solid #1d3655;
  border-radius:18px;
  padding:28px 32px;
  box-shadow:0 22px 58px rgba(0,0,0,.22);
}
html[data-theme="dark"] .site-footer{border-top:1px solid rgba(91,133,188,.12)}
html[data-theme="dark"] .site-footer h2{color:#ff3e44}
html[data-theme="dark"] .site-footer p,
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-links li{color:#91a2b6}
html[data-theme="dark"] .footer-links a:hover{color:#fff}

/* Desktop dark hero spacing */
@media(min-width:992px){
  html[data-theme="dark"] .brand-hero{min-height:700px}
  html[data-theme="dark"] .home-hero{padding-bottom:150px}
  html[data-theme="dark"] .hero-copy{padding:38px 0}
  html[data-theme="dark"] .about-hero .col-lg-5{min-height:430px}
}

/* Tablet gets the dedicated dark composition while keeping the responsive card treatment. */
@media(min-width:768px) and (max-width:991.98px){
  html[data-theme="dark"] .brand-hero,
  html[data-theme="dark"] .services-hero,
  html[data-theme="dark"] .about-hero,
  html[data-theme="dark"] .portfolio-hero,
  html[data-theme="dark"] .contact-hero{
    background-image:url('../img/hero-dark-tablet.webp');
    background-position:center center;
    background-size:cover;
  }
  html[data-theme="dark"] .hero-copy{
    background:linear-gradient(145deg,rgba(3,13,27,.88),rgba(7,24,43,.80));
    border:1px solid rgba(89,139,201,.18);
    box-shadow:0 24px 60px rgba(0,0,0,.34);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  html[data-theme="dark"] .hero-copy-scrim:before{display:none}
}

/* Mobile dark mode: dedicated vertical art + centered M objects. */
@media(max-width:767.98px){
  html[data-theme="dark"] .brand-hero,
  html[data-theme="dark"] .services-hero,
  html[data-theme="dark"] .about-hero,
  html[data-theme="dark"] .portfolio-hero,
  html[data-theme="dark"] .contact-hero{
    background-color:#020a18;
    background-image:url('../img/hero-mobile-dark-premium.webp');
    background-position:center top;
    background-size:cover;
  }
  html[data-theme="dark"] .hero-copy,
  html[data-theme="dark"] .page-hero .hero-copy{
    background:
      linear-gradient(150deg,rgba(3,14,28,.88),rgba(8,27,47,.82)) padding-box,
      linear-gradient(135deg,rgba(255,50,56,.34),rgba(255,255,255,.08) 47%,rgba(36,143,255,.35)) border-box;
    border:1px solid transparent;
    box-shadow:0 26px 66px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
    -webkit-backdrop-filter:blur(14px) saturate(115%);
    backdrop-filter:blur(14px) saturate(115%);
  }
  html[data-theme="dark"] .hero-copy:after{
    background:linear-gradient(90deg,transparent,#ff343a,#dce7f1,#258cff,transparent);
  }
  html[data-theme="dark"] .home-hero .hero-visual-space,
  html[data-theme="dark"] .portfolio-hero .hero-visual-space{
    background:url('../img/chrome_neon_m_emblem.png') center/72% auto no-repeat;
    filter:drop-shadow(0 20px 30px rgba(0,0,0,.32));
  }
  html[data-theme="dark"] .services-hero .service-orbit-logo img{
    filter:drop-shadow(0 20px 30px rgba(0,0,0,.34));
  }
  html[data-theme="dark"] .about-hero .about-portrait-wrap{
    display:grid;
    place-items:center;
    width:min(76vw,300px);
    aspect-ratio:1;
    margin:8px auto 0;
    background:radial-gradient(circle at 50% 44%,rgba(26,105,206,.18),rgba(5,16,31,.10) 58%,transparent 74%);
  }
  html[data-theme="dark"] .about-hero .about-portrait{
    display:block;
    border-color:rgba(227,236,247,.78);
    box-shadow:0 24px 54px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06);
  }
  html[data-theme="dark"] .about-hero .about-portrait-rings{
    display:block;
    border-color:rgba(41,139,255,.26);
  }
  html[data-theme="dark"] .about-hero .about-portrait-rings:before{border-color:rgba(255,55,61,.20)}
  html[data-theme="dark"] .about-hero .about-portrait-rings:after{border-color:rgba(41,139,255,.19)}
  html[data-theme="dark"] .navbar-collapse{
    background:#041225;
    border-color:#173451;
  }
  html[data-theme="dark"] .process-grid article{padding:24px 18px}
  html[data-theme="dark"] .cta-band .container{padding:24px 22px}
}


/* V9 Local SEO pages + service-area components */
.local-hero-panel{position:relative;overflow:hidden;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,250,255,.9));border:1px solid rgba(30,45,70,.10);border-radius:24px;box-shadow:0 24px 62px rgba(18,28,45,.12)}
.local-hero-panel:before{position:absolute;right:-90px;bottom:-110px;width:270px;height:270px;border:1px solid rgba(8,107,255,.16);border-radius:50%;content:""}
.local-hero-panel:after{position:absolute;right:45px;top:-70px;width:165px;height:165px;border:1px solid rgba(239,23,28,.14);border-radius:50%;content:""}
.local-hero-panel h2{position:relative;z-index:2;margin:10px 0 18px;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;letter-spacing:-.045em}
.local-hero-panel p{position:relative;z-index:2;font-size:.8rem}.local-city-label{position:relative;z-index:2;display:inline-flex;padding:7px 11px;color:var(--red);background:rgba(239,23,28,.06);border:1px solid rgba(239,23,28,.14);border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.local-m-mark{position:relative;z-index:2;display:block;width:50%;height:auto;margin:5px auto 2px;filter:drop-shadow(0 22px 28px rgba(20,30,45,.18))}
.local-chip-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.local-chip-grid span{padding:10px 12px;text-align:center;color:#404956;background:rgba(255,255,255,.86);border:1px solid rgba(30,45,70,.08);border-radius:11px;font-size:.68rem;font-weight:650}
.local-answer .container{max-width:980px}.local-areas-section{background:#fff}.area-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.area-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(20,30,45,.11)}.area-kicker{color:var(--red);font-size:.62rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.area-card h2{margin:10px 0 12px;font-size:1.45rem;font-weight:600}.area-card p{min-height:72px;font-size:.78rem}
.nearby-areas-section,.local-context-section,.local-seo-detail{background:#f7f9fb}.secondary-area-card{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px}.secondary-area-card span{color:var(--red);font-size:.6rem;font-weight:700;text-transform:uppercase}.secondary-area-card h3{margin:3px 0 0;font-size:1rem;font-weight:600}.secondary-area-card p{margin:0;font-size:.73rem}
.local-seo-system,.local-services-section{background:#fff}.local-seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.local-seo-grid article,.local-service-card{padding:26px;background:#f8fafc;border:1px solid #e3e8ef;border-radius:17px}.local-seo-grid article>span,.local-service-card>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:10px;font-size:.65rem;font-weight:750}.local-seo-grid h3,.local-service-card h3{font-size:1rem;font-weight:600}.local-seo-grid p,.local-service-card p{font-size:.74rem}
.local-fact-card,.nearby-panel{padding:32px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft)}.local-fact-card .feature-list{margin-top:18px}.local-fact-card .check-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;margin-right:6px;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:50%;font-size:.58rem}.local-seo-list{display:grid;gap:10px}.local-seo-list>div{display:grid;grid-template-columns:165px 1fr;gap:18px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px}.local-seo-list strong{font-size:.75rem}.local-seo-list span{color:#616a76;font-size:.72rem}
.nearby-panel h2{font-size:1.7rem;font-weight:600;letter-spacing:-.04em}.nearby-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.nearby-links a{padding:8px 11px;color:#3e4754;background:#f5f7fa;border:1px solid #e2e7ee;border-radius:999px;font-size:.68rem;font-weight:650}
.home-local-section{background:linear-gradient(180deg,#fff,#f8fafc)}.home-local-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.home-local-grid a{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:#232830;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(20,30,45,.05);font-size:.78rem;font-weight:650;transition:transform .18s ease}.home-local-grid a:hover{transform:translateY(-2px)}.home-local-grid span{color:var(--blue)}
.services-local-section{background:linear-gradient(135deg,#f7f9fb,#fff)}.local-seo-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.local-seo-mini-grid>div{display:grid;gap:4px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px rgba(20,30,45,.05)}.local-seo-mini-grid strong{font-size:.76rem}.local-seo-mini-grid span{color:#626b77;font-size:.68rem}
html[data-theme="dark"] .local-areas-section,html[data-theme="dark"] .local-seo-system,html[data-theme="dark"] .local-services-section{background:#10213a}html[data-theme="dark"] .nearby-areas-section,html[data-theme="dark"] .local-context-section,html[data-theme="dark"] .local-seo-detail,html[data-theme="dark"] .home-local-section,html[data-theme="dark"] .services-local-section{background:#0e1d34}
html[data-theme="dark"] .local-hero-panel{background:linear-gradient(145deg,rgba(21,39,66,.98),rgba(10,23,43,.98));border-color:rgba(255,255,255,.10);box-shadow:0 28px 70px rgba(1,8,18,.36)}html[data-theme="dark"] .local-hero-panel h2{color:#fff}html[data-theme="dark"] .local-hero-panel p{color:#b9c5d5}html[data-theme="dark"] .local-chip-grid span{color:#d8e0ea;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
html[data-theme="dark"] .area-card,html[data-theme="dark"] .secondary-area-card,html[data-theme="dark"] .local-seo-grid article,html[data-theme="dark"] .local-service-card,html[data-theme="dark"] .local-fact-card,html[data-theme="dark"] .nearby-panel,html[data-theme="dark"] .local-seo-list>div,html[data-theme="dark"] .home-local-grid a,html[data-theme="dark"] .local-seo-mini-grid>div{background:linear-gradient(180deg,rgba(25,43,69,.98),rgba(17,30,50,.98));border-color:rgba(123,144,177,.18);box-shadow:0 18px 48px rgba(2,8,18,.20)}
html[data-theme="dark"] .area-card h2,html[data-theme="dark"] .secondary-area-card h3,html[data-theme="dark"] .local-seo-grid h3,html[data-theme="dark"] .local-service-card h3,html[data-theme="dark"] .local-fact-card strong,html[data-theme="dark"] .nearby-panel h2,html[data-theme="dark"] .local-seo-list strong,html[data-theme="dark"] .home-local-grid a,html[data-theme="dark"] .local-seo-mini-grid strong{color:#f5f8fc}html[data-theme="dark"] .secondary-area-card p,html[data-theme="dark"] .local-seo-list span,html[data-theme="dark"] .local-seo-mini-grid span{color:#b6c2d2}html[data-theme="dark"] .nearby-links a{color:#d5deea;background:#172c49;border-color:rgba(255,255,255,.09)}
@media(max-width:991.98px){.local-seo-grid{grid-template-columns:repeat(2,1fr)}.local-hero-panel{max-width:520px;margin:10px auto 0}.local-m-mark{width:42%}.secondary-area-card{grid-template-columns:1fr;gap:8px}.local-seo-list>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:767.98px){.local-seo-grid,.home-local-grid,.local-seo-mini-grid{grid-template-columns:1fr}.local-hero-panel{padding:26px}.local-chip-grid{grid-template-columns:repeat(2,1fr)}.area-card p{min-height:0}.local-fact-card,.nearby-panel{padding:26px}}


/* ===== V10 PAYMENT PAGE ===== */
.nav-pay-link{color:#075fcb!important;font-weight:650!important}.nav-pay-link:after{background:linear-gradient(90deg,var(--red),var(--blue))!important}
.payment-hero{min-height:690px}.payment-hero .hero-copy h1{max-width:620px}.payment-preview-card{position:relative;max-width:500px;margin-left:auto;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(29,45,68,.10);border-radius:26px;box-shadow:0 34px 90px rgba(20,35,55,.18)}.payment-preview-card:before{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--red),#e6e8ec 50%,var(--blue));content:""}.payment-preview-top{display:flex;align-items:center;gap:13px;padding:24px 26px 20px;border-bottom:1px solid #e8ebef}.payment-preview-top>div:nth-child(2){display:grid;gap:2px}.payment-preview-top small{color:#6b7480;font-size:.65rem}.payment-preview-top strong{color:#1c2128;font-size:.9rem;font-weight:600}.payment-lock-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:13px}.payment-lock-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.payment-status{margin-left:auto;padding:6px 9px;color:#197346;background:#eef9f2;border:1px solid #ccebd8;border-radius:999px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.payment-preview-body{padding:32px 28px}.payment-label{display:block;margin-bottom:4px;color:#7a838f;font-size:.66rem}.payment-amount{margin-bottom:24px;color:#111419;font-size:2.7rem;font-weight:600;letter-spacing:-.055em}.payment-line{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;color:#606a76;font-size:.72rem}.payment-line strong{color:#232830;font-weight:600}.payment-demo-button{margin:24px 0 14px;padding:14px;text-align:center;color:#fff;background:linear-gradient(135deg,#e31d26,var(--red));border-radius:12px;box-shadow:0 12px 25px rgba(239,23,28,.18);font-size:.77rem;font-weight:700}.payment-preview-body p{margin:0;color:#7a838e;font-size:.64rem;line-height:1.55}.payment-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 26px;color:#737d89;background:#f7f9fb;border-top:1px solid #edf0f3;font-size:.6rem}.payment-card-dots{display:flex;gap:5px}.payment-card-dots i{display:block;width:7px;height:7px;background:var(--red);border-radius:50%}.payment-card-dots i:nth-child(2){background:#d7dce2}.payment-card-dots i:nth-child(3){background:var(--blue)}
.payment-intro{background:#fff}.payment-intro .section-heading{max-width:670px;margin-left:auto;margin-right:auto}.payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.payment-steps article{position:relative;min-height:260px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft)}.payment-step-num{position:absolute;right:24px;top:20px;color:#dfe4ea;font-size:1.8rem;font-weight:600}.payment-step-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:14px;box-shadow:0 12px 25px rgba(18,94,188,.15)}.payment-step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.payment-steps h3{font-size:1.08rem;font-weight:600}.payment-steps p{font-size:.75rem}
.payment-security-section{background:linear-gradient(180deg,#f6f8fb,#fff)}.payment-security-card,.payment-help-card{padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}.payment-security-card h2,.payment-help-card h2{font-weight:600;letter-spacing:-.04em}.payment-security-card>p{max-width:700px}.payment-security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.payment-security-grid>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:17px;background:#f8fafc;border:1px solid #e7ebf0;border-radius:15px}.payment-security-grid .line-icon{grid-row:1/3;display:flex;width:42px;height:42px;align-items:center;justify-content:center;color:#086bff;background:#fff;border:1px solid #e3e7ed;border-radius:12px}.payment-security-grid .line-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.payment-security-grid strong{color:#20252c;font-size:.73rem;font-weight:600}.payment-security-grid small{color:#707a86;font-size:.63rem;line-height:1.45}.payment-help-card{display:flex;flex-direction:column;justify-content:center}.payment-help-mark{display:flex;width:64px;height:64px;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;background:linear-gradient(145deg,#f62a2f,#0a68fa);border-radius:19px;box-shadow:0 15px 35px rgba(21,82,170,.18);font-size:1.8rem;font-weight:500}.payment-help-card .btn+.btn{margin-top:10px}.payment-help-card small{display:block;margin-top:16px;color:#7b8490;font-size:.62rem;text-align:center}
.payment-faq{background:#fff}.payment-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:980px;margin:40px auto 0}.payment-faq-grid article{padding:26px 28px;background:#f8fafc;border:1px solid #e5e9ee;border-radius:17px}.payment-faq-grid h3{font-size:.92rem;font-weight:600}.payment-faq-grid p{margin:0;font-size:.73rem}.payment-faq-grid a{color:var(--blue)}.payment-cta .container{gap:30px}
html[data-theme="dark"] .nav-pay-link{color:#64adff!important}
html[data-theme="dark"] .payment-preview-card{background:linear-gradient(155deg,rgba(10,28,49,.985),rgba(5,17,31,.985));border-color:rgba(115,153,201,.20);box-shadow:0 34px 90px rgba(0,0,0,.42)}html[data-theme="dark"] .payment-preview-top{border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .payment-preview-top small,html[data-theme="dark"] .payment-label,html[data-theme="dark"] .payment-preview-body p,html[data-theme="dark"] .payment-preview-footer{color:#93a5b8}html[data-theme="dark"] .payment-preview-top strong,html[data-theme="dark"] .payment-amount,html[data-theme="dark"] .payment-line strong{color:#fff}html[data-theme="dark"] .payment-status{color:#8fe0b2;background:rgba(39,150,89,.12);border-color:rgba(91,195,134,.25)}html[data-theme="dark"] .payment-line{color:#a8b8c9;border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .payment-preview-footer{background:rgba(2,10,24,.46);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .payment-intro,html[data-theme="dark"] .payment-faq{background:#020a18}html[data-theme="dark"] .payment-security-section{background:linear-gradient(180deg,#041020,#020a18)}html[data-theme="dark"] .payment-steps article,html[data-theme="dark"] .payment-security-card,html[data-theme="dark"] .payment-help-card,html[data-theme="dark"] .payment-faq-grid article{color:#b8c5d4;background:linear-gradient(155deg,rgba(8,24,43,.985),rgba(5,17,31,.985));border-color:rgba(120,154,196,.18);box-shadow:0 22px 58px rgba(0,0,0,.24)}html[data-theme="dark"] .payment-steps h3,html[data-theme="dark"] .payment-security-card h2,html[data-theme="dark"] .payment-help-card h2,html[data-theme="dark"] .payment-faq-grid h3{color:#f7f9fc}html[data-theme="dark"] .payment-step-num{color:#173252}html[data-theme="dark"] .payment-security-grid>div{background:rgba(17,39,65,.72);border-color:rgba(113,149,194,.15)}html[data-theme="dark"] .payment-security-grid .line-icon{color:#6ab1ff;background:#07172a;border-color:rgba(91,137,194,.22)}html[data-theme="dark"] .payment-security-grid strong{color:#f4f7fb}html[data-theme="dark"] .payment-security-grid small,html[data-theme="dark"] .payment-help-card small{color:#91a2b6}
@media(max-width:991.98px){.payment-preview-card{margin:18px auto 0}.payment-steps{grid-template-columns:1fr}.payment-steps article{min-height:auto}.payment-security-grid{grid-template-columns:1fr}.payment-help-card{min-height:360px}.nav-pay{margin-top:2px}.nav-pay-link{font-weight:650!important}}
@media(max-width:767.98px){.payment-hero{padding-bottom:64px}.payment-preview-card{border-radius:22px}.payment-preview-top,.payment-preview-body,.payment-preview-footer{padding-left:22px;padding-right:22px}.payment-amount{font-size:2.25rem}.payment-security-card,.payment-help-card{padding:26px}.payment-faq-grid{grid-template-columns:1fr}.payment-cta .container{align-items:stretch}.payment-cta .btn{width:100%}}

/* V11.4 — About photos: explicit visibility in BOTH light and dark modes.
   These rules intentionally override older responsive/dark-mode visual swaps. */
.about-page .about-portrait-wrap{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  place-items:center;
}
.about-page .about-portrait{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative;
  z-index:2;
}
.about-page .about-portrait-rings{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.about-page .story-photo-wrap{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative;
  z-index:2;
}
.about-page .story-photo-wrap img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100%;
  height:100%;
  object-fit:cover;
}
html[data-theme="dark"] .about-page .about-portrait-wrap{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  background:radial-gradient(circle at 50% 44%,rgba(26,105,206,.18),rgba(5,16,31,.10) 58%,transparent 74%);
}
html[data-theme="dark"] .about-page .about-portrait{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  border-color:rgba(227,236,247,.78);
  box-shadow:0 24px 54px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06);
}
html[data-theme="dark"] .about-page .about-portrait-rings{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  border-color:rgba(41,139,255,.26);
}
html[data-theme="dark"] .about-page .story-photo-wrap{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  border-color:#20334f;
  box-shadow:0 18px 40px rgba(0,0,0,.32);
}

/* V11.5 — About hero portrait centered more precisely over the background M */
.about-page .about-portrait-wrap{
  transform:translateX(-18px);
}
@media (max-width: 991.98px){
  .about-page .about-portrait-wrap{
    transform:translateX(-12px);
  }
}
@media (max-width: 575.98px){
  .about-page .about-portrait-wrap{
    transform:translateX(-8px);
  }
}

/* V11.6 — About hero visual cleanup
   Keep the portrait as a clean circle, remove the square/rectangular visual mask,
   and align the portrait over the actual center of the background M on desktop. */
.about-page .about-hero .about-portrait-wrap,
html[data-theme="dark"] .about-page .about-hero .about-portrait-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* The Bootstrap right column naturally sits farther right than the M artwork.
   Shift only the desktop portrait visual left so its center lands on the M. */
@media (min-width:992px){
  .about-page .about-hero .about-portrait-wrap{
    transform:translateX(-30%) !important;
  }
}

/* Tablet/mobile use dedicated hero compositions; keep the portrait centered in its own layout. */
@media (max-width:991.98px){
  .about-page .about-hero .about-portrait-wrap{
    transform:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Clean circular framing only — no block behind the image. */
.about-page .about-hero .about-portrait{
  border:7px solid rgba(255,255,255,.94) !important;
  box-shadow:0 20px 42px rgba(20,30,45,.16) !important;
}
html[data-theme="dark"] .about-page .about-hero .about-portrait{
  border-color:rgba(224,234,246,.90) !important;
  box-shadow:0 24px 52px rgba(0,0,0,.40),0 0 0 1px rgba(255,255,255,.05) !important;
}

/* Keep the decorative rings independent from the portrait so they never create a mask. */
.about-page .about-hero .about-portrait-rings,
.about-page .about-hero .about-portrait-rings:before,
.about-page .about-hero .about-portrait-rings:after{
  background:transparent !important;
  box-shadow:none !important;
}

/* V11.7 — About hero portrait final alignment / no-mask fix.
   The portrait must stay above the text scrim and sit visually centered on the M. */
.about-page .about-hero .hero-copy-scrim:before,
html[data-theme="dark"] .about-page .about-hero .hero-copy-scrim:before{
  display:none !important;
  content:none !important;
}
.about-page .about-hero .col-lg-5{
  position:relative;
  z-index:6;
}
.about-page .about-hero .about-portrait-wrap,
html[data-theme="dark"] .about-page .about-hero .about-portrait-wrap{
  isolation:isolate;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.about-page .about-hero .about-portrait{
  position:relative;
  z-index:3;
  border:7px solid rgba(255,255,255,.94) !important;
  border-radius:50% !important;
  clip-path:circle(50% at 50% 50%);
}
.about-page .about-hero .about-portrait-rings,
.about-page .about-hero .about-portrait-rings:before,
.about-page .about-hero .about-portrait-rings:after{
  z-index:1;
  background:none !important;
  box-shadow:none !important;
}
@media (min-width:992px){
  .about-page .about-hero .about-portrait-wrap{
    transform:translateX(-52px) !important;
  }
}
@media (max-width:991.98px){
  .about-page .about-hero .about-portrait-wrap{
    transform:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}