.marketing-hero{background:radial-gradient(circle at 82% 32%,#344663,#152540 44%,#0b172c 82%);color:#fff;padding:92px 0 105px;overflow:hidden}
.marketing-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:8%}
.marketing-hero .eyebrow{color:#ff9a77}.marketing-hero h1{font:800 clamp(3.05rem,5vw,5.7rem)/1.07 Manrope,sans-serif;letter-spacing:-.07em;margin:0 0 28px;max-width:850px}.marketing-hero h1 em{color:#ff9877;font-style:normal}.marketing-hero .lead{color:#cbd6e3;font-size:1.16rem;max-width:670px}.marketing-hero .btn-secondary{color:#fff;border-color:#73839a}.marketing-listen{background:none;border:0;color:#d2dbe8;cursor:pointer;margin-top:23px;padding:3px 0;text-decoration:underline;text-underline-offset:4px;font:600 .85rem DM Sans}
.marketing-stage{position:relative;background:#f5f7fb;color:#17253d;border-radius:16px;padding:29px;box-shadow:22px 28px 65px #0005;transform:rotate(3deg);transition:transform .5s}.marketing-stage:hover{transform:rotate(0) translateY(-5px)}.stage-label{font:800 .7rem DM Sans;letter-spacing:.15em;color:#C4461F}.stage-flow{display:grid;gap:10px;margin-top:20px}.stage-flow>span{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;align-items:center;border:1px solid #dbe2eb;border-radius:8px;background:#fff;padding:16px;color:#C4461F;font-size:.8rem;font-weight:800}.stage-flow strong{font:800 1.12rem Manrope;color:#14243e}.stage-flow small{grid-column:2;color:#56637A;font-size:.82rem;font-weight:500}
.marketing-why{background:var(--panel)}.marketing-process{background:var(--bg)}.marketing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}.marketing-step{padding:27px 22px 30px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:9px;background:var(--panel)}.marketing-step span{color:var(--accent);font-size:.78rem;font-weight:800}.marketing-step h3{font:800 1.22rem Manrope;margin:40px 0 10px;letter-spacing:-.035em}.marketing-step p{font-size:.92rem;line-height:1.55;margin:0}.marketing-deliverables{background:#12213b;color:#fff;padding:100px 0}.marketing-deliverables .eyebrow{color:#ff9877}.marketing-deliverables h2{font:800 clamp(2.2rem,4vw,3.7rem)/1.15 Manrope;letter-spacing:-.06em;margin:0 0 25px}.marketing-deliverables p{color:#b7c6d8}.marketing-checks{padding:0;margin:0;list-style:none}.marketing-checks li{border-bottom:1px solid #ffffff32;padding:17px 0 17px 32px;position:relative;font-weight:600}.marketing-checks li:before{content:'✓';position:absolute;left:0;color:#ff9877}.marketing-faq details{border-bottom:1px solid var(--line);padding:17px 0}.marketing-faq details:first-child{border-top:1px solid var(--line)}.marketing-faq summary{font-weight:800;cursor:pointer;list-style:none;padding-right:24px;position:relative}.marketing-faq summary:after{content:'+';position:absolute;right:0;color:var(--accent)}.marketing-faq details[open] summary:after{content:'−'}.marketing-faq p{margin:12px 0 0;font-size:.95rem}
.tile-art-content{background:linear-gradient(135deg,#e5d5d1,#c97d6e 55%,#65465b);color:white}.tile-art-content>span{font:800 clamp(1.8rem,2.6vw,2.8rem)/1.1 Manrope;letter-spacing:-.06em;transform:rotate(-8deg)}.tile-art-content em{font-style:normal;color:#ffdfbc}.tile-art-performance{background:linear-gradient(135deg,#1d3656,#39728a);color:#fff}.tile-art-performance>span{font:800 clamp(1.4rem,2.2vw,2.35rem)/1.25 Manrope;letter-spacing:-.05em;transform:rotate(6deg)}
@media(max-width:820px){.marketing-hero-grid{grid-template-columns:1fr;gap:45px}.marketing-stage{max-width:580px;transform:rotate(1deg)}.marketing-steps{grid-template-columns:1fr 1fr}.marketing-deliverables .two{gap:30px}}
@media(max-width:560px){.marketing-hero{padding:70px 0 75px}.marketing-hero h1{font-size:clamp(2.65rem,10vw,4rem)}.marketing-stage{padding:20px}.marketing-steps{grid-template-columns:1fr;margin-top:30px}.marketing-step h3{margin-top:18px}.marketing-deliverables{padding:75px 0}}
