/* Yossi Reuven, financial advisor, Petah Tikva. "Floor 19": the page is one ride up the Besser City tower at night. A
   full-width glass facade with the lift in the middle, a steel button panel, floors as stops. Navy and electric blue
   (his colour), Heebo 800-900 for headings and numbers, Arimo for text. */
:root{--ink:#0a1a33;--ink2:#11284d;--ink3:#1a3866;--lime:#4da3ff;--lime2:#d6e9ff;--paper:#f3f1ea;--card:#fff;
 --mut:#5b6780;--mutd:#b7c3d9;--line:rgba(255,255,255,.14);--lined:#dcd8cc;
 --p3-a:#4da3ff;--p3-b:#e6f1ff;--p3-d:#0a1a33;--p3-solid:#fff;--p3-top:78px;
 --hf:"Heebo","Arimo",system-ui,sans-serif;--bf:"Arimo","Heebo",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;touch-action:pan-x pan-y;background:var(--ink);scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--bf);font-size:18px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--hf);line-height:1.15;margin:0 0 .5em;font-weight:800;letter-spacing:0}
h2{font-size:clamp(30px,3.6vw,46px)}
h3{font-size:21px}
p{margin:0 0 1em}
input,select,textarea,button{font:inherit}
input,select,textarea{font-size:max(16px,1rem)}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.skip{position:absolute;inset-inline-start:-9999px;top:8px;background:var(--lime);color:var(--ink);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{inset-inline-start:12px}
.kicker{font-family:var(--bf);font-size:15px;font-weight:600;color:var(--mut);margin-bottom:12px}
.sub{color:var(--mut);max-width:680px;font-size:19px}
.tag{position:absolute;bottom:10px;inset-inline-start:10px;background:rgba(10,26,51,.78);color:#fff;font-size:12.5px;padding:3px 9px;border-radius:99px;z-index:4}
svg{flex:none}

/* Header */
.bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:12px max(20px,calc((100% - 1200px)/2));
 background:rgba(10,26,51,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{display:grid;place-items:center;flex:none;background:#fff;border-radius:10px;padding:4px 7px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.brand-logo img{width:auto;height:44px}
.brand b{display:block;font-family:var(--hf);font-size:19px;line-height:1.1}
.brand small{display:block;font-size:13px;color:var(--mutd)}
.mainnav{display:flex;gap:20px;margin-inline-start:auto}
.mainnav a{text-decoration:none;font-size:16px;color:#dfe6f3}
.mainnav a:hover{color:var(--lime)}
.barwa{display:flex;align-items:center;gap:7px;background:var(--lime);color:var(--ink);text-decoration:none;font-weight:700;padding:9px 16px;border-radius:12px;font-size:16px}
.barwa svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.burger i{display:block;width:20px;height:2px;background:#fff;border-radius:2px}
.drawer{position:absolute;top:100%;inset-inline:0;background:var(--ink);border-bottom:1px solid var(--line);padding:10px 20px 18px}
.drawer nav{display:grid}
.drawer a{padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#fff;font-size:18px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:14px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:17px;line-height:1.2}
.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.btn-wa{background:var(--lime);color:var(--ink)}
.btn-wa:hover{background:#74b8ff}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-ghost.dark{color:var(--ink);border-color:var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}

/* Stage: the Besser City tower at night, full width, with the glass lift to floor 19 in the middle of it */
.stage{position:relative;overflow:hidden;color:#fff;padding:56px 0 96px;background:linear-gradient(180deg,#071327 0,#0b1d3b 58%,#0f2649 100%)}
.facade{position:absolute;inset:0;margin:0;pointer-events:none}
.glass{position:absolute;inset:-60px 0 -60px;display:block}
.g-back{background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(120,170,240,.06) 46px 48px),repeating-linear-gradient(180deg,transparent 0 34px,rgba(120,170,240,.07) 34px 36px);
 -webkit-mask:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000 100%);mask:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000 100%)}
.g-front{background:radial-gradient(3px 5px at 12% 22%,#9cc8ff,transparent),radial-gradient(3px 5px at 18% 48%,#4da3ff,transparent),radial-gradient(3px 5px at 9% 71%,#c9e1ff,transparent),
 radial-gradient(3px 5px at 86% 30%,#9cc8ff,transparent),radial-gradient(3px 5px at 92% 58%,#4da3ff,transparent),radial-gradient(3px 5px at 81% 80%,#c9e1ff,transparent),
 linear-gradient(90deg,rgba(77,163,255,.10),transparent 22%,transparent 78%,rgba(77,163,255,.10));opacity:.9}
.shaft{position:absolute;top:0;bottom:0;left:50%;width:min(470px,86vw);transform:translateX(-50%);
 background:linear-gradient(90deg,rgba(77,163,255,.0),rgba(77,163,255,.12) 6%,rgba(255,255,255,.03) 50%,rgba(77,163,255,.12) 94%,rgba(77,163,255,0));
 border-inline:1px solid rgba(140,190,255,.18)}
.stage-in{position:relative;z-index:2}
.stage-copy{text-align:center;max-width:900px;margin:0 auto}
.stage .kicker{color:var(--mutd)}
.stage h1{font-size:clamp(38px,5.2vw,74px);font-weight:900;line-height:1.05;margin-bottom:18px;text-align:center}
.stage h1 span{color:var(--lime);display:inline-block}
.lede{font-size:20px;color:#d6deec;max-width:680px;margin:0 auto}
.stage-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px) minmax(0,1fr);gap:44px;align-items:center;margin-top:54px}
.plaque{list-style:none;margin:0;padding:22px;border-radius:22px;background:rgba(9,22,44,.72);border:1px solid rgba(140,190,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pl-a{display:grid;gap:16px}
.pl-a li{display:grid;gap:2px;padding-inline-start:16px;border-inline-start:3px solid var(--lime)}
.pl-a b{font-family:var(--hf);font-size:21px;font-weight:800}
.pl-a span{color:#c4cee0;font-size:16px}
.pl-b{display:grid;gap:12px;justify-items:stretch}
.pl-b .btn{justify-content:center}
.pl-h{font-family:var(--hf);font-weight:800;font-size:22px;margin:0}
.pl-s{margin:0;color:var(--mutd);font-size:15px}
.lift{margin:26px 0 0;justify-self:center;width:min(100%,430px);position:relative}
.lift-frame{position:relative;padding:12px 12px 0;border-radius:30px 30px 14px 14px;
 background:linear-gradient(135deg,#e7ecf3,#9eabbe 38%,#f2f5f9 52%,#8d9ab0 78%,#cfd7e2);box-shadow:0 50px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12),0 0 80px -10px rgba(77,163,255,.35)}
.car{position:relative;aspect-ratio:420/501;border-radius:20px 20px 6px 6px;overflow:hidden;background:#e9dcc6}
.portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:2}
.door{position:absolute;top:0;bottom:0;width:50%;z-index:3;background:linear-gradient(90deg,#aab6c8,#e9eef5 45%,#b9c4d4);box-shadow:inset 0 0 0 1px rgba(10,26,51,.25);
 animation:door-open 1.5s cubic-bezier(.65,0,.35,1) .9s forwards}
.door.dl{left:0;--to:-101%}
.door.dr{right:0;--to:101%}
@keyframes door-open{to{transform:translateX(var(--to))}}
.plate{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px 14px;color:var(--ink);text-align:center}
.plate b{font-family:var(--hf);font-size:25px;font-weight:800;line-height:1.1}
.plate span{font-size:15px;color:#2b3a55}
.floor{position:absolute;top:-26px;left:50%;margin-left:-62px;width:124px;display:flex;align-items:center;justify-content:center;gap:8px;
 padding:7px 12px;border-radius:12px;background:#06101f;border:1px solid #2c3f60;box-shadow:0 12px 24px -10px rgba(0,0,0,.7);z-index:6;direction:ltr}
.floor b{font-family:var(--hf);font-size:28px;line-height:1;color:var(--lime);text-shadow:0 0 12px rgba(77,163,255,.55);min-width:1.3em;text-align:center}
.floor small{font-size:13px;color:var(--mutd)}
.floor .up{color:var(--lime);font-size:13px}

/* Keypad: the lift's brushed steel button panel, with its little screen */
.keypad{padding:100px 0;background:linear-gradient(180deg,#0f2649,#0a1a33);color:#fff}
.keypad-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.keypad .kicker{color:var(--mutd)}
.keypad .sub{color:#c4cee0}
.panel{position:relative;padding:34px 30px 30px;border-radius:26px;color:var(--ink);
 background:linear-gradient(115deg,#cfd6e1 0,#eef2f7 30%,#bcc6d4 55%,#e6ebf2 80%,#c5cedb 100%);box-shadow:0 40px 80px -36px rgba(0,0,0,.8),inset 0 1px 0 #fff}
.screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#8e99ab 70%)}
.s1{top:12px;left:12px}.s2{top:12px;right:12px}.s3{bottom:12px;left:12px}.s4{bottom:12px;right:12px}
.keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.key{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 2px;border:0;background:none;color:var(--ink);cursor:pointer;font-weight:700;font-size:15px;line-height:1.2}
.key i{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fdfdfe,#c3ccd8 70%);box-shadow:0 6px 0 #8f9aac,0 10px 18px -6px rgba(10,26,51,.5),inset 0 0 0 2px #fff;transition:transform .15s,box-shadow .15s}
.key svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.key:hover i{transform:translateY(2px);box-shadow:0 4px 0 #8f9aac,0 8px 14px -6px rgba(10,26,51,.5),inset 0 0 0 2px #fff}
.key.on i{background:radial-gradient(circle at 40% 30%,#bfe0ff,#4da3ff 70%);box-shadow:0 2px 0 #2a6fbf,0 0 22px rgba(77,163,255,.8),inset 0 0 0 2px #e6f1ff;transform:translateY(4px)}
.say{margin-top:24px;min-height:190px;background:#06101f;color:#fff;border-radius:16px;padding:18px 20px;box-shadow:inset 0 2px 10px rgba(0,0,0,.6)}
.say-t{font-family:var(--hf);font-size:23px;font-weight:800;color:var(--lime);margin-bottom:6px}
.say-d{color:#d6deec;margin:0;max-width:620px}
.say .cta{margin-top:16px}

/* Calculator */
.calc{padding:96px 0;background:var(--paper)}
.calc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:start}
.dials{display:grid;gap:18px;margin:26px 0}
.dial label{display:block;font-weight:700;font-size:16px;margin-bottom:6px}
.dial-row{display:flex;align-items:baseline;gap:8px}
.dial-row input{width:100%;max-width:240px;font-family:var(--hf);font-size:26px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--lined);border-radius:12px;padding:8px 14px;direction:ltr;text-align:right}
.dial-row input:focus{outline:2px solid var(--ink);outline-offset:1px}
.unit{color:var(--mut);font-weight:600}
.dial input[type=range]{width:100%;margin-top:10px;accent-color:var(--ink);height:28px}
.sums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.sum{background:#fff;border:1px solid var(--lined);border-radius:16px;padding:14px 16px}
.sum dt{font-size:15px;color:var(--mut);font-weight:600}
.sum dd{margin:4px 0 0;font-family:var(--hf);font-size:22px;font-weight:700;white-space:nowrap}
.sum dd small{font-size:14px;color:var(--mut);font-weight:600}
.sum.main{background:var(--ink);border-color:var(--ink);color:#fff}
.sum.main dt{color:var(--mutd)}
.sum.main dd{color:var(--lime);font-size:28px}
.sum.main dd small{color:var(--mutd)}
.note{font-size:15px;color:var(--mut);max-width:620px}
.calc-r{position:sticky;top:96px;background:var(--ink);color:#fff;border-radius:26px;padding:24px 22px 20px;box-shadow:0 30px 60px -30px rgba(10,26,51,.6)}
.legend{display:flex;gap:18px;font-size:15px;color:var(--mutd);margin-bottom:16px}
.legend span{display:flex;align-items:center;gap:7px}
.legend i{width:14px;height:14px;border-radius:4px}
.lp{background:var(--lime)}
.li{background:#4f72ad}
.tower-wrap{padding:16px 0 0}
.tower{display:grid;gap:14px}
.fl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:center}
.fl-l{font-size:13.5px;line-height:1.2;color:var(--mutd);text-align:start;margin:0}
.fl-l b{display:block;color:#fff;font-family:var(--hf);font-size:14px}
.slab{--pp:50%;position:relative;height:28px;display:flex;transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,.8,.2,1) calc(var(--k,0)*65ms),opacity .4s calc(var(--k,0)*65ms),width .45s ease}
.slab .p{background:linear-gradient(180deg,#8cc4ff,#4da3ff);transition:flex-basis .45s ease}
.slab .i{background:linear-gradient(180deg,#5a7dba,#3f62a0);transition:flex-basis .45s ease}
/* oblique depth: a top face on every floor and a shaded side on the far end, both 10px deep up and to the left */
.slab::after{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;transform:skewX(45deg);transform-origin:0 100%;
 background:linear-gradient(to left,#d6e9ff 0,#d6e9ff var(--pp),#8eaee0 var(--pp),#8eaee0 100%)}
.slab::before{content:"";position:absolute;top:0;bottom:0;left:-10px;width:10px;background:#2b4777;transform:skewY(45deg);transform-origin:100% 0}
.tower.pre .slab{transform:scaleY(.02);opacity:.2}
.tower.up .slab{transform:none;opacity:1}
.ground{height:10px;margin-top:2px;margin-inline-start:118px;border-radius:3px;background:linear-gradient(90deg,#1e3a68,#2a4e86)}
.tower-say{margin:16px 0 0;font-size:15.5px;color:#d6deec}
.tower-say b{color:var(--lime)}

/* Mortgage directory */
.mortgage{background:linear-gradient(180deg,#0d2142,var(--ink));color:#fff;padding:96px 0}
.mortgage .kicker,.mortgage .sub{color:var(--mutd)}
.boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;align-items:start}
.board{background:linear-gradient(180deg,#132b52,#0f2445);border:1px solid #29436c;border-radius:20px;padding:0 0 8px;overflow:hidden}
.board h3{margin:0;padding:16px 20px;background:#071427;color:var(--lime);font-size:19px;border-bottom:1px solid #29436c}
.board ul{list-style:none;margin:0;padding:6px 20px}
.board li{padding:14px 0;border-bottom:1px dashed #2f4a75}
.board li:last-child{border-bottom:0}
.board li b{display:block;font-family:var(--hf);font-size:19px;margin-bottom:3px}
.board li span{color:#c4cee0;font-size:16.5px}

/* Business */
.business{padding:96px 0;background:var(--paper)}
.biz-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:56px;align-items:start}
.biz-fig{margin:0;position:sticky;top:110px}
.frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(10,26,51,.6)}
.frame img{width:100%;aspect-ratio:4/5;object-fit:cover}
.biz-stack{display:grid;gap:14px;margin-top:26px}
.bcard{background:#fff;border:1px solid var(--lined);border-radius:20px;padding:20px 22px}
.b-k{display:inline-block;font-size:13px;font-weight:700;background:var(--ink);color:var(--lime);padding:2px 10px;border-radius:99px;margin-bottom:8px}
.bcard h3{margin-bottom:6px}
.bcard p{margin:0 0 10px;color:#33415c}
.mini{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15.5px;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--lime)}
.mini svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}

/* What he checks: a sideways strip on a blue band */
.checks{background:var(--lime);padding:90px 0}
.checks .sub{color:#0a2a55}
.chk-strip{list-style:none;margin:30px 0 0;padding:4px 2px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.chk{scroll-snap-align:start;background:var(--ink);color:#fff;border-radius:18px;padding:20px 18px;min-height:150px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--ink)}
.chk b{font-family:var(--hf);font-size:21px;color:var(--lime)}
.chk span{color:#d6deec;font-size:16.5px}

/* About Yossi + insurance */
.yossi{padding:96px 0;background:var(--paper)}
.yossi-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.creds{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.creds li{position:relative;padding:12px 16px;padding-inline-start:44px;background:#fff;border:1px solid var(--lined);border-radius:14px}
.creds li::before{content:"";position:absolute;inset-inline-start:16px;top:20px;width:14px;height:8px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg)}
.office{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--lined)}
.office img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* The path of a file: a lift shaft drawn down the side, one stop per floor */
.path{padding:100px 0;background:var(--paper)}
.path-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.path-copy{position:sticky;top:110px}
.ride{list-style:none;margin:0;padding:0;padding-inline-start:44px;position:relative;display:grid;gap:22px}
.ride::before{content:"";position:absolute;inset-inline-start:12px;top:8px;bottom:8px;width:4px;border-radius:4px;background:#d9dfe9}
.ride::after{content:"";position:absolute;inset-inline-start:12px;top:8px;bottom:8px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--lime),#1a5fb4);transform-origin:50% 0;transform:scaleY(var(--fill,1))}
.stop{position:relative;background:#fff;border:1px solid var(--lined);border-radius:20px;padding:22px 24px}
.stop::before{content:"";position:absolute;inset-inline-start:-40px;top:28px;width:18px;height:18px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--lime)}
.lv{display:inline-block;font-family:var(--hf);font-weight:800;font-size:14px;background:var(--ink);color:var(--lime);padding:3px 11px;border-radius:8px;margin-bottom:10px}
.stop h3{font-size:23px;margin-bottom:6px}
.stop p{margin:0;color:#33415c}

/* Teaching */
.teach{padding:100px 0;background:linear-gradient(180deg,#0a1a33,#11284d);color:#fff}
.teach .kicker,.teach .sub{color:var(--mutd)}
.podiums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;align-items:end}
.podium{background:linear-gradient(180deg,#16325f,#0e2447);border:1px solid #2b4877;border-radius:22px 22px 8px 8px;padding:26px 24px 30px;text-align:center}
.podium:nth-child(2){padding-top:60px}
.pd-i{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--lime);margin-bottom:14px}
.pd-i svg{width:32px;height:32px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.podium h3{font-size:21px;margin:0}

/* Insurance */
.shield{padding:100px 0;background:var(--paper)}
.shield-in{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:56px;align-items:center}
.shield .shield-orb{--p3-size:230px;justify-self:center}
.policies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.policy{background:#fff;border:1px solid var(--lined);border-top:5px solid var(--lime);border-radius:18px;padding:20px}
.policy h3{font-size:20px;margin-bottom:6px}
.policy p{margin:0;color:#33415c;font-size:16.5px}

/* Professionals around a deal */
.circle{padding:100px 0;background:var(--lime)}
.circle .sub{color:#0a2a55}
.directory{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.dir{background:var(--ink);color:#fff;border-radius:18px;padding:22px 18px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.dir b{font-family:var(--hf);font-size:20px;color:var(--lime);line-height:1.2}
.dir span{color:#d6deec;font-size:15.5px}

/* Refinance: two documents and the arrow between banks */
.refi{padding:100px 0;background:linear-gradient(180deg,#11284d,#0a1a33);color:#fff}
.refi-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.refi .kicker{color:var(--mutd)}
.refi-copy p{color:#d6deec}
.docs{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:10px}
.doc{background:#f7f6f1;color:var(--ink);border-radius:14px;padding:20px 18px 26px;display:grid;gap:10px;min-height:220px;align-content:start;box-shadow:0 30px 50px -24px rgba(0,0,0,.7)}
.doc b{font-family:var(--hf);font-size:19px;margin-bottom:6px}
.doc i{display:block;height:9px;border-radius:9px;background:#d4dbe6}
.doc i:nth-of-type(2){width:80%}.doc i:nth-of-type(3){width:62%}
.d2{border-top:6px solid var(--lime)}
.arrow svg{width:100%;height:24px;fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* Lobby directory board */
.lobby{padding:100px 0;background:var(--paper)}
.lobby-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.dirboard{background:#0b1222;color:#e8eef8;border-radius:20px;padding:10px 0;border:6px solid #b9c3d1;box-shadow:0 40px 70px -34px rgba(10,26,51,.7)}
.db-h,.db-row{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid #1d2a44}
.db-row:last-child{border-bottom:0}
.db-h span{color:var(--mutd);font-weight:700}
.db-h b{font-family:var(--hf);color:var(--lime);font-size:20px}
.db-row span{color:#93a1bb;font-size:15.5px;flex:none}
.db-row b{font-family:var(--hf);font-weight:600;text-align:end}
.db-row.hl{background:rgba(77,163,255,.14)}
.db-row.hl b{color:var(--lime);font-weight:800}

/* Contact pass */
.pass{background:radial-gradient(800px 420px at 85% 0,#1d3f73,transparent 60%),var(--ink);color:#fff;padding:96px 0}
.pass-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:56px;align-items:start}
.pass-copy p{color:#d6deec}
.pass-copy a{color:var(--lime)}
.slip{position:relative;background:#f7f6f1;color:var(--ink);border-radius:22px;padding:0 24px 24px;box-shadow:0 40px 70px -30px rgba(0,0,0,.7)}
.slip::before,.slip::after{content:"";position:absolute;top:62px;width:24px;height:24px;border-radius:50%;background:var(--ink)}
.slip::before{left:-12px}
.slip::after{right:-12px}
.slip-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0 16px;margin-bottom:20px;border-bottom:2px dashed #c9c4b4}
.slip-top span{font-weight:700;color:var(--mut)}
.slip-top b{font-family:var(--hf);background:var(--ink);color:var(--lime);padding:4px 12px;border-radius:10px;font-size:15px}
.fld{margin-bottom:14px}
.fld label{display:block;font-weight:700;font-size:15.5px;margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;border:1px solid #cfcab9;border-radius:12px;padding:11px 13px;background:#fff;color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
.fld.bad input,.fld.bad select{border-color:#b3261e;background:#fff6f5}
.err{color:#b3261e;font-size:14.5px;margin:4px 0 0;min-height:0}
.err:empty{display:none}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.slip .btn{width:100%;justify-content:center;margin-top:4px}
.sent{margin:12px 0 0;font-weight:700;color:#1a4f9c}

/* FAQ and reading */
.faq{padding:90px 0;background:var(--paper)}
.faq-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px}
.qas{display:grid;gap:10px}
.qa{background:#fff;border:1px solid var(--lined);border-radius:16px;padding:0 20px}
.qa summary{cursor:pointer;list-style:none;font-family:var(--hf);font-weight:600;font-size:19px;padding:16px 0;display:flex;justify-content:space-between;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:24px;line-height:1;color:var(--ink)}
.qa[open] summary::after{content:"−"}
.qa p{margin:0 0 18px;color:#33415c}
.read{padding:0 0 96px;background:var(--paper)}
.read-in h2{font-size:clamp(26px,3vw,36px)}
.read-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);background:var(--ink);color:#fff;border-radius:24px;overflow:hidden;text-decoration:none}
.rc-img{position:relative;display:block;min-height:100%}
.read-card img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.r-txt{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px 30px}
.r-k{color:var(--lime);font-weight:700;font-size:15px}
.r-txt b{font-family:var(--hf);font-size:clamp(22px,2.4vw,30px);line-height:1.2}
.go{font-weight:700;color:var(--lime)}

/* Inner pages */
.page{background:var(--paper);padding:40px 0 90px}
.crumbs{font-size:15px;color:var(--mut);margin-bottom:18px}
.crumbs a{color:var(--ink)}
.page-h{font-size:clamp(32px,4.2vw,52px);max-width:900px}
.art-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;background:#fff;border:1px solid var(--lined);border-radius:22px;overflow:hidden;text-decoration:none;margin-top:28px;max-width:980px}
.art-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.art-body{display:flex;flex-direction:column;gap:8px;padding:24px 26px}
.art-body b{font-family:var(--hf);font-size:24px;line-height:1.25}
.art-meta{font-size:15px;color:var(--mut)}
.art{max-width:780px}
.art h2{font-size:clamp(25px,2.8vw,32px);margin-top:1.6em}
.art .lead{font-size:21px;color:#26344e}
.art ul{padding-inline-start:22px}
.art li{margin-bottom:6px}
.art-fig{position:relative;margin:22px 0 26px;border-radius:20px;overflow:hidden}
.art-fig img{width:100%;aspect-ratio:3/2;object-fit:cover}
.note{position:relative}
aside.note{display:block;background:var(--ink);color:#fff;border-radius:16px;padding:16px 20px;font-size:17px;margin:22px 0;max-width:none}
aside.note b{display:block;color:var(--lime);font-family:var(--hf)}
aside.note a{color:var(--lime);font-weight:700}
.refs{margin-top:40px;border-top:1px solid var(--lined);padding-top:10px}
.refs h2{font-size:22px}
.refs li{font-size:16px}
.fine{font-size:14px;color:var(--mut)}

/* Footer */
.foot{background:var(--ink);color:#d6deec;padding:56px 0 28px}
.foot-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.foot-id{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.foot-logo{width:min(320px,100%);height:auto;border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.3)}
.foot-id b{color:#fff;font-family:var(--hf);font-size:19px}
.foot-h{font-size:16px;color:var(--lime);margin-bottom:8px}
.foot a{color:#fff}
.foot .fine{color:#93a1bb;margin-top:30px;margin-bottom:0}

@media (max-width:980px){
 .mainnav{display:none}
 .burger{display:flex}
 .barwa{margin-inline-start:auto}
 .stage-row{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:40px}
 .lift{order:-1;width:min(100%,360px)}
 .calc-in,.biz-in,.yossi-in,.pass-in,.faq-in,.keypad-in,.path-in,.shield-in,.refi-in,.lobby-in{grid-template-columns:minmax(0,1fr);gap:34px}
 .calc-r,.biz-fig,.path-copy{position:static}
 .directory{grid-template-columns:repeat(2,minmax(0,1fr))}
 .podiums,.policies{grid-template-columns:minmax(0,1fr)}
 .podium:nth-child(2){padding-top:26px}
 .biz-fig .frame img{aspect-ratio:16/10}
 .boards{grid-template-columns:minmax(0,1fr)}
 .foot-in{grid-template-columns:minmax(0,1fr)}
 .read-card,.art-card{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
 body{font-size:17px}
 .bar{gap:10px;padding-inline:14px}
 .brand small{display:none}
 .brand-logo img{height:38px}
 .brand-logo{padding:3px 6px}
 .barwa span{display:none}
 .barwa{padding:10px}
 .stage{padding:34px 0 64px}
 .lede{font-size:18px}
 .keys{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
 .key i{width:58px;height:58px}
 .panel{padding:28px 14px 22px}
 .say{min-height:0}
 .calc,.mortgage,.business,.yossi,.pass,.keypad,.path,.teach,.shield,.circle,.refi,.lobby{padding:70px 0}
 .directory{grid-template-columns:minmax(0,1fr)}
 .dir{min-height:0}
 .ride{padding-inline-start:36px}
 .stop::before{inset-inline-start:-32px}
 .ride::before,.ride::after{inset-inline-start:8px}
 .docs{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}
 .doc{min-height:170px;padding:16px 14px 20px}
 .doc b{font-size:16px}
 .shield .shield-orb{--p3-size:170px}
 .db-h,.db-row{flex-direction:column;gap:2px;padding:12px 16px}
 .db-row b{text-align:start}
 .sums{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .sum.main{grid-column:1/-1}
 .fl{grid-template-columns:92px minmax(0,1fr);gap:12px}
 .fl-l{font-size:12.5px}
 .fl-l b{font-size:13px;white-space:nowrap}
 .ground{margin-inline-start:104px}
 .row2{grid-template-columns:minmax(0,1fr)}
 .slip{padding:0 18px 20px}
 .checks{padding:70px 0}
 .chk-strip{grid-auto-columns:minmax(210px,72%)}
 .cta .btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .door{animation:none;transform:translateX(var(--to))}
 .slab{transition:none}
 .tower.pre .slab{transform:none;opacity:1}
}