:root{--dark: #3a3a3a;--dark-bg: #4a4a4a;--gray-tile: #9e9e9e;--gray-tile-light: #b0b0b0;--bg: #f0ede8;--surface: #ffffff;--text: #222;--text-muted: #666;--text-light: #eee;--border: #ddd;--accent: #6a6a6a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Rubik,system-ui,-apple-system,sans-serif;background:#d6d3ce;color:var(--text);line-height:1.6;min-height:100vh;display:flex;justify-content:center}a{color:inherit;text-decoration:none}#root{width:100%;max-width:480px}.card-page{background:var(--bg);min-height:100vh}.top-header{position:relative;background:linear-gradient(180deg,#fffffff7,#f5f3eefa);padding:24px 16px 18px;text-align:center;border-bottom:1px solid rgba(0,0,0,.06);overflow:hidden}.top-header:before{content:"HNZ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7rem;font-weight:800;color:#00000008;letter-spacing:.15em;pointer-events:none;z-index:0}.top-header__brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px;position:relative;z-index:1}.top-header__he{display:flex;flex-direction:column;text-align:right}.top-header__name-he{font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.3}.top-header__title-he{font-size:.78rem;color:var(--text-muted);font-weight:500}.top-header__logo{flex-shrink:0}.top-header__initials{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:var(--dark);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.08em}.top-header__en{display:flex;flex-direction:column;text-align:left;direction:ltr}.top-header__name-en{font-size:.78rem;color:var(--text-muted);font-weight:600;line-height:1.3}.top-header__role{font-size:.72rem;color:var(--text-muted);letter-spacing:.06em;font-weight:500}.top-header__services{font-size:.8rem;color:var(--text-muted);line-height:1.7;margin-bottom:6px;position:relative;z-index:1}.top-header__contact{font-size:.76rem;color:var(--accent);direction:ltr;position:relative;z-index:1}.hero{position:relative;width:100%;background:#ddd9d3;overflow:hidden}.hero__watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10rem;font-weight:800;color:#0000000b;letter-spacing:.12em;pointer-events:none;z-index:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.hero__image{position:relative;z-index:2;width:100%;display:block;object-fit:cover;object-position:center top;max-height:440px}.hero__share{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:5px;padding:7px 14px;background:#3a3a3ad1;color:#fff;border:none;border-radius:20px;font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer;z-index:3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s ease,transform .15s ease}.hero__share:hover{background:#3a3a3af2}.hero__share:active{transform:scale(.95)}.hero__share svg{color:#25d366;flex-shrink:0}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:var(--bg)}button.action{border:none;cursor:pointer;font-family:inherit}.action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 8px 14px;background:linear-gradient(145deg,#c8c8c88c,#b4b4b466,#a0a0a073);border-radius:12px;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000000f,inset 0 1px #fff3}.action__icon{width:44px;height:44px;display:grid;place-items:center;color:#fff}.action__icon svg{width:30px;height:30px}.action__label{font-size:.78rem;font-weight:600;color:var(--text);line-height:1.3}.dark-section{background:var(--dark);color:var(--text-light);padding:32px 24px;text-align:center}.dark-section__name{font-size:1.35rem;font-weight:700;margin-bottom:24px;line-height:1.4}.dark-section__about h2{font-size:1.3rem;font-weight:700;margin-bottom:10px}.dark-section__divider{width:60px;height:2px;background:#ffffff59;margin:0 auto 16px}.dark-section__about p{font-size:.9rem;color:#fffc;line-height:2}.lead{padding:24px 20px;background:var(--bg)}.lead__form{display:grid;gap:10px}.lead__form input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:1rem;background:var(--surface);text-align:right}.lead__form input:focus{outline:none}.lead__submit{padding:14px;border:none;border-radius:6px;background:var(--dark);color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.lead__submit:active{opacity:.85}.lead__thanks{text-align:center;font-weight:600;padding:12px;color:#43a047}.call-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--surface);border-top:1px solid var(--border);font-size:.95rem}.call-bar span{color:var(--text-muted);font-weight:500}.call-bar__phone{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--dark);direction:ltr;font-size:1.1rem}.call-bar__phone svg{color:#43a047}.card-footer{text-align:center;padding:18px 20px 28px;font-size:.78rem;color:var(--text-muted);background:var(--bg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes subtlePulse{0%,to{box-shadow:0 0 #3a3a3a4d}50%{box-shadow:0 0 0 8px #3a3a3a00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.top-header{animation:fadeIn .6s ease-out both}.top-header__brand{animation:fadeInUp .5s ease-out .1s both}.top-header__services{animation:fadeInUp .5s ease-out .25s both}.top-header__contact{animation:fadeInUp .5s ease-out .35s both}.hero{animation:fadeIn .5s ease-out .35s both}.hero__share{animation:fadeInUp .4s ease-out .5s both}.action{animation:fadeInUp .45s ease-out both}.action:nth-child(1){animation-delay:.4s}.action:nth-child(2){animation-delay:.48s}.action:nth-child(3){animation-delay:.56s}.action:nth-child(4){animation-delay:.64s}.action:nth-child(5){animation-delay:.72s}.action:nth-child(6){animation-delay:.8s}.dark-section{animation:fadeIn .6s ease-out .7s both}.dark-section__name{animation:slideInFromRight .5s ease-out .8s both}.dark-section__about{animation:fadeInUp .5s ease-out .95s both}.lead{animation:fadeInUp .5s ease-out 1s both}.call-bar{animation:fadeIn .4s ease-out 1.1s both}.top-header__initials{background:linear-gradient(110deg,var(--dark) 30%,#555 50%,var(--dark) 70%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;animation-delay:1.5s}.action{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.action:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.action:active{transform:scale(.93) translateY(0);box-shadow:none}.lead__submit{animation:subtlePulse 2.5s ease-in-out infinite;animation-delay:2s;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.lead__submit:hover{background:#444;transform:translateY(-1px);box-shadow:0 4px 12px #0003;animation:none}.call-bar__phone{transition:color .2s ease,transform .15s ease}.call-bar__phone:hover{color:#43a047;transform:scale(1.03)}.lead__form input{transition:border-color .2s ease,box-shadow .2s ease}.lead__form input:focus{border-color:var(--dark);box-shadow:0 0 0 3px #3a3a3a1a}.top-header__logo:hover .top-header__initials{animation:float 2s ease-in-out infinite}.dark-section__divider{transform-origin:center;animation:growWidth .6s ease-out 1.05s both}@keyframes growWidth{0%{width:0;opacity:0}to{width:60px;opacity:1}}.lead__thanks{animation:fadeInUp .5s ease-out both}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--dark);color:#fff;padding:8px 16px;z-index:100;text-decoration:none}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--dark);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 500px){body{padding:24px 16px;align-items:flex-start}.card-page{border-radius:16px;box-shadow:0 12px 40px #00000026;min-height:auto;overflow:hidden}}
