/* Hushflow · Lead processing page.
   Sits on the site shell (tokens and components of the site page in assets/zoho-crm).
   Everything here is prefixed lp- and built on the site tokens: no global rules, so the
   header, FAQ, booking form and footer look exactly as on the rest of the site. */
:root{
  --lp-on-yellow:#3A2C00;
  --lp-on-yellow-2:#5C4700;
  --lp-edge:rgba(220,212,230,.6);
  --lp-sh-rest:0 1px 2px rgba(21,10,33,.05);
  --lp-sh-hover:0 20px 25px -5px rgba(21,10,33,.08),0 8px 10px -6px rgba(21,10,33,.08);
  --lp-red:#E5484D;
}

/* ---------- icons: the page's own sprite (assets/icons.svg), sized by font-size like an icon font ---------- */
.lp-ic{display:inline-grid;place-items:center;flex:none;font-style:normal;line-height:1}
.lp-ic>svg{display:block;width:1em;height:1em;fill:currentColor}

/* ---------- section head ---------- */
.lp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 56px;align-items:end;margin-bottom:var(--head-gap)}
.lp-head__main .lp-h2{margin-top:16px}
.lp-h2{font:800 var(--fs-h2)/var(--lh-h2) var(--font-display);letter-spacing:var(--tr-h2);color:var(--fg);text-wrap:balance;max-width:20ch}
.lp-head__lead{font:400 var(--fs-lead)/var(--lh-lead) var(--font-text);color:var(--fg-2);max-width:54ch}
@media (max-width:1023px){.lp-head{grid-template-columns:minmax(0,1fr)}}

/* ---------- hero ---------- */
.lp-hero{--pad-x:calc(var(--margin) - var(--act-inset));--stair-3:#FFFFFF;position:relative;isolation:isolate;overflow:clip;
  margin:8px max(var(--act-inset),(100% - var(--act-max)) / 2) 0;border-radius:var(--r-act);color:var(--ink);
  background:radial-gradient(620px 440px at 80% 42%,rgba(255,255,255,.28),transparent 70%),var(--yellow)}
.lp-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding-block:clamp(56px,6.5vw,96px)}
.lp-hero__title{margin-top:20px;font:800 var(--fs-h1)/var(--lh-h1) var(--font-display);letter-spacing:var(--tr-h1);text-wrap:balance;max-width:15ch}
/* the service name is the H1 (as on the site's Zoho page); the promise sits right under it */
.lp-hero__promise{margin-top:18px;font:800 clamp(1.5rem,1.05rem + 1.25vw,2.25rem)/1.12 var(--font-display);letter-spacing:-.022em;color:var(--ink);text-wrap:balance;max-width:26ch}
.lp-hero__promise em{font-style:normal;color:var(--purple)}
.lp-hero__lead{margin-top:20px;font:400 var(--fs-lead)/var(--lh-lead) var(--font-text);color:var(--lp-on-yellow);max-width:40ch}
.lp-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:36px}
.lp-hero__note{font:500 var(--fs-small)/1.45 var(--font-text);color:var(--lp-on-yellow-2)}
.lp-hero__visual{container-type:inline-size;min-width:0}
@media (max-width:1023px){
  .lp-hero__grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .lp-hero__visual{width:100%;max-width:560px;margin-inline:auto}
}
@media (max-width:767px){.lp-hero{margin-top:4px}.lp-hero__cta{margin-top:28px}.lp-hero__note{width:100%;text-align:center}}

/* lead sources: real brand marks, every tile labelled */
.lp-src{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 8px;margin:0 0 28px;padding:0;list-style:none}
.lp-src li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font:600 12px/1.25 var(--font-text);color:var(--lp-on-yellow-2)}
.lp-src__t{width:48px;height:48px;border-radius:14px;background:#FFF;display:grid;place-items:center;flex:none;
  box-shadow:0 1px 2px rgba(21,10,33,.06),0 10px 20px -10px rgba(21,10,33,.35)}
.lp-src__t img{width:26px;height:26px}
.lp-src__t i{font-size:25px;color:var(--purple)}
@container (max-width:470px){
  .lp-src{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;margin-bottom:24px}
  .lp-src li{font-size:11.5px}
  .lp-src__t{width:44px;height:44px;border-radius:13px}
  .lp-src__t img{width:24px;height:24px}
  .lp-src__t i{font-size:23px}
}

/* the funnel */
.lp-fun{display:flex;flex-direction:column;align-items:center;gap:8px}
.lp-fun__bar{width:var(--w);min-height:56px;padding:8px 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;
  text-align:center;font:700 16px/1.2 var(--font-display);letter-spacing:-.01em;transform-origin:50% 50%}
.lp-fun__bar--1{--w:100%;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}
.lp-fun__bar--2{--w:81%;background:var(--lavender)}
.lp-fun__bar--3{--w:63%;background:var(--purple-soft);color:#FFF}
.lp-fun__bar--4{--w:47%;background:var(--purple);color:#FFF;box-shadow:0 18px 36px -14px rgba(90,40,142,.6)}
.lp-fun__bar--4 i{font-size:20px;color:var(--yellow);flex:none}
@container (max-width:470px){
  .lp-fun__bar{min-height:50px;border-radius:14px;font-size:15px}
  .lp-fun__bar--2{--w:86%}.lp-fun__bar--3{--w:72%}.lp-fun__bar--4{--w:60%}
}
.lp-ready .lp-hero__visual .lp-src li{opacity:0;transform:translateY(-8px)}
.lp-ready .lp-hero__visual .lp-fun__bar{opacity:0;transform:scaleX(.3)}
.lp-ready .lp-hero__visual.is-in .lp-src li{opacity:1;transform:none;transition:opacity .5s var(--ease-out) calc(var(--n,0) * 45ms),transform .5s var(--ease-out) calc(var(--n,0) * 45ms)}
.lp-ready .lp-hero__visual.is-in .lp-fun__bar{opacity:1;transform:none;transition:opacity .5s var(--ease-out) calc(.45s + var(--i) * .16s),transform .9s var(--ease-out) calc(.45s + var(--i) * .16s)}

/* ---------- what changes: the pile ---------- */
.lp-pile{position:relative;background:#FFF;border-radius:var(--r-card-l);border:1px solid var(--lp-edge);box-shadow:var(--sh-card);padding:28px;overflow:hidden}
.lp-pile__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.lp-pile__status{display:flex;align-items:center;gap:10px;font:600 15px/1.4 var(--font-text)}
.lp-pile__dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--lp-red);box-shadow:0 0 0 4px #FDECEC;transition:background .4s,box-shadow .4s}
.is-sorted .lp-pile__dot{background:var(--green);box-shadow:0 0 0 4px var(--green-pale)}
.lp-pile__toggle{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--mist)}
.lp-pile__toggle button{min-height:36px;padding:0 14px;border-radius:9px;font:600 14px/1 var(--font-text);color:var(--ink-2);transition:background var(--dur-ui),color var(--dur-ui)}
.lp-pile__toggle button[aria-pressed="true"]{background:#FFF;color:var(--ink);box-shadow:0 1px 3px rgba(21,10,33,.12)}
.lp-pile__board{position:relative;height:var(--board-h,400px);transition:height .6s var(--ease-out)}
.lp-pile__col{position:absolute;top:0;border-radius:18px;background:var(--day);opacity:0;transition:opacity .5s var(--ease-out)}
.is-sorted .lp-pile__col{opacity:1}
.lp-pile__colhead{display:flex;align-items:center;gap:10px;padding:14px 14px 0}
.lp-pile__colhead b{display:block;font:600 15px/1.3 var(--font-text)}
.lp-pile__colhead span{font-size:13px;line-height:1.3;color:var(--ink-3)}
.lp-pile__ci{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:none}
.lp-pile__ci--hot{background:var(--green-pale);color:var(--green-text)}
.lp-pile__ci--warm{background:var(--yellow-pale);color:#9A6F00}
.lp-pile__ci--no{background:var(--mist);color:var(--ink-3)}
.lp-msg{position:absolute;left:0;top:0;width:var(--card-w,260px);padding:11px 12px;border-radius:14px;background:#FFF;font-size:13.5px;line-height:1.35;
  box-shadow:0 1px 2px rgba(21,10,33,.08),0 6px 18px -8px rgba(21,10,33,.25);
  transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0deg));transition:transform .9s var(--ease-out);will-change:transform}
.lp-msg__top{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;color:var(--ink-3)}
.lp-msg__top img{width:18px;height:18px;flex:none}
.lp-msg__gi{font-size:18px;color:var(--purple);flex:none}
.lp-msg__top b{font-weight:600;font-size:13px;color:var(--ink)}
.lp-msg__time{margin-left:auto}
.lp-msg p{color:var(--ink-2)}
.lp-msg__foot{display:flex;gap:6px;margin-top:8px;max-height:0;opacity:0;transition:opacity .4s .5s,max-height .4s}
.is-sorted .lp-msg__foot{max-height:30px;opacity:1}
.lp-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font:600 12px/1 var(--font-text);white-space:nowrap}
.lp-tag--green{background:var(--green-pale);color:var(--green-text)}
.lp-tag--yellow{background:var(--yellow-pale);color:#7A5900}
.lp-tag--grey{background:var(--mist);color:var(--ink-3)}
.lp-pile__note{margin-top:16px;font-size:var(--fs-small);color:var(--ink-3)}
@media (max-width:767px){.lp-pile{padding:18px;border-radius:var(--r-card)}}

/* ---------- lead routes: night board ---------- */
.lp-routes{--pad-x:calc(var(--margin) - var(--act-inset));overflow:clip;margin-inline:max(var(--act-inset),(100% - var(--act-max)) / 2);
  border-radius:var(--r-act);padding:96px 0 88px;background:var(--night-fill);color:var(--night-ink)}
@media (max-width:767px){.lp-routes{padding:64px 0 56px}}
.lp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.lp-tabs button{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 16px;border-radius:12px;white-space:nowrap;
  background:rgba(255,255,255,.06);box-shadow:var(--night-edge);color:var(--night-ink);font:500 15px/1.2 var(--font-text);transition:background var(--dur-ui) var(--ease-out)}
.lp-tabs button:hover{background:rgba(255,255,255,.11)}
.lp-tabs button[aria-selected="true"]{background:#FFF;color:var(--ink);box-shadow:none}
.lp-tabs img{width:20px;height:20px;flex:none}
.lp-tabs i{font-size:20px;color:var(--night-accent);flex:none}
.lp-tabs button[aria-selected="true"] i{color:var(--purple)}
@media (max-width:767px){
  .lp-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(-1 * var(--pad-x));padding:2px var(--pad-x)}
  .lp-tabs::-webkit-scrollbar{display:none}
  .lp-tabs button{scroll-snap-align:start}
}
.lp-route{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px}
@media (max-width:1023px){.lp-route{grid-template-columns:minmax(0,1fr);gap:24px}}
.lp-route__meta h3{font:700 24px/1.2 var(--font-display);letter-spacing:-.01em;color:#FFF}
.lp-route__meta>p{margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--night-ink-2)}
.lp-heat{margin-top:24px}
.lp-heat__label{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;color:var(--night-ink-3)}
.lp-heat__bar{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--yellow) 55%,var(--lp-red))}
.lp-heat__dot{position:absolute;top:50%;left:var(--heat,50%);width:18px;height:18px;border-radius:50%;background:#FFF;border:3px solid var(--night);
  box-shadow:0 0 0 2px #FFF;transform:translate(-50%,-50%);transition:left .6s var(--ease-out)}
.lp-route__goal{margin-top:24px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:var(--night-edge);font-size:14.5px;line-height:1.45;color:var(--night-ink-2)}
.lp-route__goal b{display:block;margin-top:3px;font-weight:600;color:var(--yellow)}
.lp-steps{position:relative;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.lp-steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:rgba(255,255,255,.12)}
.lp-rs{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.lp-rs__ic{position:relative;z-index:1;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px}
.lp-rs--auto .lp-rs__ic{background:var(--purple);color:#FFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.lp-rs--task .lp-rs__ic{background:var(--yellow);color:var(--ink)}
.lp-rs--branch .lp-rs__ic{background:#FFF;color:var(--purple)}
.lp-rs__body{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:var(--night-edge)}
.lp-rs__kind{display:block;font:600 11px/1.2 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--night-ink-3)}
.lp-rs--task .lp-rs__kind{color:var(--yellow)}
.lp-rs__body b{display:block;margin:6px 0 2px;font-weight:600;color:#FFF}
.lp-rs__body p{font-size:14.5px;line-height:1.5;color:var(--night-ink-2)}
.lp-forks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lp-forks span{padding:6px 10px;border-radius:99px;font:600 12.5px/1.2 var(--font-text)}
.lp-fk-hot{background:rgba(16,208,123,.16);color:#5BE3A6}
.lp-fk-warm{background:rgba(255,198,53,.16);color:#FFD66B}
.lp-fk-no{background:rgba(229,72,77,.16);color:#FF9095}
.lp-route.is-swap{animation:lp-swap .45s var(--ease-out)}
@keyframes lp-swap{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.lp-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;font-size:13.5px;color:var(--night-ink-3)}
.lp-legend span{display:inline-flex;align-items:center;gap:8px}
.lp-legend__k{width:14px;height:14px;border-radius:4px;flex:none}
.lp-legend__k--auto{background:var(--purple);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.lp-legend__k--task{background:var(--yellow)}
.lp-legend__k--branch{background:#FFF}

/* ---------- two levels ---------- */
.lp-levels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media (max-width:1023px){.lp-levels{grid-template-columns:minmax(0,1fr)}}
.lp-lvl{display:flex;flex-direction:column;padding:36px;border-radius:var(--r-card-l)}
@media (max-width:767px){.lp-lvl{padding:24px;border-radius:var(--r-card)}}
.lp-lvl--1{background:#FFF;border:1px solid var(--lp-edge);box-shadow:var(--sh-card)}
.lp-lvl--2{background:var(--grad-dusk);color:#FFF;box-shadow:var(--sh-lift)}
.lp-lvl__n{font:700 12px/1.3 var(--font-text);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--purple)}
.lp-lvl--2 .lp-lvl__n{color:var(--yellow)}
.lp-lvl__title{margin-top:12px;font:800 clamp(24px,1.1rem + 1vw,34px)/1.12 var(--font-display);letter-spacing:var(--tr-h3);text-wrap:balance}
.lp-lvl__for{display:flex;align-items:flex-start;gap:8px;margin:14px 0 18px;font:500 15px/1.45 var(--font-text);color:var(--ink-2)}
.lp-lvl__for i{font-size:20px;color:var(--purple);flex:none}
.lp-lvl--2 .lp-lvl__for{color:var(--night-ink-2)}
.lp-lvl--2 .lp-lvl__for i{color:var(--yellow)}
.lp-lvl__list{margin:0;padding:0;list-style:none}
.lp-lvl__list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--divider);font-size:15.5px;line-height:1.5}
.lp-lvl--2 .lp-lvl__list li{border-color:rgba(255,255,255,.14)}
.lp-lvl__list i{margin-top:2px;font-size:19px;color:var(--purple)}
.lp-lvl--2 .lp-lvl__list i{color:var(--yellow)}
.lp-lvl__time{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px;font:600 14px/1.3 var(--font-text);color:var(--ink-3)}
.lp-lvl__time i{font-size:18px}
.lp-lvl--2 .lp-lvl__time{color:var(--night-ink-2)}

/* ---------- runs automatically ---------- */
.lp-auto{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center}
@media (max-width:1023px){.lp-auto{grid-template-columns:minmax(0,1fr);gap:48px}.lp-auto__phone{order:2}}
.lp-auto__text .lp-h2{margin-top:16px;max-width:18ch}
.lp-auto__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;margin:40px 0 0;padding:0;list-style:none}
@media (max-width:640px){.lp-auto__list{grid-template-columns:minmax(0,1fr);gap:22px}}
.lp-auto__list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px}
.lp-auto__list i{font-size:28px;color:var(--purple)}
.lp-auto__list b{display:block;margin-bottom:4px;font-weight:600}
.lp-auto__list p{font-size:15px;line-height:1.5;color:var(--ink-2)}
.lp-phone{width:min(100%,340px);aspect-ratio:9/15.5;margin-inline:auto;padding:12px;border-radius:48px;background:linear-gradient(160deg,#3B2457,#150A21 60%);box-shadow:var(--sh-lift),inset 0 0 0 2px #4D3A66}
.lp-phone__screen{height:100%;overflow:hidden;padding:48px 12px 12px;border-radius:38px;background:linear-gradient(180deg,#8D6CAD 0%,#5A288E 55%,#28133D 100%)}
.lp-phone__clock{text-align:center;color:#FFF;font:700 60px/1 var(--font-display);letter-spacing:-.02em}
.lp-phone__date{margin:6px 0 22px;text-align:center;font-size:14px;color:rgba(255,255,255,.82)}
.lp-note{margin-top:8px;padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.92);font-size:13px;line-height:1.35;color:var(--ink)}
.lp-note__top{display:flex;align-items:center;gap:7px;margin-bottom:3px;font-size:11.5px;color:var(--ink-3)}
.lp-note__top img{width:16px;height:16px;flex:none}
.lp-note__gi{font-size:16px;color:var(--purple);flex:none}
.lp-note b{font-weight:600}
.lp-ready .lp-note{opacity:0;transform:translateY(-10px)}
.lp-ready .is-in .lp-note{opacity:1;transform:none;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.lp-ready .is-in .lp-note:nth-of-type(2){transition-delay:.3s}
.lp-ready .is-in .lp-note:nth-of-type(3){transition-delay:.6s}
.lp-ready .is-in .lp-note:nth-of-type(4){transition-delay:.9s}

/* ---------- cases (the main site's case cards) ---------- */
.lp-cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font:700 10px/1.3 var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.lp-cmeta b{font-weight:700;color:var(--ink)}
.lp-cmeta i{width:4px;height:4px;border-radius:50%;background:#E5E7EB;flex:none}
.lp-ctitle{margin-bottom:16px;font:800 30px/1 var(--font-display);letter-spacing:-.025em;text-transform:uppercase;color:var(--purple);text-wrap:balance}
.lp-ctitle--xl{font-size:clamp(34px,1.4rem + 1.4vw,48px)}
.lp-flag{overflow:hidden;background:#FFF;border-radius:var(--r-card);border:1px solid var(--lp-edge);box-shadow:var(--lp-sh-rest);transition:box-shadow .5s}
.lp-flag:hover{box-shadow:var(--lp-sh-hover)}
.lp-flag__main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
@media (max-width:1023px){.lp-flag__main{grid-template-columns:minmax(0,1fr)}}
.lp-flag__text{padding:36px 40px}
@media (max-width:767px){.lp-flag__text{padding:24px}}
.lp-flag .lp-ctitle{font-size:clamp(26px,1.1rem + 1vw,34px);line-height:1.04;max-width:26ch}
.lp-flag__steps{display:grid;gap:20px;margin-top:24px}
.lp-flag__lab{margin-bottom:6px;font:700 10px/1.3 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.lp-flag__steps p+p{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.lp-arch{display:flex;flex-direction:column;gap:12px;padding:36px 32px;background:var(--night-fill);color:var(--night-ink)}
@media (max-width:767px){.lp-arch{padding:24px 18px}}
.lp-arch__label{font:600 11px/1.3 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--night-ink-3)}
.lp-arch__row{display:flex;flex-wrap:wrap;gap:8px}
.lp-arch__row span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:var(--night-edge);font-size:13.5px;line-height:1.3}
.lp-arch__row img{width:16px;height:16px;flex:none}
.lp-arch__row i{font-size:17px;color:var(--night-accent);flex:none}
.lp-arch__core{padding:16px;border-radius:16px;background:linear-gradient(135deg,#5A288E,#3B2457);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.lp-arch__core b{display:block;margin-bottom:6px;font:700 18px/1.2 var(--font-display)}
.lp-arch__core p{font-size:13.5px;line-height:1.45;color:var(--night-ink-2)}
.lp-arch__down{align-self:center;font-size:20px;color:var(--night-ink-3)}
.lp-arch__tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:560px){.lp-arch__tree{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lp-arch__tree span{padding:10px 6px;border-radius:10px;background:rgba(255,255,255,.06);text-align:center;font-size:12.5px;line-height:1.3;color:var(--night-ink-2)}
.lp-arch__tree b{display:block;margin-bottom:3px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow)}
.lp-flag__figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--lp-edge)}
.lp-flag__figs div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:24px 28px;border-left:1px solid var(--lp-edge)}
.lp-flag__figs div:first-child{border-left:0}
.lp-flag__figs dd{margin:0;font:800 clamp(34px,1.6rem + 1.2vw,46px)/1 var(--font-display);letter-spacing:-.03em;color:var(--purple)}
.lp-flag__figs dt{margin-top:8px;font-size:14px;line-height:1.4;color:var(--ink-3)}
@media (max-width:767px){
  .lp-flag__figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-flag__figs div{padding:18px}
  .lp-flag__figs div:nth-child(3){border-left:0}
  .lp-flag__figs div:nth-child(n+3){border-top:1px solid var(--lp-edge)}
}
.lp-feat{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);margin-top:24px;overflow:hidden;background:#FFF;border-radius:var(--r-card);border:1px solid var(--lp-edge);box-shadow:var(--lp-sh-rest);transition:box-shadow .5s}
.lp-feat:hover{box-shadow:var(--lp-sh-hover)}
@media (max-width:1023px){.lp-feat{grid-template-columns:minmax(0,1fr)}}
.lp-feat__img{position:relative;min-height:280px;max-height:280px;overflow:hidden;background:var(--mist)}
.lp-feat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1);transition:filter .7s}
.lp-feat:hover .lp-feat__img img{filter:none}
.lp-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.lp-play button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#FFF;background:rgba(90,40,142,.9);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:transform .3s var(--ease-out)}
.lp-feat:hover .lp-play button{transform:scale(1.1)}
.lp-play span{padding:5px 12px;border-radius:99px;background:rgba(21,10,33,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  font:700 9px/1.3 var(--font-text);letter-spacing:.3em;text-transform:uppercase;color:#FFF}
.lp-feat__body{display:flex;flex-direction:column;justify-content:center;padding:32px;transition:background .2s}
.lp-feat__body:hover{background:#FAF9FC}
.lp-feat__quote{margin-bottom:24px;font-size:18px;line-height:1.625;font-style:italic;color:var(--ink-3)}
.lp-feat__link{display:inline-flex;align-items:center;gap:8px;font:700 14px/1.2 var(--font-text);text-transform:uppercase;color:var(--purple)}
.lp-feat__link i{font-size:18px;transition:transform .2s var(--ease-out)}
.lp-feat__body:hover .lp-feat__link i{transform:translateX(4px)}
@media (max-width:767px){.lp-feat__body{padding:24px}}
.lp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
@media (max-width:1023px){.lp-cards{grid-template-columns:minmax(0,1fr)}}
.lp-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px;background:#FFF;border-radius:var(--r-card);border:1px solid var(--lp-edge);box-shadow:var(--lp-sh-rest);transition:box-shadow .5s}
.lp-card:hover{box-shadow:var(--lp-sh-hover)}
.lp-card>*{position:relative;z-index:1}
.lp-card>.lp-card__sil{position:absolute;right:0;bottom:0;z-index:0;max-width:60%;max-height:170px;opacity:.07;pointer-events:none}
.lp-card__sub{margin-bottom:24px;font-size:14px;line-height:1.625;color:var(--ink-3)}
.lp-card__res{display:flex;align-items:flex-start;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--lp-edge);font:600 14px/1.45 var(--font-text);color:var(--ink);transition:color .2s}
.lp-card__res i{flex:none;font-size:18px;color:var(--purple)}
.lp-card:hover .lp-card__res{color:var(--purple)}
.lp-vmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.85)}
.lp-vmodal[hidden]{display:none}
.lp-vmodal__box{position:relative;width:min(900px,100%);aspect-ratio:16/9}
.lp-vmodal__box iframe{width:100%;height:100%;border:0;border-radius:12px}
.lp-vmodal__x{position:absolute;top:-44px;right:0;width:40px;height:40px;display:grid;place-items:center;font-size:26px;color:#FFF}

/* ---------- example routes ---------- */
.lp-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
@media (max-width:860px){.lp-ex{grid-template-columns:minmax(0,1fr)}}
.lp-exc{--c:var(--purple);--cp:var(--lilac);display:flex;flex-direction:column;padding:28px;background:#FFF;border-radius:var(--r-card);border:1px solid var(--lp-edge);box-shadow:var(--lp-sh-rest)}
@media (max-width:767px){.lp-exc{padding:22px}}
.lp-exc--yellow{--c:#8A6400;--cp:var(--yellow-pale)}
.lp-exc--green{--c:var(--green-text);--cp:var(--green-pale)}
.lp-exc--cyan{--c:#00718C;--cp:var(--cyan-pale)}
.lp-exc--purple{--c:var(--purple);--cp:var(--lilac)}
.lp-exc__top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.lp-exc__ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;font-size:26px;background:var(--cp);color:var(--c)}
.lp-exc h3{font:700 var(--fs-h4)/1.2 var(--font-display);letter-spacing:-.01em}
.lp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.lp-chips li{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border-radius:99px;background:var(--day);box-shadow:inset 0 0 0 1px var(--line);font:600 12.5px/1.2 var(--font-text);color:var(--ink-2)}
.lp-chips img{width:16px;height:16px;flex:none}
.lp-chips i{font-size:16px;color:var(--purple);flex:none}
.lp-exc__steps{margin:0;padding:0;list-style:none;counter-reset:lp-s}
.lp-exc__steps li{position:relative;counter-increment:lp-s;padding:10px 0 10px 30px;border-top:1px solid var(--divider);font-size:15px;line-height:1.5;color:var(--ink-2)}
.lp-exc__steps li::before{content:counter(lp-s);position:absolute;left:2px;top:10px;font:700 13px/1.75 var(--font-display);color:var(--c)}
.lp-exc__steps b{font-weight:600;color:var(--ink)}
.lp-exc__out{display:flex;gap:8px;margin-top:auto;padding-top:16px;font:500 15px/1.5 var(--font-text);color:var(--ink)}
.lp-exc__out i{flex:none;margin-top:1px;font-size:20px;color:var(--green-text)}

/* ---------- process ---------- */
.lp-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.lp-track::before{content:"";position:absolute;left:48px;right:calc(25% - 24px);top:48px;height:2px;background:repeating-linear-gradient(90deg,var(--lavender) 0 8px,transparent 8px 14px)}
@media (max-width:1023px){.lp-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.lp-track::before{display:none}}
.lp-step__ic{position:relative;z-index:1;width:96px;height:96px;margin-bottom:22px;border-radius:28px;display:grid;place-items:center;font-size:42px;box-shadow:var(--sh-card)}
.lp-step__ic--1{background:var(--yellow);color:var(--ink)}
.lp-step__ic--2{background:#FFF;color:var(--purple)}
.lp-step__ic--3{background:var(--purple);color:#FFF}
.lp-step__ic--4{background:var(--green);color:var(--ink)}
.lp-step__n{font:700 12px/1.3 var(--font-text);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3)}
.lp-step h3{margin:6px 0 8px;font:700 var(--fs-h4)/1.2 var(--font-display);letter-spacing:-.01em}
.lp-step h3+p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.lp-step__t{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font:600 14px/1.3 var(--font-text);color:var(--purple)}
@media (max-width:600px){
  .lp-track{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .lp-step{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-items:start}
  .lp-step>*{grid-column:2}
  .lp-step__ic{grid-column:1;grid-row:1 / span 4;width:64px;height:64px;margin:0;border-radius:20px;font-size:28px}
}
.lp-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px}
@media (max-width:860px){.lp-notes{grid-template-columns:minmax(0,1fr)}}
.lp-note-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:24px 28px;border-radius:var(--r-card)}
.lp-note-card>i{font-size:30px;line-height:1}
.lp-note-card p{font-size:15.5px;line-height:1.6}
.lp-note-card b{display:block;margin-bottom:4px;font:700 17px/1.35 var(--font-display);letter-spacing:-.01em;color:var(--ink)}
.lp-note-card--honest{background:var(--yellow-pale)}
.lp-note-card--honest>i{color:#9A6F00}
.lp-note-card--honest p{color:#4A3A00}
.lp-note-card--owned{background:var(--green-pale)}
.lp-note-card--owned>i{color:var(--green-text)}
.lp-note-card--owned p{color:#1F4D37}
@media (max-width:767px){.lp-note-card{padding:20px;gap:12px}}

/* ---------- related services ---------- */
.lp-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:640px){.lp-related{grid-template-columns:minmax(0,1fr)}}
.lp-related a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;border-radius:20px;background:#FFF;border:1px solid var(--lp-edge);box-shadow:var(--lp-sh-rest);transition:box-shadow .3s}
.lp-related a:hover{box-shadow:var(--lp-sh-hover)}
.lp-related small{display:block;font-size:13px;color:var(--ink-3)}
.lp-related b{font:700 20px/1.25 var(--font-display);letter-spacing:-.01em}
.lp-related i{flex:none;font-size:22px;color:var(--purple);transition:transform .2s var(--ease-out)}
.lp-related a:hover i{transform:translateX(3px)}

/* ---------- reveal ---------- */
.lp-ready [data-rv]{opacity:0;transform:translateY(16px)}
.lp-ready [data-rv].is-in{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
@media (prefers-reduced-motion:reduce){
  .lp-ready [data-rv],.lp-ready .lp-note,.lp-ready .lp-hero__visual .lp-src li,.lp-ready .lp-hero__visual .lp-fun__bar{opacity:1!important;transform:none!important;transition:none!important}
  .lp-msg,.lp-heat__dot,.lp-pile__board{transition:none}
  .lp-route.is-swap{animation:none}
}
@media print{.lp-ready [data-rv],.lp-ready .lp-note{opacity:1;transform:none}}

/* ---------- booking form: country code + phone (this page only) ---------- */
.lp-tel{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px}
.lp-tel__cc{position:relative;display:flex;align-items:center;padding:0 34px 0 14px;cursor:pointer}
.lp-tel__cc .s-book__chevron{right:12px}
.lp-tel__cc:hover{border-color:var(--ink-2)}
.lp-tel__cc:focus-within{border-color:var(--purple);box-shadow:inset 0 0 0 .5px var(--purple),0 0 0 4px var(--purple-halo)}
.lp-tel__face{font:400 1.0625rem/1 var(--font-text);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-tel__face.is-empty{color:var(--ink-3)}
.lp-tel__select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px;-webkit-appearance:none;appearance:none}
.is-invalid .lp-tel__cc{border-color:var(--error);box-shadow:inset 0 0 0 .5px var(--error)}
.is-invalid .lp-tel__cc:focus-within{box-shadow:inset 0 0 0 .5px var(--error),0 0 0 4px rgba(179,38,30,.14)}
/* "Prefer to write? WhatsApp · Telegram": the site stylesheet sets these links to inline-block,
   which drops the external-link icon onto its own line. Keep text and icon on one line. */
.s-book .s-book__write .c-link.c-link--icon{display:inline-flex;align-items:center}