
:root{--blue:#064acb;--navy:#082d65;--muted:#61738b;--line:#dce6f1}*{box-sizing:border-box}body{margin:0;font-family:Heebo,Arial,sans-serif;background:#f4f8fc;color:var(--navy)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fbbf24;outline-offset:4px}header{height:88px;background:white;border-bottom:1px solid var(--line)}.bar{max-width:1180px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.partners{display:flex;align-items:center;gap:25px}.brand{width:117px;height:49px;object-fit:contain}.cross{color:#a3b0c1;font-size:23px;font-weight:300}.dreemz{font-family:Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.2px;color:var(--navy)}.dreemz b{color:#27b8de}.header-note{font-size:13px;color:var(--muted)}main{max-width:1180px;margin:auto;padding:46px 28px 25px}.intro{text-align:center;margin:0 auto 32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#245ca3;font-size:13px;font-weight:600;letter-spacing:.3px}.eyebrow:before{content:'';width:7px;height:7px;background:#24abc0;border-radius:50%}h1{font-size:clamp(38px,4.3vw,59px);line-height:1.15;letter-spacing:-2px;margin:14px 0 17px;font-weight:900}h1 span{color:var(--blue)}.intro p{font-size:18px;line-height:1.7;margin:0;color:#49617f}.intro p strong{font-weight:600;color:var(--navy)}.layout{display:grid;grid-template-columns:1.08fr 1fr;gap:28px;align-items:start}.story{min-width:0}.film{position:relative;overflow:hidden;border-radius:22px;height:333px;background:linear-gradient(135deg,#285d80,#113f45);isolation:isolate}.film:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,25,54,.88),rgba(6,37,63,.08) 75%);z-index:-1}.film-top{position:absolute;top:20px;right:21px;color:white;background:#ffffff25;backdrop-filter:blur(10px);padding:6px 12px;border:1px solid #ffffff50;border-radius:30px;font-size:12px}.play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:67px;height:67px;border:1px solid #ffffff80;background:#ffffffee;border-radius:50%;color:var(--blue);font-size:24px;box-shadow:0 0 0 12px #ffffff18}.film-copy{position:absolute;bottom:23px;right:26px;left:26px;color:white}.film-copy small{font-size:12px;color:#dae9f3}.film-copy h2{font-size:27px;line-height:1.3;margin:5px 0}.film-copy p{margin:0;font-size:13px;color:#dbe6ee}.play-label{position:absolute;bottom:25px;left:22px;font-size:11px;color:white}.guide{padding:22px 5px}.guide h3{font-size:17px;margin:0 0 13px}.steps{display:flex;gap:15px}.step{flex:1;font-size:13px;line-height:1.65;color:var(--muted)}.step b{display:block;color:var(--navy);font-size:14px;margin:7px 0 2px}.number{display:grid;place-items:center;width:26px;height:26px;border:1px solid #bfd2ed;border-radius:50%;color:var(--blue);font-size:12px;font-weight:600}.inspiration{border-top:1px solid var(--line);padding:17px 5px 0;font-size:13px;color:var(--muted)}.inspiration strong{color:var(--navy)}.form-card{background:#fff;border:1px solid #e0e9f3;border-radius:22px;padding:28px;box-shadow:0 14px 45px #12396b08}.form-head{display:flex;justify-content:space-between;align-items:center}.form-head h2{margin:0;font-size:24px;letter-spacing:-.5px}.tiny-spark{color:#0b74d7;font-size:26px}.sub{color:var(--muted);font-size:14px;margin:6px 0 21px}.drop{background:#f8fbff;border:1.5px dashed #a9c6e9;border-radius:13px;text-align:center;padding:22px 14px}.video-icon{width:38px;height:38px;margin:0 auto 8px;color:var(--blue)}.drop strong{font-size:15px}.drop p{font-size:12px;color:var(--muted);margin:5px 0 16px}.choices{display:flex;gap:10px;justify-content:center}.choice{border:1px solid #c4d6ee;background:white;border-radius:8px;color:var(--blue);font-size:13px;font-weight:600;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1}.choice:first-child{background:#eaf2ff;border-color:#eaf2ff}.choice svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}label{display:block;font-size:13px;font-weight:500}label span{color:#6683a3}input{display:block;width:100%;margin-top:7px;border:1px solid #d6e1ee;border-radius:9px;padding:12px;color:var(--navy);background:white;outline:none;font-size:14px}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e7f0ff}input::placeholder{color:#92a0b2}input[type=tel]{direction:ltr;text-align:right}.primary{width:100%;border:0;background:var(--blue);border-radius:10px;padding:14px;color:white;font-size:16px;font-weight:600;transition:.2s}.primary:hover:not(:disabled){background:#0038a5;transform:translateY(-1px)}.primary:disabled{background:#dce6f2;color:#7c91ac;cursor:not-allowed}.hint{font-size:11px;text-align:center;color:var(--muted);margin:9px 0 0}.account{font-size:12px;text-align:center;color:var(--muted);margin:17px 0 0}.text-btn{background:transparent;border:0;color:var(--blue);font-size:inherit;text-decoration:underline;text-underline-offset:3px}.footnote{font-size:11px;color:#7d8a9c;text-align:center;line-height:1.8;margin:17px 0 0}.bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0;margin-top:24px;font-size:11px;color:var(--muted)}.bottom .dreemz{font-size:18px}.preview-tag{display:inline-block;background:#e8eff7;padding:5px 10px;border-radius:20px;font-size:10px;color:#5a7090}.selected-video{max-height:155px;max-width:100%;border-radius:8px;background:#112d49;margin-bottom:8px}.file-info{font-size:12px;word-break:break-word}.error{color:#af2140;font-size:12px;min-height:0}.error:not(:empty){margin-top:10px}dialog{border:1px solid var(--line);border-radius:22px;padding:30px;max-width:430px;width:calc(100% - 32px);color:var(--navy);box-shadow:0 30px 90px #001b4644;text-align:center}dialog::backdrop{background:#09264c88;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:10px 0}dialog p{color:var(--muted);font-size:14px;line-height:1.7}.close{position:absolute;left:13px;top:10px;border:0;background:transparent;color:var(--muted);font-size:25px}.modal-icon{font-size:35px;color:var(--blue);margin:10px}.progress-track{height:9px;border-radius:8px;background:#eaf0f8;margin:25px 0 12px;overflow:hidden}.progress-fill{height:100%;background:var(--blue);width:0;transition:width .2s}.progress-num{font-size:27px;font-weight:700}.success-icon{background:#e9f8f4;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;margin:12px auto;color:#15906b;font-size:35px}.confetti{position:fixed;top:-20px;width:8px;height:13px;z-index:100;pointer-events:none;animation:fall 2.8s ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(680deg)}}[hidden]{display:none!important}@media(max-width:750px){header{height:74px}.bar{padding:0 20px}.header-note{display:none}.partners{gap:19px}.brand{width:98px}.dreemz{font-size:24px}main{padding:29px 18px 15px}h1{font-size:40px;letter-spacing:-1.5px}.intro{margin-bottom:25px}.intro p{font-size:15px}.layout{grid-template-columns:1fr;gap:10px}.film{height:245px}.guide{padding:20px 2px}.inspiration{display:block;padding:14px 2px 20px;line-height:1.7}.form-card{padding:23px 20px}.fields{gap:10px}.bottom{gap:12px;flex-wrap:wrap}.film-copy h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.dreemz-logo{width:112px;height:auto;object-fit:contain;vertical-align:middle}.dreemz-word{color:#c81762;font-weight:700;display:inline-block}.eyebrow{gap:4px}.eyebrow:before{margin-left:5px}.film-top{display:flex;align-items:center;gap:8px;background:#fffffff2;color:var(--navy);border:1px solid #fff}.film-top img{width:69px;height:auto}.powered{display:flex;align-items:center;gap:9px}.powered .dreemz-logo{width:90px}.account{background:#fff4f8;border:1px solid #ffe1ed;border-radius:9px;padding:11px 8px}.account .text-btn{color:#bc165b;font-weight:600}.dialog-logo{width:120px;height:auto;margin:13px auto 10px}dialog .primary{background:#cc1763}dialog .primary:hover{background:#b20f53}dialog .progress-fill{background:linear-gradient(90deg,#ffe250,#ff2b83)}@media(max-width:750px){.partners>.dreemz-logo{width:100px}.eyebrow{font-size:12px}}

/* Campaign brief: portrait video and compact content */
.layout{max-width:930px;margin:auto;grid-template-columns:340px minmax(0,1fr);gap:54px}.film{width:270px;height:auto;aspect-ratio:9/16;margin:0 auto}.film:before{background-position:center;background-size:auto 100%}.film-copy{bottom:50px;right:22px;left:22px}.film-copy h2{font-size:31px;line-height:1.2}.film-copy p{font-size:12px;line-height:1.6}.play-label{bottom:20px;left:auto;right:22px}.film-top{font-weight:600}.guide{padding:20px 0 14px}.steps{gap:10px}.step{font-size:12px}.step b{font-size:13px}.inspiration{font-size:12px;line-height:1.7;padding:13px 0 0}.form-card{margin-top:0}.more-info{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.intro{margin-bottom:28px}main{padding-top:32px}.info-content{text-align:right}.info-content h3{font-size:16px;margin:20px 0 5px}.info-content p{margin:0;line-height:1.8}.info-worlds{color:var(--blue)!important;font-weight:600}.info-content h2{font-size:26px;margin-bottom:15px}dialog{max-height:85vh;overflow:auto}dialog:has(.info-content){max-width:540px}dialog .info-done{background:var(--blue);margin-top:24px}.bottom{margin-top:22px}
@media(max-width:750px){.layout{grid-template-columns:1fr;gap:22px;max-width:500px}.film{width:min(270px,85%);height:auto;aspect-ratio:9/16}.film-copy h2{font-size:30px}.story{max-width:360px;margin:auto;width:100%}.guide{padding-top:18px}.inspiration{padding:12px 0 0}.intro p{font-size:15px}.intro{margin-bottom:22px}.header-note{display:block;font-size:12px}main{padding-top:27px}}
.film-real{background:#101010}.film-real:before{display:none}.film-real video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;border-radius:inherit}.example-caption{text-align:center;font-size:12px;color:var(--navy);line-height:1.6;margin:10px 0 0}.example-caption span{color:var(--muted);font-size:11px}.film-real .center-play{top:50%;z-index:2;display:grid;place-items:center;padding:0;direction:ltr}.center-play span{margin-left:4px}.film-real .example-caption{position:absolute;top:12px;right:10px;left:10px;z-index:2;margin:0;padding:9px 7px;background:rgba(8,25,43,.66);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:12px;line-height:1.65;pointer-events:none}.film-real .example-caption span{color:#edf3fa;font-size:10px}
/* Reference-image copy, styled in Maccabi's existing palette. */
.intro h1{font-size:clamp(32px,4.2vw,54px);line-height:1.22;letter-spacing:-1.3px}
.hero-prompt{max-width:930px;margin:24px auto 0;padding:21px 27px;background:#edf4fc;border:1px solid #cfdef0;border-radius:20px;text-align:right}
.hero-prompt .prompt-intro{font-size:12px;font-weight:600;color:#61738b;line-height:1.8;margin:0 0 12px}
.hero-prompt .prompt-example{font-size:16px;line-height:2.2;color:var(--navy);margin:0}
.prompt-blank{display:inline-block;width:96px;max-width:25vw;height:1em;border-bottom:2px solid #7aa4d8;vertical-align:baseline;margin:0 5px}
.hero-prompt .prompt-question{font-size:16px;font-weight:700;color:var(--blue);line-height:1.8;margin:10px 0 5px}
@media(max-width:750px){.intro h1{font-size:32px;letter-spacing:-.7px}.hero-prompt{padding:17px 18px;border-radius:16px;margin-top:20px}.hero-prompt .prompt-example,.hero-prompt .prompt-question{font-size:14px}.prompt-blank{width:70px}.hero-prompt .prompt-intro{font-size:11px}}
