/* Reference-led hero: pink campaign panel and inset URL card. */
html{background:#f783d0}body{max-width:1600px;margin:34px auto 0!important;background:white;border-radius:26px 26px 0 0;padding:0 38px!important;width:calc(100% - 68px);box-sizing:border-box}
#intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);align-items:end;gap:32px;min-height:640px;padding:32px;max-width:none;border-radius:25px;background:#f783d0 url('/assets/hero-plush.jpg') center center/cover no-repeat;overflow:hidden;isolation:isolate}#intro:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(85,14,62,.32),transparent 42%);z-index:-1}#intro:after{display:none}.hero-badge{position:absolute;top:26px;left:28px;font-size:10px;letter-spacing:.6px;background:#ffffff30;color:#4b1539;border:1px solid #ffffff35;border-radius:99px;padding:9px 15px}.hero-copy{width:100%;max-width:none;text-align:left;align-self:end;padding:0 0 5px}.hero-copy .eyebrow{display:none}#intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.3vw,53px);font-weight:500;letter-spacing:-2.4px;line-height:1.02;text-align:left;margin:0 0 20px;max-width:620px;color:#fff;text-shadow:0 1px 8px #63204630}#intro h1 mark{font:inherit;letter-spacing:inherit;color:inherit;white-space:normal;padding:0;background:none}#intro h1 mark:before,#intro .arrival-brush{display:none!important}.hero-copy .lead{font-size:14px;line-height:1.55;color:#fff;text-align:left;max-width:445px;margin:0;text-shadow:0 1px 6px #63204650}
.hero-workflow{width:100%;padding:25px 23px 18px;margin:0;background:#fafafa;border:0;border-radius:25px;box-shadow:none;align-self:center;z-index:3}.hero-workflow #form{display:flex;flex-direction:column;gap:0;margin:0;max-width:none}.form-invitation{display:block;text-align:left;margin:0 0 23px;padding:0}.form-invitation>span{font-size:24px;line-height:1.1;letter-spacing:-1px;color:#111;font-weight:500}.form-invitation:after{display:none}.hero-workflow .fields{display:flex;flex-direction:column;gap:12px;margin:0}.hero-workflow .fields label{background:white!important;border:1px solid #ececec!important;border-radius:17px!important;padding:17px!important;transform:none!important;box-shadow:none!important;min-width:0}.hero-workflow .fields label:before,.hero-workflow .fields label:after{display:none!important}.hero-workflow .fields label>span{display:flex;align-items:center;gap:8px;margin:0 0 12px}.hero-workflow .field-step{background:#f3f3f3;color:#666;font:10px Arial;border-radius:99px;padding:5px 7px;width:auto;height:auto}.hero-workflow .field-heading{font-size:13px;color:#111;font-weight:500;letter-spacing:-.2px}.hero-workflow .field-heading small{display:none}.hero-workflow .input-wrap{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:9px!important;display:flex;align-items:center}.hero-workflow .input-wrap>span{color:#111}.hero-workflow .input-wrap svg{width:19px;height:19px}.hero-workflow input{min-width:0;width:100%;padding:5px 0!important;height:35px;font-size:14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111}.hero-workflow input::placeholder{color:#777}.hero-workflow .fields label:focus-within{outline:2px solid #111;outline-offset:1px}.hero-workflow #form .primary{margin:15px 0 0;min-height:49px;width:100%;background:#111!important;border:0;border-radius:99px;font-size:13px;color:white;box-shadow:none;display:flex;justify-content:center;gap:22px}.hero-workflow .principles{margin:12px 0 0;justify-content:center;gap:10px;flex-wrap:wrap;font-size:9px;color:#666}.hero-workflow .principles span:first-child{display:none}.hero-workflow .principles span:before{color:#111}#error:empty{display:none}#error{font-size:12px;margin:8px 0 0;color:#a51b34}
#marketing>.hero-stage{margin:100px auto 30px;max-width:1060px}#marketing>.hero-stage .hero-proof{background:none}.examples{padding-top:65px}body:before,body:after{display:none!important}
@media(min-width:1600px){#intro{min-height:690px}}
@media(max-width:1050px){body{width:calc(100% - 40px);margin-top:20px!important;padding:0 25px!important}#intro{grid-template-columns:1fr 1fr;min-height:570px;gap:22px;padding:25px}#intro h1{font-size:35px;letter-spacing:-1.7px}.hero-workflow{padding:22px 18px}.form-invitation>span{font-size:23px}.hero-copy .lead{font-size:12px}}
@media(max-width:700px){body{width:calc(100% - 24px);margin-top:12px!important;padding:0 12px!important;border-radius:18px 18px 0 0}#intro{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:23px 18px 18px;min-height:0;border-radius:18px;background-size:auto 420px;background-position:center top;background-color:#f783d0}#intro:before{background:linear-gradient(180deg,transparent 22%,#f783d000 26%,#f783d0 49%)}.hero-badge{top:18px;left:18px;font-size:8px;padding:7px 10px}.hero-copy{padding:0;margin-top:238px}#intro h1{font-size:34px;letter-spacing:-1.5px;line-height:1.03;margin-bottom:13px}.hero-copy .lead{font-size:12px;line-height:1.5}.hero-workflow{padding:22px 18px 15px;border-radius:20px}.form-invitation>span{font-size:25px}.hero-workflow input{font-size:13px!important}.hero-workflow .fields label{padding:14px!important}#marketing>.hero-stage{margin:65px auto 20px;width:95%}.examples{padding-inline:10px}.section-heading h2{font-size:35px}.hero-workflow .principles{font-size:8px}}
#intro .hero-workflow #form .fields{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:12px!important;width:100%!important}#intro .hero-workflow #form .form-invitation{display:block!important;grid-column:auto!important;align-self:stretch!important;width:100%!important;text-align:left!important;margin:0 0 22px!important}#intro .hero-workflow #form .fields label{width:100%!important;box-sizing:border-box;min-height:0!important}#intro .hero-workflow #form .fields label>span{margin-bottom:8px!important}#intro .hero-workflow #form .field-heading{font-size:13px!important}#intro .hero-workflow #form .input-wrap{width:100%!important}#intro .hero-workflow #form .input-wrap input{flex:1;min-width:0!important;width:0!important}#intro .hero-workflow #form .form-invitation>span{display:block!important;width:100%;text-align:left!important}
#intro{background-image:linear-gradient(0deg,rgba(94,12,67,.56),transparent 42%),url('/assets/hero-plush.jpg')}@media(max-width:700px){#intro{background-image:linear-gradient(180deg,transparent 220px,rgba(96,16,69,.70) 400px,#d960b2 440px),url('/assets/hero-plush.jpg');background-repeat:no-repeat;background-size:100% 100%,auto 420px;background-position:center,center top}}