html,body{margin:0;padding:0;background:#fff} #eddm-landing,#eddm-landing *{box-sizing:border-box} #eddm-landing{--teal:#176c73;--pale:#e5eff0;--gray:#666867;--dark:#444e46;--red:#e21f26;--white:#fff;--line:#c9d5d6;isolation:isolate;width:100%;overflow-x:clip;margin:0;font-family:Verdana,Geneva,sans-serif;color:var(--gray);background:var(--white);line-height:1.55} #eddm-landing h1,#eddm-landing h2,#eddm-landing h3,#eddm-landing h4,#eddm-landing .eyebrow,#eddm-landing .btn,#eddm-landing .price,#eddm-landing .big-number,#eddm-landing summary{font-family:"Open Sans",Arial,sans-serif} #eddm-landing a{text-decoration:none} #eddm-landing .container{width:min(1180px,calc(100% - 40px));margin:auto} #eddm-landing .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border:2px solid transparent;border-radius:2px;font-size:14px;font-weight:800;transition:.18s;cursor:pointer} #eddm-landing .btn:hover{transform:translateY(-1px)} #eddm-landing .btn-red{background:var(--red);color:#fff} #eddm-landing .btn-outline{background:#fff;border-color:var(--teal);color:var(--teal)} #eddm-landing .btn-white{background:#fff;color:var(--teal)} #eddm-landing .hero{padding:86px 0 88px;position:relative;overflow:hidden} #eddm-landing .hero:after{content:"";position:absolute;right:-130px;top:55px;width:620px;height:385px;background:var(--pale);border-radius:55% 45% 62% 38% / 48% 60% 40% 52%;transform:rotate(-8deg)} #eddm-landing .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;position:relative;z-index:1} #eddm-landing .eyebrow{font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--red);font-weight:800;margin-bottom:15px} #eddm-landing h1{font-size:58px;line-height:1.02;letter-spacing:-.035em;color:var(--teal);margin:0;max-width:650px} #eddm-landing .hero .subhead{font:800 24px/1.25 "Open Sans",Arial,sans-serif;color:var(--dark);margin:18px 0 12px;max-width:640px} #eddm-landing .hero p{font-size:18px;max-width:620px;margin:0 0 28px} #eddm-landing .hero-actions{display:flex;gap:12px;flex-wrap:wrap} #eddm-landing .micro{font-size:12px!important;margin-top:15px!important;max-width:620px;color:#777} #eddm-landing .hero-art{min-height:430px;display:flex;align-items:center;justify-content:center;position:relative} #eddm-landing .map-card{width:100%;max-width:520px;background:#fff;border:1px solid #aebabb;box-shadow:18px 18px 0 rgba(23,108,115,.08);padding:14px;position:relative} #eddm-landing .map-top{height:34px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #d7e1e2;margin:-2px -2px 12px;padding:0 6px} #eddm-landing .dot{width:8px;height:8px;border-radius:50%;background:#d7e1e2} #eddm-landing .map-ui{height:330px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f6f8f8 0 49%,#edf2f2 49% 51%,#f9faf9 51%)} #eddm-landing .road{position:absolute;background:#fff;border:1px solid #d9e0df;transform-origin:left center} #eddm-landing .road.r1{left:-20px;top:70px;width:610px;height:20px;transform:rotate(8deg)} #eddm-landing .road.r2{left:115px;top:-35px;width:20px;height:440px;transform:rotate(17deg)} #eddm-landing .road.r3{left:270px;top:-50px;width:16px;height:470px;transform:rotate(-18deg)} #eddm-landing .route{position:absolute;border:3px solid var(--teal);background:rgba(23,108,115,.10);border-radius:18px 24px 20px 16px} #eddm-landing .route.a{left:55px;top:55px;width:145px;height:105px;transform:rotate(-6deg)} #eddm-landing .route.b{left:220px;top:125px;width:160px;height:120px;transform:rotate(8deg);border-color:var(--red);background:rgba(226,31,38,.08)} #eddm-landing .route.c{left:90px;top:210px;width:135px;height:88px;transform:rotate(4deg)} #eddm-landing .pin{position:absolute;width:20px;height:20px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);left:315px;top:85px;box-shadow:0 2px 5px rgba(0,0,0,.18)} #eddm-landing .pin:after{content:"";position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;left:6px;top:6px} #eddm-landing .map-panel{position:absolute;right:14px;bottom:14px;background:#fff;width:190px;padding:12px 14px;border:1px solid #ccd7d7;box-shadow:0 8px 24px rgba(0,0,0,.08);font-size:11px} #eddm-landing .map-panel strong{display:block;color:var(--teal);font:800 12px "Open Sans",Arial,sans-serif;margin-bottom:6px} #eddm-landing .map-row{display:flex;justify-content:space-between;border-top:1px solid #edf0f0;padding:5px 0} #eddm-landing .floating-mailer{position:absolute;left:-35px;bottom:6px;width:185px;height:120px;background:#fff;border:1px solid #aaa;transform:rotate(-8deg);box-shadow:0 12px 22px rgba(0,0,0,.12);padding:14px;z-index:2} #eddm-landing .floating-mailer:before{content:"EVERY DOOR\A DIRECT MAIL";white-space:pre;font:800 18px/1.05 "Open Sans",Arial,sans-serif;color:var(--teal)} #eddm-landing .floating-mailer:after{content:"LOCAL OFFERS • LOCAL REACH";position:absolute;left:14px;right:14px;bottom:12px;background:var(--red);color:#fff;font:700 8px "Open Sans",Arial,sans-serif;padding:5px;text-align:center} #eddm-landing .trust-strip{border-top:1px solid #d7e1e2;border-bottom:1px solid #d7e1e2;background:#fff} #eddm-landing .trust-grid{display:grid;grid-template-columns:repeat(3,1fr)} #eddm-landing .trust-item{padding:22px 24px;text-align:center;border-right:1px solid #d7e1e2} #eddm-landing .trust-item:last-child{border-right:0} #eddm-landing .trust-item strong{display:block;color:var(--teal);font:800 17px "Open Sans",Arial,sans-serif} #eddm-landing .trust-item span{font-size:12px} #eddm-landing .section{padding:92px 0} #eddm-landing .section.pale{background:var(--pale)} #eddm-landing .section-head{max-width:790px;margin:0 auto 50px;text-align:center} #eddm-landing .section-head h2{font-size:41px;line-height:1.12;letter-spacing:-.025em;color:var(--teal);margin:0} #eddm-landing .section-head p{margin:15px auto 0;max-width:700px} #eddm-landing .pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} #eddm-landing .price-card{border:1px solid var(--line);border-top:5px solid var(--teal);padding:30px;background:#fff;text-align:center} #eddm-landing .price-card.featured{border-top-color:var(--red);box-shadow:0 12px 28px rgba(23,108,115,.10)} #eddm-landing .size{font:800 19px "Open Sans",Arial,sans-serif;color:var(--dark)} #eddm-landing .price{font-size:48px;line-height:1;color:var(--teal);font-weight:800;margin:15px 0 8px} #eddm-landing .price small{font-size:15px;color:var(--gray)} #eddm-landing .price-card p{font-size:13px;margin:0 0 22px} #eddm-landing .fineprint{text-align:center;font-size:12px;margin-top:18px;color:#777} #eddm-landing .split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center} #eddm-landing .split h2{font-size:41px;line-height:1.12;color:var(--teal);margin:0 0 16px;letter-spacing:-.025em} #eddm-landing .split p{margin:0 0 20px} #eddm-landing .checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:22px 0 28px} #eddm-landing .check{font-size:14px;display:flex;gap:9px;align-items:flex-start} #eddm-landing .check:before{content:"✓";color:var(--red);font-weight:800} #eddm-landing .target-card{background:#fff;border:1px solid var(--line);padding:24px} #eddm-landing .target-card .mini-map{height:290px;background:linear-gradient(135deg,#f8fbfb,#eef4f4);position:relative;overflow:hidden} #eddm-landing .target-card .route-line{position:absolute;border:3px solid var(--teal);border-radius:40% 60% 55% 45%;background:rgba(23,108,115,.08)} #eddm-landing .target-card .route-line.one{left:25px;top:42px;width:180px;height:112px;transform:rotate(-6deg)} #eddm-landing .target-card .route-line.two{right:25px;top:108px;width:195px;height:130px;transform:rotate(8deg);border-color:var(--red);background:rgba(226,31,38,.07)} #eddm-landing .target-card .legend{display:flex;justify-content:center;gap:16px;font-size:11px;margin-top:13px} #eddm-landing .legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;background:var(--teal)} #eddm-landing .legend .red i{background:var(--red)} #eddm-landing .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} #eddm-landing .audience{background:#fff;border:1px solid var(--line);padding:30px;text-align:center;min-height:205px} #eddm-landing .audience .icon{width:62px;height:62px;border:1px solid var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--teal);font-size:28px} #eddm-landing .audience h3{font-size:20px;color:var(--teal);margin:0 0 8px} #eddm-landing .audience p{font-size:14px;margin:0} #eddm-landing .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step} #eddm-landing .step{position:relative;border:1px solid var(--line);padding:28px 24px;background:#fff;min-height:220px;counter-increment:step} #eddm-landing .step:before{content:counter(step);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;font:800 18px "Open Sans",Arial,sans-serif;margin-bottom:20px} #eddm-landing .step:nth-child(4):before{background:var(--red)} #eddm-landing .step h3{font-size:18px;color:var(--teal);margin:0 0 8px} #eddm-landing .step p{font-size:13px;margin:0} #eddm-landing .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px} #eddm-landing .service-box{border:1px solid var(--line);padding:34px;background:#fff} #eddm-landing .service-box h3{margin:0 0 18px;color:var(--teal);font-size:24px} #eddm-landing .service-box.handle{border-top:5px solid var(--red)} #eddm-landing .service-box.choose{border-top:5px solid var(--teal)} #eddm-landing .service-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:14px} #eddm-landing .service-list div:before{content:"•";color:var(--red);font-weight:800;margin-right:7px} #eddm-landing .table-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff} #eddm-landing table{width:100%;border-collapse:collapse;min-width:760px} #eddm-landing th{background:var(--teal);color:#fff;padding:14px 16px;font:800 14px "Open Sans",Arial,sans-serif;text-align:center} #eddm-landing th:first-child{text-align:left} #eddm-landing td{padding:13px 16px;border-bottom:1px solid #e2e8e8;text-align:center;font-size:13px} #eddm-landing td:first-child{text-align:left;font-weight:700;color:var(--dark)} #eddm-landing tr:last-child td{border-bottom:0} #eddm-landing .best td{background:#f8fbfb;color:var(--teal);font-weight:800} #eddm-landing .industries{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} #eddm-landing .industry{border:1px solid var(--line);padding:28px;background:#fff;min-height:190px} #eddm-landing .industry h3{font-size:18px;color:var(--teal);margin:0 0 8px} #eddm-landing .industry p{font-size:13px;margin:0} #eddm-landing .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} #eddm-landing .benefit{border:1px solid var(--line);padding:28px;background:#fff;min-height:205px} #eddm-landing .benefit .num{font:800 28px "Open Sans",Arial,sans-serif;color:var(--red);margin-bottom:10px} #eddm-landing .benefit h3{font-size:18px;color:var(--teal);margin:0 0 7px} #eddm-landing .benefit p{font-size:13px;margin:0} #eddm-landing .faq{max-width:850px;margin:auto} #eddm-landing details{border-bottom:1px solid #bfcaca;padding:20px 0} #eddm-landing summary{list-style:none;cursor:pointer;color:var(--teal);font-weight:800;font-size:16px} #eddm-landing summary::-webkit-details-marker{display:none} #eddm-landing details p{font-size:14px;margin:10px 0 0} #eddm-landing .final{background:var(--teal);color:#fff;padding:78px 0;position:relative;overflow:hidden} #eddm-landing .final:after{content:"";position:absolute;right:-70px;bottom:-65px;width:320px;height:190px;background:var(--pale);opacity:.25;border-radius:60% 40% 46% 54% / 48% 56% 44% 52%} #eddm-landing .final .container{text-align:center;position:relative;z-index:1} #eddm-landing .final h2{font-size:43px;line-height:1.1;color:#fff;margin:0} #eddm-landing .final p{max-width:680px;margin:16px auto 28px} #eddm-landing .final .fine{font-size:11px;opacity:.85;margin-top:14px} @media(max-width:900px){ #eddm-landing .hero{padding:64px 0} #eddm-landing h1{font-size:46px} #eddm-landing .hero-grid,#eddm-landing .split{grid-template-columns:1fr} #eddm-landing .hero-grid>div:first-child{text-align:center} #eddm-landing .hero-grid>div:first-child p,#eddm-landing .hero .subhead{margin-left:auto;margin-right:auto} #eddm-landing .hero-actions{justify-content:center} #eddm-landing .hero-art{min-height:390px} #eddm-landing .pricing-cards,#eddm-landing .audience-grid,#eddm-landing .industries,#eddm-landing .benefit-grid{grid-template-columns:1fr 1fr} #eddm-landing .steps{grid-template-columns:1fr 1fr} #eddm-landing .trust-grid{grid-template-columns:1fr} #eddm-landing .trust-item{border-right:0;border-bottom:1px solid #d7e1e2} #eddm-landing .trust-item:last-child{border-bottom:0} } @media(max-width:620px){ #eddm-landing .container{width:min(100% - 28px,1180px)} #eddm-landing h1{font-size:38px} #eddm-landing .hero .subhead{font-size:20px} #eddm-landing .section{padding:66px 0} #eddm-landing .section-head h2,#eddm-landing .split h2{font-size:32px} #eddm-landing .pricing-cards,#eddm-landing .audience-grid,#eddm-landing .industries,#eddm-landing .benefit-grid,#eddm-landing .steps,#eddm-landing .service-grid{grid-template-columns:1fr} #eddm-landing .checklist,#eddm-landing .service-list{grid-template-columns:1fr} #eddm-landing .map-card{max-width:100%} #eddm-landing .floating-mailer{width:150px;height:100px;left:-4px} #eddm-landing .floating-mailer:before{font-size:14px} #eddm-landing .map-panel{width:155px} #eddm-landing .final h2{font-size:34px} } /* --- Enhanced EDDM visual system --- */ #eddm-landing .hero:after{right:-180px;top:36px;width:720px;height:480px;background:linear-gradient(145deg,#eef6f6,#dcebec);border-radius:50%;opacity:.92;transform:none} #eddm-landing .hero-art{min-height:500px} #eddm-landing .eddm-product-visual{width:100%;height:485px;position:relative} #eddm-landing .browser-shell{position:absolute;right:0;top:18px;width:540px;background:#fff;border:1px solid #c9d5d6;border-radius:10px;box-shadow:0 28px 60px rgba(44,73,74,.16);overflow:hidden} #eddm-landing .browser-bar{height:38px;background:#f6f8f8;border-bottom:1px solid #dbe3e3;display:flex;align-items:center;gap:7px;padding:0 12px} #eddm-landing .browser-dot{width:8px;height:8px;border-radius:50%;background:#c6d0d0}.browser-dot.red-dot{background:#e47a7e!important}.browser-dot.amber-dot{background:#e5b864!important}.browser-dot.green-dot{background:#71b89f!important} #eddm-landing .browser-address{margin-left:8px;height:22px;display:flex;align-items:center;padding:0 12px;background:#fff;border:1px solid #e0e5e5;border-radius:4px;color:#96a0a0;font-size:9px;flex:1} #eddm-landing .app-shell{display:grid;grid-template-columns:155px 1fr;height:352px} #eddm-landing .route-sidebar{padding:15px 13px;background:#fff;border-right:1px solid #dfe6e6} #eddm-landing .app-brand{font:800 11px "Open Sans",Arial,sans-serif;color:var(--teal);margin-bottom:11px} #eddm-landing .search-box{height:34px;border:1px solid #d8e0df;border-radius:4px;display:flex;align-items:center;gap:6px;padding:0 8px;font-size:8px;color:#8b9694;background:#fafbfb}.search-icon{font-size:14px;color:var(--teal)} #eddm-landing .route-summary-title{font:700 8px "Open Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#899493;margin:16px 0 7px} #eddm-landing .route-chip{display:grid;grid-template-columns:8px 1fr 14px;gap:7px;align-items:center;border:1px solid #e0e6e5;border-radius:4px;padding:8px 7px;margin-bottom:7px;font-size:8px}.route-chip.active{border-color:#9bc0c3;background:#f4f9f9}.route-chip b{display:block;color:#485452;font-size:9px}.route-chip small{display:block;color:#98a19f;font-size:7px}.route-chip strong{color:var(--teal);font-size:11px}.route-swatch{width:6px;height:22px;border-radius:4px}.route-swatch.teal{background:var(--teal)}.route-swatch.red{background:var(--red)} #eddm-landing .route-total{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #e5eaea;margin-top:12px;padding-top:10px;font-size:8px;color:#7e8988}.route-total b{font:800 13px "Open Sans",Arial,sans-serif;color:var(--dark)} #eddm-landing .mini-cta{margin-top:10px;background:var(--red);color:#fff;border-radius:3px;text-align:center;padding:7px 0;font:800 7px "Open Sans",Arial,sans-serif;letter-spacing:.04em} #eddm-landing .pro-map{position:relative;overflow:hidden;background:#f4f6f3}.street-map{display:block;width:100%;height:100%} #eddm-landing .map-controls{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;border:1px solid #ccd6d3;border-radius:4px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.07)}.map-controls button{width:28px;height:27px;border:0;border-bottom:1px solid #dce3e1;background:#fff;color:#566361;font-weight:700}.map-controls button:last-child{border-bottom:0} #eddm-landing .route-detail-card{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.97);border:1px solid #d3ddda;border-radius:6px;box-shadow:0 10px 24px rgba(40,65,64,.12);padding:10px 12px}.detail-head{display:flex;justify-content:space-between;align-items:center;font:800 9px "Open Sans",Arial,sans-serif;color:var(--dark);margin-bottom:7px}.detail-head b{background:#e8f2f2;color:var(--teal);padding:3px 6px;border-radius:10px;font-size:7px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-grid div{border-left:1px solid #e4e9e8;padding-left:7px}.detail-grid div:first-child{border-left:0;padding-left:0}.detail-grid small{display:block;color:#939d9b;font-size:6px}.detail-grid strong{display:block;color:var(--teal);font:800 10px "Open Sans",Arial,sans-serif;margin-top:1px} #eddm-landing .postcard-stack{position:absolute;left:-15px;bottom:3px;width:220px;height:158px;z-index:4;filter:drop-shadow(0 16px 18px rgba(37,58,58,.16))}.postcard{position:absolute;width:194px;height:124px;border-radius:3px;background:#fff;border:1px solid #cfd7d5}.back-card{left:18px;top:18px;transform:rotate(9deg);background:#edf3f3}.middle-card{left:8px;top:10px;transform:rotate(1deg);background:#fff}.front-card{left:0;top:0;transform:rotate(-7deg);padding:16px 16px 12px;background:linear-gradient(145deg,#fff 0 72%,#f4f8f8 72%)} #eddm-landing .pc-kicker{font:800 6px "Open Sans",Arial,sans-serif;color:var(--red);letter-spacing:.12em}.pc-headline{font:800 18px/1.02 "Open Sans",Arial,sans-serif;color:var(--teal);width:150px;margin-top:5px;letter-spacing:-.02em}.pc-rule{width:32px;height:3px;background:var(--red);margin:8px 0 5px}.pc-copy{font-size:6.5px;color:#67716f;max-width:112px}.pc-footer{position:absolute;left:16px;right:16px;bottom:10px;display:flex;justify-content:space-between;align-items:center;font:800 6px "Open Sans",Arial,sans-serif;color:#67716f}.pc-footer b{background:var(--teal);color:#fff;padding:4px 5px;border-radius:2px;font-size:7px} #eddm-landing .delivery-badge{position:absolute;right:-8px;bottom:18px;z-index:5;background:#fff;border:1px solid #d0dad8;border-radius:7px;box-shadow:0 12px 24px rgba(40,65,64,.14);padding:10px 13px;display:flex;gap:9px;align-items:center}.mail-icon{width:30px;height:30px;border-radius:50%;background:#fce9ea;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:15px}.delivery-badge b{display:block;font:800 9px "Open Sans",Arial,sans-serif;color:var(--dark)}.delivery-badge small{display:block;font-size:7px;color:#8d9795;margin-top:1px} #eddm-landing .target-card.target-pro{padding:0;border-radius:9px;overflow:hidden;box-shadow:0 22px 46px rgba(39,67,67,.12)} #eddm-landing .target-toolbar{height:56px;border-bottom:1px solid #dce4e2;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff}.target-search{flex:1;border:1px solid #d7dfdd;border-radius:4px;height:32px;display:flex;align-items:center;padding:0 10px;font-size:10px;color:#65716f}.target-filter{height:32px;background:var(--teal);color:#fff;border-radius:4px;display:flex;align-items:center;padding:0 12px;font:800 8px "Open Sans",Arial,sans-serif}.target-map-wrap{height:320px;position:relative;overflow:hidden}.target-map-svg{width:100%;height:100%;display:block}.target-stat-card{position:absolute;background:#fff;border:1px solid #d5dfdc;border-radius:6px;box-shadow:0 8px 20px rgba(40,65,64,.12);padding:9px 11px;min-width:104px}.target-stat-card.one{left:16px;top:17px}.target-stat-card.two{right:16px;bottom:18px}.target-stat-card small{display:block;font-size:7px;color:#909b99}.target-stat-card strong{display:block;font:800 17px "Open Sans",Arial,sans-serif;color:var(--teal);line-height:1.05;margin:2px 0}.target-stat-card span{display:block;font-size:7px;color:#7f8a88}.pro-legend{background:#fff;margin:0!important;padding:11px 14px;border-top:1px solid #e1e7e5}.legend .muted-dot i{background:#c7d1cf!important} #eddm-landing .audience{border-radius:8px;box-shadow:0 7px 20px rgba(40,65,64,.04);transition:.2s}.audience:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(40,65,64,.09)}#eddm-landing .audience .icon{border:0;background:#edf5f5;width:68px;height:68px}.audience .icon svg{width:34px;height:34px} #eddm-landing .step{border-radius:7px;overflow:hidden}.step:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--teal)}.step:nth-child(4):after{background:var(--red)} @media(max-width:900px){#eddm-landing .eddm-product-visual{max-width:620px;margin:0 auto}.browser-shell{width:540px!important;right:20px!important}.postcard-stack{left:0!important}} @media(max-width:620px){#eddm-landing .hero-art{min-height:410px}.eddm-product-visual{height:395px!important}.browser-shell{width:100%!important;right:0!important;top:10px!important}.app-shell{grid-template-columns:112px 1fr!important;height:292px!important}.route-sidebar{padding:10px 8px!important}.route-chip{grid-template-columns:6px 1fr 10px!important;gap:4px!important;padding:5px!important}.postcard-stack{transform:scale(.72);transform-origin:left bottom;bottom:-4px!important}.delivery-badge{transform:scale(.82);transform-origin:right bottom;right:0!important;bottom:2px!important}.detail-grid{grid-template-columns:1fr 1fr!important}.detail-grid div:nth-child(3){border-left:0}.target-map-wrap{height:260px!important}} /* --- EDDM DISTINCTIVE LAYOUT: route-led editorial system --- */ #eddm-landing{--cream:#f7f5f0;--ink:#354240} #eddm-landing .hero{padding:72px 0 82px;background:linear-gradient(90deg,#fff 0 56%,var(--cream) 56% 100%)} #eddm-landing .hero:after{display:none} #eddm-landing .hero-grid{grid-template-columns:.9fr 1.1fr;gap:72px} #eddm-landing .hero-grid>div:first-child{position:relative;padding-left:26px} #eddm-landing .hero-grid>div:first-child:before{content:"";position:absolute;left:0;top:4px;width:6px;height:112px;background:var(--red)} #eddm-landing .eyebrow{letter-spacing:.14em;font-size:12px} #eddm-landing h1{font-size:61px;max-width:590px;color:var(--teal)} #eddm-landing .hero .subhead{color:var(--teal);font-size:25px;max-width:560px} #eddm-landing .hero-art{min-height:520px} #eddm-landing .eddm-product-visual{height:505px} #eddm-landing .browser-shell{right:0;top:8px;width:560px;border-radius:2px;box-shadow:22px 24px 0 rgba(23,108,115,.08),0 25px 55px rgba(44,73,74,.13)} #eddm-landing .postcard-stack{left:-34px;bottom:12px;transform:rotate(-1.2deg)} #eddm-landing .delivery-badge{right:18px;bottom:2px;border-radius:2px;border-left:5px solid var(--red)} #eddm-landing .trust-strip{background:var(--teal);color:#fff;border:0} #eddm-landing .trust-grid{min-height:122px} #eddm-landing .trust-item{border-color:rgba(255,255,255,.22);padding:28px 34px} #eddm-landing .trust-item strong{color:#fff;font-size:15px} #eddm-landing .trust-item span{color:rgba(255,255,255,.78)} #eddm-landing .section{padding:92px 0} #eddm-landing .section.pale{background:var(--cream)} #eddm-landing .section-head{max-width:820px;margin-left:0;text-align:left;margin-bottom:46px} #eddm-landing .section-head h2,#eddm-landing .split h2{color:var(--dark);letter-spacing:-.025em} /* Pricing becomes a rate-board rather than TM-style cards */ #eddm-landing #eddm-pricing-overview{position:relative;overflow:hidden} #eddm-landing #eddm-pricing-overview:before{content:"35¢";position:absolute;right:-25px;top:-58px;font:800 190px/1 "Open Sans",Arial,sans-serif;color:rgba(23,108,115,.045);letter-spacing:-.08em} #eddm-landing .pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #bfcaca;border-bottom:1px solid #bfcaca;background:transparent} #eddm-landing .price-card,#eddm-landing .price-card.featured{border:0;border-right:1px solid #bfcaca;background:transparent;padding:34px 30px 32px;box-shadow:none;min-height:0;position:relative} #eddm-landing .price-card:last-child{border-right:0} #eddm-landing .price-card.featured:before{content:"BEST VALUE";position:absolute;top:-13px;left:30px;background:var(--red);color:#fff;padding:5px 9px;font:800 9px "Open Sans",Arial,sans-serif;letter-spacing:.08em} #eddm-landing .price-card .size{font-size:15px;color:var(--dark);margin-bottom:10px} #eddm-landing .price-card .price{font-size:48px;color:var(--teal);line-height:1} #eddm-landing .price-card p{min-height:40px} #eddm-landing .price-card .btn{min-height:0;padding:0;border:0;background:transparent;color:var(--red);font-size:12px;justify-content:flex-start} #eddm-landing .price-card .btn:after{content:" →";margin-left:6px} /* Targeting uses map first, copy second */ #eddm-landing #eddm-targeting .split{grid-template-columns:1.08fr .92fr;gap:74px} #eddm-landing #eddm-targeting .split>div:first-child{grid-column:2;grid-row:1} #eddm-landing #eddm-targeting .target-card{grid-column:1;grid-row:1;border-radius:0!important;border:0!important;box-shadow:18px 18px 0 rgba(226,31,38,.075)!important} #eddm-landing #eddm-targeting .checklist{grid-template-columns:1fr;margin:24px 0 30px;gap:0;border-top:1px solid #d7dfdd} #eddm-landing #eddm-targeting .check{border-bottom:1px solid #d7dfdd;padding:10px 0 10px 27px;font-size:13px} /* Audience row becomes a bold selector band */ #eddm-landing .audience-grid{gap:14px} #eddm-landing .audience{border:0;border-top:5px solid var(--teal);border-radius:0;box-shadow:none!important;padding:32px 28px;background:#fff;min-height:230px} #eddm-landing .audience:nth-child(2){border-top-color:var(--red)} #eddm-landing .audience:nth-child(3){border-top-color:var(--dark)} #eddm-landing .audience:hover{transform:none} /* Steps become a horizontal route/timeline */ #eddm-landing .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:eddmstep;border-top:3px solid var(--teal)} #eddm-landing .step{border:0;border-right:1px solid #ccd5d3;border-radius:0;padding:38px 28px 24px;min-height:220px;background:#fff;box-shadow:none;counter-increment:eddmstep;position:relative} #eddm-landing .step:last-child{border-right:0} #eddm-landing .step:after{display:none} #eddm-landing .step:before{content:"0" counter(eddmstep);position:absolute;left:28px;top:-18px;width:38px;height:34px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font:800 12px "Open Sans",Arial,sans-serif} #eddm-landing .step:last-child:before{background:var(--red)} /* Asymmetric service module */ #eddm-landing .service-grid{grid-template-columns:.72fr 1.28fr;gap:0;border:1px solid #c7d2d0} #eddm-landing .service-box{border:0;border-radius:0;box-shadow:none;padding:38px} #eddm-landing .service-box.choose{background:#fff} #eddm-landing .service-box.handle{background:var(--teal);color:#fff} #eddm-landing .service-box.handle h3,#eddm-landing .service-box.handle p{color:#fff!important} #eddm-landing .service-box.handle .service-list div{border-color:rgba(255,255,255,.25);color:#fff} /* Pricing table feels more like a practical tool */ #eddm-landing #eddm-full-pricing{background:#fff} #eddm-landing .table-wrap{border:0;border-top:4px solid var(--teal);box-shadow:0 14px 36px rgba(44,73,74,.08)} #eddm-landing table thead th{background:var(--dark);color:#fff} #eddm-landing .best td{background:#eaf3f3;color:var(--teal);border-top:2px solid var(--teal)} /* Industry cards become editorial rows */ #eddm-landing .industries{grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #c8d1cf} #eddm-landing .industry{border:0;border-bottom:1px solid #c8d1cf;background:transparent;min-height:0;padding:28px 34px 28px 0;margin-right:34px;position:relative} #eddm-landing .industry:before{content:"";position:absolute;left:0;top:0;width:34px;height:4px;background:var(--red)} #eddm-landing .industry h3{font-size:19px;color:var(--dark);margin-top:4px} /* Benefits are dense, numbered proof points rather than cards */ #eddm-landing .benefit-grid{grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #bec9c7} #eddm-landing .benefit{border:0;border-bottom:1px solid #bec9c7;background:transparent;min-height:0;padding:25px 28px 25px 70px;position:relative} #eddm-landing .benefit:nth-child(odd){border-right:1px solid #bec9c7} #eddm-landing .benefit .num{position:absolute;left:0;top:22px;font-size:17px;color:var(--red)} #eddm-landing .benefit h3{color:var(--dark);font-size:17px} #eddm-landing .faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:50px} #eddm-landing details{padding:18px 0} #eddm-landing summary{color:var(--dark);position:relative;padding-right:30px} #eddm-landing summary:after{content:"+";position:absolute;right:0;color:var(--red);font-size:20px;line-height:1} #eddm-landing details[open] summary:after{content:"−"} #eddm-landing .final{background:var(--dark);padding:84px 0;text-align:left} #eddm-landing .final:after{width:420px;height:420px;border-radius:50%;right:-210px;bottom:-210px;background:var(--red);opacity:.85} #eddm-landing .final .container{text-align:left} #eddm-landing .final h2{max-width:720px} #eddm-landing .final p{margin:16px 0 28px;max-width:700px} #eddm-landing .final .fine{max-width:760px} @media(max-width:900px){ #eddm-landing .hero{background:#fff} #eddm-landing .hero-grid{grid-template-columns:1fr;gap:34px} #eddm-landing .hero-grid>div:first-child{padding-left:0} #eddm-landing .hero-grid>div:first-child:before{display:none} #eddm-landing #eddm-targeting .split{grid-template-columns:1fr;gap:40px} #eddm-landing #eddm-targeting .split>div:first-child,#eddm-landing #eddm-targeting .target-card{grid-column:auto;grid-row:auto} #eddm-landing #eddm-targeting .target-card{order:-1} #eddm-landing .faq{grid-template-columns:1fr} #eddm-landing .final .container{text-align:center} #eddm-landing .final p,#eddm-landing .final .fine{margin-left:auto;margin-right:auto} } @media(max-width:620px){ #eddm-landing h1{font-size:40px} #eddm-landing .pricing-cards{grid-template-columns:1fr;border-bottom:0} #eddm-landing .price-card,#eddm-landing .price-card.featured{border-right:0;border-bottom:1px solid #bfcaca;padding:32px 8px} #eddm-landing .price-card.featured:before{left:8px} #eddm-landing .steps{grid-template-columns:1fr;border-top:0;border-left:3px solid var(--teal)} #eddm-landing .step{border-right:0;border-bottom:1px solid #ccd5d3;padding:28px 22px 28px 48px;min-height:0} #eddm-landing .step:before{left:-20px;top:24px} #eddm-landing .industries,#eddm-landing .benefit-grid{grid-template-columns:1fr} #eddm-landing .industry{margin-right:0;padding-right:0} #eddm-landing .benefit:nth-child(odd){border-right:0} #eddm-landing .service-grid{grid-template-columns:1fr} } /* Professional hero postcard treatment */ #eddm-landing .postcard-stack.trend-postcard{position:absolute;left:-34px;bottom:10px;width:315px;height:auto;z-index:5;filter:none;transform:rotate(-1.2deg);padding:0;background:#fff;border:1px solid rgba(68,78,70,.18);box-shadow:0 18px 38px rgba(32,52,52,.20),0 4px 10px rgba(32,52,52,.10);border-radius:2px} #eddm-landing .postcard-stack.trend-postcard:before{content:"";position:absolute;z-index:-1;left:14px;top:10px;width:100%;height:100%;background:#f5f7f6;border:1px solid rgba(68,78,70,.12);box-shadow:0 10px 24px rgba(32,52,52,.10);transform:rotate(3.5deg);border-radius:2px} #eddm-landing .postcard-stack.trend-postcard img{display:block;width:100%;height:auto;border-radius:1px} @media(max-width:900px){#eddm-landing .postcard-stack.trend-postcard{left:4px!important;bottom:8px!important;width:300px}} @media(max-width:620px){#eddm-landing .postcard-stack.trend-postcard{width:260px;left:0!important;bottom:-2px!important;transform:scale(.76) rotate(-1.2deg);transform-origin:left bottom}} /* Hero map refresh: realistic map, no selected-routes sidebar */ #eddm-landing .browser-shell{width:620px;max-width:100%;overflow:hidden;background:#fff} #eddm-landing .real-map-wrap{position:relative;width:100%;aspect-ratio:906/453;overflow:hidden;background:#eef2ef} #eddm-landing .real-map-wrap img{display:block;width:100%;height:100%;object-fit:contain;object-position:center} #eddm-landing .browser-bar{position:relative;z-index:2} @media(max-width:620px){#eddm-landing .real-map-wrap{aspect-ratio:906/453}} /* --- Polished hero composition: cleaner map + postcard hierarchy --- */ #eddm-landing .eddm-product-visual{height:520px;transform:translateX(18px)} #eddm-landing .postcard-stack.trend-postcard{left:-54px;bottom:0;width:245px;transform:rotate(-.6deg);border-color:rgba(68,78,70,.14);box-shadow:0 10px 22px rgba(32,52,52,.14),0 2px 6px rgba(32,52,52,.07)} #eddm-landing .postcard-stack.trend-postcard:before{left:8px;top:7px;background:#f8f9f8;border-color:rgba(68,78,70,.08);box-shadow:0 5px 12px rgba(32,52,52,.07);transform:rotate(1.5deg)} #eddm-landing .delivery-badge{right:18px;bottom:4px;box-shadow:0 7px 16px rgba(40,65,64,.10);padding:9px 12px} @media(max-width:900px){ #eddm-landing .eddm-product-visual{transform:none;height:500px} #eddm-landing .postcard-stack.trend-postcard{left:0!important;bottom:0!important;width:235px} #eddm-landing .delivery-badge{right:10px!important;bottom:8px!important} } @media(max-width:620px){ #eddm-landing .eddm-product-visual{height:400px!important} #eddm-landing .postcard-stack.trend-postcard{width:220px;left:0!important;bottom:-2px!important;transform:scale(.76) rotate(-.6deg);transform-origin:left bottom} #eddm-landing .delivery-badge{transform:scale(.78);transform-origin:right bottom;right:0!important;bottom:3px!important} } /* --- Sharp professional hero visual --- */ #eddm-landing .hero-grid{grid-template-columns:.82fr 1.18fr;gap:64px} #eddm-landing .hero-art{min-height:535px} #eddm-landing .eddm-product-visual{height:520px;max-width:680px;margin-left:auto} #eddm-landing .browser-shell{width:640px;right:0;top:8px;border:1px solid #bcc9c9;box-shadow:0 24px 48px rgba(35,58,58,.14),14px 14px 0 rgba(23,108,115,.07);transform:none} #eddm-landing .real-map-wrap{width:100%;aspect-ratio:906/453;background:#fff} #eddm-landing .real-map-wrap img{width:100%;height:auto;object-fit:contain;image-rendering:auto;transform:none} #eddm-landing .postcard-stack.trend-postcard{left:-34px;bottom:-2px;width:280px;transform:none!important;background:#fff;border:1px solid rgba(68,78,70,.18);box-shadow:0 16px 30px rgba(32,52,52,.16),0 3px 8px rgba(32,52,52,.08);filter:none} #eddm-landing .postcard-stack.trend-postcard:before{left:9px;top:8px;transform:none;background:#f4f6f5;border:1px solid rgba(68,78,70,.09);box-shadow:none} #eddm-landing .postcard-stack.trend-postcard img{display:block;width:100%;height:auto;transform:none;image-rendering:auto;backface-visibility:hidden} #eddm-landing .delivery-badge{right:8px;bottom:8px;transform:none;border:1px solid #cbd6d4;border-left:4px solid var(--red);box-shadow:0 8px 18px rgba(40,65,64,.11);padding:9px 12px} @media(max-width:900px){#eddm-landing .hero-grid{grid-template-columns:1fr}.eddm-product-visual{margin:0 auto}.browser-shell{width:620px!important;right:0!important}.postcard-stack.trend-postcard{width:265px!important;left:0!important}} @media(max-width:620px){#eddm-landing .hero-art{min-height:390px}.eddm-product-visual{height:385px!important}.browser-shell{width:100%!important}.postcard-stack.trend-postcard{width:205px!important;transform:none!important;left:0!important;bottom:0!important}.delivery-badge{transform:scale(.82);transform-origin:right bottom}} /* --- Clean, sleek hero visual refinement --- */ #eddm-landing .hero-grid{grid-template-columns:.84fr 1.16fr;gap:72px;align-items:center} #eddm-landing .hero-art{min-height:510px} #eddm-landing .eddm-product-visual{height:495px;max-width:690px;margin-left:auto;position:relative} /* Map: crisp, flat, no floating/drop-shadow treatment */ #eddm-landing .browser-shell{ width:640px;max-width:100%;right:0;top:10px; border:0!important;border-radius:0!important; box-shadow:none!important;background:#fff;overflow:hidden; } #eddm-landing .browser-bar{ height:38px;background:#fff;border:1px solid #d7dfdd!important; border-bottom:0!important;padding:0 12px; } #eddm-landing .browser-address{border-color:#e1e7e5;background:#fbfcfb} #eddm-landing .real-map-wrap{ width:100%;height:auto;aspect-ratio:906/453; border:1px solid #d7dfdd;border-top:0;background:#fff;overflow:hidden; } #eddm-landing .real-map-wrap img{ display:block;width:100%;height:100%;object-fit:contain;object-position:center; transform:none!important;filter:none!important;image-rendering:auto; } /* Postcard: single clean card, no backing layer, no shadow, no rotation */ #eddm-landing .postcard-stack.trend-postcard{ left:-18px;bottom:8px;width:272px;height:auto;z-index:5; transform:none!important;filter:none!important; background:transparent!important;border:0!important;border-radius:0!important; box-shadow:none!important;padding:0!important;overflow:hidden; } #eddm-landing .postcard-stack.trend-postcard:before{display:none!important} #eddm-landing .postcard-stack.trend-postcard img{ display:block;width:100%;height:auto;border:0!important;border-radius:0!important; box-shadow:none!important;filter:none!important;transform:none!important; } /* Service badge: flat, aligned and understated */ #eddm-landing .delivery-badge{ right:6px;bottom:10px;transform:none!important; border:1px solid #d7dfdd!important;border-left:3px solid var(--red)!important; border-radius:0!important;box-shadow:none!important; background:#fff;padding:9px 12px;gap:9px; } #eddm-landing .mail-icon{width:28px;height:28px;background:#fff3f3;border-radius:50%;font-size:13px} #eddm-landing .delivery-badge b{font-size:9px} #eddm-landing .delivery-badge small{font-size:7px} @media(max-width:900px){ #eddm-landing .hero-grid{grid-template-columns:1fr;gap:38px} #eddm-landing .eddm-product-visual{margin:0 auto;max-width:640px} #eddm-landing .browser-shell{width:100%!important;right:0!important} #eddm-landing .postcard-stack.trend-postcard{left:8px!important;width:250px!important} } @media(max-width:620px){ #eddm-landing .hero-art{min-height:370px} #eddm-landing .eddm-product-visual{height:360px!important} #eddm-landing .postcard-stack.trend-postcard{width:190px!important;left:0!important;bottom:0!important} #eddm-landing .delivery-badge{transform:scale(.78)!important;transform-origin:right bottom} } /* --- Mockup-matched QuantumPostcards hero refinement --- */ #eddm-landing .hero{ position:relative; padding:62px 0 82px; background:#fff!important; overflow:hidden; } #eddm-landing .hero:before, #eddm-landing .hero:after{ content:""!important; display:block!important; position:absolute; width:250px; height:250px; pointer-events:none; opacity:.42; background-image:radial-gradient(circle, rgba(23,108,115,.16) 1.25px, transparent 1.4px); background-size:11px 11px; z-index:0; border-radius:0; transform:none; } #eddm-landing .hero:before{right:-48px;top:-12px;} #eddm-landing .hero:after{left:31%;bottom:-98px;right:auto;top:auto;} #eddm-landing .hero .container{position:relative;z-index:1} #eddm-landing .hero-grid{ grid-template-columns:.78fr 1.22fr; gap:70px; align-items:center; } #eddm-landing .hero-grid>div:first-child{ padding-left:30px; position:relative; max-width:520px; } #eddm-landing .hero-grid>div:first-child:before{ display:block!important; content:""; position:absolute; left:0; top:2px; width:5px; height:58px; background:var(--red); } #eddm-landing .eyebrow{ margin:0 0 32px; line-height:1; } #eddm-landing .eyebrow img{ display:block; width:220px; max-width:82%; height:auto; } #eddm-landing h1{ font-size:64px; line-height:1.01; letter-spacing:-.045em; max-width:520px; margin:0; color:var(--teal); } #eddm-landing h1:after{ content:""; display:block; width:112px; height:5px; background:var(--red); margin:34px 0 28px; } #eddm-landing .hero .subhead{ font-size:25px; line-height:1.24; color:var(--teal); max-width:470px; margin:0 0 22px; } #eddm-landing .hero .subhead::first-line{color:var(--teal)} #eddm-landing .hero p:not(.micro){ font-size:18px; line-height:1.55; max-width:445px; color:#5f6564; margin:0 0 28px; } #eddm-landing .hero-actions{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-top:4px; } #eddm-landing .hero-actions .btn{ min-width:0; min-height:46px; padding:0 20px; font-size:13px; letter-spacing:.005em; border-radius:2px; } #eddm-landing .hero-actions .btn-red{box-shadow:none!important} #eddm-landing .hero-actions .btn-outline{border-width:1.5px;background:#fff} #eddm-landing .micro{ max-width:430px!important; margin:24px 0 0!important; font-size:11.5px!important; line-height:1.65!important; color:#737978!important; } /* Product visual: one cohesive composition */ #eddm-landing .hero-art{ min-height:610px; display:flex; align-items:center; justify-content:flex-end; } #eddm-landing .eddm-product-visual{ width:100%; max-width:820px; height:590px; margin-left:auto; position:relative; transform:none!important; } #eddm-landing .browser-shell{ position:absolute; right:0; top:14px; width:790px; max-width:100%; overflow:hidden; background:#fff; border:1px solid #cfd8d7!important; border-radius:10px!important; box-shadow:0 14px 34px rgba(42,67,68,.08)!important; } #eddm-landing .browser-bar{ height:46px; padding:0 14px; background:#fff; border:0!important; border-bottom:1px solid #e1e6e5!important; } #eddm-landing .browser-dot{width:10px;height:10px} #eddm-landing .browser-address{ height:27px; margin-left:12px; border:1px solid #e2e7e6; border-radius:5px; background:#fbfcfc; font-size:10px; color:#87918f; } #eddm-landing .real-map-wrap{ width:100%; aspect-ratio:906/453; border:0!important; background:#fff; overflow:hidden; } #eddm-landing .real-map-wrap img{ display:block; width:100%; height:100%; object-fit:contain; object-position:center; border:0!important; box-shadow:none!important; filter:none!important; transform:none!important; } /* Market Update postcard: larger, centered overlap, crisp */ #eddm-landing .postcard-stack.trend-postcard{ position:absolute; left:0; bottom:8px; width:410px; max-width:52%; height:auto; z-index:5; padding:0!important; overflow:hidden; background:#fff!important; border:1px solid #cfd8d7!important; border-radius:0!important; box-shadow:0 10px 24px rgba(42,67,68,.08)!important; filter:none!important; transform:rotate(-2.5deg)!important; transform-origin:50% 85%; } #eddm-landing .postcard-stack.trend-postcard:before{display:none!important} #eddm-landing .postcard-stack.trend-postcard img{ display:block; width:100%; height:auto; border:0!important; border-radius:0!important; box-shadow:none!important; filter:none!important; transform:none!important; image-rendering:auto; } /* Full-service indicator aligned to postcard baseline */ #eddm-landing .delivery-badge{ position:absolute; right:2px; bottom:12px; min-width:245px; min-height:92px; display:flex; align-items:center; gap:15px; padding:0 20px 0 24px; background:transparent!important; border:0!important; border-left:1px solid #d6dddc!important; border-radius:0!important; box-shadow:none!important; transform:none!important; } #eddm-landing .delivery-badge:before{ content:""; position:absolute; left:-1px; top:16px; width:3px; height:60px; background:var(--red); } #eddm-landing .mail-icon{ flex:0 0 auto; width:50px; height:50px; border-radius:50%; background:#fff0f0; color:var(--red); font-size:18px; } #eddm-landing .delivery-badge b{ font-size:15px; color:var(--dark); line-height:1.2; } #eddm-landing .delivery-badge small{ margin-top:5px; font-size:12px; color:#757d7b; letter-spacing:.01em; } @media(max-width:1100px){ #eddm-landing .hero-grid{grid-template-columns:.9fr 1.1fr;gap:44px} #eddm-landing h1{font-size:54px} #eddm-landing .hero-art{min-height:540px} #eddm-landing .eddm-product-visual{height:525px;max-width:700px} #eddm-landing .browser-shell{width:680px} #eddm-landing .postcard-stack.trend-postcard{width:355px} #eddm-landing .delivery-badge{min-width:215px} } @media(max-width:900px){ #eddm-landing .hero{padding:56px 0 72px} #eddm-landing .hero-grid{grid-template-columns:1fr;gap:42px} #eddm-landing .hero-grid>div:first-child{max-width:650px;margin:0 auto;text-align:center;padding-left:0} #eddm-landing .hero-grid>div:first-child:before{display:none!important} #eddm-landing .eyebrow img{margin:0 auto} #eddm-landing h1{max-width:650px;margin:0 auto;font-size:54px} #eddm-landing h1:after{margin:28px auto 25px} #eddm-landing .hero .subhead,#eddm-landing .hero p:not(.micro),#eddm-landing .micro{margin-left:auto!important;margin-right:auto!important} #eddm-landing .hero-actions{align-items:center} #eddm-landing .hero-art{min-height:570px} #eddm-landing .eddm-product-visual{height:550px;max-width:720px;margin:0 auto} #eddm-landing .browser-shell{width:100%!important;right:0!important} #eddm-landing .postcard-stack.trend-postcard{left:0!important;width:365px!important} #eddm-landing .delivery-badge{right:4px!important} } @media(max-width:620px){ #eddm-landing .hero{padding:42px 0 56px} #eddm-landing .eyebrow{margin-bottom:24px} #eddm-landing .eyebrow img{width:190px} #eddm-landing h1{font-size:42px} #eddm-landing h1:after{width:90px;height:4px;margin:24px auto 22px} #eddm-landing .hero .subhead{font-size:21px} #eddm-landing .hero p:not(.micro){font-size:16px} #eddm-landing .hero-actions .btn{min-width:0;width:auto;max-width:100%;padding:0 18px} #eddm-landing .hero-art{min-height:430px} #eddm-landing .eddm-product-visual{height:410px!important;max-width:100%} #eddm-landing .browser-shell{top:6px!important;border-radius:6px!important} #eddm-landing .browser-bar{height:34px;padding:0 8px} #eddm-landing .browser-dot{width:7px;height:7px} #eddm-landing .browser-address{height:22px;font-size:8px;margin-left:7px} #eddm-landing .postcard-stack.trend-postcard{width:52%!important;left:0!important;bottom:0!important} #eddm-landing .delivery-badge{right:0!important;bottom:2px!important;min-width:0;width:34%;min-height:70px;padding:0 5px 0 12px;gap:7px} #eddm-landing .delivery-badge:before{top:10px;height:48px} #eddm-landing .mail-icon{width:34px;height:34px;font-size:13px} #eddm-landing .delivery-badge b{font-size:10px} #eddm-landing .delivery-badge small{font-size:7.5px;margin-top:3px} } /* Replace Full-Service EDDM badge with supplied mailing illustration */ #eddm-landing .service-graphic{position:absolute;right:-18px;bottom:-12px;width:380px;z-index:5;line-height:0;pointer-events:none} #eddm-landing .service-graphic img{display:block;width:100%;height:auto;object-fit:contain} @media(max-width:900px){#eddm-landing .service-graphic{width:320px;right:0;bottom:-8px}} @media(max-width:620px){#eddm-landing .service-graphic{width:230px;right:-8px;bottom:-4px}} /* Single supplied composite hero visual */ #eddm-landing .composite-hero-visual{width:100%;height:auto!important;max-width:780px!important;margin:0 auto;display:flex;align-items:center;justify-content:center} #eddm-landing .composite-hero-visual img{display:block;width:100%;height:auto;object-fit:contain} #eddm-landing .hero-art{min-height:0!important;align-items:center} @media(max-width:900px){#eddm-landing .composite-hero-visual{max-width:760px!important}} @media(max-width:620px){#eddm-landing .composite-hero-visual{max-width:100%!important}} /* --- Professional composite hero presentation --- */ #eddm-landing .hero{ padding-top:64px!important; padding-bottom:76px!important; } #eddm-landing .hero-grid{ grid-template-columns:.80fr 1.20fr!important; gap:68px!important; align-items:center!important; } #eddm-landing .hero-art{ position:relative; min-height:520px!important; display:flex!important; align-items:center!important; justify-content:center!important; } #eddm-landing .hero-art:before{ content:""; position:absolute; inset:34px 0 28px 34px; background:#f7f8f6; border:1px solid #dde4e2; z-index:0; } #eddm-landing .hero-art:after{ content:""; position:absolute; left:34px; top:34px; width:5px; height:72px; background:var(--red); z-index:1; } #eddm-landing .composite-hero-visual{ position:relative; z-index:2; width:calc(100% + 32px)!important; max-width:900px!important; margin:0 -16px 0 0!important; padding:22px 18px 18px 22px; display:flex!important; align-items:center!important; justify-content:center!important; background:transparent; overflow:visible; } #eddm-landing .composite-hero-visual img{ display:block!important; width:100%!important; height:auto!important; object-fit:contain!important; object-position:center!important; filter:none!important; box-shadow:none!important; transform:none!important; } @media(max-width:1100px){ #eddm-landing .hero-grid{grid-template-columns:.88fr 1.12fr!important;gap:46px!important} #eddm-landing .hero-art{min-height:470px!important} #eddm-landing .composite-hero-visual{max-width:790px!important} } @media(max-width:900px){ #eddm-landing .hero-grid{grid-template-columns:1fr!important;gap:34px!important} #eddm-landing .hero-art{min-height:0!important;max-width:760px;margin:0 auto;width:100%} #eddm-landing .hero-art:before{inset:22px 8px 14px 22px} #eddm-landing .hero-art:after{left:22px;top:22px;height:56px} #eddm-landing .composite-hero-visual{width:100%!important;max-width:760px!important;margin:0!important;padding:18px!important} } @media(max-width:620px){ #eddm-landing .hero{padding-top:42px!important;padding-bottom:54px!important} #eddm-landing .hero-art:before{inset:12px 0 8px 12px} #eddm-landing .hero-art:after{left:12px;top:12px;width:4px;height:42px} #eddm-landing .composite-hero-visual{padding:10px 6px 8px 10px!important;max-width:100%!important} } /* --- Premium hero refinement: cleaner, simpler, more professional --- */ #eddm-landing .hero{ padding:70px 0 78px!important; background:#fff!important; } #eddm-landing .hero:before,#eddm-landing .hero:after{display:none!important} #eddm-landing .hero-grid{ grid-template-columns:.86fr 1.14fr!important; gap:56px!important; align-items:center!important; } #eddm-landing .hero-grid>div:first-child{ padding-left:0!important; max-width:510px!important; } #eddm-landing .hero-grid>div:first-child:before{display:none!important} #eddm-landing .eyebrow{margin:0 0 26px!important} #eddm-landing .eyebrow img{width:208px!important;max-width:78%!important} #eddm-landing h1{ font-size:58px!important; line-height:1.025!important; letter-spacing:-.04em!important; max-width:500px!important; } #eddm-landing h1:after{ width:66px!important; height:4px!important; margin:26px 0 24px!important; } #eddm-landing .hero .subhead{ font-size:23px!important; line-height:1.3!important; max-width:455px!important; margin:0 0 18px!important; } #eddm-landing .hero p:not(.micro){ font-size:17px!important; line-height:1.58!important; max-width:440px!important; margin:0 0 24px!important; } #eddm-landing .hero-actions{margin-top:0!important;gap:0!important} #eddm-landing .hero-actions .btn{ min-height:44px!important; padding:0 18px!important; font-size:12.5px!important; letter-spacing:.01em!important; border-radius:2px!important; } #eddm-landing .micro{ margin:20px 0 0!important; max-width:420px!important; font-size:11px!important; line-height:1.55!important; color:#7a807f!important; } #eddm-landing .hero-art{ min-height:0!important; position:relative!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; } #eddm-landing .hero-art:before,#eddm-landing .hero-art:after{display:none!important} #eddm-landing .composite-hero-visual{ width:100%!important; max-width:860px!important; margin:0!important; padding:0!important; background:transparent!important; overflow:visible!important; } #eddm-landing .composite-hero-visual img{ display:block!important; width:100%!important; height:auto!important; object-fit:contain!important; filter:none!important; box-shadow:none!important; transform:none!important; } @media(max-width:1100px){ #eddm-landing .hero-grid{grid-template-columns:.9fr 1.1fr!important;gap:42px!important} #eddm-landing h1{font-size:52px!important} #eddm-landing .composite-hero-visual{max-width:760px!important} } @media(max-width:900px){ #eddm-landing .hero{padding:54px 0 62px!important} #eddm-landing .hero-grid{grid-template-columns:1fr!important;gap:34px!important} #eddm-landing .hero-grid>div:first-child{max-width:620px!important;margin:0 auto;text-align:center!important} #eddm-landing .eyebrow img{margin:0 auto!important} #eddm-landing h1{max-width:620px!important;margin:0 auto!important} #eddm-landing h1:after{margin:24px auto!important} #eddm-landing .hero .subhead,#eddm-landing .hero p:not(.micro),#eddm-landing .micro{margin-left:auto!important;margin-right:auto!important} #eddm-landing .hero-actions{align-items:center!important} #eddm-landing .hero-art{justify-content:center!important} #eddm-landing .composite-hero-visual{max-width:760px!important} } @media(max-width:620px){ #eddm-landing .hero{padding:38px 0 48px!important} #eddm-landing h1{font-size:40px!important} #eddm-landing .hero .subhead{font-size:20px!important} #eddm-landing .hero p:not(.micro){font-size:15.5px!important} } /* --- QuantumDigital website alignment: brand palette + clean UI --- */ #eddm-landing{ --teal:#156570!important; --pale:#e8f1f2!important; --gray:#666867!important; --dark:#444e46!important; --red:#d92025!important; --white:#ffffff!important; --line:#d6e0e1!important; --cream:#ffffff!important; --ink:#444e46!important; background:#fff!important; color:#666867!important; font-family:Verdana,Geneva,sans-serif!important; } #eddm-landing h1,#eddm-landing h2,#eddm-landing h3,#eddm-landing h4, #eddm-landing .eyebrow,#eddm-landing .btn,#eddm-landing .price, #eddm-landing .big-number,#eddm-landing summary{ font-family:"Open Sans",Arial,sans-serif!important; } #eddm-landing h1,#eddm-landing h2,#eddm-landing h3{font-weight:800!important} /* Hero mirrors QuantumDigital: white, generous whitespace, teal + red only */ #eddm-landing .hero{ background:#fff!important; padding:72px 0 82px!important; border-bottom:1px solid #e5ebeb!important; } #eddm-landing .hero-grid{gap:62px!important} #eddm-landing .eyebrow{color:#d92025!important;letter-spacing:.10em!important} #eddm-landing h1{color:#156570!important} #eddm-landing h1:after{background:#d92025!important;border-radius:0!important} #eddm-landing .hero .subhead{color:#156570!important;font-weight:800!important} #eddm-landing .hero p{color:#666867!important} #eddm-landing .micro{color:#777!important} #eddm-landing .composite-hero-visual{background:transparent!important} #eddm-landing .composite-hero-visual img{box-shadow:none!important;border:0!important} /* Buttons on the live site use direct, high-contrast brand CTAs */ #eddm-landing .btn{ border-radius:0!important; min-height:44px!important; font-weight:800!important; text-transform:none!important; box-shadow:none!important; } #eddm-landing .btn-red{background:#d92025!important;color:#fff!important;border-color:#d92025!important} #eddm-landing .btn-red:hover{background:#b91b20!important;border-color:#b91b20!important} #eddm-landing .btn-outline{background:#fff!important;color:#156570!important;border-color:#156570!important} #eddm-landing .btn-outline:hover{background:#e8f1f2!important} #eddm-landing .btn-white{background:#fff!important;color:#156570!important;border-color:#fff!important} /* Site sections: alternate white / pale teal, never beige */ #eddm-landing .section{background:#fff!important} #eddm-landing .section.pale{background:#e8f1f2!important} #eddm-landing .section-head h2,#eddm-landing .split h2{color:#156570!important} #eddm-landing .section-head p,#eddm-landing .split p{color:#666867!important} /* Trust band */ #eddm-landing .trust-strip{background:#156570!important;color:#fff!important;border:0!important} #eddm-landing .trust-item{border-color:rgba(255,255,255,.22)!important} #eddm-landing .trust-item strong{color:#fff!important} #eddm-landing .trust-item span{color:rgba(255,255,255,.82)!important} /* Pricing: clean Quantum-style panels */ #eddm-landing #eddm-pricing-overview:before{color:rgba(21,101,112,.045)!important} #eddm-landing #eddm-pricing-overview:before{display:none!important;content:none!important} #eddm-landing .pricing-cards{border-color:#cfdadb!important;background:#fff!important} #eddm-landing .price-card,#eddm-landing .price-card.featured{ background:#fff!important; border-color:#cfdadb!important; } #eddm-landing .price-card.featured:before{background:#d92025!important} #eddm-landing .price-card .price{color:#156570!important} #eddm-landing .price-card .btn{color:#d92025!important} /* Product / audience / step modules */ #eddm-landing .target-card{background:#fff!important;border-color:#cfdadb!important;box-shadow:none!important} #eddm-landing .check:before{color:#d92025!important} #eddm-landing .audience{background:#fff!important;border-top-color:#156570!important} #eddm-landing .audience:nth-child(2){border-top-color:#d92025!important} #eddm-landing .audience:nth-child(3){border-top-color:#444e46!important} #eddm-landing .audience h3,#eddm-landing .step h3{color:#156570!important} #eddm-landing .audience .icon{background:#e8f1f2!important;color:#156570!important} #eddm-landing .steps{border-top-color:#156570!important} #eddm-landing .step:before{background:#156570!important} #eddm-landing .step:last-child:before{background:#d92025!important} /* Service module: teal anchor + white content */ #eddm-landing .service-grid{border-color:#cbd7d8!important} #eddm-landing .service-box.handle{background:#156570!important;color:#fff!important} #eddm-landing .service-box.choose{background:#fff!important} #eddm-landing .service-box h3{color:#156570!important} #eddm-landing .service-box.handle h3{color:#fff!important} /* Tables */ #eddm-landing .table-wrap{border-top-color:#156570!important;box-shadow:none!important} #eddm-landing table thead th,#eddm-landing th{background:#156570!important;color:#fff!important} #eddm-landing .best td{background:#e8f1f2!important;color:#156570!important;border-top-color:#156570!important} /* Editorial rows and proof points */ #eddm-landing .industry:before{background:#d92025!important} #eddm-landing .industry h3,#eddm-landing .benefit h3{color:#444e46!important} #eddm-landing .benefit .num{color:#d92025!important} /* FAQ */ #eddm-landing summary{color:#444e46!important} #eddm-landing summary:after{color:#d92025!important} /* Closing CTA: Quantum teal, matching the site's primary brand anchor */ #eddm-landing .final{background:#156570!important;color:#fff!important} #eddm-landing .final:after{background:#d92025!important;opacity:.9!important} #eddm-landing .final h2,#eddm-landing .final p{color:#fff!important} @media(max-width:900px){ #eddm-landing .hero{padding:58px 0 64px!important} #eddm-landing .hero-grid{gap:36px!important} } /* Fix 4-step number badges being clipped */ #eddm-landing .steps{overflow:visible!important;} #eddm-landing .step{overflow:visible!important;} #eddm-landing .step:before{z-index:2;} /* --- Hero visual depth: QuantumDigital color shapes behind supplied composite --- */ #eddm-landing .hero-art{ position:relative!important; isolation:isolate; overflow:visible!important; padding:28px 0 20px!important; background-image: radial-gradient(circle at 16% 36%, rgba(21,101,112,.16) 2px, transparent 2.4px), radial-gradient(circle at 84% 78%, rgba(21,101,112,.10) 2px, transparent 2.4px); background-size:14px 14px,18px 18px; background-position:0 0, 8px 8px; background-repeat:no-repeat; } #eddm-landing .hero-art:before{ content:""!important; display:block!important; position:absolute!important; width:78%; aspect-ratio:1/1; left:6%; top:50%; transform:translateY(-50%)!important; border-radius:50%!important; background:linear-gradient(145deg,rgba(232,241,242,.96),rgba(232,241,242,.58))!important; z-index:0!important; pointer-events:none; } #eddm-landing .hero-art:after{ content:""!important; display:block!important; position:absolute!important; width:56%; height:120px; right:-4%; bottom:8%; border-radius:50%!important; background:#d92025!important; transform:rotate(-12deg)!important; opacity:.98!important; z-index:1!important; pointer-events:none; } #eddm-landing .composite-hero-visual{ position:relative!important; z-index:3!important; } #eddm-landing .composite-hero-visual:before{ content:""; position:absolute; width:34%; height:34%; right:4%; top:3%; border-radius:50%; background:rgba(21,101,112,.07); z-index:-1; pointer-events:none; } #eddm-landing .composite-hero-visual img{position:relative!important;z-index:2!important;} @media(max-width:900px){ #eddm-landing .hero-art{padding:22px 10px 18px!important;} #eddm-landing .hero-art:before{width:82%;left:9%;} #eddm-landing .hero-art:after{width:50%;height:88px;right:2%;bottom:7%;} } @media(max-width:620px){ #eddm-landing .hero-art{padding:14px 0 12px!important;background-image:none!important;} #eddm-landing .hero-art:before{width:88%;left:6%;} #eddm-landing .hero-art:after{width:46%;height:58px;right:1%;bottom:8%;} } /* Vector QuantumPostcards logo: remains crisp at every screen density. */ #eddm-landing .qpc-vector-logo{width:230px;max-width:82%;line-height:0;margin:0 0 18px 0;} #eddm-landing .qpc-vector-logo svg{display:block;width:100%;height:auto;overflow:visible;} @media(max-width:760px){#eddm-landing .qpc-vector-logo{margin-left:auto;margin-right:auto;width:210px;}} /* High-resolution QuantumPostcards logo */ #eddm-landing .qpc-raster-logo{margin:0 0 18px 0!important;line-height:0!important;} #eddm-landing .qpc-raster-logo img{display:block!important;width:300px!important;max-width:82%!important;height:auto!important;object-fit:contain!important;} @media(max-width:760px){#eddm-landing .qpc-raster-logo img{width:250px!important;margin:0 auto!important;}} /* --- Targeting section: larger real map, clean flat presentation --- */ #eddm-landing #eddm-targeting .container{ width:min(1460px,calc(100% - 64px))!important; } #eddm-landing #eddm-targeting .split{ grid-template-columns:minmax(0,1.55fr) minmax(390px,1fr)!important; gap:72px!important; align-items:center!important; } #eddm-landing #eddm-targeting .target-card, #eddm-landing #eddm-targeting .target-card.target-pro{ border:0!important; box-shadow:none!important; background:transparent!important; padding:0!important; overflow:visible!important; } #eddm-landing #eddm-targeting .target-card img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; border:0!important; box-shadow:none!important; background:transparent!important; } @media(max-width:900px){ #eddm-landing #eddm-targeting .container{ width:min(100% - 40px,1180px)!important; } #eddm-landing #eddm-targeting .split{ grid-template-columns:1fr!important; gap:42px!important; } } @media(max-width:620px){ #eddm-landing #eddm-targeting .container{ width:min(100% - 28px,1180px)!important; } } /* Fix pricing CTA: prevent global red button styling from filling the first pricing link */ #eddm-landing #eddm-pricing-overview .price-card .btn, #eddm-landing #eddm-pricing-overview .price-card .btn.btn-red, #eddm-landing #eddm-pricing-overview .price-card .btn.btn-outline{ background:transparent!important; border:0!important; box-shadow:none!important; color:#d92025!important; padding:0!important; min-height:0!important; width:auto!important; } /* Make all Reach Residents / Businesses / Both card top lines Quantum teal */ #eddm-landing .aud-card, #eddm-landing .aud-card:nth-child(2), #eddm-landing .aud-card:nth-child(3){ border-top-color:#176c73!important; } /* Final override: all audience card top accents are Quantum teal */ #eddm-landing .aud-card::before, #eddm-landing .aud-card:nth-child(1)::before, #eddm-landing .aud-card:nth-child(2)::before, #eddm-landing .aud-card:nth-child(3)::before{ background:#176c73!important; } /* FINAL audience-card accent override */ #eddm-landing .audience-grid .audience, #eddm-landing .audience-grid .audience:nth-child(1), #eddm-landing .audience-grid .audience:nth-child(2), #eddm-landing .audience-grid .audience:nth-child(3){ border-top:5px solid #176c73!important; } #eddm-landing .audience-grid .audience::before, #eddm-landing .audience-grid .audience:nth-child(1)::before, #eddm-landing .audience-grid .audience:nth-child(2)::before, #eddm-landing .audience-grid .audience:nth-child(3)::before, #eddm-landing .audience-grid .audience::after, #eddm-landing .audience-grid .audience:nth-child(1)::after, #eddm-landing .audience-grid .audience:nth-child(2)::after, #eddm-landing .audience-grid .audience:nth-child(3)::after{ background:#176c73!important; border-color:#176c73!important; } /* --- Professional full pricing table refinement --- */ #eddm-landing #eddm-full-pricing .section-head{ max-width:860px; margin-bottom:34px; } #eddm-landing #eddm-full-pricing .pricing-intro{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 28px; } #eddm-landing #eddm-full-pricing .pricing-intro-card{ border:1px solid #d4dedd; background:#fff; padding:18px 20px; text-align:left; } #eddm-landing #eddm-full-pricing .pricing-intro-card strong{ display:block; color:#176c73; font:800 25px/1 "Open Sans",Arial,sans-serif; margin-top:5px; } #eddm-landing #eddm-full-pricing .pricing-intro-card span{ display:block; color:#596361; font-size:12px; } #eddm-landing #eddm-full-pricing .table-kicker{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin:0 0 12px; } #eddm-landing #eddm-full-pricing .table-kicker strong{ color:#444e46; font:800 17px "Open Sans",Arial,sans-serif; } #eddm-landing #eddm-full-pricing .table-kicker span{ font-size:12px; color:#747c7a; } #eddm-landing #eddm-full-pricing .table-wrap{ border:1px solid #c8d3d2!important; border-top:4px solid #176c73!important; box-shadow:0 10px 26px rgba(44,73,74,.06)!important; } #eddm-landing #eddm-full-pricing table{ min-width:760px; } #eddm-landing #eddm-full-pricing thead th{ background:#176c73!important; padding:15px 18px; font-size:13px; } #eddm-landing #eddm-full-pricing tbody td{ padding:14px 18px; font-size:13px; } #eddm-landing #eddm-full-pricing tbody tr:hover td{ background:#f7fafa; } #eddm-landing #eddm-full-pricing .best td{ background:#e6f0f1!important; color:#176c73!important; border-top:2px solid #176c73!important; font-weight:800!important; } #eddm-landing #eddm-full-pricing .pricing-note{ margin:18px auto 0; max-width:920px; text-align:center; font-size:12px; color:#6f7775; } #eddm-landing #eddm-full-pricing .pricing-note strong{ color:#444e46; } #eddm-landing #eddm-full-pricing .pricing-cta{ display:flex; justify-content:center; margin-top:28px; } @media(max-width:760px){ #eddm-landing #eddm-full-pricing .pricing-intro{ grid-template-columns:1fr; } #eddm-landing #eddm-full-pricing .table-kicker{ display:block; } #eddm-landing #eddm-full-pricing .table-kicker span{ display:block; margin-top:4px; } } /* Give the numbered process steps more breathing room from the vertical divider */ #eddm-landing .step-num{ padding-left:14px!important; padding-right:22px!important; } /* Increase separation between process numbers and the divider */ #eddm-landing .step-num{ padding-left:28px!important; padding-right:28px!important; transform:translateX(10px)!important; } /* Final process-number alignment: create visible space from the vertical divider */ #eddm-landing .step-num{ padding-left:0!important; padding-right:0!important; transform:none!important; margin-left:22px!important; display:inline-block!important; } /* Professional spacing for Why QuantumPostcards benefit numbers */ #eddm-landing .benefit{ padding-left:92px!important; } #eddm-landing .benefit .num{ left:22px!important; top:24px!important; width:34px!important; text-align:left!important; } @media(max-width:620px){ #eddm-landing .benefit{ padding-left:76px!important; } #eddm-landing .benefit .num{ left:18px!important; } } /* Professional hero backdrop only — map/postcard artwork untouched */ #eddm-landing .hero-art{position:relative;isolation:isolate} #eddm-landing .hero-art:before{ content:"";position:absolute;inset:6% 3% 8% 8%;z-index:-3; background:linear-gradient(145deg,rgba(229,239,240,.96),rgba(247,250,250,.72)); border-radius:34px; } #eddm-landing .hero-art:after{ content:"";position:absolute;right:2%;top:3%;width:34%;height:34%;z-index:-2; background:radial-gradient(circle at 35% 35%,rgba(21,101,112,.15) 0 34%,transparent 35%), radial-gradient(circle at 72% 68%,rgba(217,32,37,.12) 0 24%,transparent 25%); opacity:.9; } #eddm-landing .eddm-product-visual{position:relative;z-index:1} #eddm-landing .eddm-product-visual:before{ content:"";position:absolute;left:-3%;bottom:4%;width:52%;height:28%;z-index:-1; background:linear-gradient(120deg,rgba(21,101,112,.10),rgba(21,101,112,.02)); border-radius:999px 999px 22px 999px;transform:rotate(-4deg); } #eddm-landing .eddm-product-visual:after{ content:"";position:absolute;right:-1%;bottom:2%;width:22%;height:6px;z-index:-1; background:#D92025;border-radius:999px;opacity:.9; } @media(max-width:900px){ #eddm-landing .hero-art:before{inset:4% 1% 7% 1%;border-radius:26px} #eddm-landing .hero-art:after{width:30%;height:28%} } @media(max-width:620px){ #eddm-landing .hero-art:before{inset:2% 0 5%;border-radius:20px} #eddm-landing .hero-art:after{display:none} } /* Simplified Quantum hero artwork: supplied finished visual includes its own backdrop. */ #eddm-landing .hero-art{background:none!important;padding:0!important;overflow:visible!important;} #eddm-landing .hero-art:before,#eddm-landing .hero-art:after{display:none!important;} #eddm-landing .composite-hero-visual{background:transparent!important;padding:0!important;max-width:820px!important;} #eddm-landing .composite-hero-visual:before,#eddm-landing .composite-hero-visual:after{display:none!important;} #eddm-landing .composite-hero-visual img{display:block!important;width:100%!important;height:auto!important;border:0!important;box-shadow:none!important;} /* ========================================================= QuantumDigital / TriggerMarketing Social visual alignment Keeps the EDDM content and map-led layout distinct, while matching the live TM Social landing page's design language. ========================================================= */ #eddm-landing{ --teal:#176c73!important; --pale:#e5eff0!important; --gray:#666867!important; --dark:#4f5552!important; --red:#e21f26!important; --line:#c8d6d7!important; } /* Page rhythm and typography */ #eddm-landing .section{ padding:86px 0!important; } #eddm-landing .section.pale{ background:#e5eff0!important; } #eddm-landing .section-head{ max-width:760px!important; margin:0 auto 46px!important; text-align:center!important; } #eddm-landing .section-head .eyebrow{ color:#e21f26!important; letter-spacing:.10em!important; margin-bottom:13px!important; } #eddm-landing .section-head h2, #eddm-landing .split h2{ color:#176c73!important; font-size:40px!important; line-height:1.12!important; letter-spacing:-.025em!important; } #eddm-landing .section-head p{ color:#666867!important; font-size:16px!important; line-height:1.55!important; } /* Hero: same clean TM Social hierarchy, but preserve EDDM artwork */ #eddm-landing .hero{ padding:76px 0 82px!important; background:#fff!important; } #eddm-landing .hero:before, #eddm-landing .hero:after{ display:none!important; } #eddm-landing .hero-grid{ grid-template-columns:.84fr 1.16fr!important; gap:48px!important; align-items:center!important; } #eddm-landing .hero-grid>div:first-child{ padding-left:0!important; max-width:610px!important; } #eddm-landing .hero-grid>div:first-child:before{ display:none!important; } #eddm-landing .qpc-raster-logo{ margin:0 0 20px!important; } #eddm-landing .qpc-raster-logo img{ width:300px!important; max-width:82%!important; } #eddm-landing h1{ color:#176c73!important; font-size:56px!important; line-height:1.04!important; letter-spacing:-.035em!important; max-width:610px!important; } #eddm-landing h1:after{ display:none!important; } #eddm-landing .hero .subhead{ color:#176c73!important; font-size:24px!important; line-height:1.28!important; max-width:560px!important; margin:20px 0 14px!important; } #eddm-landing .hero p:not(.micro){ color:#666867!important; font-size:17px!important; line-height:1.58!important; max-width:590px!important; } #eddm-landing .hero-actions{ flex-direction:row!important; gap:12px!important; flex-wrap:wrap!important; margin-top:4px!important; } #eddm-landing .btn{ border-radius:2px!important; box-shadow:none!important; } #eddm-landing .btn-red{ background:#e21f26!important; color:#fff!important; border-color:#e21f26!important; } #eddm-landing .btn-outline{ background:#fff!important; color:#176c73!important; border:2px solid #176c73!important; } /* Three proof points under hero: match TM Social's clean proof strip */ #eddm-landing .trust-strip{ background:#fff!important; color:#666867!important; border-top:1px solid #d7e1e2!important; border-bottom:1px solid #d7e1e2!important; } #eddm-landing .trust-grid{ min-height:0!important; } #eddm-landing .trust-item{ padding:22px 24px!important; border-color:#d7e1e2!important; } #eddm-landing .trust-item strong{ color:#176c73!important; font-size:16px!important; } #eddm-landing .trust-item span{ color:#666867!important; } /* Reusable card language from TM Social */ #eddm-landing .audience, #eddm-landing .step, #eddm-landing .service-box, #eddm-landing .industry{ background:#fff!important; border:1px solid #c8d6d7!important; border-radius:4px!important; box-shadow:0 6px 18px rgba(23,108,115,.07)!important; } #eddm-landing .audience:hover{ transform:translateY(-3px)!important; box-shadow:0 10px 22px rgba(23,108,115,.10)!important; } /* Audience cards */ #eddm-landing .audience-grid{ gap:22px!important; } #eddm-landing .audience{ border-top:3px solid #176c73!important; padding:30px!important; min-height:215px!important; } #eddm-landing .audience:nth-child(1), #eddm-landing .audience:nth-child(2), #eddm-landing .audience:nth-child(3){ border-top-color:#176c73!important; } #eddm-landing .audience .icon{ width:64px!important; height:64px!important; border-radius:50%!important; background:#edf5f5!important; } #eddm-landing .audience h3{ color:#176c73!important; } /* Steps: soften the route-editorial look into TM-style process cards */ #eddm-landing .steps{ gap:22px!important; border-top:0!important; } #eddm-landing .step{ border-right:1px solid #c8d6d7!important; padding:30px 26px!important; min-height:220px!important; } #eddm-landing .step:before{ position:static!important; width:42px!important; height:42px!important; margin:0 0 20px!important; background:#176c73!important; color:#fff!important; font-size:14px!important; } #eddm-landing .step:last-child:before{ background:#e21f26!important; } #eddm-landing .step h3{ color:#176c73!important; } /* Targeting module: preserve the real map, use TM Social border treatment */ #eddm-landing #eddm-targeting .split{ gap:58px!important; } #eddm-landing #eddm-targeting .target-card, #eddm-landing #eddm-targeting .target-card.target-pro{ border:1px solid #c8d6d7!important; border-radius:3px!important; box-shadow:none!important; background:#fff!important; padding:0!important; } #eddm-landing #eddm-targeting .checklist{ border-top:1px solid #d7e1e2!important; } #eddm-landing #eddm-targeting .check{ border-bottom:1px solid #d7e1e2!important; } /* Full-service module */ #eddm-landing .service-grid{ gap:22px!important; border:0!important; grid-template-columns:1fr 1fr!important; } #eddm-landing .service-box{ padding:34px!important; } #eddm-landing .service-box.choose{ border-top:3px solid #176c73!important; } #eddm-landing .service-box.handle{ background:#fff!important; color:#666867!important; border-top:3px solid #e21f26!important; } #eddm-landing .service-box.handle h3{ color:#176c73!important; } #eddm-landing .service-box.handle p, #eddm-landing .service-box.handle .service-list div{ color:#666867!important; } /* Pricing table: same restrained borders and teal emphasis */ #eddm-landing #eddm-full-pricing{ background:#fff!important; } #eddm-landing .table-wrap{ border:1px solid #c8d6d7!important; border-top:3px solid #176c73!important; box-shadow:none!important; border-radius:3px!important; } #eddm-landing table thead th{ background:#176c73!important; } #eddm-landing .best td{ background:#eaf3f3!important; color:#176c73!important; border-top:2px solid #176c73!important; } /* Local marketing uses: cards rather than editorial divider rows */ #eddm-landing .industries{ grid-template-columns:repeat(3,1fr)!important; gap:22px!important; border-top:0!important; } #eddm-landing .industry{ min-height:185px!important; margin:0!important; padding:28px!important; border-top:3px solid #176c73!important; } #eddm-landing .industry:before{ display:none!important; } #eddm-landing .industry h3{ color:#176c73!important; } /* Why QuantumPostcards: cleaner proof-card system */ #eddm-landing .benefit-grid{ grid-template-columns:repeat(3,1fr)!important; gap:22px!important; border-top:0!important; } #eddm-landing .benefit{ min-height:205px!important; padding:30px!important; border:1px solid #c8d6d7!important; border-top:3px solid #176c73!important; border-radius:4px!important; background:#fff!important; box-shadow:0 6px 18px rgba(23,108,115,.07)!important; } #eddm-landing .benefit:nth-child(odd){ border-right:1px solid #c8d6d7!important; } #eddm-landing .benefit .num{ position:static!important; display:block!important; width:auto!important; margin:0 0 12px!important; color:#e21f26!important; font-size:18px!important; } #eddm-landing .benefit h3{ color:#176c73!important; } /* FAQ matches TM Social's restrained section treatment */ #eddm-landing .faq{ max-width:850px!important; margin:auto!important; display:block!important; } #eddm-landing details{ border-bottom:1px solid #bfcaca!important; padding:20px 0!important; } #eddm-landing summary{ color:#176c73!important; } /* Mobile */ @media(max-width:900px){ #eddm-landing .hero-grid{ grid-template-columns:1fr!important; } #eddm-landing .hero{ text-align:center!important; } #eddm-landing .qpc-raster-logo img{ margin:0 auto!important; } #eddm-landing .hero .subhead, #eddm-landing .hero p{ margin-left:auto!important; margin-right:auto!important; } #eddm-landing .hero-actions{ justify-content:center!important; } #eddm-landing .industries, #eddm-landing .benefit-grid{ grid-template-columns:1fr 1fr!important; } } @media(max-width:620px){ #eddm-landing h1{ font-size:40px!important; } #eddm-landing .section{ padding:70px 0!important; } #eddm-landing .industries, #eddm-landing .benefit-grid, #eddm-landing .service-grid{ grid-template-columns:1fr!important; } } /* Match QuantumDigital website CTA capitalization */ #eddm-landing .btn, #eddm-landing a.btn, #eddm-landing button{ text-transform:none!important; } /* FAQ — match the clean QuantumDigital treatment: white, no +/- or chevrons */ #eddm-landing #eddm-faq{ background:#fff!important; padding:86px 0 90px!important; } #eddm-landing #eddm-faq .section-head{ max-width:760px!important; margin:0 auto 42px!important; text-align:center!important; } #eddm-landing #eddm-faq .section-head .eyebrow{ display:none!important; } #eddm-landing #eddm-faq .section-head h2{ color:#176c73!important; font-size:42px!important; line-height:1.12!important; margin:0!important; letter-spacing:-.025em!important; } #eddm-landing #eddm-faq .faq{ max-width:820px!important; margin:0 auto!important; display:block!important; } #eddm-landing #eddm-faq details{ background:#fff!important; border-bottom:1px solid #c7d2d1!important; padding:0!important; } #eddm-landing #eddm-faq summary{ list-style:none!important; cursor:pointer!important; padding:20px 0!important; color:#176c73!important; font-size:16px!important; font-weight:700!important; } #eddm-landing #eddm-faq summary::-webkit-details-marker{ display:none!important; } #eddm-landing #eddm-faq summary::before, #eddm-landing #eddm-faq summary::after{ content:none!important; display:none!important; } #eddm-landing #eddm-faq details p{ margin:0!important; padding:0 0 20px!important; color:#666867!important; font-size:14px!important; line-height:1.6!important; } #eddm-landing #eddm-faq{ background:#fff!important; padding:86px 0 90px!important; } #eddm-landing #eddm-faq .section-head{ max-width:760px!important; margin:0 auto 42px!important; text-align:center!important; } #eddm-landing #eddm-faq .section-head h2{ color:#176c73!important; font-size:42px!important; line-height:1.12!important; margin:0!important; } #eddm-landing #eddm-faq .faq{ max-width:820px!important; margin:0 auto!important; display:block!important; } #eddm-landing #eddm-faq details{ background:#fff!important; border-bottom:1px solid #c7d2d1!important; padding:0!important; } #eddm-landing #eddm-faq summary{ list-style:none!important; cursor:pointer!important; padding:20px 0!important; color:#176c73!important; font-size:16px!important; font-weight:700!important; position:static!important; } #eddm-landing #eddm-faq summary::-webkit-details-marker{ display:none!important; } #eddm-landing #eddm-faq summary::before, #eddm-landing #eddm-faq summary::after{ content:none!important; display:none!important; } #eddm-landing #eddm-faq details p{ margin:0!important; padding:0 0 20px!important; color:#666867!important; font-size:14px!important; line-height:1.6!important; } #eddm-landing .step:last-child:before{ background:#176c73!important; } #eddm-landing .hero-grid > div:last-child{ position:relative!important; isolation:isolate!important; } /* Main soft organic backdrop */ #eddm-landing .hero-grid > div:last-child::before{ content:""!important; display:block!important; position:absolute!important; z-index:-2!important; width:82%!important; height:78%!important; left:8%!important; top:7%!important; background:#e8f1f2!important; border-radius:44% 56% 52% 48% / 47% 42% 58% 53%!important; transform:rotate(-4deg)!important; } /* Teal dotted accent */ #eddm-landing .hero-grid > div:last-child::after{ content:""!important; display:block!important; position:absolute!important; z-index:-1!important; width:112px!important; height:112px!important; right:1%!important; top:22%!important; opacity:.55!important; background-image:radial-gradient(circle, #176c73 1.6px, transparent 1.8px)!important; background-size:13px 13px!important; } /* Keep the new hero image above all decorative shapes */ #eddm-landing .hero-grid > div:last-child img{ position:relative!important; z-index:2!important; } /* Additional Quantum-style accent shapes */ #eddm-landing .hero-grid > div:last-child .hero-art, #eddm-landing .hero-grid > div:last-child .hero-visual{ position:relative!important; z-index:1!important; } /* Hero decorative background — restore the small Quantum-style shapes from the reference */ #eddm-landing .hero-grid > div:last-child{ position:relative!important; isolation:isolate!important; overflow:visible!important; } /* Soft organic pale-teal blob behind the main hero artwork */ #eddm-landing .hero-grid > div:last-child::before{ content:""!important; display:block!important; position:absolute!important; z-index:-4!important; left:5%!important; top:3%!important; width:84%!important; height:82%!important; background:#e8f1f2!important; border-radius:43% 57% 50% 50% / 48% 42% 58% 52%!important; transform:rotate(-3deg)!important; } /* Dotted teal field on the right */ #eddm-landing .hero-grid > div:last-child::after{ content:""!important; display:block!important; position:absolute!important; z-index:-2!important; right:-1%!important; top:24%!important; width:105px!important; height:105px!important; background-image:radial-gradient(circle,#176c73 1.45px,transparent 1.7px)!important; background-size:12px 12px!important; opacity:.55!important; } /* Make sure the image stays above the shapes */ #eddm-landing .hero-grid > div:last-child img{ position:relative!important; z-index:3!important; } /* Additional decorative layers applied to the hero-art wrapper */ #eddm-landing .hero-art{ position:relative!important; overflow:visible!important; isolation:isolate!important; } /* Left teal dot + top-right outlined circle */ #eddm-landing .hero-art::before{ content:""!important; display:block!important; position:absolute!important; z-index:-1!important; left:-1.5%!important; top:31%!important; width:23px!important; height:23px!important; border-radius:50%!important; background:#3f9298!important; box-shadow: calc(78% + 420px) -118px 0 -9px transparent!important; } /* Large hatched circle lower right */ #eddm-landing .hero-art::after{ content:""!important; display:block!important; position:absolute!important; z-index:-3!important; right:5%!important; bottom:1%!important; width:145px!important; height:145px!important; border-radius:50%!important; background: repeating-linear-gradient( 135deg, rgba(23,108,115,.13) 0 1px, transparent 1px 7px )!important; opacity:.75!important; } /* Two extra background ornaments without changing the artwork itself */ #eddm-landing .eddm-product-visual{ position:relative!important; z-index:1!important; } #eddm-landing .eddm-product-visual::before{ content:""!important; display:block!important; position:absolute!important; z-index:-2!important; left:-3%!important; bottom:7%!important; width:118px!important; height:118px!important; border-radius:50%!important; background: repeating-linear-gradient( 135deg, rgba(23,108,115,.11) 0 1px, transparent 1px 7px )!important; } #eddm-landing .eddm-product-visual::after{ content:""!important; display:block!important; position:absolute!important; z-index:-2!important; right:15%!important; top:1%!important; width:78px!important; height:78px!important; border:1.5px solid rgba(23,108,115,.40)!important; border-radius:50%!important; background:transparent!important; } @media(max-width:900px){ #eddm-landing .hero-grid > div:last-child::after{right:2%!important;} #eddm-landing .hero-art::after{right:2%!important;width:120px!important;height:120px!important;} #eddm-landing .eddm-product-visual::before{left:0!important;width:95px!important;height:95px!important;} } @media(max-width:620px){ #eddm-landing .hero-grid > div:last-child::after{display:none!important;} #eddm-landing .hero-art::before{display:none!important;} #eddm-landing .hero-art::after{width:90px!important;height:90px!important;right:1%!important;} #eddm-landing .eddm-product-visual::before{width:72px!important;height:72px!important;} #eddm-landing .eddm-product-visual::after{width:54px!important;height:54px!important;} } /* FINAL visible hero background decoration */ #eddm-landing .hero-art, #eddm-landing .hero-grid > div:last-child{ position:relative!important; isolation:isolate!important; overflow:visible!important; } #eddm-landing .hero-art::before{ content:""!important; display:block!important; position:absolute!important; z-index:0!important; left:4%!important; top:4%!important; width:86%!important; height:80%!important; background:#e7f0f1!important; border-radius:45% 55% 51% 49% / 46% 43% 57% 54%!important; transform:rotate(-3deg)!important; pointer-events:none!important; } #eddm-landing .hero-art::after{ content:""!important; display:block!important; position:absolute!important; z-index:1!important; right:0!important; top:24%!important; width:112px!important; height:112px!important; background-image:radial-gradient(circle,#176c73 1.5px,transparent 1.8px)!important; background-size:12px 12px!important; opacity:.55!important; pointer-events:none!important; } #eddm-landing .eddm-product-visual, #eddm-landing .composite-hero-visual{ position:relative!important; z-index:2!important; overflow:visible!important; background:transparent!important; } #eddm-landing .eddm-product-visual::before, #eddm-landing .composite-hero-visual::before{ content:""!important; display:block!important; position:absolute!important; z-index:0!important; left:-1%!important; bottom:7%!important; width:120px!important; height:120px!important; border-radius:50%!important; background:repeating-linear-gradient(135deg,rgba(23,108,115,.14) 0 1px,transparent 1px 7px)!important; pointer-events:none!important; } #eddm-landing .eddm-product-visual::after, #eddm-landing .composite-hero-visual::after{ content:""!important; display:block!important; position:absolute!important; z-index:0!important; right:13%!important; top:0!important; width:76px!important; height:76px!important; border:1.5px solid rgba(23,108,115,.45)!important; border-radius:50%!important; background:transparent!important; pointer-events:none!important; } #eddm-landing .hero-art img, #eddm-landing .eddm-product-visual img, #eddm-landing .composite-hero-visual img{ position:relative!important; z-index:3!important; background:transparent!important; } /* small teal dot */ #eddm-landing .hero-grid > div:last-child{ background: radial-gradient(circle at 3% 34%, #3f9298 0 11px, transparent 12px)!important; } /* Fuller Quantum-style hero backdrop: reduce empty white space around the hero visual */ #eddm-landing .hero-art{ position:relative!important; overflow:visible!important; isolation:isolate!important; } /* Large organic pale-teal backdrop */ #eddm-landing .hero-art::before{ content:""!important; position:absolute!important; display:block!important; z-index:0!important; left:-2%!important; top:-2%!important; width:96%!important; height:92%!important; background:#e7f0f1!important; border-radius:48% 52% 44% 56% / 45% 42% 58% 55%!important; transform:rotate(-2deg)!important; pointer-events:none!important; } /* Larger dotted field */ #eddm-landing .hero-art::after{ content:""!important; position:absolute!important; display:block!important; z-index:1!important; right:-2%!important; top:19%!important; width:145px!important; height:145px!important; background-image:radial-gradient(circle,#176c73 1.6px,transparent 1.9px)!important; background-size:13px 13px!important; opacity:.52!important; pointer-events:none!important; } /* Hero visual stays on top */ #eddm-landing .eddm-product-visual, #eddm-landing .composite-hero-visual{ position:relative!important; z-index:3!important; overflow:visible!important; background:transparent!important; } /* Left lower hatched circle */ #eddm-landing .eddm-product-visual::before, #eddm-landing .composite-hero-visual::before{ content:""!important; position:absolute!important; display:block!important; z-index:-1!important; left:-7%!important; bottom:5%!important; width:155px!important; height:155px!important; border-radius:50%!important; background: repeating-linear-gradient( 135deg, rgba(23,108,115,.14) 0 1px, transparent 1px 7px )!important; opacity:.8!important; pointer-events:none!important; } /* Top-right outlined circle */ #eddm-landing .eddm-product-visual::after, #eddm-landing .composite-hero-visual::after{ content:""!important; position:absolute!important; display:block!important; z-index:-1!important; right:12%!important; top:-5%!important; width:92px!important; height:92px!important; border:1.5px solid rgba(23,108,115,.45)!important; border-radius:50%!important; background:transparent!important; pointer-events:none!important; } /* Extra lower-right hatched accent */ #eddm-landing .hero-grid > div:last-child{ position:relative!important; isolation:isolate!important; background: radial-gradient(circle at 1% 34%, #3f9298 0 12px, transparent 13px), radial-gradient(circle at 80% 84%, rgba(23,108,115,.06) 0 84px, transparent 85px)!important; } #eddm-landing .hero-grid > div:last-child .eddm-product-visual{ filter:none!important; } /* Make the artwork visually larger in its column */ #eddm-landing .hero-grid > div:last-child img{ width:108%!important; max-width:none!important; margin-left:-4%!important; position:relative!important; z-index:4!important; } @media(max-width:900px){ #eddm-landing .hero-art::before{left:1%!important;width:94%!important;height:88%!important;} #eddm-landing .hero-art::after{width:120px!important;height:120px!important;} #eddm-landing .hero-grid > div:last-child img{width:100%!important;margin-left:0!important;} } @media(max-width:620px){ #eddm-landing .hero-art::after{display:none!important;} #eddm-landing .eddm-product-visual::before, #eddm-landing .composite-hero-visual::before{ width:95px!important;height:95px!important;left:-2%!important; } #eddm-landing .eddm-product-visual::after, #eddm-landing .composite-hero-visual::after{ width:62px!important;height:62px!important; } } #eddm-landing .hero-grid > div:last-child img{ width:96%!important; max-width:96%!important; height:auto!important; margin-left:2%!important; } @media(max-width:900px){ #eddm-landing .hero-grid > div:last-child img{ width:94%!important; max-width:94%!important; margin-left:3%!important; } } #eddm-landing .hero-art::before, #eddm-landing .hero-art::after, #eddm-landing .eddm-product-visual::before, #eddm-landing .eddm-product-visual::after, #eddm-landing .composite-hero-visual::before, #eddm-landing .composite-hero-visual::after{ display:none!important; content:none!important; } #eddm-landing .hero-grid > div:last-child{ background:transparent!important; } #eddm-landing .hero-art{ position:relative!important; isolation:isolate!important; overflow:visible!important; } #eddm-landing .hero-art::before{ content:""!important; display:block!important; position:absolute!important; z-index:0!important; left:2%!important; top:3%!important; width:90%!important; height:84%!important; background:#e7f0f1!important; border-radius:46% 54% 48% 52% / 43% 45% 55% 57%!important; transform:rotate(-2deg)!important; } #eddm-landing .hero-art::after{ content:""!important; display:block!important; position:absolute!important; z-index:1!important; right:0!important; top:22%!important; width:120px!important; height:120px!important; background-image:radial-gradient(circle,#176c73 1.4px,transparent 1.8px)!important; background-size:12px 12px!important; opacity:.5!important; } #eddm-landing .hero-grid > div:last-child{ position:relative!important; background:radial-gradient(circle at 2% 35%,#3f9298 0 12px,transparent 13px)!important; } #eddm-landing .hero-grid > div:last-child::after{ content:""!important; position:absolute!important; z-index:1!important; right:10%!important; bottom:4%!important; width:125px!important; height:125px!important; border-radius:50%!important; background:repeating-linear-gradient(135deg,rgba(23,108,115,.13) 0 1px,transparent 1px 7px)!important; } #eddm-landing .eddm-product-visual, #eddm-landing .composite-hero-visual{ position:relative!important; z-index:3!important; background:transparent!important; } #eddm-landing .hero-grid > div:last-child img{ position:relative!important; z-index:4!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; background:transparent!important; } #eddm-landing .hero-art::before, #eddm-landing .hero-art::after, #eddm-landing .eddm-product-visual::before, #eddm-landing .eddm-product-visual::after, #eddm-landing .composite-hero-visual::before, #eddm-landing .composite-hero-visual::after, #eddm-landing .hero-grid > div:last-child::before, #eddm-landing .hero-grid > div:last-child::after{ content:none!important; display:none!important; } #eddm-landing .hero-grid > div:last-child{ background:transparent!important; } #eddm-landing .hero-grid > div:last-child img{ width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; display:block!important; background:transparent!important; } /* 8/31/26: hide Drupal's page title block on this landing page — the eddm-landing fragment supplies its own

in the hero, and this file only loads on node 686 (see quantum_preprocess_node() in quantum.theme), so this rule can't affect the page title anywhere else on the site. */ .page-header{display:none!important} /* 8/31/26: fix CSS Grid auto-placement bug affecting .hero-grid, .trust-grid, and the "container split" sections. Root cause: these elements carry Bootstrap's sitewide .container class, and Bootstrap's clearfix rule (.container:before, .container:after { content:" "; display:table; }) generates real boxes on those pseudo-elements. Per the CSS Grid spec, any ::before/::after with box-generating content becomes an actual grid item, so the invisible ::before was silently claiming the first grid cell and pushing every real child over by one column (wrapping the last child to a new row once columns ran out). Confirmed live via getComputedStyle(el, '::before').display === 'table' on all three affected containers, and this reproduces in eddm-full-preview.html too -- it's a Grid/Bootstrap interaction, not a Drupal-specific issue. Neutralizing the clearfix content on grid containers removes the phantom item and lets auto-placement work correctly for any number of children, so no per-child grid-column hacks are needed (replaces the earlier hero-grid- only explicit-placement fix). */ #eddm-landing .container.hero-grid::before, #eddm-landing .container.hero-grid::after, #eddm-landing .container.trust-grid::before, #eddm-landing .container.trust-grid::after, #eddm-landing .container.split::before, #eddm-landing .container.split::after{content:none!important}