/* HR 0110: статическая витрина, локальные шрифты и изображения. */
:root { color-scheme:light; --paper:#f6f5ef; --ink:#172019; --muted:#6b6e72; --blue:#2348f5; --blue-dark:#1234cf; --lime:#d5f47c; --line:#d7d7cf; --white:#fffefa; --sans:"Rubik",sans-serif; --mono:"Martian Mono",monospace; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:34px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { color:inherit; }
button,summary { cursor:pointer; }
img,svg { display:block; max-width:100%; }
button,a,summary { touch-action:manipulation; }
:focus-visible { outline:3px solid var(--blue); outline-offset:5px; border-radius:3px; }
[hidden] { display:none !important; }
::selection { color:var(--ink); background:var(--lime); }
h1,h2,h3,p { margin:0; }
mark { color:inherit; background:var(--lime); }
.shell { width:min(100% - 112px,1440px); margin-inline:auto; }
.eyebrow { font:400 10px/1.7 var(--mono); letter-spacing:.055em; text-transform:uppercase; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; top:8px; left:8px; z-index:20; padding:16px; background:var(--lime); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.mobile-only { display:none; }
.focus-mark { display:inline-block; flex:0 0 auto; width:20px; height:20px; color:#a6d842; background:linear-gradient(currentColor,currentColor) top left/7px 3px,linear-gradient(currentColor,currentColor) top left/3px 7px,linear-gradient(currentColor,currentColor) top right/7px 3px,linear-gradient(currentColor,currentColor) top right/3px 7px,linear-gradient(currentColor,currentColor) bottom left/7px 3px,linear-gradient(currentColor,currentColor) bottom left/3px 7px,linear-gradient(currentColor,currentColor) bottom right/7px 3px,linear-gradient(currentColor,currentColor) bottom right/3px 7px; background-repeat:no-repeat; }
.brand { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.brand-hr { font-weight:700; font-size:38px; letter-spacing:-.085em; line-height:1; }
.brand-digits { font-family:var(--mono); font-size:22px; letter-spacing:-.09em; padding-top:3px; }
.brand .focus-mark { align-self:flex-start; width:16px; height:16px; margin-top:1px; margin-left:-2px; }
.site-header { border-bottom:1px solid #bfc1b7; }
.nav-row { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.desktop-nav,.nav-actions { display:flex; align-items:center; gap:34px; }
.desktop-nav { margin-left:auto; margin-right:auto; padding-left:60px; }
.desktop-nav a,.login { font-size:13px; }
.desktop-nav a,.login,.site-footer>a:not(.brand) { transition:color .2s; }
.desktop-nav a:hover,.login:hover,.site-footer>a:not(.brand):hover { color:var(--blue); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:30px; min-height:62px; padding:18px 25px; border:1px solid transparent; border-radius:7px; background:var(--blue); color:white; font-size:15px; font-weight:500; line-height:1.3; transition:background .2s,box-shadow .2s,transform .2s; }
.button span { font-size:20px; line-height:1; transition:transform .2s; }
.button:hover { background:var(--blue-dark); box-shadow:0 5px 0 #152991; transform:translateY(-2px); }
.button:hover span { transform:translate(2px,-2px); }
.button:active { transform:translateY(0); box-shadow:none; }
.button-small { min-height:46px; padding:13px 18px; font-size:12px; gap:16px; }
.text-link { display:inline-flex; align-items:center; gap:16px; color:var(--blue); font-size:14px; border-bottom:1px solid var(--blue); padding:9px 0 5px; white-space:nowrap; }
.text-link:hover { color:var(--blue-dark); border-bottom-width:2px; }
.hero { display:grid; grid-template-columns:1.02fr 1fr; gap:24px; padding-top:34px; padding-bottom:34px; }
.hero-copy { padding-top:23px; padding-bottom:20px; align-self:center; }
.hero .eyebrow { color:#464d50; font-size:9px; margin-bottom:28px; }
.eyebrow-divider { padding-inline:8px; color:#969d99; }
.hero h1 { font-size:clamp(48px,5.18vw,81px); line-height:1.055; font-weight:700; letter-spacing:-.06em; }
.hero h1>span { display:block; }
.hero h1 mark { position:relative; display:inline-block; margin-left:-7px; padding:0 9px 5px 7px; background:none; isolation:isolate; }
.hero h1 mark::before { content:""; position:absolute; z-index:-1; inset:5px 0 1px; background:var(--lime); transform:rotate(-1.3deg); }
.hero-description { margin-top:29px; font-size:clamp(16px,1.38vw,21px); line-height:1.45; letter-spacing:-.025em; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:29px; }
.hero-actions .button { gap:22px; }
.microcopy { font-size:11px; color:var(--muted); margin-top:19px; }
.hero-art { position:relative; background:var(--blue); border-radius:0 38px 0 38px; isolation:isolate; align-self:stretch; min-height:632px; }
.art-grid { position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:inherit; background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px); background-size:48px 48px; }
.art-grid::after { content:""; position:absolute; width:530px; height:530px; border:1px solid #ffffff14; border-radius:50%; bottom:-280px; left:-200px; box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff03; }
.source-slip { position:absolute; width:61%; left:-1%; top:35px; background:var(--white); border-radius:8px; padding:22px; transform:rotate(-6deg); box-shadow:0 14px 25px #07134729; }
.source-heading { display:flex; align-items:center; gap:10px; }
.facebook-icon { display:inline-flex; align-items:flex-end; justify-content:center; width:29px; height:29px; flex:0 0 auto; border-radius:50%; color:white; background:#1877f2; font:700 28px/.85 Arial,sans-serif; overflow:hidden; }
.source-heading strong { display:block; font-size:11px; font-weight:500; }
.source-heading>div>span { display:block; font-size:9px; color:var(--muted); margin-top:4px; }
.ellipsis { margin-left:auto; font-size:19px; align-self:flex-start; line-height:.8; }
.source-slip p { font-size:clamp(13px,1.25vw,19px); letter-spacing:-.025em; line-height:1.45; margin-top:21px; }
.source-slip mark { border-radius:3px; padding:1px 3px; margin-left:-3px; }
.post-meta { margin-top:21px; padding-top:9px; border-top:1px solid var(--line); display:flex; justify-content:space-between; font-size:10px; color:#6b6e72; }
.hebrew-slip { position:absolute; right:4%; top:60px; width:33%; padding:24px 18px 7px; background:#f0efe7; box-shadow:0 10px 24px #08134629; transform:rotate(9deg); text-align:center; }
.hebrew-slip p { font-size:clamp(22px,2.1vw,31px); white-space:nowrap; }
.hebrew-slip>span { font-size:13px; }
.hebrew-slip svg { width:62px; height:68px; margin:0 auto; }
.lead-slip { display:flex; gap:18px; position:absolute; top:40%; left:8%; width:92%; padding:24px 21px; border-radius:9px; background:var(--white); transform:rotate(-5deg); box-shadow:0 18px 32px #07134738; }
.portrait { position:relative; width:30%; height:240px; flex:0 0 30%; border:0; padding:0; border-radius:5px; background:#d4d6c9; overflow:hidden; isolation:isolate; }
.portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:52% 36%; }
.portrait-smile { opacity:0; transition:opacity .48s ease; }
.portrait.is-greeting .portrait-smile { opacity:1; }
.portrait:focus-visible { outline-color:var(--blue); outline-offset:4px; }
.portrait-wave { position:absolute; bottom:9px; left:7px; right:7px; display:flex; align-items:center; justify-content:space-between; font-size:9px; padding:6px 8px; background:var(--lime); border-radius:3px; opacity:0; transform:translateY(8px); transition:opacity .3s .12s,transform .3s .12s; }
.portrait.is-greeting .portrait-wave { opacity:1; transform:translateY(0); }
.lead-copy { min-width:0; flex:1; }
.lead-overline { display:flex; align-items:center; justify-content:space-between; gap:5px; }
.lead-overline>span:first-child { font:7px/1.5 var(--mono); text-transform:uppercase; color:#6e7770; }
.status-pill { display:inline-block; font-size:8px; white-space:nowrap; background:var(--lime); border-radius:20px; padding:5px 7px; }
.lead-copy h2 { font-weight:700; font-size:clamp(22px,2.2vw,34px); line-height:1.02; letter-spacing:-.055em; margin:12px 0 15px; }
.lead-facts { margin:0; font-size:clamp(9px,.75vw,12px); }
.lead-facts>div { display:grid; grid-template-columns:37% 1fr; padding:9px 0; border-top:1px solid var(--line); gap:5px; }
.lead-facts dt { color:var(--muted); }
.lead-facts dd { margin:0; }
.art-asterisk { position:absolute; left:-6%; top:66%; width:25%; color:var(--lime); transform:rotate(-6deg); filter:drop-shadow(0 6px 4px #1026560b); pointer-events:none; }
.art-note { position:absolute; bottom:52px; left:23%; display:flex; align-items:center; gap:14px; color:white; }
.art-note svg { width:105px; color:#162536; }
.art-note span { font:italic 11px/1.4 var(--mono); letter-spacing:-.08em; text-transform:uppercase; transform:rotate(-7deg); }
.art-caption { position:absolute; bottom:15px; right:20px; left:20px; text-align:right; color:#e0e7ff; font-size:8px; }
.value-strip { background:var(--blue); color:white; }
.value-row { display:grid; grid-template-columns:repeat(3,1fr); padding-top:24px; padding-bottom:24px; }
.value-row>div { display:flex; align-items:center; gap:24px; padding:8px 30px; border-left:1px solid #ffffff50; font-size:15px; letter-spacing:-.015em; }
.value-row>div:first-child { border-left:0; padding-left:0; }
.value-row>div:last-child { padding-right:0; }
.value-row svg { width:34px; height:34px; flex:0 0 auto; stroke:currentColor; stroke-width:1.5; }
.demo-section { padding-top:85px; }
.section-heading .eyebrow { color:#565e61; margin-bottom:21px; }
.section-heading h2 { font-size:clamp(34px,4vw,62px); line-height:1.12; font-weight:700; letter-spacing:-.055em; }
.section-intro { font-size:clamp(21px,2.45vw,36px); line-height:1.3; letter-spacing:-.04em; margin-top:9px; }
.demo { margin-top:36px; border:1px solid #cccfc5; border-radius:12px; padding:23px; background:#fcfbf6; }
.demo-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.demo-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.demo-tabs button { background:transparent; border:1px solid transparent; min-height:38px; padding:9px 17px; border-radius:5px; font-size:12px; transition:background .2s,border-color .2s; }
.demo-tabs button:hover { border-color:#b1b5a8; }
.demo-tabs button[aria-selected="true"] { background:var(--lime); border-color:var(--lime); color:#172019; }
.demo-tabs button[data-example="rejected"] { color:#676d62; margin-left:12px; }
.demo-tabs button[data-example="rejected"][aria-selected="true"] { color:#602b18; background:#f6ddc8; border-color:#f6ddc8; }
.demo-live { font:8px/1.5 var(--mono); color:var(--muted); white-space:nowrap; display:flex; align-items:center; gap:7px; }
.demo-live>span { width:5px; height:5px; border-radius:50%; background:#678b1c; }
.demo-panel { display:grid; grid-template-columns:1fr 75px 1fr; align-items:stretch; padding-top:21px; }
.demo-source,.demo-result { padding:22px; background:#f0f0e9; border-radius:6px; min-width:0; }
.panel-label { display:flex; align-items:center; gap:12px; font:10px/1.5 var(--mono); text-transform:uppercase; margin-bottom:17px; }
.panel-label .facebook-icon { margin-left:auto; width:22px; height:22px; font-size:23px; }
.panel-label .focus-mark { width:16px; height:16px; }
.demo-post { background:var(--white); padding:22px; border-radius:5px; min-height:270px; }
.demo-person { display:flex; align-items:center; gap:10px; }
.avatar { display:flex; align-items:center; justify-content:center; width:37px; height:37px; flex:0 0 auto; border-radius:50%; font-size:15px; color:#234c49; background:#dae6de; }
.demo-person strong { font-size:12px; font-weight:500; }
.demo-person p { font-size:10px; color:var(--muted); margin-top:5px; line-height:1.5; }
.post-text { font-size:clamp(17px,1.3vw,20px); line-height:1.75; margin-top:24px; min-height:143px; letter-spacing:-.025em; }
.post-text[dir="rtl"] { font-size:22px; }
.post-text mark { padding:1px 2px; border-radius:2px; background:#e4f5b7; box-decoration-break:clone; -webkit-box-decoration-break:clone; transition:background .18s,box-shadow .18s; }
.post-text mark.is-highlighted { background:var(--lime); box-shadow:0 2px 0 var(--blue); }
.source-footer { display:flex; align-items:center; justify-content:space-between; color:var(--muted); border-top:1px solid #e4e4dc; padding-top:15px; margin-top:23px; font-size:10px; }
.demo-connector { display:flex; align-items:center; justify-content:center; }
.demo-connector svg { width:45px; }
.result-card { background:var(--white); border-radius:5px; padding:8px 22px; min-height:300px; }
.result-fields { margin:0; }
.result-fields>div { display:grid; grid-template-columns:34% 1fr; align-items:center; border-bottom:1px solid var(--line); gap:10px; min-height:47px; }
.result-fields>div:last-child { border-bottom:0; }
.result-fields dt { font-size:13px; color:var(--muted); }
.result-fields dd { margin:0; min-width:0; }
.result-fields button { text-align:left; padding:9px 6px; margin-left:-6px; background:transparent; border:0; border-radius:3px; font-size:14px; line-height:1.4; transition:background .18s; }
.result-fields button:hover,.result-fields button.is-highlighted,.result-fields button:focus-visible { background:var(--lime); }
.demo-footnote { display:flex; justify-content:space-between; gap:20px; padding:19px 2px 0; font-size:10px; line-height:1.5; color:var(--muted); }
.demo-explanation { display:flex; align-items:center; justify-content:center; gap:12px; font-size:12px; color:#62685d; margin-top:21px; }
.tiny-asterisk { color:#577c00; font-size:20px; }
.rejection { padding:22px 0; }
.reject-icon { display:inline-flex; align-items:center; justify-content:center; width:37px; height:37px; background:#f6ddc8; color:#783318; font-size:26px; border-radius:50%; vertical-align:middle; margin-right:8px; }
.rejection .eyebrow { font-size:8px; color:#783318; }
.rejection h3 { font-size:29px; letter-spacing:-.04em; line-height:1.1; margin-top:19px; }
.rejection p { font-size:13px; line-height:1.65; color:var(--muted); margin-top:14px; }
.how-section { padding-top:87px; }
.how-section .section-heading { border-top:1px solid #a8aea4; padding-top:28px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; list-style:none; padding:0; margin:33px 0 0; }
.steps>li { border-top:1px solid #a8aea4; display:flex; align-items:flex-start; gap:18px; padding-top:21px; }
.step-number { font:400 39px/1.15 var(--mono); letter-spacing:-.09em; color:transparent; -webkit-text-stroke:1px #626c63; }
.steps h3 { font-size:18px; line-height:1.4; font-weight:500; letter-spacing:-.035em; margin-top:5px; }
.steps p { margin-top:14px; font-size:13px; line-height:1.7; color:var(--muted); max-width:310px; }
.browser-note { display:flex; align-items:center; gap:14px; margin-top:39px; padding:20px 22px; background:#eeefe5; border:1px solid #e0e3d4; border-radius:5px; }
.browser-note svg { width:27px; height:27px; stroke:#4f6154; stroke-width:1.4; flex:0 0 auto; }
.browser-note p { font-size:11px; line-height:1.6; color:#5c6559; }
.browser-note strong { font-weight:500; }
.browser-note a { margin-left:auto; font-size:11px; white-space:nowrap; }
.browser-note a span { margin-left:12px; }
.browser-note a:hover { color:var(--blue); }
.questions-section { display:grid; grid-template-columns:.7fr 1fr; gap:80px; padding-top:90px; padding-bottom:95px; }
.questions-section .eyebrow { color:#565e61; margin-bottom:24px; }
.questions-section h2 { font-size:clamp(38px,4vw,58px); font-weight:700; line-height:1.1; letter-spacing:-.055em; }
.questions details { border-bottom:1px solid #c6cbc0; }
.questions details:first-child { border-top:1px solid #c6cbc0; }
.questions summary { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:16px; font-weight:400; line-height:1.5; padding:23px 0; list-style:none; }
.questions summary::-webkit-details-marker { display:none; }
.questions summary>span { color:#63734d; font-size:23px; font-weight:400; transition:transform .2s; }
.questions details[open] summary>span { transform:rotate(45deg); }
.questions summary:hover { color:var(--blue); }
.questions details p { padding:0 26px 23px 0; font-size:14px; line-height:1.8; color:#656d64; }
.closing { background:var(--blue); color:var(--paper); overflow:hidden; }
.closing-inner { padding-top:52px; padding-bottom:55px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.closing .eyebrow { color:#d0daff; margin-bottom:21px; font-size:9px; }
.closing h2 { font-size:clamp(38px,4.4vw,68px); letter-spacing:-.055em; line-height:1.04; }
.closing-action { padding-top:27px; }
.button-lime { color:var(--ink); background:var(--lime); min-width:278px; }
.button-lime:hover { background:#e1ff9b; box-shadow:0 5px 0 #102fb3; }
.button-lime:focus-visible { outline-color:white; }
.closing-action p { text-align:center; color:#dce3ff; font-size:10px; margin-top:17px; }
.site-footer { display:flex; align-items:center; gap:40px; padding-top:33px; padding-bottom:33px; }
.site-footer .brand-hr { font-size:29px; }
.site-footer .brand-digits { font-size:18px; }
.site-footer .brand .focus-mark { width:13px; height:13px; }
.site-footer p { color:#7b8078; font-size:10px; line-height:1.7; margin-right:auto; }
.site-footer>a:not(.brand) { font-size:11px; }
.footer-domain { color:#7b8078; font:8px/1.6 var(--mono); }
/* Анимация ничего не прячет: содержимое видно и без JS. */
.js .vsplyt { animation:enter .65s both; }
.js .pokaz { animation:enter .65s both; }
.js .hero-copy .vsplyt:nth-child(2) { animation-delay:.06s; }
.js .hero-copy .vsplyt:nth-child(3) { animation-delay:.12s; }
.js .hero-copy .vsplyt:nth-child(4) { animation-delay:.18s; }
.js .hero-copy .vsplyt:nth-child(5) { animation-delay:.24s; }
.js .hero-art { animation:art-enter .85s both; }
@keyframes enter { from { transform:translateY(18px); } to { transform:translateY(0); } }
@keyframes art-enter { from { transform:translateY(16px) rotate(1deg); } to { transform:translateY(0) rotate(0); } }
@keyframes panel-enter { from { transform:translateY(5px); } to { transform:translateY(0); } }
.demo-panel.is-changing { animation:panel-enter .22s; }
@media (min-width:1600px) {
  .hero { gap:38px; }.hero-art { min-height:696px; }.portrait { height:263px; }.lead-slip { padding:27px; }.lead-facts>div { padding-block:12px; }.art-note { bottom:56px; }
}
@media (max-width:1199px) {
  .shell { width:calc(100% - 64px); }.desktop-nav { padding-left:0; gap:22px; }.nav-actions { gap:22px; }.hero { gap:25px; }.hero h1 { font-size:5.1vw; }.hero .eyebrow { font-size:8px; letter-spacing:0; }.hero-art { min-height:575px; }.hero-description { font-size:17px; }.wide-only { display:none; }.hero-actions { gap:18px; }.hero-actions .button { padding:17px; min-height:53px; font-size:13px; gap:15px; }.hero-actions .text-link { font-size:12px; gap:9px; }
  .source-slip { padding:18px; }.source-heading strong { font-size:10px; }.source-heading .facebook-icon { width:23px; height:23px; font-size:25px; }.hebrew-slip { padding:20px 10px 2px; }.hebrew-slip>span { font-size:11px; }.lead-slip { gap:13px; padding:19px 15px; top:41%; }.portrait { height:215px; }.lead-overline>span:first-child { font-size:6px; }.status-pill { font-size:7px; padding:4px 5px; }.lead-copy h2 { margin-top:12px; }.lead-facts>div { padding:8px 0; }
  .value-row>div { font-size:12px; gap:16px; padding-inline:22px; }.value-row svg { width:29px; }.demo { padding:17px; }.demo-source,.demo-result { padding:17px; }.demo-post { padding:17px; }.demo-panel { grid-template-columns:1fr 55px 1fr; }.result-card { padding-inline:15px; }.demo-person p { font-size:9px; }.demo-tabs button { padding-inline:12px; }.steps { gap:25px; }.steps>li { gap:13px; }.step-number { font-size:32px; }.steps h3 { font-size:16px; }.steps p { font-size:12px; }.site-footer { gap:25px; }
}
@media (max-width:900px) {
  .desktop-nav { display:none; }.hero { grid-template-columns:1fr 1fr; gap:21px; }.hero h1 { font-size:5.2vw; }.hero-art { min-height:550px; }.hero .eyebrow { max-width:270px; font-size:8px; line-height:1.9; }.hero-description { font-size:16px; }.hero-actions { flex-direction:column; align-items:flex-start; gap:12px; margin-top:23px; }
  .source-slip { width:75%; top:35px; left:2%; padding:16px; }.source-slip p { font-size:15px; }.hebrew-slip { width:41%; top:25%; right:4%; padding-top:10px; transform:rotate(12deg); }.hebrew-slip p { font-size:22px; }.hebrew-slip svg { height:37px; }.hebrew-slip>span { display:none; }.lead-slip { top:45%; width:99%; left:-2%; gap:11px; }.lead-overline>span:first-child { max-width:70px; font-size:6px; }.lead-copy h2 { font-size:24px; }.portrait { width:27%; flex-basis:27%; height:210px; }.lead-facts { font-size:9px; }.art-note { display:none; }.art-asterisk { width:24%; top:79%; left:-7%; }.art-caption { font-size:7px; line-height:1.6; }
  .value-row>div { font-size:10px; gap:12px; padding-inline:16px; }.value-row svg { width:25px; height:25px; }.demo-live { display:none; }.demo-panel { grid-template-columns:1fr 38px 1fr; }.demo-source,.demo-result { padding:12px; }.demo-connector svg { width:28px; }.demo-post { padding:14px; }.panel-label { font-size:8px; gap:7px; }.post-text { font-size:16px; min-height:170px; }.result-fields dt { font-size:11px; }.result-fields button { font-size:12px; }.result-card { padding-inline:12px; }.steps>li { display:block; }.steps h3 { margin-top:16px; }.browser-note { flex-wrap:wrap; }.browser-note a { margin-left:41px; }.questions-section { gap:40px; }.closing-inner { gap:25px; }.button-lime { min-width:auto; font-size:13px; padding-inline:19px; gap:20px; }.site-footer { flex-wrap:wrap; }.footer-domain { display:none; }
}
@media (max-width:650px) {
  html { scroll-padding-top:20px; }.shell { width:calc(100% - 40px); }.nav-row { min-height:74px; gap:15px; }.brand { gap:6px; }.brand-hr { font-size:32px; }.brand-digits { font-size:19px; }.brand .focus-mark { width:13px; height:13px; margin-left:0; }.nav-actions .button { display:none; }.nav-actions .login { display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:10px 18px; border:1px solid #9ca48e; border-radius:5px; font-size:12px; }
  .hero { display:block; padding-top:31px; padding-bottom:22px; }.hero-copy { padding:0; }.hero .eyebrow { max-width:none; font-size:7px; margin-bottom:20px; letter-spacing:.015em; }.eyebrow-divider { padding-inline:3px; }.hero h1 { font-size:clamp(37px,9.72vw,62px); line-height:1.03; letter-spacing:-.06em; }.hero h1 mark { padding-bottom:4px; }.hero-description { font-size:16px; line-height:1.5; max-width:400px; margin-top:22px; letter-spacing:-.022em; }.hero-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:17px; margin-top:23px; }.hero-actions .button { min-height:53px; padding:15px 17px; font-size:12px; gap:14px; }.hero-actions .text-link { font-size:11px; gap:8px; }.microcopy { font-size:9px; margin-top:14px; }
  .hero-art { margin-top:35px; min-height:0; height:auto; aspect-ratio:1/.99; border-radius:0 27px 0 27px; }.source-slip { width:62%; left:0; top:5%; padding:14px; }.source-heading { gap:7px; }.source-heading strong { font-size:8px; }.source-heading>div>span { font-size:7px; }.source-heading .facebook-icon { width:22px; height:22px; font-size:24px; }.source-slip p { font-size:clamp(11px,3.2vw,17px); line-height:1.4; margin-top:13px; }.post-meta { margin-top:12px; padding-top:7px; font-size:7px; }.hebrew-slip { right:5%; top:9%; width:31%; padding:16px 8px 0; transform:rotate(9deg); }.hebrew-slip p { font-size:clamp(18px,5vw,28px); }.hebrew-slip>span { display:block; font-size:9px; }.hebrew-slip svg { height:49px; }.lead-slip { width:92%; left:7%; top:42%; padding:14px; gap:11px; }.portrait { width:29%; flex-basis:29%; height:clamp(135px,41vw,230px); }.portrait-wave { font-size:7px; padding:5px; left:4px; right:4px; bottom:5px; }.lead-overline>span:first-child { font-size:5px; max-width:none; }.status-pill { font-size:6px; padding:3px 4px; }.lead-copy h2 { font-size:clamp(18px,5.3vw,30px); margin:8px 0 9px; }.lead-facts { font-size:clamp(7px,1.9vw,10px); }.lead-facts>div { padding:6px 0; gap:3px; }.art-asterisk { width:24%; top:65%; left:-4%; }.art-note { display:flex; bottom:8%; left:30%; gap:10px; }.art-note svg { width:58px; }.art-note span { font-size:6px; }.art-caption { font-size:5px; bottom:9px; right:11px; left:12px; }
  .value-row { grid-template-columns:1fr; padding-block:8px; }.value-row>div,.value-row>div:first-child,.value-row>div:last-child { padding:15px 0; border-left:0; border-top:1px solid #ffffff35; gap:17px; font-size:12px; }.value-row>div:first-child { border-top:0; }.value-row svg { width:23px; height:23px; }
  .demo-section { padding-top:51px; }.eyebrow { font-size:8px; }.section-heading .eyebrow { margin-bottom:17px; }.section-heading h2 { font-size:35px; line-height:1.07; letter-spacing:-.05em; max-width:440px; }.section-intro { font-size:19px; letter-spacing:-.03em; margin-top:11px; }.demo { padding:12px; margin-top:24px; border-radius:8px; }.demo-toolbar { padding-bottom:13px; }.demo-tabs { gap:5px; width:100%; }.demo-tabs button { font-size:11px; padding:9px 13px; min-height:39px; }.demo-tabs button[data-example="rejected"] { margin-left:0; font-size:10px; padding-inline:10px; }.demo-panel { grid-template-columns:1fr; padding-top:14px; }.demo-source,.demo-result { padding:12px; }.panel-label { font-size:8px; margin-bottom:13px; }.demo-post { padding:15px; min-height:0; }.demo-person strong { font-size:12px; }.demo-person p { font-size:9px; }.post-text { font-size:17px; min-height:0; margin-top:18px; line-height:1.7; }.post-text[dir="rtl"] { font-size:21px; }.source-footer { font-size:9px; margin-top:17px; padding-top:12px; }.demo-connector { min-height:41px; }.demo-connector svg { transform:rotate(90deg); width:27px; }.result-card { padding-inline:16px; min-height:0; }.result-fields>div { min-height:44px; }.result-fields dt { font-size:12px; }.result-fields button { font-size:13px; }.demo-footnote { flex-direction:column; gap:7px; font-size:8px; padding-top:15px; }.demo-explanation { font-size:10px; text-align:left; line-height:1.6; align-items:flex-start; padding-inline:2px; gap:10px; }.tiny-asterisk { font-size:17px; line-height:1; }
  .how-section { padding-top:49px; }.how-section .section-heading { padding-top:22px; }.steps { grid-template-columns:1fr; gap:24px; margin-top:27px; }.steps>li { display:flex; gap:22px; padding-top:21px; }.step-number { font-size:35px; }.steps h3 { font-size:17px; margin-top:2px; }.steps p { font-size:13px; margin-top:9px; max-width:none; }.browser-note { margin-top:31px; padding:16px; align-items:flex-start; gap:12px; }.browser-note svg { width:23px; height:23px; }.browser-note p { flex:1; font-size:10px; }.mobile-only { display:block; }.browser-note a { width:100%; margin-left:35px; font-size:10px; }
  .questions-section { grid-template-columns:1fr; gap:25px; padding-top:55px; padding-bottom:50px; }.questions-section .eyebrow { margin-bottom:16px; }.questions-section h2 { font-size:35px; }.questions-section h2 br { display:none; }.questions summary { font-size:14px; padding-block:18px; }.questions details p { font-size:13px; padding-right:0; }
  .closing-inner { flex-direction:column; align-items:flex-start; padding-top:31px; padding-bottom:32px; gap:24px; }.closing .eyebrow { margin-bottom:17px; font-size:7px; }.closing h2 { font-size:clamp(30px,8.5vw,51px); letter-spacing:-.055em; line-height:1.07; }.closing-action { padding-top:0; width:100%; }.button-lime { min-height:54px; width:100%; font-size:14px; justify-content:space-between; }.closing-action p { text-align:left; font-size:9px; margin-top:13px; }.site-footer { gap:20px; padding-top:27px; padding-bottom:27px; justify-content:space-between; }.site-footer .brand-hr { font-size:26px; }.site-footer .brand-digits { font-size:16px; }.site-footer p { order:3; width:100%; margin:0; font-size:9px; }.site-footer p br { display:none; }.site-footer>a:not(.brand) { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; }
}