*{box-sizing:border-box;margin:0}body{line-height:1.6}.wrap{max-width:1280px;margin:auto;padding:0 5%}header{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{padding:70px 0 60px}.hero-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:30px}.eyebrow{color:#df542f;font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:#ef633b;border-radius:50%;margin-right:9px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}h1{font-size:clamp(45px,5.5vw,76px);line-height:1.08;font-weight:500;margin:20px 0 25px}h1 em{font-style:normal;color:#ef633b}p{color:#73776e}.hero-copy>p{max-width:440px;font-size:15px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:13px;border-bottom:1px solid #afb3a5;padding-bottom:4px}.small-note{font-size:11px;margin-top:22px;display:flex;gap:15px}.scene{height:480px;border-radius:22px;position:relative;overflow:hidden;background:#dce1d4}.scene svg{width:100%;height:100%;display:block}.scene-tag{position:absolute;top:20px;left:20px;border-radius:6px;padding:7px 11px;background:#f7f6f2e8;font-size:10px;letter-spacing:1px}.screen-ad{position:absolute;top:32%;left:23%;width:54%;height:30%;background:#ef633b;color:#fff;border:9px solid #202721;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 20px #0005;transform:perspective(650px) rotateY(-8deg);transition:background .3s}.screen-ad small{letter-spacing:3px;font-size:9px;color:#ffe9d4}.screen-ad strong{font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-2px}.screen-ad span{font-size:11px}.screen-ad b{margin-top:8px;border:1px solid #ffffff80;padding:3px 12px;border-radius:20px;font-size:9px;font-weight:400}.scene-foot{position:absolute;bottom:20px;left:20px;right:20px;background:#f7f6f2e8;border-radius:10px;padding:13px 16px;display:flex;justify-content:space-between;font-size:11px}.scene-foot span{color:#73776e}.feature-strip{margin-top:55px;border-top:1px solid #dedfd5;border-bottom:1px solid #dedfd5;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.feature-strip div{padding:0 25px;border-right:1px solid #dedfd5}.feature-strip div:first-child{padding-left:0}.feature-strip div:last-child{border:0}.feature-strip strong{font-size:21px;font-weight:500;display:block;letter-spacing:-.8px}.feature-strip span{font-size:11px;color:#73776e}.home-section{padding:75px 0}.section-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.2;margin-top:14px}.section-top p{font-size:13px;max-width:320px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer{border:1px solid #e4e5dc;border-radius:16px;padding:28px;background:white}.offer .number{font-size:11px;color:#df542f;letter-spacing:1px}.offer h3{font-size:22px;margin:28px 0 12px;font-weight:600}.offer p{font-size:13px}.offer a{display:block;font-size:12px;margin-top:25px}.preview-section{background:#e9edde}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.preview-controls>p{font-size:14px;margin:20px 0 25px}.preview-controls label{display:block;font-size:12px;margin:15px 0 7px}.preview-controls input{width:100%}.swatches{display:flex;gap:10px;margin-top:15px}.swatch{width:30px;height:30px;border-radius:50%;border:3px solid #e9edde;outline:1px solid transparent;cursor:pointer}.swatch[aria-pressed=true]{outline-color:#242b26}.preview-screen{height:300px;background:#ef633b;border:14px solid #242e27;border-radius:20px;box-shadow:0 22px 35px #242e2720;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;overflow-wrap:anywhere}.preview-screen strong{font-size:45px;font-family:Manrope;line-height:1.2}.preview-screen span{font-size:14px;margin-top:15px}.preview-screen small{font-size:10px;letter-spacing:3px;margin-bottom:20px}.preview-caption{text-align:center;font-size:11px;margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step{border-top:1px solid #cdd2c4;padding-top:20px}.step b{color:#df542f;font-size:12px}.step h3{font-size:20px;margin:15px 0 10px}.step p{font-size:13px}.cta-block{background:#242e27;color:#f7f6f2;border-radius:20px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:75px}.cta-block h2{margin:0}.cta-block p{color:#b9c1b3;margin-top:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1280px;margin:auto}.footer-grid p{font-size:13px;margin-top:15px;max-width:300px;color:#a6b19e}.footer-col h4{font-size:12px;margin-bottom:18px}.footer-col a{display:block;font-size:12px;margin:10px 0;color:#c2caba}.footer-bottom-bar{max-width:1280px;margin:40px auto 0;padding-top:22px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;color:#a6b19e}details{border-bottom:1px solid #dedfd5;padding:22px 0}summary{cursor:pointer;font-size:16px}details p{font-size:14px;padding:15px 0;max-width:750px}
@media(max-width:900px){.hero-grid,.preview-grid{grid-template-columns:1fr}.hero{padding-top:35px}.hero-copy{max-width:650px}.scene{height:430px}.cards{grid-template-columns:1fr}.hero-top>span:last-child{display:none}.section-top{align-items:start;flex-direction:column}.preview-grid{gap:35px}.cta-block{padding:30px;flex-direction:column;align-items:start}.steps{gap:20px}.feature-strip{grid-template-columns:1fr 1fr;gap:20px}.feature-strip div:nth-child(3){padding-left:0}.feature-strip div:nth-child(2){border:0}}@media(max-width:550px){.scene{height:360px}.screen-ad strong{font-size:28px}.scene-foot{font-size:9px}.steps{grid-template-columns:1fr}.hero h1{font-size:49px}.actions{gap:15px}.home-section{padding:50px 0}.small-note{flex-wrap:wrap}.feature-strip strong{font-size:19px}.preview-screen strong{font-size:35px}.cta-block h2{font-size:32px}.footer-bottom-bar{flex-direction:column;gap:10px}}
.hero{position:relative}.hero-copy{position:relative}.hero h1{letter-spacing:-.065em!important}.scene{box-shadow:0 22px 55px #26352312;isolation:isolate}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff16,transparent 55%);pointer-events:none}.screen-ad{animation:screen-breathe 7s ease-in-out infinite}.hero-top{color:#73776e}.hero-top span:first-child{color:#52604e}.offer{transition:transform .4s,box-shadow .4s,border-color .4s}.offer:hover{transform:translateY(-7px);box-shadow:0 18px 35px #2635230b;border-color:#cbd0c0}.offer a{color:#df542f}.audience-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.audience-tabs button{border:1px solid #dedfd5;border-radius:30px;padding:12px 20px;color:#5c6657;background:transparent;cursor:pointer;font-size:13px;transition:background .25s,color .25s}.audience-tabs button[aria-selected=true]{color:#fff;background:#242e27;border-color:#242e27}.audience-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border:1px solid #e0e3d8;background:#eeefe7;border-radius:22px;padding:40px}.audience-panel h3{font-size:32px;font-weight:500;line-height:1.2;margin:18px 0}.audience-panel p{font-size:14px;margin-bottom:25px}.creative-card{display:flex;flex-direction:column;padding:32px;background:#e0c2a1;border-radius:14px;min-height:290px;color:#36352d;transition:background .35s}.creative-card>small{font-size:10px;letter-spacing:2px}.creative-card>strong{font-family:Manrope,sans-serif;font-size:35px;font-weight:600;line-height:1.2;letter-spacing:-1.5px;margin:35px 0 20px}.creative-card>span{font-size:12px}.creative-foot{display:flex;justify-content:space-between;padding-top:25px;margin-top:auto;border-top:1px solid #36352d25}.creative-foot span{font-size:9px;opacity:.65}.planner-card{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:50px;border:1px solid #e0e3d8;border-radius:22px;background:#fff}.planner-card p{font-size:14px;max-width:390px;margin:20px 0}.planner-benefits{display:flex;flex-direction:column;gap:11px;font-size:12px;color:#52604e;margin:25px 0}.planner-controls{background:#f4f5ee;border-radius:15px;padding:28px}.range-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:15px}.range-label output{color:#df542f;font-weight:700}.planner-controls input[type=range]{width:100%;margin:0 0 25px;cursor:pointer}.plan-total{border-top:1px solid #dedfd5;padding-top:22px;margin-bottom:22px}.plan-total>span{font-size:11px;color:#73776e;display:block}.plan-total strong{display:block;font-family:Manrope,sans-serif;font-size:43px;font-weight:500;letter-spacing:-2px;margin:4px 0 8px}.plan-total small{display:block;color:#73776e;font-size:10px;line-height:1.6}.planner-controls .cta-nav-btn{display:block;text-align:center}.planner-controls p.planner-note{font-size:10px;text-align:center;margin:12px 0 0}.cta-block{position:relative;overflow:hidden}.cta-block:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #b7c6a71c;border-radius:50%;right:15%;top:-160px;pointer-events:none}.cta-block:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #b7c6a71c;border-radius:50%;right:11%;top:-205px;pointer-events:none}.cta-block>*{position:relative;z-index:1}summary{list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#df542f;font-size:22px;line-height:1}details[open] summary:after{content:'−'}details[open] p{animation:arrive .3s ease}.preview-screen{transition:background .45s,box-shadow .45s}.preview-screen:hover{box-shadow:0 25px 45px #242e2730}.text-link{transition:color .25s,border-color .25s}.text-link:hover{color:#df542f;border-color:#df542f}@keyframes screen-breathe{0%,100%{box-shadow:0 8px 20px #0005}50%{box-shadow:0 8px 25px #ef633b55}}@media(max-width:900px){.audience-panel,.planner-card{grid-template-columns:1fr;gap:30px;padding:30px}}@media(max-width:550px){.audience-tabs button{font-size:11px;padding:10px 13px}.audience-panel,.planner-card{padding:22px}.creative-card{padding:25px}.creative-card>strong{font-size:29px}.planner-controls{padding:20px}.audience-panel h3{font-size:28px}}
#audience-headline{white-space:pre-line}@media(prefers-reduced-motion:reduce){.screen-ad{animation:none}.offer,.creative-card,.preview-screen,.text-link,.audience-tabs button{transition:none}}
