/* ===== s12 ===== */
@scope (.s12) {
:scope{
  --navy:#0e0d2c; --navy-deep:#071c37; --gold:#e5c38b; --gold-eyebrow:#e0c9a4;
  --gold-border:#e1caa5; --ink:#161616; --canvas-w:1920px;
  --font-body:"Assistant","Heebo",system-ui,sans-serif;
  --font-head:"Heebo","Assistant",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{direction:rtl;font-family:var(--font-body);color:var(--ink);background:#0b0a24;-webkit-font-smoothing:antialiased;overflow-x:clip;}
img{display:block;}
h1,h2,h3,h4,p,figure{margin:0;}
a{text-decoration:none;}
input,button{font:inherit;}

/* ===== scaled stage (identical convention to index.html) ===== */
.scaled{position:relative;width:100%;overflow:hidden;height:calc(100vw * var(--h) / 1920);}
.scaled > .stage{position:absolute;top:0;right:0;width:var(--canvas-w);height:calc(var(--h) * 1px);transform-origin:top right;transform:scale(calc(100vw / var(--canvas-w)));}

.yd5719{--h:936;}
/* The 5719:12 group sits at (-3,-21) inside the Figma frame; the stage keeps the group's
   own coordinates and is translated so the page matches the frame (banner bottom = 795). */
.yd5719 .stage{height:957px;transform:scale(calc(100vw / var(--canvas-w))) translate(-3px,-21px);
  background:linear-gradient(var(--navy) 0 816px,#ffffff 816px);}
.yd5719 abs,.yd5719 .a{position:absolute;}

/* ===== HERO BANNER ===== */
.hb{position:absolute;top:0;left:0;width:1920px;height:816px;overflow:hidden;background:var(--navy);}
.hb__desk{position:absolute;top:0;left:0;width:1920px;height:816px;object-fit:cover;}
.hb__ov1{position:absolute;inset:0;background:rgba(0,0,0,.2);}
.hb__ov2{position:absolute;inset:0;background:linear-gradient(to left,var(--navy) 9%,rgba(14,13,44,.9) 34%,rgba(14,13,44,.55) 55%,rgba(14,13,44,0) 78%);}
.hb__strip{position:absolute;top:0;left:1731px;width:189px;height:816px;background:var(--navy);}
.hb__topstrip{position:absolute;top:0;left:0;width:1920px;height:122px;z-index:4;
  background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0));}
.hb__yaron{position:absolute;left:425px;top:51px;width:624px;height:718px;object-fit:contain;object-position:bottom center;z-index:3;}

/* ===== HEADER ===== */
.hh__cta{position:absolute;left:313px;top:46px;width:226px;height:54px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:20px;font-weight:700;z-index:5;border:0;background:transparent;}
/* Figma: 3.6px stroke, linear gradient white -> #e5c38b */
.hh__cta::before{content:"";position:absolute;inset:0;padding:3.6px;pointer-events:none;
  background:linear-gradient(115deg,#ffffff 0%,var(--gold) 74%,var(--gold) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;}
.hh__nav{position:absolute;left:652px;top:53px;width:754px;height:40px;display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:0;z-index:5;}
.hh__nav a{color:#fff;font-size:18px;font-weight:500;line-height:40px;white-space:nowrap;}
.hh__logo{position:absolute;left:1468px;top:32px;width:144px;height:92px;z-index:5;}
.hh__logo img{width:144px;height:92px;}

/* ===== TEXT BLOCK ===== */
.tx__eyebrow{position:absolute;left:1402px;top:181px;width:211px;text-align:right;color:var(--gold-eyebrow);font-size:20px;font-weight:700;line-height:20px;z-index:4;}
.tx__eyebrow::after{content:"";position:absolute;left:8px;top:27px;width:202px;height:1px;background:var(--gold-eyebrow);}
.tx__h1{position:absolute;left:887px;top:241px;width:724px;text-align:right;color:#fff;font-family:var(--font-head);font-size:46px;font-weight:900;line-height:60px;z-index:4;}
.tx__bul{position:absolute;left:954px;top:462px;width:657px;height:200px;z-index:4;}
.tx__row{position:absolute;left:0;width:657px;display:flex;direction:rtl;align-items:flex-start;justify-content:flex-start;}
.tx__row .chk{width:36px;height:36px;flex:0 0 36px;margin-right:11px;order:-1;margin-top:-2px;}
.tx__row p{color:#fff;font-size:22px;font-weight:400;line-height:32px;text-align:right;width:610px;}
.tx__row p b{font-weight:700;}
.tx__row.r1{top:2px;}
.tx__row.r2{top:58px;}
.tx__row.r3{top:144px;}
.tx__card{position:absolute;left:312px;top:478px;width:324px;height:177px;background:rgba(40,40,40,.4);
  border:2px solid #ab8444;border-radius:8px;z-index:4;padding:13px 19px 14px 13px;}
.tx__card b{display:block;color:#fff;font-size:28px;font-weight:700;line-height:32px;text-align:right;}
.tx__card p{color:#fff;font-size:17px;font-weight:400;line-height:26px;text-align:right;margin-top:10px;}

/* ===== DUNS ===== */
.duns{position:absolute;left:3px;top:287px;width:100px;height:231px;z-index:4;}

/* ===== FORM CARD ===== */
.fm{position:absolute;left:312px;top:688px;width:1301px;height:269px;background:rgba(255,255,255,.9);border:0;
  outline:10px solid var(--gold-border);outline-offset:-10px;z-index:6;box-shadow:0 3px 25px rgba(7,28,55,.15);}
.fm__h2{position:absolute;left:24px;right:24px;top:24px;text-align:center;color:var(--navy);font-family:var(--font-head);font-size:44px;font-weight:900;line-height:70px;}
.fm__sub{position:absolute;left:24px;right:24px;top:75px;text-align:center;color:#000;font-size:20px;font-weight:400;line-height:70px;}
.fm__field{position:absolute;top:145px;height:52px;background:rgba(7,28,55,.1);border:1px solid rgba(0,0,0,.07);border-radius:2px;
  display:flex;align-items:center;padding:0 16px;color:#5e6062;font-size:19px;}
.fm__field input{border:0;background:transparent;width:100%;text-align:right;color:#5e6062;font-size:19px;outline:none;}
.fm__field input::placeholder{color:#5e6062;opacity:1;}
.fm__f-name{left:925px;width:335px;}
.fm__f-phone{left:563px;width:338px;}
.fm__f-src{left:202px;width:337px;justify-content:flex-start;}
.fm__f-src .lbl{text-align:right;flex:1;}
.fm__f-src .chev{width:14px;height:9px;flex:0 0 14px;margin-left:0;}
.fm__f-src .chev svg{display:block;}
.fm__btn{position:absolute;left:45px;top:145px;width:134px;height:54px;background:var(--navy);color:#fff;border:0;font-size:20px;font-weight:700;cursor:pointer;}
.fm__foot{position:absolute;left:24px;right:24px;top:220px;text-align:center;color:#000;font-size:17px;font-weight:400;line-height:22px;}

/* ===== mobile header + drawer (hidden on desktop) ===== */
.mh{display:none;}
.mdrawer{display:none;}

/* ============================================================
   RESPONSIVE FLOW — real reflow (no scale), tablet + mobile
   ============================================================ */

/* tablet 769–1024: 2-column name/phone, centered form */

/* ============================================================
   RESPONSIVE — flow reflow.  Desktop ≥1200 keeps the 1920 canvas.
   Tablet  768–1199  = centred flow column (max 720)
   Mobile  ≤767      = Figma "01 mobile" (5647:20493) 1:1
   ============================================================ */

/* ===== TABLET 768–1199 — two-up fields, roomier hero ===== */

/* ===== MOBILE ≤767 — 1:1 with the Figma mobile frame (375) ===== */

/* ============================================================
   RESPONSIVE — flow reflow.  Desktop ≥1200 keeps the 1920 canvas.
   Tablet  768–1199  = centred flow column (max 720)
   Mobile  ≤767      = Figma "01 mobile" (5647:20493) 1:1
   ============================================================ */

/* ===== TABLET 768–1199 — two-up fields, roomier hero ===== */

/* ===== MOBILE ≤767 — 1:1 with the Figma mobile frame (375) ===== */

/* ============================================================
   RESPONSIVE — flow reflow.  Desktop ≥1200 keeps the 1920 canvas.
   Tablet  768–1199  = centred flow column (max 720)
   Mobile  ≤767      = Figma "01 mobile" (5647:20493) 1:1
   ============================================================ */

/* ===== TABLET 768–1199 — two-up fields, roomier hero ===== */

/* ===== MOBILE ≤767 — 1:1 with the Figma mobile frame (375) ===== */

/* ============================================================
   RESPONSIVE — flow reflow.  Desktop ≥1200 keeps the 1920 canvas.
   Tablet  768–1199  = centred flow column (max 720)
   Mobile  ≤767      = Figma "01 mobile" (5647:20493) 1:1
   ============================================================ */
@media (max-width:1199px){
  body{background:var(--navy);}
  .yd5719.scaled{height:auto;overflow:visible;}
  .yd5719 .stage{position:relative;width:100%;height:auto;transform:none;background:var(--navy);
    display:flex;flex-direction:column;}

  /* desktop header off */
  .hh__cta,.hh__nav,.hh__logo{display:none;}

  /* ---- header: transparent, overlays the hero photo (Figma) ---- */
  .mh{order:1;position:absolute;top:0;right:0;left:0;z-index:9;
    display:flex;align-items:flex-start;justify-content:space-between;
    padding:13px 15px 34px;
    background:linear-gradient(to bottom,rgba(14,13,44,.95) 0%,rgba(14,13,44,.6) 52%,rgba(14,13,44,0) 100%);}
  .mh__stacked{display:none;}
  .mh__logo{display:flex;align-items:flex-start;gap:8px;direction:ltr;}
  .mh__mono{flex:0 0 53px;width:53px;height:36px;}
  .mh__mono img{display:block;width:100%;height:100%;}
  .mh__lock{display:flex;flex-direction:column;align-items:center;}
  .mh__name{font-family:"Radley",serif;font-size:15px;line-height:20px;color:#fff;white-space:nowrap;}
  .mh__sub{display:flex;align-items:center;gap:7px;}
  .mh__sub span{font-size:12.7px;line-height:14px;color:#fff;letter-spacing:.76px;white-space:nowrap;}
  .mh__sub i{display:block;width:29px;height:1px;background:rgba(255,255,255,.9);}
  .mh__burger{width:26px;height:19px;margin-top:6px;padding:0;gap:0;
    display:flex;flex-direction:column;justify-content:space-between;
    background:transparent;border:0;cursor:pointer;}
  .mh__burger span{display:block;height:2px;width:100%;background:var(--gold);border-radius:2px;}

  /* ---- hero photo ---- */
  .hb{order:2;position:relative;top:auto;left:auto;width:100%;height:auto;
      aspect-ratio:3/2;overflow:hidden;}
  .hb__desk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:12% center;}
  .hb__ov1{position:absolute;inset:0;background:rgba(0,0,0,.10);}
  .hb__strip,.hb__topstrip{display:none;}
  .hb__ov2{position:absolute;inset:0;z-index:4;
    background:linear-gradient(to top,var(--navy) 8%,rgba(14,13,44,.55) 34%,rgba(14,13,44,0) 62%);}
  .hb__yaron{position:absolute;left:50%;right:auto;top:auto;bottom:0;transform:translateX(-46%);
    height:92%;width:auto;object-fit:contain;z-index:3;}
  .duns{position:absolute;left:auto;right:0;top:24.7%;width:70px;height:auto;z-index:6;}

  /* ---- copy ---- */
  .tx__eyebrow{order:3;position:relative;z-index:4;left:auto;top:auto;width:auto;max-width:720px;
    text-align:center;margin:20px auto 0;padding:0 22px;
    font-size:19px;line-height:22px;font-weight:700;color:var(--gold-eyebrow);}
  .tx__eyebrow::after{content:"";display:block;width:164px;height:1px;
    background:var(--gold-eyebrow);margin:6px auto 0;}
  .tx__h1{order:4;position:relative;z-index:4;left:auto;top:auto;width:auto;max-width:720px;
    text-align:center;margin:18px auto 0;padding:0 22px;
    font-size:34px;line-height:44px;font-weight:400;color:#fff;overflow-wrap:break-word;}
  .tx__h1 b{font-weight:900;}
  .tx__h1 span{font-weight:400;}

  .tx__bul{order:5;position:static;left:auto;top:auto;width:auto;height:auto;max-width:720px;
    margin:24px auto 0;padding:0 22px;display:flex;flex-direction:column;gap:16px;}
  .tx__row{position:static!important;left:auto;top:auto!important;width:auto;}
  .tx__row .chk{width:28px;height:28px;flex:0 0 28px;margin-top:1px;}
  .tx__row p{width:auto;font-size:18px;line-height:26px;}
  .tx__row p br{display:none;}

  .tx__card{order:6;position:relative;z-index:4;left:auto;top:auto;width:auto;height:auto;max-width:720px;
    margin:26px auto 0;padding:16px 24px 20px;text-align:center;background:#282828;}
  .tx__card b{font-size:28px;line-height:36px;text-align:center;}
  .tx__card p{font-size:17px;line-height:26px;text-align:center;margin-top:6px;}

  /* ---- form card ---- */
  .fm{order:7;position:static;left:auto;top:auto;width:auto;height:auto;max-width:720px;
    margin:26px auto 40px;padding:26px 30px 32px;background:#fff;
    outline:8px solid var(--gold-border);outline-offset:-8px;box-shadow:none;
    display:flex;flex-wrap:wrap;}
  .fm > *{position:static;left:auto;right:auto;top:auto;}
  .fm__h2{flex:1 1 100%;width:100%;text-align:center;font-size:30px;line-height:40px;
    font-weight:900;color:var(--navy);margin:0;}
  .fm__sub{flex:1 1 100%;width:100%;text-align:center;font-size:18px;line-height:28px;
    color:#000;margin:15px 0 0;}
  .fm__field{width:100%!important;flex:1 1 100%;height:52px;margin:17px 0 0;padding:0 16px;}
  .fm__f-name{margin-top:22px;}
  .fm__field input,.fm__field .lbl{font-size:17px;}
  .fm__f-src{justify-content:space-between;}
  .fm__f-src .chev{width:16px;height:10px;flex:0 0 16px;}
  .fm__btn{width:150px;height:54px;flex:0 0 auto;margin:22px auto 0;font-size:20px;}
  .fm__foot{flex:1 1 100%;width:100%;margin:16px 0 0;font-size:15px;line-height:22px;text-align:center;}

  /* ===== mobile drawer ===== */
  .mdrawer{display:block;position:fixed;inset:0;z-index:100;background:var(--navy);
    padding:82px 32px 40px;transform:translateX(-100%);visibility:hidden;
    transition:transform .38s cubic-bezier(.22,.61,.36,1),visibility 0s .38s;}
  .mdrawer.is-open{transform:translateX(0);visibility:visible;
    transition:transform .42s cubic-bezier(.22,.61,.36,1);}
  .mdrawer__close{position:absolute;top:22px;left:24px;width:42px;height:42px;
    background:transparent;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;}
  .mdrawer__nav{display:flex;flex-direction:column;margin-top:16px;}
  .mdrawer__nav a{color:#fff;font-size:20px;font-weight:600;padding:16px 2px;
    border-bottom:1px solid rgba(255,255,255,.12);}
  .mdrawer__cta{display:block;margin-top:28px;text-align:center;padding:16px;
    border:1.6px solid var(--gold-border);border-radius:3px;color:var(--gold);font-size:19px;font-weight:700;}
}

/* ===== TABLET 768–1199 — two-up fields, roomier hero ===== */
@media (min-width:768px) and (max-width:1199px){
  .hb{aspect-ratio:16/9;}
  .tx__bul{max-width:640px;}
  .fm{gap:0 16px;}
  .fm__f-name,.fm__f-phone{flex:0 1 calc(50% - 8px);width:calc(50% - 8px)!important;margin-top:22px;}
  .fm__f-src{flex:1 1 100%;}
}

/* ===== MOBILE ≤767 — 1:1 with the Figma mobile frame (375) ===== */
@media (max-width:767px){
  /* photo block: 375×465 in Figma */
  .hb{aspect-ratio:375/465;}
  .hb__ov2{background:linear-gradient(to top,var(--navy) 0,var(--navy) 20%,rgba(14,13,44,.93) 27%,rgba(14,13,44,.58) 40%,rgba(14,13,44,.2) 58%,rgba(14,13,44,0) 78%);}
  .hb__yaron{left:9.3%;right:auto;top:11.2%;bottom:auto;transform:none;width:98.4%;height:auto;}
  .duns{top:24.7%;width:18.4%;height:auto;}

  /* eyebrow (y=301) sits over the bottom of the photo → pull the copy up */
  .tx__eyebrow{margin:calc(-100vw * 164 / 375) 0 0;padding:0 15px;
    font-size:15px;line-height:17px;}
  .tx__eyebrow::after{margin-top:5px;}
  .tx__h1{margin:16px 0 0;padding:0 15px;font-size:28px;line-height:38px;}

  /* bullets are not part of the mobile design */
  .tx__bul{display:none;}

  .tx__card{margin:24px 16px 0;padding:12px 17px 18px;background:#17162f;border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(229,195,139,.16);overflow:hidden;}
  .tx__card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(to right,rgba(197,164,92,0) 0%,#c9a45c 16%,#e5c38b 50%,#c9a45c 84%,rgba(197,164,92,0) 100%);}
  .tx__card b{font-size:26px;line-height:32px;}
  .tx__card p{font-size:16px;line-height:23px;margin-top:5px;}

  .fm{margin:14px 16px 0;padding:23px 28px 34px;}
  .fm__h2{font-size:24px;line-height:32px;}
  .fm__sub{font-size:16px;line-height:24px;margin-top:15px;}
  .fm__field{height:52px;margin-top:17px;}
  .fm__f-name{margin-top:21px;}
  .fm__field input,.fm__field .lbl{font-size:16px;}
  .fm__btn{width:134px;height:54px;margin-top:21px;font-size:20px;}
  .fm__foot{display:none;}
}

/* ===== Figma mobile 5647:20493 — corrected type scale + desktop-rule resets ===== */
@media (max-width:1199px){
  .tx__eyebrow::after{position:static;left:auto;top:auto;width:164px;}
  .tx__card{border:0;}
}
@media (max-width:767px){
  .tx__eyebrow{font-size:16px;line-height:17px;}
  .tx__h1{font-size:32px;line-height:38px;}
  .tx__card b{font-size:22px;line-height:32px;}
  .tx__card p{font-size:16px;line-height:22px;}
  .fm__h2{font-size:28px;line-height:32px;}
  .fm__sub{font-size:18px;line-height:24px;}
}
}