/**
 * Rebuilt internal marketing pages.
 */

.mp-marketing-page { overflow: clip; padding-top: var(--mp-header-height); }
.mp-marketing-hero { position:relative; isolation:isolate; padding:clamp(70px,8vw,116px) 0; border-bottom:1px solid var(--mp-line-soft); background:radial-gradient(circle at 11% 82%,rgba(231,31,47,.075),transparent 27%),radial-gradient(circle at 88% 16%,rgba(27,103,222,.07),transparent 28%),rgba(248,250,249,.76); }
.mp-marketing-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,transparent 49.7%,rgba(37,39,43,.025) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(37,39,43,.025) 50%,transparent 50.3%); background-size:74px 74px; mask-image:radial-gradient(circle at 60% 50%,#000,transparent 68%); }
.mp-marketing-hero__grid { display:grid; grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(46px,7vw,108px); }
.mp-marketing-hero__content { position:relative; z-index:2; }
.mp-marketing-hero h1 { max-width:760px; margin:0 0 26px; font-size:clamp(3.25rem,2.45rem + 3.15vw,6.25rem); line-height:.97; letter-spacing:-.06em; }
.mp-marketing-hero__content>p { max-width:650px; margin:0 0 32px; color:var(--mp-muted); font-size:clamp(1rem,.95rem + .25vw,1.18rem); line-height:1.82; }
.mp-marketing-hero__art { position:relative; margin:0; aspect-ratio:1.12/1; overflow:hidden; border:1px solid var(--mp-line-soft); border-radius:clamp(28px,4vw,54px); background:#fff; box-shadow:0 36px 100px rgba(37,39,43,.09); transform:perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.mp-marketing-hero__art::after { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.65); pointer-events:none; }
.mp-marketing-hero__art picture,.mp-marketing-hero__art img { display:block; width:100%; height:100%; }
.mp-marketing-hero__art img { object-fit:cover; transition:transform 700ms cubic-bezier(.16,.8,.2,1); }
.mp-marketing-hero__art:hover img { transform:scale(1.035); }
.mp-marketing-system { padding-block:clamp(80px,9vw,130px); }
.mp-marketing-heading { max-width:900px; margin-bottom:clamp(44px,6vw,72px); }
.mp-marketing-heading h2,.mp-contact-main h2 { max-width:900px; margin:0; font-size:clamp(2.65rem,2.05rem + 2.35vw,4.9rem); line-height:1.02; letter-spacing:-.055em; }
.mp-marketing-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; perspective:1200px; }
.mp-marketing-cards article { position:relative; min-height:390px; padding:clamp(28px,3.2vw,44px); overflow:hidden; border:1px solid var(--mp-line-soft); border-radius:29px; background:rgba(255,255,255,.88); box-shadow:0 22px 72px rgba(37,39,43,.06); transition:transform 300ms ease,box-shadow 300ms ease; }
.mp-marketing-cards article::after { content:""; position:absolute; right:-36px; bottom:-36px; width:110px; aspect-ratio:1; border:1px solid var(--mp-line); background:linear-gradient(135deg,transparent 47%,rgba(231,31,47,.8) 48% 52%,transparent 53%); transform:rotate(45deg); }
.mp-marketing-cards article:nth-child(2) { transform:translateY(26px); }
.mp-marketing-cards article:hover { box-shadow:0 34px 90px rgba(37,39,43,.1); transform:translateY(-5px) rotateX(1deg); }
.mp-marketing-cards article:nth-child(2):hover { transform:translateY(19px) rotateX(1deg); }
.mp-marketing-cards article>span { color:var(--mp-muted); font:800 .62rem/1 "SFMono-Regular",Consolas,monospace; letter-spacing:.12em; }
.mp-marketing-cards h3 { max-width:300px; margin:125px 0 18px; font-size:clamp(1.65rem,1.4rem + .8vw,2.5rem); line-height:1.06; }
.mp-marketing-cards p { max-width:420px; margin:0; color:var(--mp-muted); line-height:1.75; }
.mp-marketing-proof { padding-block:clamp(68px,8vw,108px); border-block:1px solid var(--mp-line-soft); background:rgba(247,250,248,.72); }
.mp-marketing-proof__grid { display:grid; grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr); align-items:start; gap:clamp(40px,8vw,120px); }
.mp-marketing-proof ul { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0; padding:0; list-style:none; }
.mp-marketing-proof li { position:relative; min-height:136px; padding:28px 25px 25px 42px; border:1px solid var(--mp-line-soft); border-radius:22px; background:#fff; font-size:clamp(.92rem,.86rem + .25vw,1.08rem); font-weight:750; line-height:1.45; }
[dir=rtl] .mp-marketing-proof li { padding:28px 42px 25px 25px; }
.mp-marketing-proof li::before { content:""; position:absolute; top:31px; left:24px; width:7px; height:7px; background:var(--mp-red); box-shadow:7px 7px 0 var(--mp-blue); }
[dir=rtl] .mp-marketing-proof li::before { right:24px; left:auto; box-shadow:-7px 7px 0 var(--mp-blue); }
.mp-marketing-cta { padding:clamp(72px,8vw,112px) 0 10px; }
.mp-marketing-cta__card { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:clamp(38px,5vw,72px); border:1px solid var(--mp-line-soft); border-radius:34px; background:radial-gradient(circle at 90% 20%,rgba(27,103,222,.08),transparent 30%),radial-gradient(circle at 8% 90%,rgba(231,31,47,.08),transparent 30%),#fff; }
.mp-marketing-cta h2 { margin:0 0 14px; font-size:clamp(2.1rem,1.72rem + 1.4vw,3.45rem); line-height:1.04; }
.mp-marketing-cta p { max-width:650px; margin:0; color:var(--mp-muted); line-height:1.72; }

/* Contact uses the same language and pixel system, with no text over artwork. */
.mp-marketing-page--contact .mp-marketing-hero__grid { min-height:480px; }
.mp-contact-pixels { display:grid; grid-template-columns:repeat(6,clamp(34px,5vw,68px)); gap:8px; justify-content:center; transform:perspective(1100px) rotateX(58deg) rotateZ(45deg); }
.mp-contact-pixels i { aspect-ratio:1; border:1px solid rgba(37,39,43,.1); background:rgba(255,255,255,.74); box-shadow:8px 12px 25px rgba(37,39,43,.07); animation:mp-contact-float 3.8s ease-in-out infinite alternate; }
.mp-contact-pixels i:nth-child(7n),.mp-contact-pixels i:nth-child(19n) { background:var(--mp-red); }
.mp-contact-pixels i:nth-child(11n),.mp-contact-pixels i:nth-child(23n) { background:var(--mp-blue); }
.mp-contact-pixels i:nth-child(3n) { animation-delay:-1.3s; }
@keyframes mp-contact-float { to { transform:translateZ(24px) translateY(-7px); } }
.mp-contact-main { padding-block:clamp(78px,9vw,126px); }
.mp-contact-main__grid { display:grid; grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr); align-items:start; gap:clamp(50px,9vw,130px); }
.mp-contact-main header { position:sticky; top:calc(var(--mp-header-height) + 40px); }
.mp-contact-main header p { max-width:520px; color:var(--mp-muted); line-height:1.75; }
.mp-contact-main__direct { margin:28px 0 17px; }
.mp-contact-main__email { display:inline-flex; color:var(--mp-blue); font-size:.84rem; font-weight:800; text-decoration:none; }
.mp-contact-main__form { padding:clamp(26px,4vw,48px); border:1px solid var(--mp-line-soft); border-radius:30px; background:#fff; box-shadow:0 25px 80px rgba(37,39,43,.065); }

@media(max-width:920px){
	.mp-marketing-hero__grid { grid-template-columns:1fr; }
	.mp-marketing-hero__art { order:-1; max-width:700px; }
	.mp-marketing-cards { grid-template-columns:1fr 1fr; }
	.mp-marketing-cards article:nth-child(2) { transform:none; }
	.mp-marketing-proof__grid,.mp-contact-main__grid { grid-template-columns:1fr; }
	.mp-contact-main header { position:static; }
}
@media(max-width:620px){
	.mp-marketing-hero { padding-top:44px; }
	.mp-marketing-hero h1 { font-size:clamp(2.65rem,13vw,3.9rem); }
	.mp-marketing-cards,.mp-marketing-proof ul { grid-template-columns:1fr; }
	.mp-marketing-cards article { min-height:280px; }
	.mp-marketing-cards h3 { margin-top:78px; }
	.mp-marketing-cta__card { align-items:flex-start; flex-direction:column; }
	.mp-contact-pixels { grid-template-columns:repeat(6,34px); gap:5px; }
}
@media(prefers-reduced-motion:reduce){.mp-contact-pixels i{animation:none}.mp-marketing-cards article:nth-child(2){transform:none}}