/* Keyword landing pages (/mk/krediti/, /mk/online-kredit/, /mk/brz-kredit/, ...) and the homepage form section.
   Loaded only by those pages and the two homepages, after najdikredit.css. Generated by
   scripts/build-landing-pages.js.

   Hero is a full-width split: greeting heading + the whole application form
   on white, a portrait with a short statement and a pine "what you get" band
   on the right. The form reuses the apply page's lead form markup (both
   steps shown at once); only presentation is new. */

.nk-site{
  --lp-mint:#D6E9D4;      /* photo backdrop */
  --lp-pine:#013D28;      /* panel, headings */
  --lp-glow:#9FE0C4;      /* accent on the dark panel */
}
.nk-site .lp-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------- Hero: full-width split (form left, portrait right) ---------- */
.nk-site .lp-hero{padding:0;background:#fff;border-bottom:1px solid var(--line);}
.nk-site .lp-split{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);}
/* form column: the main focus - wide, centred block with generous controls */
.nk-site .lp-split-main{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,3.6vw,56px) clamp(24px,4vw,64px) clamp(40px,4.4vw,64px);}
.nk-site .lp-split-main > *{width:100%;max-width:720px;margin-inline:auto;}
.nk-site .lp-split-main h1{font-size:clamp(32px,3.5vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--lp-pine);}
.nk-site .lp-sub{margin-top:12px;margin-bottom:0;font-size:clamp(16px,1.25vw,18px);color:var(--ink-soft);}

/* portrait side */
.nk-site .lp-split-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:600px;color:#fff;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#FDFDFD 0%,#D8D8D8 12%,#B2B2B2 25%,#8E8E8E 37%,#6F6F6F 49%,#555 62%,#3B3B3B 74%,#0F0F0F 86%,#000 100%);}
.nk-site .lp-portrait{position:absolute;inset:0;z-index:-1;display:flex;justify-content:center;margin:0;}
.nk-site .lp-portrait img{display:block;width:auto;max-width:none;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);}
.nk-site .lp-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.9) 80%);}
.nk-site .lp-quote{margin:0;padding:0 clamp(24px,3.4vw,52px) 32px;max-width:640px;}
.nk-site .lp-quote-mark{display:block;margin-bottom:16px;color:#fff;}
.nk-site .lp-quote blockquote{margin:0;}
.nk-site .lp-quote blockquote p{margin:0;font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.45;letter-spacing:-.01em;color:#fff;}
.nk-site .lp-quote figcaption{display:flex;align-items:stretch;gap:22px;margin-top:22px;}
.nk-site .lp-quote-who{display:flex;flex-direction:column;justify-content:center;gap:3px;padding-right:22px;border-right:1px solid rgba(255,255,255,.45);}
.nk-site .lp-quote-who strong{font-size:16px;font-weight:700;color:#fff;}
.nk-site .lp-quote-who span{font-size:13px;color:rgba(255,255,255,.7);}
.nk-site .lp-quote-org{display:flex;align-items:center;font-size:13px;font-weight:800;letter-spacing:.22em;color:#fff;}
.nk-site .lp-band{padding:clamp(26px,3vw,36px) clamp(24px,3.4vw,52px) clamp(28px,3.2vw,40px);background:var(--lp-pine);}
.nk-site .lp-band-title{margin:0 0 16px;font-size:15px;font-weight:800;color:var(--lp-glow);}
.nk-site .lp-band ul{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;}
.nk-site .lp-band li{display:flex;align-items:center;gap:12px;font-size:clamp(16px,1.35vw,19px);font-weight:700;color:#fff;}
.nk-site .lp-band li::before{content:"";width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--lp-glow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23013D28' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;}

/* ---------- Form: every field visible ---------- */
.nk-site .lp-panel{margin-top:clamp(26px,2.6vw,36px);scroll-margin-top:90px;}
.nk-site .lp-form .apply-step-panel{gap:0;}

/* amount */
.nk-site .lp-form .apply-step-panel .range-field{gap:0;margin:0;padding:0;border:0;}
.nk-site .lp-form .apply-step-panel .range-field label{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);}
.nk-site .lp-form .range-readout{margin:8px 0 12px;font-family:var(--font-display);font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--pine);}
.nk-site .lp-form .range-field input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;max-width:none;height:6px;margin:6px 0;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--pine) 0%,var(--pine) var(--range-pct,17%),#E3ECE7 var(--range-pct,17%),#E3ECE7 100%);}
.nk-site .lp-form .range-field input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--pine);box-shadow:0 2px 8px rgba(1,61,40,.3);}
.nk-site .lp-form .range-field input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--pine);box-shadow:0 2px 8px rgba(1,61,40,.3);}
.nk-site .lp-form .range-field input[type="range"]::-moz-range-track{height:6px;border-radius:999px;background:#E3ECE7;}
.nk-site .lp-form .range-field input[type="range"]:focus-visible{outline:2px solid var(--pine);outline-offset:6px;}
.nk-site .lp-form .range-scale{max-width:none;margin-top:6px;font-size:14px;font-weight:700;color:var(--ink);}
.nk-site .lp-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;}
.nk-site .lp-chip{appearance:none;padding:13px 4px;border:1.5px solid #C9D6D0;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:15.5px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.nk-site .lp-chip:hover{border-color:var(--pine);}
.nk-site .lp-chip[aria-pressed="true"]{background:var(--pine);border-color:var(--pine);color:#fff;}
.nk-site .lp-chip:focus-visible{outline:2px solid var(--pine);outline-offset:2px;}

/* contact fields: name | phone, email | city */
.nk-site .lp-form:not(.lp-form--row) .apply-step-panel[data-step-panel="2"]{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-top:10px;}
.nk-site .lp-form:not(.lp-form--row) .apply-step-panel[data-step-panel="2"] > *{grid-column:1 / -1;}
.nk-site .lp-form:not(.lp-form--row) .apply-step-panel[data-step-panel="2"] > .field{grid-column:auto;}
.nk-site .lp-form:not(.lp-form--row) .apply-step-panel[data-step-panel="2"] > .hp-field{position:absolute;}
.nk-site .lp-form .apply-step-panel .field{gap:8px;margin-top:18px;padding:0;border:0;}
.nk-site .lp-form .apply-step-panel .field label{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);}
.nk-site .lp-form .field input:not([type="range"]){width:100%;max-width:none;height:54px;padding:0 16px;border:1.5px solid #C9D6D0;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px;}
.nk-site .lp-form .field input:not([type="range"])::placeholder{color:#7C8E94;opacity:1;font-weight:500;}
.nk-site .lp-form .field input:not([type="range"]):hover{border-color:#9FB3AA;}
.nk-site .lp-form .field input:not([type="range"]):focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 3px rgba(2,102,66,.15);}
.nk-site .lp-form .apply-step-panel .consent-row{margin-top:16px;gap:10px;}
.nk-site .lp-form .consent-row input[type="checkbox"]{accent-color:var(--pine);}
.nk-site .lp-form .consent-row label{font-size:13.5px;line-height:1.5;color:var(--ink-soft);}
.nk-site .lp-form .consent-row a{color:var(--pine);}

.nk-site .lp-form .apply-step-panel .btn{width:100%;max-width:none;margin-top:22px;padding:19px 18px;border:0;border-radius:10px;background:var(--pine);color:#fff;font-size:17px;font-weight:800;white-space:normal;}
.nk-site .lp-form .apply-step-panel .btn:hover{background:var(--lp-pine);}
.nk-site .lp-form .apply-step-panel .btn:focus-visible{outline:2px solid var(--lp-pine);outline-offset:3px;}
.nk-site .lp-form .apply-step-panel .btn:disabled{opacity:.6;cursor:default;}
.nk-site .lp-form .form-msg{margin-top:12px;}
.nk-site .lp-form .rate-form-note{margin-top:10px;color:var(--header-ink-soft);}

/* ---------- Desktop: the whole hero (form + portrait side) fits one screen ---------- */
@media (min-width:921px){
  /* the portrait column runs up behind the floating header; the form column starts below it */
  .nk-site .lp-split{min-height:100svh;}
  .nk-site .lp-form .rate-form-body{padding:0;}
  .nk-site .lp-form .form-msg:empty{display:none;}
  .nk-site .lp-form .range-field input[type="range"]{margin:2px 0;}
  .nk-site .lp-form:not(.lp-form--row) .apply-step-panel[data-step-panel="2"]{margin-top:0;}
  .nk-site .lp-split-main{padding:calc(clamp(20px,3.2vh,40px) + 84px) clamp(24px,4vw,64px) clamp(20px,3.2vh,40px);}
  .nk-site .lp-split-main h1{font-size:clamp(28px,min(3vw,5vh),46px);line-height:1.06;}
  .nk-site .lp-sub{margin-top:8px;font-size:16px;}
  .nk-site .lp-panel{margin-top:clamp(14px,2.4vh,26px);}
  .nk-site .lp-form .range-readout{margin:4px 0 8px;font-size:clamp(28px,min(2.8vw,4.6vh),44px);}
  .nk-site .lp-form .range-scale{margin-top:4px;}
  .nk-site .lp-chips{margin-top:10px;}
  .nk-site .lp-chip{padding:clamp(8px,1.3vh,12px) 4px;}
  .nk-site .lp-form .apply-step-panel .field{gap:6px;margin-top:clamp(10px,1.7vh,16px);}
  .nk-site .lp-form .apply-step-panel .field label{font-size:14px;}
  .nk-site .lp-form .field input:not([type="range"]){height:clamp(44px,5.6vh,52px);}
  .nk-site .lp-form .apply-step-panel .consent-row{margin-top:clamp(8px,1.4vh,14px);}
  .nk-site .lp-form .consent-row label{font-size:12.5px;line-height:1.45;}
  .nk-site .lp-form .apply-step-panel .btn{margin-top:clamp(12px,2vh,20px);padding:clamp(13px,1.9vh,17px) 18px;}
  .nk-site .lp-form .rate-form-note{margin-top:6px;font-size:12px;}
  .nk-site .lp-split-side{min-height:0;}
  .nk-site .lp-quote{padding-bottom:clamp(16px,2.6vh,28px);}
  .nk-site .lp-quote-mark{margin-bottom:10px;width:28px;height:22px;}
  .nk-site .lp-quote blockquote p{font-size:clamp(17px,min(1.45vw,2.5vh),22px);line-height:1.42;}
  .nk-site .lp-quote figcaption{margin-top:14px;}
  .nk-site .lp-band{padding:clamp(16px,2.6vh,28px) clamp(24px,3.4vw,52px);}
  .nk-site .lp-band-title{margin-bottom:10px;}
  .nk-site .lp-band ul{gap:clamp(8px,1.3vh,12px);}
  .nk-site .lp-band li{font-size:clamp(15px,min(1.2vw,2.1vh),18px);}
}
/* very short screens (~720px tall): the one-line subtitle goes, the form stays whole */
@media (min-width:921px) and (max-height:740px){
  .nk-site .lp-sub{display:none;}
}
/* shorter laptop screens (768–860px tall): tighten a little more */
@media (min-width:921px) and (max-height:860px){
  .nk-site .lp-split-main h1{font-size:clamp(26px,min(2.6vw,4.4vh),40px);}
  .nk-site .lp-form .range-readout{font-size:clamp(26px,4.2vh,36px);margin-bottom:6px;}
  .nk-site .lp-form .apply-step-panel .field label{font-size:13.5px;}
  .nk-site .lp-form .consent-row label{font-size:12px;line-height:1.4;}
}

/* ---------- Homepage: horizontal application form right below the hero ---------- */
.nk-site .lp-home-apply{padding-block:clamp(32px,4vw,56px);background:#F4F5F4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.nk-site .lp-home-card{position:relative;padding:clamp(22px,2.6vw,36px) clamp(20px,2.8vw,40px) clamp(24px,2.8vw,36px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(1,61,40,.05),0 30px 60px -40px rgba(1,61,40,.45);scroll-margin-top:90px;}
.nk-site .lp-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;padding-bottom:clamp(18px,2vw,26px);margin-bottom:clamp(18px,2vw,26px);border-bottom:1px solid var(--line);}
.nk-site .lp-home-copy h2{font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--lp-pine);}
.nk-site .lp-home-copy p{margin:8px 0 0;max-width:56ch;font-size:16px;line-height:1.5;color:var(--ink-soft);}
.nk-site .lp-home-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none;}
.nk-site .lp-home-points li{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:var(--lp-pine);white-space:nowrap;}
.nk-site .lp-home-points li::before{content:"";width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--pine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;}

/* One grid across both form panels: amount | name | phone | email | city, then consent + submit */
.nk-site .lp-form--row .rate-form-body,
.nk-site .lp-form--row .apply-step-panel{display:contents;}
.nk-site .lp-form--row{display:grid;grid-template-columns:minmax(230px,1.3fr) repeat(4,minmax(0,1fr));column-gap:16px;row-gap:0;align-items:start;}
.nk-site .lp-form--row .lp-chips{display:none;}
.nk-site .lp-form--row .apply-step-panel .range-field{grid-column:1;grid-row:1;}
.nk-site .lp-form--row .range-readout{margin:4px 0 6px;font-size:clamp(26px,2.2vw,32px);}
.nk-site .lp-form--row .range-field input[type="range"]{margin:4px 0 2px;}
.nk-site .lp-form--row .range-scale{margin-top:2px;}
.nk-site .lp-form--row .apply-step-panel .field:not(.range-field){grid-row:1;margin-top:0;}
.nk-site .lp-form--row .apply-step-panel .field:not(.range-field) label{font-size:14px;}
.nk-site .lp-form--row .field input:not([type="range"]){height:52px;}
.nk-site .lp-form--row .apply-step-panel .consent-row{grid-column:1 / -1;margin-top:14px;}
.nk-site .lp-form--row .apply-step-panel .consent-row + .consent-row{margin-top:8px;}
.nk-site .lp-form--row .apply-step-panel .btn{grid-column:5;grid-row:2 / span 2;align-self:center;margin-top:14px;padding:17px 14px;}
.nk-site .lp-form--row .form-msg,
.nk-site .lp-form--row .rate-form-note{grid-column:1 / -1;}
.nk-site .lp-form--row .rate-form-note{margin-top:14px;text-align:left;}
.nk-site .lp-form--row .lp-home-submit{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px;}
.nk-site .lp-form--row .lp-home-submit .rate-form-note{margin:0;max-width:58ch;font-size:13px;}
.nk-site .lp-form--row .apply-step-panel .lp-home-submit .btn{flex:0 0 auto;width:auto;min-width:220px;margin:0;padding:18px 28px;}
@media (max-width:640px){
  .nk-site .lp-form--row .lp-home-submit{flex-direction:column-reverse;align-items:stretch;gap:14px;}
  .nk-site .lp-form--row .apply-step-panel .lp-home-submit .btn{width:100%;min-width:0;margin:0;}
  .nk-site .lp-form--row .lp-home-submit .rate-form-note{text-align:center;}
}
.lp-form-in-view .nk-site .sticky-cta.is-visible{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;}

/* Homepage amount: typed amount instead of the slider */
.nk-site .lp-amount-input{position:relative;}
.nk-site .lp-form .lp-amount-input input{width:100%;height:52px;padding:0 60px 0 16px;border:1.5px solid #C9D6D0;border-radius:10px;background:#fff;color:var(--lp-pine);font:inherit;font-size:20px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.nk-site .lp-amount-input input:focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 3px rgba(2,102,66,.15);}
.nk-site .lp-amount-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;color:var(--ink-soft);pointer-events:none;}
.nk-site .lp-amount-hint{margin:6px 0 0;font-size:13px;line-height:1.3;color:var(--ink-soft);}
.nk-site .lp-form--row .lp-amount-field label{font-size:14px;}

/* Homepage section: same mint as the section below, no grey band or borders */
.nk-site .lp-home-apply{position:relative;z-index:3;display:flow-root;background:#CFEFDA;border:0;padding-bottom:0;}
.nk-site .lp-home-apply + .teaser-section{padding-top:clamp(80px,9vw,130px);}

/* Homepage scroll-wheel reveal: landing.js sets --lp-p from 0 (hidden) to 1
   (in place) on the form card and the "Why apply" phone as you scroll.
   Uses the separate translate/scale/rotate properties so it stacks with the
   butterflies' floating animation. Without JS (no .lp-scrub) all is static. */
.lp-scrub .nk-site .lp-home-card{opacity:min(1,calc(var(--lp-p,0) * 1.8));translate:0 calc((1 - var(--lp-p,0)) * 110px);scale:calc(.9 + var(--lp-p,0) * .1);transform-origin:50% 0;will-change:translate,scale,opacity;}
.lp-scrub .nk-site .lp-home-apply + .teaser-section .why-visual[data-reveal]{opacity:1;transform:none;transition:none;}
/* The phone sits ~5% left of centre inside its mockup image; nudge it so it
   lines up with the centred heading below. */
.nk-site .lp-home-apply + .teaser-section .why-phone-frame{transform:translateX(5%);}
/* Scroll-driven: no transitions on anything the scroll moves (they lag behind
   the wheel and stutter). */
.lp-scrub .nk-site .lp-home-apply + .teaser-section .why-phone-frame,
.lp-scrub .nk-site .lp-home-apply + .teaser-section .why-butterfly,
.lp-scrub .nk-site .lp-home-card{transition:none;backface-visibility:hidden;}
.lp-scrub .nk-site .lp-home-apply + .teaser-section .why-phone-frame{opacity:min(1,calc(var(--lp-p,0) * 1.6));translate:0 calc((1 - var(--lp-p,0)) * 130px);scale:calc(.78 + var(--lp-p,0) * .22);transform-origin:50% 100%;will-change:translate,scale,opacity;}
/* Desktop: the card rises over the bottom of the hero photo, and the photo
   fades into the mint so there is no hard cut line */
@media (min-width:1200px){
  .nk-site .lp-home-apply{padding-top:0;}
  .nk-site .lp-home-card{margin-top:calc(-1 * clamp(110px,9vw,160px));box-shadow:0 2px 4px rgba(1,61,40,.06),0 40px 80px -36px rgba(1,61,40,.55);}
  .nk-site .hero-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:clamp(160px,14vw,240px);background:linear-gradient(to bottom,rgba(207,239,218,0) 0%,rgba(207,239,218,.85) 70%,#CFEFDA 100%);pointer-events:none;}
}
/* Desktop row: all five inputs sit on one baseline even though the amount
   label wraps to two lines; the range hint hangs under the amount box */
@media (min-width:1101px){
  .nk-site .lp-form--row .apply-step-panel .field{align-self:end;}
  .nk-site .lp-form--row .lp-amount-field{position:relative;}
  .nk-site .lp-form--row .lp-amount-hint{position:absolute;left:0;top:100%;white-space:nowrap;}
  .nk-site .lp-form--row .apply-step-panel input[type="hidden"] + .consent-row{margin-top:34px;}
  .nk-site .lp-form--row .apply-step-panel .btn{margin-top:34px;}
}
/* Tablet/phone: hero is white and stacked, so fade from white into the mint */
@media (max-width:1199px){
  .nk-site .lp-home-apply{padding-block:28px 36px;background:#CFEFDA;}
  .nk-site .lp-home-card{margin-top:0;}
  .lp-scrub .nk-site .lp-home-card{opacity:1;translate:none;scale:none;will-change:auto;}
}
@media (max-width:640px){
  .nk-site .lp-home-apply .container{padding-inline:16px;}
}


/* tablet: amount on its own row, contact fields two per row */
@media (max-width:1100px){
  .nk-site .lp-form--row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nk-site .lp-form--row .lp-chips{display:grid;grid-column:1 / -1;margin-bottom:6px;}
  .nk-site .lp-form--row .apply-step-panel .range-field{grid-column:1 / -1;grid-row:auto;}
  .nk-site .lp-form--row .apply-step-panel .field:not(.range-field){grid-row:auto;margin-top:16px;}
  .nk-site .lp-form--row .apply-step-panel .consent-row{grid-column:1 / -1;}
  .nk-site .lp-form--row .apply-step-panel .btn{grid-column:1 / -1;grid-row:auto;margin-top:20px;}
  .nk-site .lp-home-head{align-items:flex-start;flex-direction:column;}
}
/* phone: everything stacked */
@media (max-width:640px){
  .nk-site .lp-form--row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nk-site .lp-home-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  .nk-site .lp-home-head{gap:14px;margin-bottom:16px;padding-bottom:18px;}
  .nk-site .lp-home-copy h2{font-size:26px;line-height:1.18;}
  .nk-site .lp-home-copy p{font-size:14.5px;}
  .nk-site .lp-home-points{flex-direction:row;gap:8px 14px;}
  .nk-site .lp-home-points li{font-size:12.5px;gap:6px;}
  .nk-site .lp-home-points li::before{width:16px;height:16px;background-size:10px;}
  .nk-site .lp-home-apply + .teaser-section{padding-top:44px;}
  .nk-site .lp-form--row .rate-form-note{text-align:center;}
}
@media (max-width:359px){.nk-site .lp-form--row{grid-template-columns:minmax(0,1fr);}}

/* ---------- Three steps (a real sequence) ---------- */
.nk-site .lp-steps{padding-block:0;border-bottom:1px solid var(--line);background:#fff;}
.nk-site .lp-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);margin:0;padding:clamp(28px,3.5vw,40px) 0;list-style:none;counter-reset:lpstep;}
.nk-site .lp-steps li{counter-increment:lpstep;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:baseline;}
.nk-site .lp-steps li::before{content:counter(lpstep);grid-row:span 2;min-width:.62em;text-align:center;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--pine);}
.nk-site .lp-steps strong{font-size:16px;font-weight:800;color:var(--lp-pine);}
.nk-site .lp-steps span{font-size:14.5px;line-height:1.5;color:var(--ink-soft);}

/* ---------- Body ---------- */
.nk-site .lp-body{padding-block:clamp(56px,7vw,96px);}
.nk-site .lp-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,6vw,88px);align-items:start;}
.nk-site .lp-article{max-width:66ch;}
.nk-site .lp-article h2{margin:40px 0 12px;font-size:clamp(22px,2.2vw,26px);font-weight:800;letter-spacing:-.02em;color:var(--lp-pine);}
.nk-site .lp-article h2:first-child{margin-top:0;}
.nk-site .lp-article p{margin:0 0 14px;font-size:16.5px;line-height:1.7;color:var(--ink-soft);}
.nk-site .lp-article ul{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding-left:1.15em;}
.nk-site .lp-article li{padding-left:4px;font-size:16.5px;line-height:1.65;color:var(--ink-soft);}
.nk-site .lp-article li::marker{color:var(--pine);}
.nk-site .lp-article .lp-intro{font-size:18px;color:var(--ink);}
.nk-site .lp-article strong{color:var(--ink);}
.nk-site .lp-article a{color:var(--pine);font-weight:700;text-underline-offset:3px;}

.nk-site .lp-article .lp-related{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:36px 0 0;padding:0;list-style:none;}
.nk-site .lp-article .lp-related li{padding:0;}
.nk-site .lp-article .lp-related a{display:inline-block;padding:9px 16px;border:1px solid var(--line-strong);border-radius:999px;font-size:14.5px;text-decoration:none;}
.nk-site .lp-article .lp-related a:hover{border-color:var(--pine);background:#F1F7F2;}

.nk-site .lp-disclosure{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);}
.nk-site .lp-article .lp-disclosure p{margin:0 0 6px;font-size:13.5px;line-height:1.6;color:var(--header-ink-soft);}

.nk-site .lp-check{position:sticky;top:96px;padding-left:28px;border-left:3px solid var(--pine);}
.nk-site .lp-check h2{margin:0 0 14px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--lp-pine);}
.nk-site .lp-check ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;}
.nk-site .lp-check li{font-size:14.5px;line-height:1.55;color:var(--ink-soft);}

/* ---------- Mobile ---------- */
@media (max-width:920px){
  .nk-site .lp-split{grid-template-columns:1fr;}
  .nk-site .lp-split-main{padding:24px 20px 36px;}
  .nk-site .lp-split-main > *{max-width:640px;}
  /* phones: photo on its own, quote below it on black (never over the face) */
  .nk-site .lp-split-side{min-height:0;background:#000;}
  .nk-site .lp-portrait{position:relative;inset:auto;z-index:0;height:min(400px,95vw);background:linear-gradient(180deg,#FDFDFD 0%,#D8D8D8 12%,#B2B2B2 25%,#8E8E8E 37%,#6F6F6F 49%,#555 62%,#3B3B3B 74%,#0F0F0F 86%,#000 100%);}
  .nk-site .lp-portrait::after{background:linear-gradient(180deg,rgba(0,0,0,0) 70%,#000 100%);}
  .nk-site .lp-quote{max-width:none;padding-top:8px;}
  .nk-site .lp-steps ol{grid-template-columns:1fr;gap:18px;}
  .nk-site .lp-body-grid{grid-template-columns:1fr;}
  .nk-site .lp-check{position:static;}
}
@media (max-width:560px){
  .nk-site .lp-split-main{padding-inline:16px;}
  .nk-site .lp-chips{gap:6px;}
  .nk-site .lp-chip{font-size:13px;}
  .nk-site .lp-form:not(.lp-form--row) .apply-step-panel[data-step-panel="2"]{grid-template-columns:1fr;}
  .nk-site .lp-quote{padding:0 20px 26px;}
  .nk-site .lp-quote figcaption{gap:16px;}
  .nk-site .lp-quote-who{padding-right:16px;}
  .nk-site .lp-band{padding:20px 20px 24px;}
}
@media (prefers-reduced-motion:reduce){
  .nk-site .lp-chip{transition:none;}
}

/* Mobile portrait: fill the full width (no narrow strip with grey sides), face kept in view */
@media (max-width:920px){
  .nk-site .lp-portrait{height:min(440px,112vw);}
  .nk-site .lp-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;-webkit-mask-image:none;mask-image:none;}
}