:root{
  --ink:#171411;--muted:#6b6258;--gold:#c7a45d;--gold2:#e7d19a;--cream:#f8f3ea;--paper:#fffdf8;--dark:#11100e;--blue:#006ee6;--blue2:#0057b8;--line:#e7ded0;--shadow:0 24px 70px rgba(18,15,11,.18);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 32px));margin-inline:auto}.skip{position:absolute;right:-9999px}.skip:focus{right:16px;top:16px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}.topbar{position:sticky;top:0;z-index:30;background:rgba(17,16,14,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}.topbar-inner{height:74px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#745321);color:#fff;font-weight:900}.brand small{display:block;color:#d8cbb9;font-size:12px}.top-contact{margin-inline-start:auto;color:#fff;text-decoration:none;font-weight:800}.top-nav{display:flex;gap:14px;margin-inline-start:20px}.top-nav a{color:#d7c7ad;text-decoration:none;font-size:14px}.lang-switch{display:flex;gap:4px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px}.lang-switch button{border:0;background:transparent;color:#fff;padding:7px 10px;border-radius:999px;cursor:pointer;font-weight:700}.lang-switch button.active{background:#fff;color:#111}.hero{background:#111}.hero-image-wrap{min-height:760px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.38),rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.1) 40%,rgba(0,0,0,.18))}.hero-content{position:relative;color:#fff;padding-top:110px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:end}.hero-copy{min-width:0}.eyebrow,.section-kicker{color:var(--gold2);letter-spacing:.04em;font-weight:900;font-size:14px;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,88px);line-height:1.04;margin:18px 0 20px;font-weight:900}.hero h1 span{color:var(--gold2)}.lead{font-size:clamp(18px,2.1vw,27px);max-width:760px;color:#f6efe5;margin:0 0 30px}.facts{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);border-radius:18px;overflow:hidden;max-width:940px}.facts div{padding:20px 24px}.facts div+div{border-right:1px solid rgba(255,255,255,.18)}.facts strong{display:block;font-size:22px}.facts span{display:block;color:#dfd6c9;font-size:13px}.hero-blue-cta{background:linear-gradient(180deg,#100f0d,#1c1711);padding:24px 16px 32px;text-align:center;border-top:1px solid rgba(255,255,255,.12)}.blue-cta{border:0;background:linear-gradient(135deg,var(--blue),#1497ff);color:#fff;font-size:20px;font-weight:900;padding:18px 42px;border-radius:999px;box-shadow:0 16px 35px rgba(0,110,230,.35);cursor:pointer}.blue-cta:hover{background:linear-gradient(135deg,var(--blue2),#0d7be0)}.hero-blue-cta p{color:#ded3c3;margin:14px auto 0;max-width:780px}
.hero-story-card{background:rgba(9,12,16,.84);border:1px solid rgba(231,209,154,.32);border-radius:26px;padding:22px;backdrop-filter:blur(10px);box-shadow:0 20px 54px rgba(0,0,0,.28)}
.hero-story-top{color:var(--gold2);font-weight:900;font-size:13px;letter-spacing:.03em;margin-bottom:10px}
.hero-story-card h3{font-size:32px;line-height:1.15;margin:0 0 12px;color:#fff}
.hero-story-card p{color:#efe7da;font-size:16px;margin:0 0 14px}
.hero-story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hero-story-tags span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 12px;font-size:13px;color:#fff;font-weight:800}
.hero-story-price{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(199,164,93,.16),rgba(255,255,255,.04));border:1px solid rgba(231,209,154,.4);border-radius:18px;margin-bottom:14px}.hero-story-price small{display:block;color:#dfd6c9;font-weight:700}.hero-story-price strong{display:block;color:var(--gold2);font-size:34px;line-height:1;font-weight:900}
.hero-story-btn{width:100%;margin-bottom:16px}
.hero-story-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-story-thumbs figure{margin:0;border-radius:14px;overflow:hidden;background:#131313;border:1px solid rgba(255,255,255,.14)}.hero-story-thumbs img{width:100%;height:86px;object-fit:cover}.hero-story-thumbs figcaption{padding:7px 8px;font-size:12px;color:#fff;font-weight:800;text-align:center}
.section{padding:95px 0}.muted{background:var(--cream)}.split,.luxury-split,.value-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}.section h2,.cta-box h2{font-size:clamp(31px,4vw,54px);line-height:1.15;margin:10px 0 18px}.section p{font-size:18px;color:var(--muted);margin:0 0 16px}.highlight-card,.info-card,.plan-card,.value-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.highlight-card{padding:34px}.highlight-card h3{font-size:26px;margin:0 0 16px}.highlight-card li{margin:10px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head p{max-width:500px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-grid figure,.plan-card{margin:0;overflow:hidden}.gallery-grid figure{border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 38px rgba(17,14,10,.1)}.gallery-grid .wide{grid-column:span 2}.gallery-grid img{height:300px;width:100%;object-fit:cover}.gallery-grid .wide img{height:370px}.gallery-grid figcaption,.plan-card figcaption{padding:12px 16px;font-weight:900;color:#2b251d}.plan-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.plan-card img{width:100%;height:auto;background:#fff}.block-head{margin-bottom:26px}.data-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.data-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-height:104px}.data-grid span{display:block;color:var(--muted);font-size:14px}.data-grid strong{display:block;font-size:20px;margin-top:6px}.ba-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.before-after{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:20px;background:#ddd;box-shadow:var(--shadow)}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-after .after{clip-path:inset(0 0 0 50%)}.before-after input{position:absolute;left:24px;right:24px;bottom:22px;width:calc(100% - 48px);accent-color:var(--blue)}.before-after span{position:absolute;right:18px;top:18px;background:rgba(0,0,0,.62);color:#fff;border-radius:999px;padding:8px 14px;font-weight:900}.value-section{background:#171410;color:#fff}.value-section .section-kicker{color:var(--gold2)}.value-section p{color:#d8cdbd}.value-list{padding:12px;background:#211c15;border-color:rgba(255,255,255,.12)}.value-list div{padding:18px;border-bottom:1px solid rgba(255,255,255,.1)}.value-list div:last-child{border-bottom:0}.value-list strong{display:block;color:#fff;font-size:20px}.value-list span{display:block;color:#d6c8b6}.cta-section{background:linear-gradient(135deg,#11100e,#4d3515);padding:82px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:42px}.section-kicker.light{color:#f4dfa9}.btn,.primary-cta,.outline-cta{border:0;border-radius:999px;padding:16px 24px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-white{background:#fff;color:#111}.outline-cta{border:1px solid var(--line);background:#fff;color:#111}.primary-cta{background:var(--blue);color:#fff}.small{padding:12px 18px;font-size:14px}footer{background:#0e0d0c;color:#fff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-grid a{color:#fff;text-decoration:none}.footer-grid span{display:block;color:#c9bdab}.legal-note{max-width:1100px;margin:24px auto 0;color:#b7aa98;text-align:center;padding:0 16px;font-size:13px}.signature-dialog{width:min(960px,calc(100% - 24px));border:0;border-radius:24px;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.5)}.signature-dialog::backdrop{background:rgba(0,0,0,.66)}.dialog-close-form{position:absolute;left:16px;top:12px;z-index:2}.close{width:42px;height:42px;border-radius:50%;border:0;background:#111;color:#fff;font-size:28px;cursor:pointer}.signature-form{padding:36px;background:#fff}.signature-form h2{margin:0 0 8px;font-size:34px}.form-note{color:var(--muted);margin:0 0 18px}.agreement-summary{display:grid;gap:8px;background:#f7f3ec;border:1px solid var(--line);border-radius:16px;padding:18px;margin:18px 0}.agreement-box{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:18px;margin:18px 0;background:#fffdf8}.agreement-box li{margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.signature-form label{font-weight:800}.signature-form input{width:100%;margin-top:6px;padding:14px;border:1px solid #d7d0c7;border-radius:10px;font-size:16px}.checks{display:grid;gap:10px;margin:18px 0}.checks label{font-weight:600;background:#f8fafc;padding:10px;border-radius:10px}.checks input{width:auto;margin-left:8px}.signature-label{display:block;margin-top:20px}#signatureCanvas{width:100%;height:220px;border:2px dashed #b8b1a6;border-radius:16px;background:#fff;touch-action:none}.signature-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.form-status{margin-top:12px;font-weight:900}.form-status.err{color:#b42318}.form-status.ok{color:#11853d}.form-status.info{color:#1d4ed8}.unlock-panel{border:2px solid #d7b76e;background:#fff9ea;border-radius:18px;padding:20px;margin-top:18px}.unlock-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.unlock-actions a,.unlock-actions button{text-decoration:none}.unlock-note{font-size:13px;color:#6b6258;margin-top:12px}.pdf-area{position:fixed;right:-99999px;top:0;background:#fff;color:#000;width:794px}.pdf-document{direction:rtl;font-family:Arial,sans-serif;width:794px;background:#fff;color:#111;padding:0}.pdf-page{width:794px;min-height:1123px;padding:44px 46px;background:#fff}.pdf-document h1{font-size:26px;margin:0 0 8px}.pdf-document h2{font-size:20px;margin:18px 0 8px}.pdf-document table{width:100%;border-collapse:collapse}.pdf-document th,.pdf-document td{border:1px solid #bbb;padding:8px;text-align:right;vertical-align:top}.pdf-document th{background:#f3f4f6}.pdf-signature{max-width:260px;max-height:90px}.hidden{display:none!important}
@media(max-width:920px){.top-nav{display:none}.topbar-inner{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 0}.top-contact{margin-inline-start:0}.hero-image-wrap{min-height:720px}.hero-layout{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.facts div+div{border-right:0}.hero-story-card{max-width:580px}.split,.luxury-split,.value-grid,.plan-layout{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.data-grid{grid-template-columns:1fr 1fr}.ba-grid{grid-template-columns:1fr}.section-head,.cta-box{display:block}.cta-box .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(max-width:560px){.container{width:min(100% - 22px,1160px)}.hero-image-wrap{min-height:730px}.hero h1{font-size:42px}.hero-story-card h3{font-size:26px}.hero-story-price{display:block}.hero-story-price strong{margin-top:6px}.hero-story-thumbs{grid-template-columns:1fr 1fr 1fr}.hero-story-thumbs img{height:72px}.facts{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid .wide{grid-column:auto}.gallery-grid img,.gallery-grid .wide img{height:260px}.data-grid{grid-template-columns:1fr}.blue-cta{font-size:17px;width:100%;padding:16px 20px}.section{padding:70px 0}.signature-form{padding:24px 16px}.lang-switch{order:3}.signature-actions{justify-content:stretch}.signature-actions button{flex:1}}

.required-hint{background:#fff7e6;border:1px solid #ead7af;border-radius:12px;padding:10px 12px;color:#6b4a08;font-weight:800;margin:12px 0 16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.form-actions button{min-width:150px}.form-status.err{background:#fff1f0;border:1px solid #ffd0cc;border-radius:10px;padding:10px 12px}.form-status.ok{background:#ecfdf3;border:1px solid #b9f0cd;border-radius:10px;padding:10px 12px}.form-status.info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px}@media(max-width:560px){#signatureCanvas{height:170px}.form-actions{justify-content:stretch}.form-actions button{flex:1}}

.build-version{position:fixed;left:8px;bottom:6px;font-size:10px;color:rgba(255,255,255,.28);z-index:1;pointer-events:none}


/* NTN-SEA-4R coastal visual layer */
:root{--sea:#1f6fb1;--sea-dark:#123f5d;--sand:#f3eee2;--foam:#fbfcfb;--ink:#163143;--muted-ink:#58707c}
.coastal-page{background:var(--foam);color:var(--ink)}
.coastal-hero{padding-bottom:0;background:linear-gradient(180deg,#f7f3ea 0%,#fbfcfb 100%)}
.hero-wave-frame{position:relative;min-height:min(78vh,760px);overflow:hidden;border-radius:0 0 50% 12%/0 0 12% 6%;box-shadow:0 24px 60px rgba(18,63,93,.18)}
.hero-wave-frame:after{content:"";position:absolute;z-index:4;left:-4%;right:-4%;bottom:-1px;height:78px;background:var(--foam);border-radius:50% 50% 0 0/80% 80% 0 0;transform:translateY(55%)}
.coastal-hero-content{min-height:min(78vh,760px);display:flex;align-items:center;position:relative;z-index:3}
.coastal-hero .hero-copy{max-width:760px;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.coastal-hero .hero-copy h1{font-size:clamp(2.5rem,5.8vw,5.6rem);line-height:.98;max-width:900px}
.coastal-hero .hero-copy h1 span{color:#f5e6bd}
.coastal-hero .lead{max-width:720px;font-size:clamp(1.05rem,2vw,1.42rem)}
.hero-blue-cta{padding:34px 20px 25px;text-align:center;background:transparent}
.blue-cta{min-width:min(420px,92vw);background:linear-gradient(135deg,#2177bd,#165e9a);box-shadow:0 14px 28px rgba(31,111,177,.3);border:1px solid rgba(255,255,255,.3);font-size:1.12rem}
.hero-blue-cta p{max-width:720px;margin:12px auto 0;color:var(--muted-ink)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story-card{background:white;border:1px solid #dce7ec;border-radius:28px;padding:28px;box-shadow:0 16px 40px rgba(31,75,98,.07);position:relative;overflow:hidden}
.story-card>span{display:block;color:var(--sea);font-weight:800;font-size:1.9rem;opacity:.32}.story-card h3{margin:.2rem 0 .7rem}.story-card p{margin:0;color:var(--muted-ink);line-height:1.8}
.property-data-grid{grid-template-columns:repeat(4,1fr)}
.pending-note,.disclaimer{max-width:1000px;margin:24px auto 0;padding:16px 20px;border-radius:18px;background:#f7f1e5;border:1px solid #e8dcc2;color:#5f5849;line-height:1.75}
.area-split{align-items:center}.area-visual{margin:0;background:#fff;border-radius:28px;padding:12px;box-shadow:0 20px 50px rgba(20,63,85,.12)}.area-visual img{display:block;width:100%;border-radius:20px}.area-visual figcaption{padding:12px;color:var(--muted-ink);font-size:.9rem}.area-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.area-chips span{background:#e6f1f7;color:#174f70;border-radius:999px;padding:9px 14px;font-weight:700}
.coastal-gallery figure{border-radius:26px}.plan-single{max-width:1180px}.plan-single .plan-card{background:#fff}.plan-single img{width:100%;max-height:780px;object-fit:contain}
.ba-grid{grid-template-columns:repeat(2,1fr)}.before-after{min-height:420px}.ba-label{position:absolute;top:14px;z-index:8;background:rgba(15,48,66,.82);color:#fff;padding:7px 11px;border-radius:999px;font-style:normal;font-size:.76rem;pointer-events:none}.before-label{right:14px}.after-label{left:14px}
.unlock-property-details{background:#fff;border:1px solid #d4e2e8;border-radius:18px;padding:18px;margin:12px 0 20px}.unlock-property-details strong{display:block;color:var(--sea-dark);font-size:1.55rem;margin-bottom:8px}.unlock-property-details p{margin:0;line-height:1.7}.comparables-panel{margin-top:25px;border-top:1px solid rgba(255,255,255,.25);padding-top:20px}.comparables-panel h4{font-size:1.3rem}.table-scroll{overflow:auto;border-radius:14px;background:white}.comparables-panel table{width:100%;border-collapse:collapse;color:#173142;min-width:680px}.comparables-panel th,.comparables-panel td{padding:11px 10px;border-bottom:1px solid #e2eaee;text-align:center;white-space:nowrap}.comparables-panel th{background:#e8f2f7;color:#174f70}.comparables-panel .unlock-note{color:#eef6f9}
@media(max-width:900px){.story-grid,.property-data-grid{grid-template-columns:repeat(2,1fr)}.ba-grid{grid-template-columns:1fr}.hero-wave-frame{min-height:720px;border-radius:0 0 55% 8%/0 0 7% 4%}.coastal-hero-content{min-height:690px;align-items:flex-end;padding-bottom:105px}.coastal-hero .facts{grid-template-columns:repeat(2,1fr)}.area-split{grid-template-columns:1fr}}
@media(max-width:580px){.story-grid,.property-data-grid{grid-template-columns:1fr}.coastal-hero .hero-copy h1{font-size:2.6rem}.coastal-hero .lead{font-size:1rem}.before-after{min-height:300px}.hero-wave-frame{min-height:690px}.coastal-hero-content{min-height:665px;padding-bottom:90px}.top-nav{display:none}.pending-note,.disclaimer{font-size:.86rem}}

/* V0.2.0 - mobile centering + signature dialog + final CTA release fix */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{position:relative}
main,header,footer,.topbar,.hero,.section,.final-cta{max-width:100%;overflow-x:clip}

/* End-of-page CTA must read as a clear action, not ordinary text */
.final-cta{
  padding:76px 16px 86px;
  text-align:center;
  background:linear-gradient(180deg,#f7f3ea 0%,#eef6fa 100%);
  border-top:1px solid #dbe7ec;
}
.final-cta .container{width:min(880px,100%);margin-inline:auto}
.final-cta> .container > span{
  display:inline-block;
  color:var(--sea);
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:8px;
}
.final-cta h2{
  margin:0 0 12px;
  color:var(--sea-dark);
  font-size:clamp(2rem,4.5vw,3.5rem);
  line-height:1.12;
}
.final-cta p{
  max-width:720px;
  margin:0 auto 24px;
  color:var(--muted-ink);
  font-size:clamp(1rem,2vw,1.15rem);
}
.final-cta .btn,
.final-cta .btn-white{
  min-width:min(440px,92vw);
  padding:18px 36px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:linear-gradient(135deg,#2177bd,#165e9a);
  color:#fff;
  font-size:1.18rem;
  font-weight:900;
  box-shadow:0 14px 30px rgba(31,111,177,.32);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.final-cta .btn:hover,
.final-cta .btn:focus-visible{
  background:linear-gradient(135deg,#185f9a,#124d7e);
  box-shadow:0 17px 34px rgba(31,111,177,.38);
  transform:translateY(-1px);
}

/* Signature dialog: always centered inside the visual viewport */
.signature-dialog{
  width:calc(100dvw - 24px);
  max-width:960px;
  max-height:calc(100dvh - 24px);
  margin:auto;
  inset:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.signature-form{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 auto;
  overflow-x:hidden;
}
.agreement-summary,
.agreement-box,
.form-grid,
.checks,
.unlock-panel,
#signatureCanvas{
  width:100%;
  max-width:100%;
  min-width:0;
}
.agreement-box{
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-gutter:stable;
}
.agreement-box ol{
  margin:0;
  padding-inline-start:1.65rem;
  padding-inline-end:.2rem;
}
.agreement-box li,
.agreement-summary,
.signature-form label,
.signature-form input{
  overflow-wrap:anywhere;
  word-break:normal;
}
.signature-form input{min-width:0}

@media(max-width:600px){
  .container{width:calc(100% - 22px);max-width:100%;margin-inline:auto}
  .topbar-inner{justify-content:center}
  .brand{max-width:100%}
  .top-contact{max-width:100%}

  .final-cta{padding:58px 11px 68px}
  .final-cta .container{width:100%}
  .final-cta .btn,
  .final-cta .btn-white{width:100%;min-width:0;font-size:1.08rem;padding:17px 18px}

  .signature-dialog{
    width:calc(100dvw - 12px);
    max-width:calc(100dvw - 12px);
    max-height:calc(100dvh - 12px);
    border-radius:20px;
  }
  .signature-form{padding:58px 14px 24px}
  .signature-form h2{font-size:clamp(1.65rem,8vw,2.1rem);line-height:1.18}
  .dialog-close-form{left:10px;top:8px}
  .close{width:40px;height:40px}
  .agreement-summary{padding:14px;margin:14px 0}
  .agreement-box{
    max-height:none;
    overflow:visible;
    padding:14px 12px;
    margin:14px 0;
  }
  .agreement-box h3{margin-top:0}
  .agreement-box ol{padding-inline-start:1.4rem;padding-inline-end:0}
  .agreement-box li{margin-bottom:12px;line-height:1.72}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .checks label{display:flex;align-items:flex-start;gap:8px}
  .checks input{flex:0 0 auto;margin:5px 0 0}
  .form-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .form-actions button{width:100%;min-width:0}
}


/* V0.2.1 - restore signature drawer (bottom sheet) + internal agreement scroll */
body.signature-sheet-open{overflow:hidden}
.signature-dialog{
  position:fixed;
  inset:auto 0 0 0;
  margin:0 auto;
  width:min(960px,100dvw);
  max-width:100dvw;
  height:min(92dvh,900px);
  max-height:92dvh;
  border-radius:28px 28px 0 0;
  overflow:hidden;
  transform-origin:center bottom;
}
.signature-dialog[open]{animation:signature-sheet-up .28s cubic-bezier(.22,.82,.22,1) both}
.signature-dialog::backdrop{background:rgba(0,0,0,.66);animation:signature-backdrop-in .22s ease-out both}
.signature-form{
  height:100%;
  max-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
/* The document itself follows the sheet scroll - no second nested scroller on mobile. */
@keyframes signature-sheet-up{from{transform:translateY(100%);opacity:.82}to{transform:translateY(0);opacity:1}}
@keyframes signature-backdrop-in{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.66)}}
@media(max-width:600px){
  .signature-dialog{
    width:100dvw;
    max-width:100dvw;
    height:92dvh;
    max-height:92dvh;
    border-radius:24px 24px 0 0;
  }
  .signature-form{height:100%;max-height:100%;padding:58px 14px 28px;overflow-y:auto}
  .agreement-box{max-height:none;overflow:visible;scrollbar-gutter:auto}
}


/* V0.2.4 - browser autofill UI block: signer identity uses contenteditable controls, not profile-autofill inputs. */
.signer-field{font-weight:800;min-width:0}
.signer-entry{width:100%;min-height:49px;margin-top:6px;padding:14px;border:1px solid #d7d0c7;border-radius:10px;font-size:16px;line-height:1.35;background:#fff;color:#111;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.signer-entry:focus{border-color:#111;box-shadow:0 0 0 1px #111}
.signer-entry[contenteditable="false"]{background:#f6f6f6;cursor:default}
.signer-entry:empty[data-placeholder]::before{content:attr(data-placeholder);color:#8b8177;font-weight:500;pointer-events:none}


/* V0.2.5 - name/email/mobile never become editable page fields. They open a browser-native manual-entry prompt, so Chrome profile Autofill has no form field to target. */


/* =========================================================
   HADERA DEVELOPER / CONTRACTOR REBUILD V1.0
   Shell based on the known-working Netanya Facebook landing.
   ========================================================= */
.developer-page{background:#f5f2ec}
.developer-hero{background:linear-gradient(180deg,#0d0c0a,#1d1811);padding-top:24px}
.developer-hero-frame{width:min(1180px,calc(100% - 32px));margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.34);background:#111}
.developer-hero-image{display:block;width:100%;height:auto;max-height:664px;object-fit:contain;background:#111}
.developer-hero-cta{background:transparent;padding:26px 16px 32px}
.developer-hero-cta .blue-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:min(420px,92vw)}
.story-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 38px rgba(17,14,10,.08)}
.story-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#171410;color:var(--gold2);font-weight:900;margin-bottom:18px}
.story-card h3{margin:0 0 10px;font-size:23px}.story-card p{margin:0;color:var(--muted)}
.value-lead{font-size:21px!important;line-height:1.75;color:#e6dac9!important}
.developer-data-grid{grid-template-columns:repeat(4,1fr)}
.developer-data-grid div{min-height:126px}
.privacy-banner{margin-top:24px;padding:18px 20px;border-radius:14px;border:1px solid #e2ca91;background:#fff7df;color:#5e4715}
.materials-section{background:#fff}.materials-grid{grid-template-columns:repeat(5,1fr)}.materials-grid div{min-height:120px}.materials-grid span{font-weight:900;color:#9a762e}
.developer-cta .cta-box p{color:#eadfce;max-width:720px}
.company-section{background:#f5f2ec}.company-shell{width:min(960px,calc(100% - 32px))}
.form-card,.signature-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow);margin-top:28px}
.form-card h3,.signature-card h3{margin:0 0 20px;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.signature-card label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#342e27}.form-grid input,.signature-card textarea{width:100%;padding:14px;border:1px solid #d6cec2;border-radius:10px;font:inherit;background:#fff;color:#111}.form-grid input:focus,.signature-card textarea:focus{outline:3px solid rgba(191,148,77,.18);border-color:#b9934e}.span-2{grid-column:span 2}.field-note{display:block;color:#766c61;font-size:13px;margin-top:-8px}.hp{position:absolute!important;left:-10000px!important;opacity:0!important}.form-error{color:#b42318;font-weight:800;min-height:24px;margin:10px 0}.btn--primary{background:#1169b5;color:#fff}.btn--wide{width:100%;border-radius:999px}.submit-status{text-align:center;font-weight:800;margin-top:12px}
.section--agreement{padding:80px 0;background:#ece6dc}.section--agreement.is-locked{display:none}.shell--agreement{width:min(980px,calc(100% - 32px));margin-inline:auto}.section--agreement h2{font-size:clamp(30px,4vw,50px)}.agreement-frame{max-height:620px;overflow:auto;background:#fff;border:1px solid #d8d0c4;border-radius:20px;padding:30px;box-shadow:var(--shadow);margin-top:24px}.agreement{font-size:16px;line-height:1.75}.agreement__header{text-align:center;border-bottom:2px solid #e7e0d5;padding-bottom:18px;margin-bottom:22px}.agreement__header h3{margin:0 0 8px;font-size:25px}.agreement section{padding:14px 0;border-bottom:1px solid #eee8de}.agreement section:last-child{border-bottom:0}.agreement h4{margin:0 0 8px;font-size:18px}.agreement p{margin:7px 0}.agreement ol{padding-right:24px}.agreement-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.agreement-fields div{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed #ddd}.agreement-fields dt{font-weight:800}.agreement-fields dd{margin:0}.price-row{background:#fff6da;padding:10px!important;border-radius:8px}.radio-stack{display:grid;gap:10px;margin:12px 0 20px}.radio-stack label{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.is-hidden{display:none!important}.signature-meta{display:flex;flex-wrap:wrap;gap:12px 20px;padding:14px;background:#f5f6f7;border-radius:10px;margin-bottom:14px}.canvas-wrap{border:2px dashed #b8b1a6;border-radius:16px;background:#fff;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:220px;touch-action:none}.signature-actions{display:flex;justify-content:flex-start;margin:12px 0 20px}.legal-note{background:#f7f3ec;border-radius:10px;padding:12px;color:#6b6258;font-size:14px}.loading{color:#776d61}
.thanks-page{min-height:100vh;display:grid;place-items:center;background:#f5f2ec}.thanks-shell{width:min(760px,calc(100% - 28px));padding:40px 0}.thanks-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:46px;text-align:center;box-shadow:var(--shadow)}.success-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:#eaf7ef;color:#11853d;font-size:34px;font-weight:900}.unlock-actions{display:grid;gap:12px;margin-top:28px}.btn--secondary{background:#fff;border:1px solid var(--line);color:#111}.btn--whatsapp{background:#208d55;color:#fff}.locked-message{margin-top:22px}
@media(max-width:920px){.developer-data-grid{grid-template-columns:1fr 1fr}.materials-grid{grid-template-columns:1fr 1fr}.developer-hero-image{max-height:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.agreement-fields{grid-template-columns:1fr}}
@media(max-width:560px){.developer-hero{padding-top:10px}.developer-hero-frame{width:calc(100% - 12px);border-radius:14px}.developer-hero-cta{padding:20px 12px 26px}.developer-data-grid,.materials-grid{grid-template-columns:1fr}.section{padding:64px 0}.story-card{padding:20px}.form-card,.signature-card{padding:22px 15px;border-radius:18px}.agreement-frame{padding:18px 14px;max-height:560px}.agreement-fields div{grid-template-columns:1fr}.canvas-wrap canvas{height:180px}.topbar-inner{justify-content:center}.top-contact{display:none}}



/* =========================================================
   HADERA V1.1 - VISUAL CONTRAST UPGRADE
   Visual-only update on the Facebook-working V1.0 shell.
   No HTML / JS / agreement / API changes.
   ========================================================= */

:root{
  --ink:#102235;
  --muted:#526678;
  --gold:#d2aa43;
  --gold2:#f2d77c;
  --cream:#eef3f6;
  --paper:#ffffff;
  --dark:#061a2b;
  --blue:#0b6fd3;
  --blue2:#0757a8;
  --line:#dce4e9;
  --shadow:0 18px 50px rgba(8,31,48,.10);
}

/* Global contrast */
body,
.developer-page{
  background:#f4f7f9;
  color:var(--ink);
}
.section p{
  color:#4c6173;
}
.section h2,
.cta-box h2{
  color:#0b2033;
}
.section-kicker{
  color:#9a7114;
}
.muted{
  background:#eef3f6;
}

/* Top bar */
.topbar{
  background:rgba(5,23,38,.96);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.brand small{
  color:#b8c7d2;
}
.top-nav a{
  color:#d4e0e7;
}
.top-nav a:hover{
  color:#ffffff;
}
.top-contact{
  color:#ffffff;
}
.brand-mark{
  background:linear-gradient(135deg,#f0d77a,#b98b1f);
  color:#071a2b;
}

/* Hero shell - keep the working layout, change only atmosphere */
.developer-hero{
  background:linear-gradient(180deg,#061725,#0a2235);
}
.developer-hero-frame{
  background:#061725;
  box-shadow:0 28px 74px rgba(4,20,33,.36);
  border:1px solid rgba(255,255,255,.08);
}
.developer-hero-image{
  background:#061725;
}
.developer-hero-cta{
  background:linear-gradient(180deg,#071b2c,#0a2235);
}
.developer-hero-cta p{
  color:#c7d4dc;
}
.blue-cta{
  background:linear-gradient(135deg,#f0cf6a,#d7aa3d);
  color:#092034;
  box-shadow:0 15px 34px rgba(210,170,67,.28);
}
.blue-cta:hover{
  background:linear-gradient(135deg,#f5da87,#c99a2c);
  color:#061a2b;
}

/* Opportunity section */
.story-section{
  background:#ffffff;
}
.story-section .section-head{
  border-bottom:1px solid #e2e8ec;
  padding-bottom:24px;
}
.story-card{
  background:#ffffff;
  border:1px solid #dce4e9;
  box-shadow:0 12px 34px rgba(8,31,48,.07);
}
.story-card>span{
  background:#08233a;
  color:#f1d477;
}
.story-card h3{
  color:#0b2033;
}
.story-card p{
  color:#506578;
}

/* Strong visual break */
.value-section{
  background:linear-gradient(135deg,#061a2b 0%,#0b2e49 55%,#0c3d60 100%);
  color:#ffffff;
}
.value-section h2{
  color:#ffffff;
}
.value-section .section-kicker{
  color:#f2d77c;
}
.value-section p,
.value-lead{
  color:#dbe7ed!important;
}
.value-list{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:none;
}
.value-list div{
  border-bottom:1px solid rgba(255,255,255,.12);
}
.value-list strong{
  color:#ffffff;
}
.value-list span{
  color:#c7d6df;
}

/* Deal data */
#deal-data{
  background:#eef3f6;
}
#deal-data .section-head{
  border-bottom:1px solid #d9e2e7;
  padding-bottom:24px;
}
.data-grid div{
  background:#ffffff;
  border:1px solid #d9e2e7;
  box-shadow:0 8px 24px rgba(8,31,48,.05);
}
.data-grid span{
  color:#63788a;
}
.data-grid strong{
  color:#0c2235;
}
.privacy-banner{
  background:#fff8e2;
  border:1px solid #e4c86f;
  color:#49370b;
  box-shadow:0 8px 24px rgba(210,170,67,.10);
}

/* Materials */
.materials-section{
  background:#ffffff;
}
.materials-section .section-head{
  border-bottom:1px solid #e1e7eb;
  padding-bottom:24px;
}
.materials-grid div{
  background:#f8fafb;
  border:1px solid #dce4e9;
  box-shadow:none;
}
.materials-grid span{
  color:#a67c17;
}
.materials-grid strong{
  color:#0b2033;
}

/* Main conversion CTA */
.cta-section{
  background:linear-gradient(135deg,#061a2b,#0a3d61);
}
.cta-box{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 18px 54px rgba(0,0,0,.16);
}
.cta-box h2{
  color:#ffffff;
}
.developer-cta .cta-box p{
  color:#d4e1e8;
}
.section-kicker.light{
  color:#f2d77c;
}
.btn-white{
  background:linear-gradient(135deg,#f0d77a,#d2aa43);
  color:#071a2b;
  box-shadow:0 10px 28px rgba(210,170,67,.22);
}

/* Company gate */
.company-section{
  background:#eef3f6;
}
.company-shell>.section-head{
  border-bottom:1px solid #d8e1e6;
  padding-bottom:24px;
}
.form-card,
.signature-card{
  background:#ffffff;
  border:1px solid #d9e2e7;
  box-shadow:0 16px 42px rgba(8,31,48,.08);
}
.form-card h3,
.signature-card h3{
  color:#0b2033;
}
.form-grid label,
.signature-card label{
  color:#263b4b;
}
.form-grid input,
.signature-card textarea{
  border-color:#cdd8df;
}
.form-grid input:focus,
.signature-card textarea:focus{
  outline:3px solid rgba(11,111,211,.12);
  border-color:#0b6fd3;
}
.btn--primary{
  background:linear-gradient(135deg,#0b6fd3,#0757a8);
  color:#ffffff;
  box-shadow:0 12px 28px rgba(11,111,211,.22);
}

/* Agreement container only - document content stays unchanged */
.section--agreement{
  background:#e9eff3;
}
.section--agreement h2{
  color:#0b2033;
}
.agreement-frame{
  border-color:#d4dfe5;
  box-shadow:0 16px 44px rgba(8,31,48,.08);
}
.legal-note{
  background:#f1f5f7;
  color:#506273;
}

/* Footer */
footer{
  background:#051522;
}
.footer-grid span{
  color:#aebfca;
}

/* Mobile contrast and density */
@media(max-width:560px){
  .developer-hero-cta{
    background:#071b2c;
  }
  .story-section,
  .materials-section{
    background:#ffffff;
  }
  .story-card{
    box-shadow:0 8px 22px rgba(8,31,48,.06);
  }
  .cta-box{
    border-radius:22px;
  }
}