/* =========================================================================
   מנהיגות פיננסית · skin27 (17.10.26)
   שכבה משותפת לכל האתר: טוקנים, פונט טמפל, כפתורים, תפריט, פוטר, טפסים,
   באנר העוגיות, הבוט. נטענת אחרונה, אחרי ה-CSS הקיים של כל עמוד.
   עולם: מפת ניווט. דף הבית כהה (לילה), עמודי התוכן בהירים (נייר).
   ========================================================================= */

@font-face{font-family:'OZ Temple';src:url('../fonts/OZTempleVF.woff2') format('woff2');
  font-weight:100 1000;font-style:normal;font-display:swap}

:root{
  /* night map */
  --n0:#06110F;--n1:#0A1A1D;--n2:#0F2529;--n3:#153237;--n4:#1C3E44;
  --on-n:#F2EFE6;--on-n2:#C3CFCB;--on-n3:#9DB0AC;
  --line-n:rgba(160,225,212,.13);--line-n2:rgba(160,225,212,.24);
  /* one teal family */
  --t1:#8FEADC;--t2:#41D3BD;--t3:#1BB8A2;--t4:#0E9E8C;--t5:#0A7467;--t6:#075C52;
  --t-glow:rgba(65,211,189,.28);
  /* paper (reading pages) */
  --p0:#FBFAF6;--p1:#F5F2EA;--p2:#ECE7DB;--on-p:#0E1B1E;--on-p2:#34484C;--on-p3:#566A6D;
  --line-p:rgba(14,27,30,.12);--line-p2:rgba(14,27,30,.2);
  /* gold: only the guarantee */
  --gold:#E2B04A;--gold-d:#B8860B;
  --loss:#E0584E;
  /* type */
  --ff:'OZ Temple','Assistant',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --r-btn:14px;--r-card:24px;--r-sm:12px;
  --shell:min(1240px,100% - 40px);
  --nav-h:76px;
}

/* ---------- base ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.sk27{scroll-padding-top:calc(var(--nav-h) + 12px)}
html.sk27 body{font-family:var(--ff);font-size:18px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1}
html.sk27 h1,html.sk27 h2,html.sk27 h3,html.sk27 h4,html.sk27 h5,html.sk27 .d1,html.sk27 .d2,
html.sk27 .h-1,html.sk27 .h-2,html.sk27 .h-3{font-family:var(--ff);letter-spacing:-.015em}
html.sk27 input,html.sk27 select,html.sk27 textarea,html.sk27 button{font-family:var(--ff)}
html.sk27 .num,html.sk27 .hc-num,html.sk27 .hc-val,html.sk27 bdi{font-variant-numeric:tabular-nums}
html.sk27 ::selection{background:var(--t2);color:#04201C}
html.sk27 body{caret-color:var(--t3);accent-color:var(--t4)}
html.sk27 :focus-visible{outline:3px solid var(--t2);outline-offset:3px;border-radius:6px}
html.sk27 a{text-underline-offset:.22em;text-decoration-thickness:1px}
html.sk27{scrollbar-color:var(--t5) transparent}
html.sk27 ::-webkit-scrollbar{width:11px;height:11px}
html.sk27 ::-webkit-scrollbar-thumb{background:var(--t5);border-radius:10px;border:3px solid transparent;background-clip:content-box}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:9999;background:var(--t2);color:#04201C;
  padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- buttons (rounded rectangles, never pills) ---------- */
.b27{--bh:58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:var(--bh);
  padding:0 26px;border-radius:var(--r-btn);font:900 20px/1.25 var(--ff);letter-spacing:-.01em;
  text-decoration:none!important;border:0;cursor:pointer;white-space:nowrap;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s,color .3s}
.b27 .ico{width:22px;height:22px;stroke-width:2.1}
.b27-go{background:linear-gradient(180deg,#4BDCC6,#1BB8A2);color:#03201B;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 26px -14px rgba(0,0,0,.7)}
.b27-go:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 18px 32px -14px rgba(0,0,0,.75);color:#03201B}
.b27-go .needle{transform-origin:12px 12px;transition:transform .55s var(--ease)}
.b27-go:hover .needle{transform:rotate(-38deg)}
.b27-line{background:transparent;color:var(--on-n);box-shadow:inset 0 0 0 1.5px var(--line-n2)}
.b27-line:hover{box-shadow:inset 0 0 0 1.5px var(--t2);color:var(--t1)}
.b27-sm{--bh:46px;font-size:17px;padding:0 18px;border-radius:12px}
.on-paper .b27-line{color:var(--on-p);box-shadow:inset 0 0 0 1.5px var(--line-p2)}
.on-paper .b27-line:hover{color:var(--t5);box-shadow:inset 0 0 0 1.5px var(--t5)}

/* ---------- nav27 ---------- */
.nv{position:fixed;inset:0 0 auto;z-index:80;height:var(--nav-h);color:var(--on-n);
  transition:background-color .35s,box-shadow .35s,backdrop-filter .35s}
.nv.scrolled,.nv.solid{background:rgba(9,22,25,.86);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 1px 0 var(--line-n)}
.nv-in{width:var(--shell);margin:0 auto;height:100%;display:flex;align-items:center;gap:22px}
.nv-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;flex:none}
.nv .nv-brand img,.ft .nv-brand img{width:42px;height:42px;max-width:none;border-radius:11px;background:#fff;padding:5px;object-fit:contain}
.nv-brand b{display:block;font-weight:900;font-size:19px;line-height:1.05;letter-spacing:-.01em;white-space:nowrap}
.nv-brand small{display:block;font-size:13px;color:var(--on-n3);font-weight:500;line-height:1.2;white-space:nowrap}
.nv-menu{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nv-item{position:relative}
.nv-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;color:var(--on-n2);
  font-weight:600;font-size:16.5px;text-decoration:none;white-space:nowrap;transition:color .2s,background-color .2s;
  background:none;border:0;cursor:pointer}
.nv-link:hover,.nv-item.open>.nv-link{color:var(--on-n);background:rgba(160,225,212,.08)}
.nv-link[aria-current="page"]{color:var(--on-n);box-shadow:inset 0 -2px 0 var(--t2);border-radius:10px 10px 2px 2px}
.nv-link .chev{width:14px;height:14px;transition:transform .3s var(--ease)}
.nv-item.open .chev{transform:rotate(180deg)}
.nv-cta{margin-inline-start:10px}
.nv-mega{position:absolute;top:calc(100% + 10px);inset-inline-start:-12px;min-width:340px;padding:10px;
  background:#0E2226;border:1px solid var(--line-n2);border-radius:18px;box-shadow:0 26px 60px -20px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .25s var(--ease),visibility .25s}
.nv-item.open .nv-mega{opacity:1;visibility:visible;transform:none}
.nv-mega a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;
  color:var(--on-n);text-decoration:none;transition:background-color .2s}
.nv-mega a:hover{background:rgba(160,225,212,.08)}
.nv-mega .mi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(65,211,189,.1);color:var(--t2)}
.nv-mega .mi .ico{width:20px;height:20px}
.nv-mega b{display:block;font-weight:800;font-size:16px;line-height:1.25}
.nv-mega span.ms{display:block;font-size:13.5px;color:var(--on-n3);line-height:1.35}
.nv-mega .cnt{font-variant-numeric:tabular-nums;font-weight:800;font-size:13px;color:var(--t1);
  border:1px solid var(--line-n2);border-radius:8px;padding:2px 8px}
.nv-burger{display:none;flex:none;margin-inline-start:auto;width:46px;height:46px;border-radius:12px;border:1px solid var(--line-n2);
  background:transparent;color:var(--on-n);cursor:pointer;position:relative}
.nv-burger i{position:absolute;inset-inline:12px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.nv-burger i:nth-child(1){top:15px}.nv-burger i:nth-child(2){top:22px}.nv-burger i:nth-child(3){top:29px}
.nv.menu-open .nv-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nv.menu-open .nv-burger i:nth-child(2){opacity:0}
.nv.menu-open .nv-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1080px){
  .nv-burger{display:block}
  .nv-cta-d{display:none}
  .nv-menu{position:fixed;top:var(--nav-h);inset-inline:0;bottom:0;display:block;overflow:auto;margin:0;padding:14px 20px 120px;
    background:#0A1C20;border-top:1px solid var(--line-n);opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .25s,transform .3s var(--ease),visibility .25s}
  .nv.menu-open .nv-menu{opacity:1;visibility:visible;transform:none}
  .nv.menu-open{background:#0A1C20}
  .nv-item{border-bottom:1px solid var(--line-n)}
  .nv-link{width:100%;justify-content:space-between;font-size:19px;padding:16px 4px;border-radius:0}
  .nv-link:hover{background:none}
  .nv-mega{position:static;min-width:0;opacity:1;visibility:visible;transform:none;display:none;background:transparent;border:0;box-shadow:none;padding:0 0 12px}
  .nv-item.open .nv-mega{display:block}
  .nv .nv-cta-m{display:flex;margin:22px 0 0;width:100%}
  .nv .nv-cta-d{display:none}
}
@media (min-width:1081px){.nv-cta-m{display:none}}
@media (max-width:1180px) and (min-width:1081px){.nv-link{padding:10px 9px;font-size:16px}.nv-brand small{display:none}}

/* ---------- footer27 ---------- */
.ft{background:var(--n0);color:var(--on-n2);padding:72px 0 28px;position:relative;overflow:hidden;font-size:16px}
.ft::before{content:"";position:absolute;inset:0;background:url('../assets/map/topo-c.svg') center/cover no-repeat;opacity:.06;pointer-events:none;filter:invert(1)}
.ft-in{width:var(--shell);margin:0 auto;position:relative}
.ft-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.ft-brand p{margin:16px 0 18px;max-width:34ch;line-height:1.65}
.ft h2{font-size:15px;font-weight:800;color:var(--on-n);margin:6px 0 14px;letter-spacing:0}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft a{color:var(--on-n2);text-decoration:none}
.ft a:hover{color:var(--t1)}
.ft-soc{display:flex;gap:10px}
.ft-soc a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line-n2);color:var(--on-n)}
.ft-soc a:hover{border-color:var(--t2);color:var(--t1)}
.ft-soc .ico{width:21px;height:21px}
.ft-legal{margin-top:46px;padding-top:22px;border-top:1px solid var(--line-n);display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  font-size:14.5px;color:var(--on-n3)}
.ft-legal nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.ft-fine{margin-top:16px;font-size:13.5px;line-height:1.75;color:var(--on-n3);max-width:110ch}
.ft-credit{margin-top:26px;display:flex;align-items:center;gap:14px;color:var(--on-n3);font-size:14px;text-decoration:none!important;width:max-content}
.ft .ft-credit img{height:55px;width:auto;max-width:none;display:block}
.ft-credit:hover{color:var(--on-n)}
@media (max-width:960px){.ft-grid{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:560px){.ft-grid{grid-template-columns:1fr}.ft{padding-top:56px}}


/* ---------- lead box (map sheet with corner ticks) ---------- */
.lead-box{position:relative;border-radius:var(--r-card);padding:clamp(24px,3.4vw,40px);
  background:linear-gradient(180deg,#112B30,#0D2125);border:1px solid var(--line-n2);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.8),0 0 0 6px rgba(65,211,189,.04)}
.lead-box::before{content:"";position:absolute;inset:12px;pointer-events:none;
  --c:var(--t2);--l:22px;
  background:
    linear-gradient(var(--c),var(--c)) top right/var(--l) 2px no-repeat,
    linear-gradient(var(--c),var(--c)) top right/2px var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) top left/var(--l) 2px no-repeat,
    linear-gradient(var(--c),var(--c)) top left/2px var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) bottom right/var(--l) 2px no-repeat,
    linear-gradient(var(--c),var(--c)) bottom right/2px var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) bottom left/var(--l) 2px no-repeat,
    linear-gradient(var(--c),var(--c)) bottom left/2px var(--l) no-repeat;opacity:.7}
.lf-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.lf-head h2,.lf-head h3{margin:0;font-size:clamp(25px,2.6vw,32px);font-weight:900;line-height:1.12;color:var(--on-n)}
.lf-head p{margin:6px 0 0;color:var(--on-n2);font-size:17px}
.lf-head p b{color:var(--on-n);font-weight:800}
.lf-pin{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(65,211,189,.12);color:var(--t2)}
.lf-pin .ico{width:24px;height:24px}
.lf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:14px;align-items:start}
.lf-grid > .b27{align-self:start;margin-top:29px}
.fld{min-width:0;width:100%;display:flex;flex-direction:column;gap:7px}
.fld label{font-size:15px;font-weight:700;color:var(--on-n2)}
.fld label .opt{margin-inline-start:8px;font-size:13.5px;font-weight:500;color:var(--on-n3)}
.fld input,.fld select{min-width:0;width:100%;height:58px;border-radius:14px;border:1.5px solid var(--line-n2);
  background:rgba(4,14,15,.55);color:var(--on-n);font:500 18px var(--ff);padding:0 16px;transition:border-color .2s,box-shadow .2s}
.fld select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2341D3BD' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 14px center;background-size:20px;padding-inline-end:16px;padding-left:44px}
.fld select option{background:#0E2226;color:var(--on-n)}
.fld input::placeholder{color:#7F9592;opacity:1}
.fld input:focus,.fld select:focus{outline:2px solid var(--t2);outline-offset:2px;border-color:var(--t2)}
.fld.err input,.fld.err select{border-color:var(--loss)}
.fld .em{display:none;font-size:13.5px;color:#FF9A90;font-weight:600}
.fld.err .em{display:block}
.lf-grid .b27{height:58px}
.lf-note{margin:14px 0 0;font-size:14.5px;color:var(--on-n3)}
.lf-note b{color:var(--on-n2)}
@media (max-width:900px){.lf-grid{grid-template-columns:1fr 1fr}.lf-grid .b27{grid-column:1/-1;width:100%;margin-top:4px}}
@media (max-width:520px){.lf-grid{grid-template-columns:1fr}}
/* main.js swaps the card for its own thank-you markup */
.lead-box .ty-hook{font-weight:800;color:var(--t1);margin:6px auto 12px;max-width:36ch}
.lead-box h3{color:var(--on-n);font-family:var(--ff)!important}
.lead-box .ty-sep{height:1px;background:var(--line-n);margin:22px 0}
.lead-box .ty-pin{display:inline-flex;align-items:center;gap:10px;color:var(--on-n2);text-decoration:none}
.lead-box .ty-social{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.lead-box .ty-soc{padding:10px 16px;border-radius:12px;border:1px solid var(--line-n2);color:var(--on-n);text-decoration:none;font-weight:700}
.lead-box .ty-more{color:var(--on-n3);font-size:15px;margin-top:16px}
.lead-box .ty-rail{overflow:hidden;margin-top:10px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.lead-box .ty-track{display:flex;gap:10px;width:max-content;animation:tyRail 40s linear infinite}
.lead-box .ty-track a{padding:8px 14px;border-radius:10px;background:rgba(160,225,212,.08);color:var(--on-n2);text-decoration:none;white-space:nowrap;font-size:15px}
.lead-box .ty-nudge{display:flex;justify-content:center;color:var(--t2)}
.lead-box .ty-nudge svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2}
.lead-box .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;
  background:linear-gradient(180deg,#4BDCC6,#1BB8A2);color:#03201B;font-weight:900;text-decoration:none}
.lead-box .ty-fine{font-size:14px;color:var(--on-n3)}
@keyframes tyRail{to{transform:translateX(50%)}}

/* ---------- consent bar: same two equal choices, less screen ---------- */
html.sk27 .lk-cb{font-family:var(--ff)!important;background:#0E2226!important;color:var(--on-n)!important;
  border:1px solid var(--line-n2)!important;border-radius:18px!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.7)!important}
html.sk27 .lk-cb a{color:var(--t1)!important}
html.sk27 .lk-cb button{font-family:var(--ff)!important;border-radius:12px!important}
@media (max-width:640px){
  html.sk27 .lk-cb{inset-inline:10px!important;bottom:10px!important;padding:14px 14px 12px!important;font-size:13.5px!important;line-height:1.5!important}
  html.sk27 .lk-cb p{margin:0 0 10px!important}
  html.sk27 .lk-cb button{min-height:42px!important;padding:8px 14px!important}
}

/* ---------- bot ---------- */
html.sk27 #lk-bot{position:fixed;bottom:22px;inset-inline-end:22px;z-index:91}
html.sk27 .lk-bot-fab{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;padding:9px;background:#fff;
  border:0;box-shadow:0 14px 34px -12px rgba(0,0,0,.55),0 0 0 4px rgba(65,211,189,.18);cursor:pointer;transition:transform .3s var(--ease)}
html.sk27 .lk-bot-fab:hover{transform:translateY(-3px)}
html.sk27 .lk-bot-fab img{width:100%;height:auto;filter:none!important;opacity:1}
html.sk27 .lk-bot-fab::before{display:none}
html.sk27 .lk-bot-fab.lk-bot-fab-open{background:#fff;border-color:var(--t2)}
html.sk27 .lk-bot-panel{position:absolute;bottom:72px;inset-inline-end:0;width:min(380px,calc(100vw - 40px));height:min(540px,70vh);
  display:flex;flex-direction:column;overflow:hidden;background:#0E2226;color:var(--on-n);border:1px solid var(--line-n2);border-radius:20px;
  box-shadow:0 30px 70px -26px rgba(0,0,0,.75);opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
html.sk27 .lk-bot-panel.lk-bot-panel-open{opacity:1;visibility:visible;transform:none}
html.sk27 .lk-bot-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-n)}
html.sk27 .lk-bot-header-info{display:flex;align-items:center;gap:11px}
html.sk27 .lk-bot-header-avatar{width:36px;height:36px;border-radius:10px;background:#fff;padding:4px}
html.sk27 .lk-bot-header-title{font-weight:800;font-size:16px;color:var(--on-n)}
html.sk27 .lk-bot-header-status{font-size:13px;color:var(--on-n3)}
html.sk27 .lk-bot-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--line-n);background:none;color:var(--on-n2);cursor:pointer}
html.sk27 .lk-bot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
html.sk27 .lk-bot-message{display:flex}
html.sk27 .lk-bot-message-bot{align-self:flex-end}
html.sk27 .lk-bot-message-user{align-self:flex-start}
html.sk27 .lk-bot-bubble{padding:12px 15px;border-radius:16px;font-size:15.5px;line-height:1.6;background:#153237;color:var(--on-n);max-width:88%}
html.sk27 .lk-bot-message-user .lk-bot-bubble{background:var(--t3);color:#03201B;font-weight:600}
html.sk27 .lk-bot-input-form{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line-n)}
html.sk27 .lk-bot-input{flex:1;min-width:0;height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-n2);background:#08181B;color:var(--on-n);font:500 16px var(--ff)}
html.sk27 .lk-bot-input:focus{outline:0;border-color:var(--t2)}
html.sk27 .lk-bot-send{width:46px;height:46px;border-radius:12px;border:0;display:grid;place-items:center;background:var(--t3);color:#03201B;cursor:pointer}
html.sk27 .lk-bot-send svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2}
html.sk27 .lk-bot-footer{padding:9px;text-align:center;font-size:12.5px;color:var(--on-n3);border-top:1px solid var(--line-n)}
html.sk27 .wa-fab{position:fixed;bottom:22px;inset-inline-start:22px;z-index:90;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:#14A85A;color:#fff;box-shadow:0 12px 26px -12px rgba(0,0,0,.6);transition:transform .3s var(--ease)}
html.sk27 .wa-fab:hover{transform:translateY(-3px);color:#fff}
html.sk27 .wa-fab svg{width:28px;height:28px}
html.sk27 .wa-fab .wa-fab-label{display:none}
/* Lior's floating sign-up (24.9.26): bottom centre, always, between WhatsApp and the bot */
html.sk27 .reg-fab{position:fixed;z-index:92;bottom:22px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;
  min-height:58px;padding:0 28px;border-radius:var(--r-btn);font:900 18px/1.2 var(--ff);white-space:nowrap;text-decoration:none;
  background:linear-gradient(180deg,#4BDCC6,#1BB8A2);color:#03201B;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 30px -12px rgba(0,0,0,.75);
  transition:transform .3s var(--ease),opacity .25s,visibility .25s}
html.sk27 .reg-fab:hover{transform:translate(-50%,-3px);color:#03201B}
html.reg-off .reg-fab{opacity:0;visibility:hidden;transform:translate(-50%,14px)}
html.nav-open .reg-fab,html.sk27 body:has(.lk-bot-panel-open) .reg-fab,html.sk27 body:has(.lb:not([hidden])) .reg-fab{opacity:0;visibility:hidden}
@media (max-width:760px){
  html.sk27 #lk-bot{bottom:16px;inset-inline-end:14px}
  html.sk27 .lk-bot-fab{width:52px;height:52px;border-radius:16px}
  html.sk27 .wa-fab{bottom:16px;inset-inline-start:14px;width:52px;height:52px;border-radius:16px}
  html.sk27 .wa-fab svg{width:26px;height:26px}
  html.sk27 .reg-fab{bottom:16px;min-height:52px;padding:0 20px;font-size:16.5px}
}


/* ---------- motion guards ---------- */
@media (prefers-reduced-motion:reduce){
  html.sk27{scroll-behavior:auto}
  .lead-box .ty-track{animation:none}
}
html.lka-motion .lead-box .ty-track{animation:none}
.lead-box .ty-rail:hover .ty-track,.lead-box .ty-rail:focus-within .ty-track{animation-play-state:paused}

/* design-preview thank-you (home27.js, only outside the live domain) */
.pv-ty{text-align:center;padding:18px 6px}
.pv-ty .lf-pin{margin:0 auto 12px}
.pv-ty h3{font-size:clamp(24px,2.4vw,30px);font-weight:900;color:var(--on-n)}
.pv-ty p{margin:8px auto 0;max-width:46ch;color:var(--on-n2);font-size:16.5px;line-height:1.6}

/* consent.js injects the marketing checkbox + the collection notice into every lead form.
   They stay exactly as written; here they move under the fields and read on the dark box. */
.lead-box .lf{display:flex;flex-direction:column}
.lead-box .lf-grid{order:-1}
.lead-box .lk-consent{margin:16px 0 2px!important;font-size:14px!important;line-height:1.55!important;color:var(--on-n2)!important;opacity:1!important}
.lead-box .lk-consent input{accent-color:var(--t3)!important;width:18px!important;height:18px!important}
.lead-box .lk-notice{margin:6px 0 0!important;font-size:12.5px!important;line-height:1.6!important;color:var(--on-n3)!important;opacity:1!important}
.lead-box .lk-notice a{color:var(--t1)!important}

/* long first-person CTAs wrap on phones instead of pushing the page wide */
@media (max-width:560px){
  .b27{white-space:normal;text-align:center;line-height:1.18;padding-block:9px}
}
@media (max-width:350px){html.sk27 .reg-fab{padding:0 14px;font-size:15px}}

/* main.js thank-you: its emoji are swapped for the kit's icons by site27.js */
.lead-box .ty-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;background:var(--t3);color:#03201B}
.lead-box .ty-mark .ico{width:32px;height:32px;stroke-width:2.2}
.lead-box .ty-pin .ico{width:22px;height:22px;flex:none;color:var(--t2)}
.lead-box .ty-done{text-align:center;padding:18px 0}
.lead-box .ty-done h3{font-size:clamp(24px,2.4vw,28px);font-weight:900;line-height:1.25;margin:0 0 12px}
.lead-box .ty-done > p:not([class]){color:var(--on-n2);line-height:1.7;max-width:400px;margin:0 auto 20px}
.lead-box .ty-done .ty-more{margin:22px auto 0}
.lead-box .ty-done > div:not([class]){display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lead-box .ty-mark-alert{background:var(--gold);color:#2A1E04}

/* the section of the current page (inner pages mark it in the markup) */
.nv-item.is-current > .nv-link{color:var(--on-n);box-shadow:inset 0 -2px 0 var(--t2)}
html.sk27 .wa-fab{animation:none!important}
html.sk27 .wa-fab::after,html.sk27 .wa-fab::before{display:none!important}

/* ---------- LK fix (18.10.26): the open phone menu must not be clipped ---------- */
/* backdrop-filter on .nv.scrolled / .nv.solid makes the bar the containing block of the fixed
   .nv-menu panel, so the panel was cut to the bar's 76px (inner pages always, homepage after any
   scroll). The open bar is opaque anyway, so the blur goes, at once, while the menu is open. */
html.sk27 .nv.menu-open{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:background-color .35s,box-shadow .35s}
