/* The front page: Erez's design (#403). His stylesheet as he wrote it,
   scoped to #nadlan-home, one rule a line, so it can be read beside his
   source; what changed is named here.

   His html and body rules are held to this page (html:has(#nadlan-home)):
   Turbo leaves an untracked sheet in the head after a visit away, and his
   smooth scroll and header room would follow onto the next screen.

   His block's direction:rtl and text-align:right follow the page's own
   direction instead, so the English draft reads left to right.

   His values are kept but two: the mock card's "NADLAN CARD" line,
   #787397, came to 4.47:1 on white and is a shade darker, #777295; and the
   mock portrait's border, his #f1f0ff, is the tint token, #eeedff.

   Every colour is a token. With no look chosen the tokens are his navy and
   purple, and so with Light picked (Adam, look round 2); a visitor who
   picks any other look from the header's look button gets .nc-themed, and the tokens become the site's own (application.css's two
   blocks, or a house palette on <html>, SiteLook). His deep sections (the
   stage, the photo story, the closing call) keep a dark ground in a dark
   look rather than turning to a bright band.

   Added to his: the header's tools (accessibility, look, language), his
   reduced-motion rule named selector by selector (motion_guards_test.rb
   reads it that way), and the dead-card pop-up (#400), which sits outside
   #nadlan-home so his element rules do not reach it. Pairs are weighed in
   test/assets/landing_contrast_test.rb and, in every look, by the
   accessibility audit. */

#nadlan-home {
  --nc-ink: #142344;
  --nc-muted: #5c6476;
  --nc-blue: #544df2;
  --nc-blue-dark: #4038d5;
  --nc-on-blue: #ffffff;
  --nc-paper: #ffffff;
  --nc-line: #e3e6ee;
  --nc-soft: #f5f6fa;
  --nc-tint: #eeedff;
  --nc-edge: #d9dde7;
  --nc-consent: #687084;
  --nc-ring: #8b58dc;
  --nc-person-hover: #c2bcfc;
  --nc-deep: #142344;
  --nc-on-deep: #ffffff;
  --nc-deep-label: #c6c1ff;
  --nc-deep-text: #d0d6e4;
  --nc-deep-lead: #c1c8d7;
  --nc-deep-faint: #adb6c9;
  --nc-deep-eyebrow: #bdb8ff;
  --nc-deep-hover: #eeedff;
  --nc-deep-ring: #8b58dc;
  /* The open menu's ground and its dividers (Adam's hand test on #445):
     the ink laid over the paper, so every look follows. */
  --nc-menu: color-mix(in srgb, var(--nc-paper) 92%, var(--nc-ink));
  --nc-menu-line: color-mix(in srgb, var(--nc-paper) 75%, var(--nc-ink));
}
#nadlan-home.nc-themed {
  --nc-ink: var(--v-ink);
  --nc-muted: var(--v-ink-muted);
  --nc-blue: var(--v-accent);
  --nc-blue-dark: color-mix(in srgb, var(--v-accent) 85%, var(--v-ink));
  --nc-on-blue: var(--v-on-accent);
  --nc-paper: var(--v-surface);
  --nc-line: var(--v-line);
  --nc-soft: var(--v-page);
  --nc-tint: color-mix(in srgb, var(--v-accent) 10%, var(--v-surface));
  --nc-edge: var(--v-line);
  --nc-consent: var(--v-ink-muted);
  --nc-ring: var(--v-accent);
  --nc-person-hover: color-mix(in srgb, var(--v-accent) 45%, var(--v-surface));
  --nc-deep: var(--v-ink);
  --nc-on-deep: var(--v-surface);
  --nc-deep-label: color-mix(in srgb, var(--nc-on-deep) 85%, var(--nc-deep));
  --nc-deep-text: color-mix(in srgb, var(--nc-on-deep) 85%, var(--nc-deep));
  --nc-deep-lead: color-mix(in srgb, var(--nc-on-deep) 85%, var(--nc-deep));
  --nc-deep-faint: color-mix(in srgb, var(--nc-on-deep) 80%, var(--nc-deep));
  --nc-deep-eyebrow: color-mix(in srgb, var(--nc-on-deep) 85%, var(--nc-deep));
  --nc-deep-hover: color-mix(in srgb, var(--nc-on-deep) 88%, var(--nc-deep));
  /* A look's accent on its own ink is near the same colour (review of
     #404, finding 2): the deep sections ring in their own words' colour. */
  --nc-deep-ring: var(--nc-on-deep);
}
html[data-theme="dark"] #nadlan-home.nc-themed {
  --nc-deep: color-mix(in srgb, var(--v-accent) 14%, var(--v-page));
  --nc-on-deep: var(--v-ink);
}

/* Erez's stylesheet. */
/* All styles are scoped to #nadlan-home to coexist with landing-page builders. */
html:has(#nadlan-home){scroll-behavior:smooth;scroll-padding-top:100px}
body:has(#nadlan-home){margin:0}
#nadlan-home{color:var(--nc-ink);background:var(--nc-paper);font-family:Heebo,Arial,sans-serif;font-size:17px;line-height:1.75;text-align:start;isolation:isolate;overflow:clip}
#nadlan-home *,#nadlan-home *::before,#nadlan-home *::after{box-sizing:border-box}
#nadlan-home h1,#nadlan-home h2,#nadlan-home h3,#nadlan-home p{margin:0}
#nadlan-home a{color:inherit;text-decoration:none}
#nadlan-home button{font:inherit}
#nadlan-home img{display:block;max-width:100%;object-fit:cover}
#nadlan-home [hidden]{display:none!important}
#nadlan-home :focus-visible{outline:3px solid var(--nc-ring);outline-offset:5px}
#nadlan-home .nc-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
#nadlan-home .nc-section{padding-block:100px}
#nadlan-home .nc-eyebrow{font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--nc-blue);display:flex;gap:10px;align-items:center;margin-block-end:16px}
#nadlan-home .nc-eyebrow::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
#nadlan-home h2{font-size:clamp(30px,3.2vw,46px);font-weight:800;line-height:1.25;letter-spacing:-.035em;text-wrap:balance}
#nadlan-home h3{font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.02em}
#nadlan-home .nc-lead{color:var(--nc-muted);font-size:18px;line-height:1.85;max-width:580px;margin-block-start:18px}
#nadlan-home .nc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 26px;border-radius:10px;border:1px solid transparent;font-weight:700;font-size:16px;line-height:1.5;cursor:pointer;text-align:center;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
#nadlan-home .nc-btn:hover{transform:translateY(-2px)}
#nadlan-home .nc-btn-primary{background:var(--nc-blue);color:var(--nc-on-blue);box-shadow:0 8px 20px color-mix(in srgb,var(--nc-blue) 10%,transparent)}
#nadlan-home .nc-btn-primary:hover{background:var(--nc-blue-dark);box-shadow:0 10px 26px color-mix(in srgb,var(--nc-blue) 17%,transparent)}
#nadlan-home .nc-btn-plain{background:transparent;border-color:var(--nc-line)}
#nadlan-home .nc-btn-plain:hover{background:var(--nc-soft)}
#nadlan-home .nc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#nadlan-home .nc-skip{position:fixed;top:-100px;inset-inline-start:20px;padding:12px 18px;background:var(--nc-paper);z-index:100}
#nadlan-home .nc-skip:focus{top:10px}
/* Navigation */
#nadlan-home .nc-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--nc-paper) 93%,transparent);border-bottom:1px solid var(--nc-line);backdrop-filter:blur(18px)}
#nadlan-home .nc-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
#nadlan-home .nc-brand{display:flex;align-items:center;gap:11px;flex:none;line-height:1.2}
/* NadlanCard's mark (PR #481): the N in the ink, the roof in the accent,
   straight on the header's ground; landing_contrast_test.rb weighs both. */
#nadlan-home .nc-brand-icon{width:41px;height:41px;display:grid;place-items:center;color:var(--nc-ink)}
#nadlan-home .nc-brand-icon .nc-mark{width:100%;height:100%}
#nadlan-home .nc-mark-roof{stroke:var(--nc-blue)}
#nadlan-home .nc-brand strong{display:block;font-size:23px;font-weight:800;letter-spacing:-.06em}
#nadlan-home .nc-brand small{display:block;font-size:10px;letter-spacing:.17em;margin-block-start:4px;direction:ltr;text-align:right}
#nadlan-home .nc-nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}
#nadlan-home .nc-nav-links a:hover,#nadlan-home .nc-footer a:hover{color:var(--nc-blue)}
#nadlan-home .nc-nav-actions{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}
#nadlan-home .nc-nav-actions .nc-btn{min-height:44px;padding:10px 18px;font-size:14px}
#nadlan-home .nc-menu-button{display:none;width:44px;height:44px;border:1px solid var(--nc-line);border-radius:8px;background:var(--nc-paper);color:var(--nc-ink);cursor:pointer}
/* Hero */
#nadlan-home .nc-hero{padding-block:76px 70px;position:relative}
#nadlan-home .nc-hero-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:70px;align-items:center}
#nadlan-home .nc-hero h1{font-size:clamp(46px,5.2vw,72px);font-weight:800;line-height:1.18;letter-spacing:-.055em;max-width:660px}
#nadlan-home .nc-hero h1 span{color:var(--nc-blue)}
#nadlan-home .nc-hero-description{font-size:19px;line-height:1.85;color:var(--nc-muted);max-width:540px;margin-block-start:26px}
#nadlan-home .nc-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:30px}
#nadlan-home .nc-reassurance{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:14px;margin-block-start:20px;color:var(--nc-muted)}
#nadlan-home .nc-reassurance i{color:var(--nc-blue);font-size:12px;margin-inline-end:5px}
#nadlan-home .nc-consent{font-size:12px;line-height:1.8;color:var(--nc-consent);max-width:500px;margin-block-start:17px}
/* Product value strip */
#nadlan-home .nc-value-strip{border-top:1px solid var(--nc-line);border-bottom:1px solid var(--nc-line)}
#nadlan-home .nc-values{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px;gap:26px}
#nadlan-home .nc-value{display:flex;gap:13px;align-items:center;font-size:15px;font-weight:600}
#nadlan-home .nc-value i{font-size:23px;color:var(--nc-blue);width:30px;text-align:center}
/* Benefits */
#nadlan-home .nc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-block-end:42px}
#nadlan-home .nc-section-head>p{font-size:17px;line-height:1.8;color:var(--nc-muted);max-width:330px}
#nadlan-home .nc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#nadlan-home .nc-feature{border:1px solid var(--nc-line);border-radius:16px;padding:31px 28px;background:var(--nc-paper)}
#nadlan-home .nc-feature-icon{display:grid;place-items:center;width:49px;height:49px;background:var(--nc-tint);color:var(--nc-blue);border-radius:12px;font-size:23px;margin-block-end:28px}
#nadlan-home .nc-feature p{font-size:16px;color:var(--nc-muted);margin-block-start:13px;line-height:1.85}
#nadlan-home .nc-feature-footer{padding-block-start:22px;margin-block-start:24px;border-top:1px solid var(--nc-line);display:flex;gap:13px;color:var(--nc-blue);font-size:22px}
#nadlan-home .nc-edit-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-block-start:30px;font-size:15px;color:var(--nc-muted);text-align:center}
#nadlan-home .nc-edit-note i{color:var(--nc-blue)}
/* Real card gallery */
#nadlan-home .nc-gallery{background:var(--nc-soft);border-block:1px solid var(--nc-line)}
#nadlan-home .nc-gallery .nc-section-head{align-items:center}
#nadlan-home .nc-gallery-title{max-width:580px}
#nadlan-home .nc-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
#nadlan-home .nc-person{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--nc-paper);border:1px solid var(--nc-line);border-radius:14px;min-width:0;padding:26px 14px 20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#nadlan-home .nc-person:hover{transform:translateY(-5px);border-color:var(--nc-person-hover);box-shadow:0 12px 28px #1423440c}
#nadlan-home .nc-person-photo{position:relative;display:grid;place-items:center;width:82px;height:82px;background:var(--nc-tint);color:var(--nc-blue);border-radius:50%;overflow:hidden;margin-block-end:17px;flex:none;font-size:28px;font-weight:700}
#nadlan-home .nc-person-photo img{width:100%;height:100%;object-position:center 25%}
#nadlan-home .nc-person-name{font-size:17px;font-weight:700;line-height:1.45;max-width:100%;overflow-wrap:anywhere}
#nadlan-home .nc-person-agency{font-size:13px;line-height:1.6;color:var(--nc-muted);margin-block-start:5px;max-width:100%;overflow-wrap:anywhere}
#nadlan-home .nc-person-link{margin-block-start:auto;padding-block-start:17px;font-size:12px;color:var(--nc-blue);font-weight:600}
#nadlan-home .nc-person-link i{font-size:9px;margin-inline-start:5px}
#nadlan-home .nc-gallery-caption{font-size:13px;color:var(--nc-muted);margin-block-start:22px;text-align:center}
/* Supplied photography: stable gallery redirect URLs, never expiring S3 URLs. */
#nadlan-home .nc-photo-story{display:grid;grid-template-columns:1fr 1fr;background:var(--nc-deep);border-radius:18px;overflow:hidden;margin-block-start:55px}
#nadlan-home .nc-photo-story img{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:64% center}
#nadlan-home .nc-story-copy{padding:50px;align-self:center;color:var(--nc-on-deep)}
#nadlan-home .nc-story-label{font-size:14px;color:var(--nc-deep-label);font-weight:600}
#nadlan-home .nc-photo-story p{font-size:clamp(28px,3.6vw,43px);line-height:1.3;font-weight:700;margin-block:18px}
#nadlan-home .nc-story-description{display:block;font-size:17px;line-height:1.85;color:var(--nc-deep-text);max-width:370px}
@media(max-width:800px){#nadlan-home .nc-photo-story{grid-template-columns:1fr}#nadlan-home .nc-story-copy{padding:32px}#nadlan-home .nc-photo-story img{height:270px;min-height:0}#nadlan-home .nc-photo-story p{padding:0!important}}
@media(max-width:370px){#nadlan-home .nc-hero h1{font-size:39px}}
/* How it works */
#nadlan-home .nc-how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
#nadlan-home .nc-how-intro .nc-btn{margin-block-start:28px}
#nadlan-home .nc-step{display:grid;grid-template-columns:48px 1fr;gap:22px;padding-block:0 29px;margin-block-end:29px;border-bottom:1px solid var(--nc-line)}
#nadlan-home .nc-step:last-child{border:0;margin:0;padding-block-end:0}
#nadlan-home .nc-step-number{font-size:27px;font-weight:500;color:var(--nc-blue);line-height:1.4;direction:ltr}
#nadlan-home .nc-step p{font-size:16px;line-height:1.8;color:var(--nc-muted);margin-block-start:10px}
/* FAQ */
#nadlan-home .nc-faq{background:var(--nc-soft)}
#nadlan-home .nc-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
#nadlan-home .nc-faq details{border-bottom:1px solid var(--nc-edge)}
#nadlan-home .nc-faq details:first-child{border-top:1px solid var(--nc-edge)}
#nadlan-home .nc-faq summary{padding-block:23px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;font-weight:600;line-height:1.5}
#nadlan-home .nc-faq summary::-webkit-details-marker{display:none}
#nadlan-home .nc-faq summary i{flex:none;font-size:14px;color:var(--nc-blue);transition:transform .2s ease}
#nadlan-home .nc-faq details[open] summary i{transform:rotate(45deg)}
#nadlan-home .nc-faq details p{padding-block-end:25px;padding-inline-end:25px;font-size:16px;line-height:1.9;color:var(--nc-muted)}
/* Final CTA and footer */
#nadlan-home .nc-last{background:var(--nc-deep);color:var(--nc-on-deep);text-align:center;padding-block:85px}
#nadlan-home .nc-last .nc-eyebrow{justify-content:center;color:var(--nc-deep-eyebrow)}
#nadlan-home .nc-last h2{font-size:clamp(34px,4.3vw,55px);max-width:800px;margin-inline:auto}
#nadlan-home .nc-last .nc-lead{color:var(--nc-deep-lead);max-width:600px;margin-inline:auto}
#nadlan-home .nc-last .nc-btn{background:var(--nc-on-deep);color:var(--nc-deep);margin-block-start:29px;min-width:245px}
#nadlan-home .nc-last .nc-btn:hover{background:var(--nc-deep-hover)}
#nadlan-home .nc-last .nc-consent{color:var(--nc-deep-faint);margin-inline:auto}
#nadlan-home .nc-last-login{display:block;margin-block-start:18px;color:var(--nc-deep-lead);font-size:14px;text-decoration:underline!important;text-underline-offset:4px}
#nadlan-home .nc-footer{padding-block:35px;background:var(--nc-paper)}
#nadlan-home .nc-footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px}
#nadlan-home .nc-footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--nc-muted)}
#nadlan-home .nc-footer-bottom{padding-block-start:25px;margin-block-start:25px;border-top:1px solid var(--nc-line);display:flex;justify-content:space-between;gap:20px;color:var(--nc-muted);font-size:12px}
#nadlan-home .nc-mobile-cta{display:none}
@media(min-width:1500px){#nadlan-home .nc-hero-grid{gap:100px}#nadlan-home .nc-hero{padding-block:95px}}
@media(max-width:1100px){#nadlan-home .nc-nav-links{gap:18px}#nadlan-home .nc-nav-login{display:none}#nadlan-home .nc-hero-grid{gap:45px}#nadlan-home .nc-how-grid,#nadlan-home .nc-faq-grid{gap:55px}#nadlan-home .nc-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){html:has(#nadlan-home){scroll-padding-top:80px}#nadlan-home .nc-wrap{width:calc(100% - 40px)}#nadlan-home .nc-nav{height:74px;gap:16px}#nadlan-home .nc-menu-button{display:block}#nadlan-home .nc-nav-actions{margin-inline-start:auto;gap:10px}#nadlan-home .nc-nav-links{display:none;position:absolute;top:74px;inset-inline:0;background:var(--nc-menu);box-shadow:0 15px 20px #14234412;padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--nc-line)}#nadlan-home .nc-nav-links[data-open="true"]{display:flex}#nadlan-home .nc-nav-links a{padding:13px 10px;min-height:46px}#nadlan-home .nc-brand strong{font-size:21px}#nadlan-home .nc-brand small{font-size:9px}#nadlan-home .nc-brand-icon{width:36px;height:36px}#nadlan-home .nc-hero{padding-block:50px 55px}#nadlan-home .nc-hero-grid{grid-template-columns:1fr;gap:50px}#nadlan-home .nc-hero h1{font-size:clamp(43px,8.4vw,65px)}#nadlan-home .nc-hero-description{max-width:610px}#nadlan-home .nc-values{grid-template-columns:1fr 1fr;gap:24px}#nadlan-home .nc-section{padding-block:64px}#nadlan-home .nc-section-head{display:block;margin-block-end:30px}#nadlan-home .nc-section-head>p{margin-block-start:20px;max-width:550px}#nadlan-home .nc-feature-grid{grid-template-columns:1fr;gap:16px}#nadlan-home .nc-feature{padding:27px}#nadlan-home .nc-feature-icon{margin-block-end:20px}#nadlan-home .nc-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}#nadlan-home .nc-how-grid,#nadlan-home .nc-faq-grid{grid-template-columns:1fr;gap:36px}#nadlan-home .nc-faq .nc-lead{margin-block-start:14px}#nadlan-home .nc-footer-top{align-items:flex-start;flex-direction:column}#nadlan-home .nc-last{padding-block:65px}#nadlan-home .nc-photo-story{min-height:290px}#nadlan-home .nc-photo-story p{padding:30px}}
@media(max-width:520px){#nadlan-home{font-size:16px}#nadlan-home .nc-wrap{width:calc(100% - 36px)}#nadlan-home .nc-nav-actions>.nc-btn{display:none}#nadlan-home .nc-nav{height:68px}#nadlan-home .nc-nav-links{top:68px}#nadlan-home .nc-hero h1{font-size:45px;line-height:1.22}#nadlan-home .nc-hero-description{font-size:17px;margin-block-start:22px}#nadlan-home .nc-hero-buttons{gap:10px}#nadlan-home .nc-hero-buttons .nc-btn{width:100%}#nadlan-home .nc-hero-buttons .nc-btn-plain{min-height:44px;border:0;padding:7px}#nadlan-home .nc-reassurance{gap:7px 14px;font-size:13px;justify-content:center}#nadlan-home .nc-consent{text-align:center}#nadlan-home .nc-value{font-size:13px;gap:8px}#nadlan-home .nc-value i{font-size:19px;width:22px}#nadlan-home .nc-values{gap:22px 10px;padding-block:26px}#nadlan-home .nc-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#nadlan-home .nc-person{padding:23px 10px 19px}#nadlan-home .nc-person-photo{width:72px;height:72px}#nadlan-home .nc-person-name{font-size:16px}#nadlan-home .nc-person-agency{font-size:12px}#nadlan-home .nc-person-link{font-size:12px}#nadlan-home .nc-footer-links{gap:12px 22px}#nadlan-home .nc-footer-bottom{flex-direction:column;gap:8px}#nadlan-home .nc-footer{padding-block-end:110px}#nadlan-home .nc-mobile-cta{position:fixed;bottom:0;inset-inline:0;z-index:45;display:flex;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--nc-paper) 96%,transparent);border-top:1px solid var(--nc-line);backdrop-filter:blur(14px);box-shadow:0 -8px 24px #1423440a}#nadlan-home .nc-mobile-cta .nc-btn{width:100%;min-height:48px}#nadlan-home .nc-faq summary{font-size:17px}}
@media(max-width:800px){#nadlan-home .nc-hero-grid{grid-template-columns:minmax(0,1fr)}#nadlan-home .nc-hero-grid>*{min-width:0}}
@media(max-width:370px){#nadlan-home .nc-hero h1{font-size:37px}}
@media print{#nadlan-home .nc-header,#nadlan-home .nc-mobile-cta{position:static}}

/* The keyboard's ring in his deep sections, its own token (above). */
#nadlan-home .nc-photo-story :focus-visible,#nadlan-home .nc-last :focus-visible{outline-color:var(--nc-deep-ring)}

/* The header's tools, added on top of his design (Adam): the
   accessibility button, the look button and the language flags, each a
   thumb's height. */
/* The English page reads left to right: his block named rtl and right
   outright, here the page's own direction and its start; the small Latin
   line under the brand keeps to the brand's start edge. */
[dir="ltr"] #nadlan-home .nc-brand small{text-align:left}
#nadlan-home .nc-tools{display:flex;align-items:center;gap:6px}
/* Just over his 520px line the Hebrew press broke in two beside the tools. */
#nadlan-home .nc-nav-actions .nc-btn{white-space:nowrap}
#nadlan-home .nc-tool{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--nc-line);border-radius:8px;background:var(--nc-paper);color:var(--nc-ink);font-size:19px;cursor:pointer}
#nadlan-home .nc-tool:hover{background:var(--nc-soft)}
/* The flags never give way to a full bar (review of #404, finding 11). */
#nadlan-home .nc-langs{display:flex;flex:none;align-items:center;gap:2px}
#nadlan-home .nc-langs .v-lang-flag{min-height:44px;padding:0 .45rem}
#nadlan-home .nc-langs .v-lang-flag[aria-current="true"]{border-color:var(--nc-blue)}
/* The look button says its word beside the palette (round 1). */
#nadlan-home .nc-tool--caption{width:auto;grid-auto-flow:column;gap:6px;padding-inline:11px;font-size:14px;font-weight:600}
/* Where the links fold into the menu the flags leave the tools and stand
   centred between the brand and the tools (round 1). */
#nadlan-home .nc-langs--mid{display:none}
@media(max-width:1240px){#nadlan-home .nc-langs--bar{display:none}#nadlan-home .nc-langs--mid{display:flex;margin-inline:auto}#nadlan-home .nc-nav-actions{margin-inline-start:0}}
#nadlan-home .nc-footer-links{align-items:center}
/* Adam's pick, round 1: from 521 to 680px the bar has no room for the
   sign-up press beside the flags and tools, so his sticky press at the foot
   of the screen, his phone's, carries on up to 680px (640px until the
   flags stopped shrinking, review of #404, finding 11). */
@media(min-width:521px) and (max-width:680px){#nadlan-home .nc-nav-actions>.nc-btn{display:none}#nadlan-home .nc-footer{padding-block-end:110px}#nadlan-home .nc-mobile-cta{position:fixed;bottom:0;inset-inline:0;z-index:45;display:flex;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--nc-paper) 96%,transparent);border-top:1px solid var(--nc-line);backdrop-filter:blur(14px);box-shadow:0 -8px 24px #1423440a}#nadlan-home .nc-mobile-cta .nc-btn{width:100%;min-height:48px}}
/* Adam, look round 2: up to his 520px phone line the gallery shows its
   first eight cards; display:none takes the rest from a screen reader too.
   The server's pick is random, so the eight are. */
@media(max-width:520px){#nadlan-home .nc-person:nth-child(n+9){display:none}}
/* #419, Adam: the count falls as the rows narrow, full rows only. Five
   to a row fifteen, four twelve, three nine, the phone eight (above). */
@media(min-width:801px) and (max-width:1100px){#nadlan-home .nc-person:nth-child(n+13){display:none}}
@media(min-width:521px) and (max-width:800px){#nadlan-home .nc-person:nth-child(n+10){display:none}}
/* Adam's pick, round 1: up to his 520px phone line the bar's brand is its
   icon; its words leave the screen but stay its name for a screen reader.
   At 440px the flags had no room just over the line (review of #404,
   finding 11). */
@media(max-width:520px){#nadlan-home .nc-header .nc-brand>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
/* Between his phone and a wide desk his links no longer fit beside the
   three added tools: the Hebrew header broke onto two and three lines up
   to about 1180px (review of #404, finding 1). So the links give way to
   his menu button up to 1240px, room left for a scroll bar; his own phone
   menu, dropping from his 88px bar. */
@media(min-width:801px) and (max-width:1240px){#nadlan-home .nc-menu-button{display:block}#nadlan-home .nc-nav-links{display:none;position:absolute;top:88px;inset-inline:0;background:var(--nc-menu);box-shadow:0 15px 20px #14234412;padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--nc-line)}#nadlan-home .nc-nav-links[data-open="true"]{display:flex}#nadlan-home .nc-nav-links a{padding:13px 10px;min-height:46px}}
/* The narrowest phones: the bar's parts drawn tighter so the flags fit
   between the brand's icon and the tools. */
/* Up to his phone line the flags and the bar's gaps draw tighter: held
   whole, the flags no longer give way to the English word "Display"
   (review of #404, finding 11). */
@media(max-width:520px){#nadlan-home .nc-nav{gap:12px}#nadlan-home .nc-langs .v-lang-flag{padding:0 .25rem}}
@media(max-width:370px){#nadlan-home .nc-header .nc-wrap{width:calc(100% - 24px)}#nadlan-home .nc-nav{gap:4px}#nadlan-home .nc-nav-actions{gap:6px}#nadlan-home .nc-tools{gap:4px}#nadlan-home .nc-tool--caption{padding-inline:6px;font-size:13px;gap:5px}#nadlan-home .nc-langs .v-lang-flag{padding:0 .05rem}#nadlan-home .nc-brand{gap:8px}#nadlan-home .nc-brand strong{font-size:18px}}

/* A signed-in realtor's address (#407): in the header where the sign-in
   link stands, cut short when long; in the folded menu where it gives way. */
#nadlan-home .nc-signed-in{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nc-muted)}
#nadlan-home .nc-menu-email{display:none}
/* Signed in (#432): the personal area in the look button's spot, in the
   look's accent like the page's other ways onward; the look button in the
   menu, drawn as one of its links. */
#nadlan-home .nc-tool-account{color:var(--nc-blue);white-space:nowrap}
#nadlan-home .nc-menu-look{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font-weight:inherit;cursor:pointer}
#nadlan-home .nc-menu-look:hover{color:var(--nc-blue)}
@media(max-width:1240px){#nadlan-home .nc-menu-look{padding:13px 10px;min-height:46px}}
/* The narrowest phones: its icon gives way, so the menu button stays whole. */
@media(max-width:370px){#nadlan-home .nc-tool-account i{display:none}}
@media(max-width:1100px){#nadlan-home .nc-menu-email{display:block;padding:13px 10px;color:var(--nc-muted);overflow-wrap:anywhere}}
/* A quiet line between the folded menu's entries, none above the first;
   where the address stays in the bar, the first link is the first entry. */
@media(max-width:1240px){#nadlan-home .nc-nav-links>:not(:first-child){border-top:1px solid var(--nc-menu-line)}}
@media(min-width:1101px) and (max-width:1240px){#nadlan-home .nc-nav-links>.nc-menu-email+*{border-top:0}}
/* #483: on a phone, signed out, sign-in stands in the look button's spot
   in the personal area's colour, and the look moves into the menu; on a
   tablet too (#484), where the bar's own sign-in link has given way. The
   contact page has no menu, so its look stays in the bar beside sign-in,
   on a phone as its palette alone, its word kept for a screen reader as
   its name. Sign-in is one short word on one line, and the menu button
   stays whole beside the sign-up press from 681px. */
#nadlan-home .nc-tool-signin,#nadlan-home .nc-menu-look--phone{display:none}
@media(max-width:1100px){#nadlan-home .nc-tool-signin{display:grid}#nadlan-home .nc-menu-look--phone{display:flex}#nadlan-home .nc-tool-look{display:none}}
@media(max-width:800px){#nadlan-home .nc-tool-palette{flex:none;width:44px;padding-inline:0}#nadlan-home .nc-tool-palette .nc-tool-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}

/* The public contact page (#405) in the home page's frame (Adam, on the
   PR): the in-app page's form, on Erez's soft ground under his header.
   With no look or Light the form's own tokens (application.css) take his
   values, so its words, labels, boxes and press are his navy and purple;
   in any other look .nc-themed has made his tokens the site's, and the
   form keeps the look's own. His element rules zero every heading's and
   paragraph's margin and a link's underline; the form's are put back. */
#nadlan-home:not(.nc-themed) .nc-contact{--v-ink:var(--nc-ink);--v-ink-muted:var(--nc-muted);--v-accent:var(--nc-blue);--v-accent-soft:var(--nc-blue);--v-accent-line:var(--nc-blue);--v-on-accent:var(--nc-on-blue);--v-surface:var(--nc-paper);--v-line:var(--nc-line);--v-field:var(--nc-soft)}
#nadlan-home .nc-contact{background:var(--nc-soft);padding-block:48px 72px}
#nadlan-home .nc-contact .v-card{max-inline-size:34rem;margin-inline:auto}
#nadlan-home .nc-contact .v-back-home{margin-block:0 .75rem}
#nadlan-home .nc-contact .v-back-home a{color:var(--nc-blue);text-decoration:underline;text-underline-offset:3px}
#nadlan-home .nc-contact .v-title{display:flex;align-items:center;gap:.5rem;margin-block:0 .75rem;font-size:1.6rem;line-height:1.3}
#nadlan-home .nc-contact .v-alert{margin-block:0 1.25rem}
#nadlan-home .nc-contact .v-note{margin-block:0 1.25rem}
#nadlan-home .nc-contact .v-hint{margin-block:.45rem 0}
#nadlan-home .nc-contact .v-counter{margin-block:.3rem 0}
#nadlan-home .nc-contact .v-field-error{margin-block:.45rem 0}
#nadlan-home .nc-contact .v-field-error:empty{margin:0}
@media(max-width:520px){#nadlan-home .nc-contact{padding-block:24px 48px}#nadlan-home .nc-contact .v-card{padding:1.25rem}}

/* The hero's carousel (#419), Adam's approved demo. A slide sits on the
   track's centre line and the controller places it with custom properties:
   --pos its place (-1, 0, 1), --dir the page's direction, --s its scale,
   --o its fade, --bo how much of its blurred copy shows, --z its layer,
   --drag a finger's pull. Only transform and opacity move; the blur is a
   fixed copy cross-faded in, never a filter that animates. */
#nadlan-home .nc-carousel{width:100%;display:grid;gap:14px;justify-items:center;text-align:center}
#nadlan-home .nc-carousel-caption{font-size:15px;font-weight:700;color:var(--nc-muted)}
#nadlan-home .nc-carousel-viewport{position:relative;width:100%;max-width:520px;overflow:hidden;touch-action:pan-y;padding-block:18px;border-radius:24px;outline:none}
#nadlan-home .nc-carousel-viewport:focus-visible{box-shadow:0 0 0 3px var(--nc-ring)}
#nadlan-home .nc-carousel-track{position:relative;height:var(--h,430px)}
#nadlan-home .nc-slide{position:absolute;top:0;left:50%;width:min(66%,300px);transform:translateX(-50%) translateX(calc(var(--pos,0)*var(--dir,-1)*50% + var(--drag,0px))) scale(var(--s,.7));opacity:var(--o,0);z-index:var(--z,1);transition:transform .45s cubic-bezier(.22,.8,.25,1),opacity .45s cubic-bezier(.22,.8,.25,1);will-change:transform,opacity}
/* Drawn by the server before the script places them: the first card in the
   centre, its neighbours on each side, the rest hidden behind it. */
#nadlan-home .nc-slide[data-state="current"]{--s:1;--o:1;--z:10;--bo:0}
#nadlan-home .nc-slide[data-state="side"]{--s:.86;--o:.7;--z:5;--bo:1;cursor:pointer}
#nadlan-home .nc-slide[data-state="side"]:nth-child(2){--pos:1}
#nadlan-home .nc-slide[data-state="side"]:last-child{--pos:-1}
html[dir="ltr"] #nadlan-home .nc-slide{--dir:1}
/* The far card leaving is gone in 150ms, then moves behind the centre
   unseen; the one arriving slides out from behind it and shows from 40% of
   the slide. */
#nadlan-home .nc-slide.nc-slide--leaving{transition:opacity .15s linear,transform .45s cubic-bezier(.22,.8,.25,1) .15s}
#nadlan-home .nc-slide.nc-slide--arriving{transition:transform .45s cubic-bezier(.22,.8,.25,1),opacity .27s cubic-bezier(.22,.8,.25,1) .18s}
#nadlan-home .nc-slide[data-state="side"]::after{content:"";position:absolute;inset:0;z-index:2}
#nadlan-home .nc-slide-layer{transition:opacity .45s cubic-bezier(.22,.8,.25,1)}
#nadlan-home .nc-slide-layer--blurred{position:absolute;inset:0;filter:blur(4px);opacity:var(--bo,1)}
#nadlan-home .nc-slide-layer--sharp{opacity:calc(1 - var(--bo,1))}
#nadlan-home .nc-carousel--dragging .nc-slide,#nadlan-home .nc-carousel--dragging .nc-slide-layer,#nadlan-home .nc-carousel--snap .nc-slide,#nadlan-home .nc-carousel--snap .nc-slide-layer{transition:none!important}
/* The card in small: its palette's colours and its font from the style
   attribute (NadlanCard#look_css), and card.css's own night where it picked
   none, so the page's look never reaches into a realtor's card. */
#nadlan-home .nc-slide-card{--v-ink:#e7e9ec;--v-ink-muted:#98a1ad;--v-accent:#4c8dff;--v-on-accent:#000000;--v-surface:#17191d;--v-page:#0f1114;--v-line:#2a2f36;--v-font:"Heebo","Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--v-font);background:var(--v-page);border-radius:26px;padding:10px;box-shadow:0 2px 6px rgba(20,35,68,.08),0 18px 40px rgba(20,35,68,.16);transition:box-shadow .45s ease}
#nadlan-home .nc-slide[data-state="current"] .nc-slide-card{box-shadow:0 4px 10px rgba(20,35,68,.14),0 24px 50px rgba(20,35,68,.28)}
#nadlan-home .nc-slide-panel{background:var(--v-surface);color:var(--v-ink);border:1px solid var(--v-line);border-radius:18px;padding:22px 14px 14px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px}
#nadlan-home .nc-slide-photo{width:92px;height:92px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--v-surface),0 0 0 6px var(--v-accent)}
#nadlan-home .nc-slide-name{margin-block-start:6px;font-size:22px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
/* No agency still takes its one line, so the slide keeps its height. */
#nadlan-home .nc-slide-agency{color:var(--v-ink-muted);font-size:15px;line-height:1.5;overflow-wrap:anywhere;min-block-size:1.5em}
/* On a phone the card is narrower than the four buttons and the social
   row at full size: they shrink, never spill. */
#nadlan-home .nc-slide-actions{display:flex;justify-content:center;gap:clamp(4px,4%,10px);width:100%;margin-block-start:8px}
#nadlan-home .nc-slide-actions span{flex:0 1 44px;min-width:0;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--v-accent);color:var(--v-on-accent);font-size:19px}
#nadlan-home .nc-slide-rule{width:100%;height:1px;background:var(--v-line);margin-block:8px 2px}
#nadlan-home .nc-slide-social{display:flex;justify-content:center;gap:clamp(2px,3%,6px);width:100%}
#nadlan-home .nc-slide-social span{flex:0 1 40px;min-width:0;aspect-ratio:1;display:grid;place-items:center;color:var(--v-ink-muted);font-size:19px}
#nadlan-home .nc-slide-link{display:inline-flex;align-items:center;min-height:44px;padding-inline:12px;color:var(--v-accent);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#nadlan-home .nc-slide-link:focus-visible{outline:3px solid var(--v-accent);outline-offset:2px;border-radius:8px}
#nadlan-home .nc-carousel-chev{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:color-mix(in srgb,var(--nc-paper) 72%,transparent);color:var(--nc-ink);box-shadow:0 2px 10px rgba(20,35,68,.18);opacity:.45;transition:opacity .2s ease}
#nadlan-home .nc-carousel-chev:hover,#nadlan-home .nc-carousel-chev:focus-visible{opacity:1}
#nadlan-home .nc-carousel-chev:focus-visible{outline:3px solid var(--nc-ring);outline-offset:2px}
#nadlan-home .nc-carousel-chev svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html[dir="ltr"] #nadlan-home .nc-carousel-chev svg{transform:scaleX(-1)}
#nadlan-home .nc-carousel-chev--previous{inset-inline-start:6px}
#nadlan-home .nc-carousel-chev--next{inset-inline-end:6px}
#nadlan-home .nc-carousel-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
#nadlan-home .nc-carousel-dots button{width:24px;height:24px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
#nadlan-home .nc-carousel-dots button::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nc-line);transition:background .2s,transform .2s}
#nadlan-home .nc-carousel-dots button[aria-current="true"]::before{background:var(--nc-blue);transform:scale(1.3)}
#nadlan-home .nc-carousel-dots button:focus-visible{outline:2px solid var(--nc-ring);border-radius:50%}

/* His reduced-motion rule, selector by selector. */
@media (prefers-reduced-motion: reduce) {
  html:has(#nadlan-home) { scroll-behavior: auto; }
  #nadlan-home .nc-btn,
  #nadlan-home .nc-person,
  #nadlan-home .nc-faq summary i,
  #nadlan-home .nc-slide,
  #nadlan-home .nc-slide.nc-slide--leaving,
  #nadlan-home .nc-slide.nc-slide--arriving,
  #nadlan-home .nc-slide-layer,
  #nadlan-home .nc-slide-card,
  #nadlan-home .nc-carousel-chev,
  #nadlan-home .nc-carousel-dots button::before { transition: none; }
  #nadlan-home .nc-btn:hover,
  #nadlan-home .nc-person:hover { transform: none; }
}

/* A dead card's pop-up (#400, Adam's look at step 8, round 2): the
   message in amber for off the air, red for not found, both on the
   pop-up's own near-black ground; the page behind blurred. */
.v-landing-page {
  --v-landing-light: #f9f9f9;
  --v-landing-nav-hover: #555555;
  --v-landing-dead-ground: #1c1c1c;
  --v-landing-dead-off: #ffc233;
  --v-landing-dead-missing: #ff8a80;
  --v-landing-veil: rgba(0, 0, 0, .5);
}
.v-landing-dead {
  inline-size: min(28rem, calc(100vw - 32px));
  padding: 32px 20px;
  text-align: center;
  font-family: Heebo, Arial, sans-serif;
  color: var(--v-landing-light);
  background: var(--v-landing-dead-ground);
  border: 2px solid var(--v-landing-light);
  border-radius: 14px;
}
/* Written out, not var(--v-landing-veil): older Safari passes no custom
   property into ::backdrop, which would leave the page behind unveiled. */
.v-landing-dead::backdrop { background: rgba(0, 0, 0, .5); backdrop-filter: blur(6px); }
.v-landing-dead p { margin: 0 0 28px; font-size: 26px; line-height: 1.3; font-weight: bold; overflow-wrap: anywhere; }
.v-landing-dead-off { color: var(--v-landing-dead-off); }
.v-landing-dead-missing { color: var(--v-landing-dead-missing); }
/* The press on the pop-up's own ground (round 3), found by its light
   border; the ring is light inside dark, as the old page's was. */
.v-landing-dead-go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 44px;
  min-inline-size: 8rem;
  padding: 11px 20px;
  font-size: 18px;
  font-weight: 700;
  color: var(--v-landing-light);
  background: var(--v-landing-dead-ground);
  border: 2px solid var(--v-landing-light);
  border-radius: 10px;
  text-decoration: none;
}
.v-landing-dead-go:hover { background: var(--v-landing-nav-hover); }
.v-landing-dead-go:focus-visible { outline: 3px solid var(--v-landing-light); outline-offset: 3px; }