.lp{
--bg:#FAF8FC; --ink:#2A2140; --muted:#6E6684;
--primary:#6A50C8; --primary2:#9B7FE0;
--tint:#EBE4F8; --tint2:#F4F1FA; --tint3:#F9F7FC;
--sky1:#B08AD6; --sky2:#D7C2EA; --sky3:#F3ECF8;
--accent:#E8A33C; --accent-soft:#F7DFA9; --accent-deep:#7A5410;
--band:#241C3B; --band-acc:#E9C36A; --band-acc2:#C9B4EE;
--line:rgba(42,33,64,.12); --line2:rgba(42,33,64,.2);
--imsg-in:#E9E9EB; --imsg-out:#0A84FF;
--wrap:1320px; --gut:clamp(20px,4.4vw,64px);
background:var(--bg); color:var(--ink);
font-family:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;
font-size:clamp(15px,1vw,15.5px); line-height:1.6; letter-spacing:-.005em;
}
.lp *{box-sizing:border-box}
.lp h1,.lp h2,.lp h3{
font-family:'Bricolage Grotesque','Schibsted Grotesk',system-ui,sans-serif;
font-weight:600; letter-spacing:-.032em; margin:0; text-wrap:balance;
}
.lp h1{font-size:clamp(34px,5.6vw,62px); line-height:1.05}
.lp h2{font-size:clamp(27px,3.6vw,40px); line-height:1.06}
.lp p{margin:0}
.lp ul{list-style:none; margin:0; padding:0}
.lp a{color:inherit; text-decoration:none}
.lp .wrap{max-width:var(--wrap); margin:0 auto; padding:0 var(--gut)}
.lp .lbl{font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase}
.lp .mark-hl{background:var(--accent-soft); border-radius:6px; padding:0 .14em}
.lp :focus-visible{outline:2px solid var(--primary); outline-offset:3px}
.lp-ticker{background:var(--primary); color:#fff; text-align:center; padding:9px var(--gut)}
.lp-head{position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line);
background:rgba(250,248,252,.86);
-webkit-backdrop-filter:saturate(180%) blur(12px); backdrop-filter:saturate(180%) blur(12px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.lp-head{background:var(--bg)}
}
.lp-head-in{
display:flex; align-items:center; gap:16px; flex-wrap:wrap;
max-width:var(--wrap); margin:0 auto; padding:20px var(--gut);
}
html{scroll-padding-top:100px}
.lp-logo{display:inline-flex; align-items:center; gap:12px; font-weight:600; font-size:19px;
letter-spacing:.2em; text-transform:uppercase; line-height:1}
.lp-logo b{display:grid; grid-template-columns:repeat(2,5px); gap:2.5px}
.lp-head .lp-logo{font-size:24px; gap:14px}
.lp-head .lp-logo b{grid-template-columns:repeat(2,7px); gap:3px}
.lp-head .lp-logo i{width:7px; height:7px; border-radius:1.5px}
.lp-logo i{width:5px; height:5px; background:var(--primary); border-radius:1px}
.lp-logo i:nth-child(2){opacity:.5} .lp-logo i:nth-child(3){opacity:.4}
.lp-clock{display:flex; gap:10px; margin-left:auto; color:var(--muted)}
.lp-switch{display:flex; margin:0 auto; padding:3px; gap:2px; border-radius:999px;
background:var(--tint2); border:1px solid var(--line)}
.lp-switch a{padding:7px 15px; border-radius:999px; color:var(--muted); white-space:nowrap;
transition:background .18s ease, color .18s ease}
.lp-switch a:hover{color:var(--ink)}
.lp-switch a.on{background:var(--primary); color:#fff}
@media(max-width:640px){
html{scroll-padding-top:76px}
.lp-head-in{padding:12px var(--gut); gap:10px}
.lp-head .lp-logo{font-size:18px; gap:10px}
.lp-head .lp-logo b{grid-template-columns:repeat(2,5px); gap:2.5px}
.lp-head .lp-logo i{width:5px; height:5px}
.lp-head-in > .lp-btn{display:none}
.lp-switch{margin:0 0 0 auto}
.lp-switch a{padding:6px 12px; font-size:10.5px; letter-spacing:.08em}
.lp-sw-for{display:none}
}
.lp-crosslink{padding:clamp(30px,4vw,48px) var(--gut) clamp(40px,5vw,60px)}
.lp-crosslink .wrap{max-width:var(--wrap); margin:0 auto}
.lp-crosslink a{display:flex; align-items:center; gap:18px; justify-content:space-between;
padding:22px 26px; border:1px solid var(--primary2); border-radius:16px;
background:var(--tint); color:var(--ink);
transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease}
.lp-crosslink a:hover{border-color:var(--primary); transform:translateY(-2px);
box-shadow:0 10px 26px rgba(106,80,200,.18)}
.lp-crosslink b{font-weight:600}
.lp-crosslink .go{color:var(--primary); font-size:20px}
.lp-clock span{font-variant-numeric:tabular-nums}
@media(max-width:900px){.lp-clock{display:none} .lp-head .lp-btn{margin-left:auto}}
.lp-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer;
font:inherit; font-size:11.5px; font-weight:600; letter-spacing:.15em; text-transform:uppercase;
padding:14px 24px; border:0; border-radius:999px; background:var(--primary); color:#fff;
transition:transform .18s,box-shadow .18s,background .18s}
.lp-btn:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(42,33,64,.22)}
.lp-btn.ghost{background:transparent; color:var(--ink); border:1px solid var(--line2)}
.lp-btn.ghost:hover{border-color:var(--primary); color:var(--primary)}
.lp-btn.on-dark{background:#fff; color:var(--ink)}
.lp a.lp-btn{color:#fff}
.lp a.lp-btn.ghost{color:var(--ink)}
.lp a.lp-btn.ghost:hover{color:var(--primary)}
.lp a.lp-btn.on-dark{color:var(--ink)}
.lp-hero{background:linear-gradient(180deg,var(--sky2) 0%,var(--sky3) 45%,var(--bg) 100%);
position:relative; overflow:hidden}
.lp-hero-copy{max-width:var(--wrap); margin:0 auto; padding:clamp(40px,6vw,64px) var(--gut) 0;
display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center}
.lp-hero-copy h1{max-width:18ch}
.lp-sub{color:var(--muted); font-style:italic; font-size:clamp(14.5px,1.45vw,16px);
max-width:56ch}
.lp-stage{position:relative; padding:clamp(28px,4vw,36px) var(--gut) clamp(48px,6vw,64px)}
.lp-drift{position:absolute; inset:0; overflow:hidden; pointer-events:none}
.lp-drift-row{position:absolute; display:flex; width:max-content; will-change:transform}
.lp-drift-row:nth-child(1){top:8%; animation:lp-left 34s linear infinite; opacity:.85}
.lp-drift-row:nth-child(2){top:28%; animation:lp-right 44s linear infinite; opacity:.6}
.lp-drift-row:nth-child(3){top:52%; animation:lp-left 52s linear infinite; opacity:.45}
.lp-drift-row:nth-child(4){top:74%; animation:lp-right 39s linear infinite; opacity:.32}
.lp-drift-row span{background:#fff; border:1px solid var(--line); border-radius:999px;
padding:8px 16px; font-size:12.5px; color:var(--muted); white-space:nowrap; margin-right:14px}
.lp-drift-row span.hit{border-color:var(--primary); color:var(--primary)}
@keyframes lp-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lp-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:720px){.lp-drift{display:none}}
.lp-phone{position:relative; width:min(400px,100%); margin:0 auto; background:#fff;
border:1px solid var(--line); border-radius:32px; padding:22px;
display:flex; flex-direction:column; gap:12px; box-shadow:0 28px 70px rgba(42,33,64,.18)}
.lp-try{position:absolute; top:-16px; right:-14px; z-index:5; transform:rotate(2deg);
background:var(--primary); color:#fff; border-radius:999px; padding:9px 18px;
display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600;
box-shadow:0 10px 24px rgba(42,33,64,.3)}
@media(max-width:520px){.lp-try{right:-4px; font-size:12px; padding:7px 14px}}
.lp-phone-head{display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--line)}
.lp-phone-head .lp-logo{font-size:12px; gap:8px}
.lp-phone-head .lp-logo b{grid-template-columns:repeat(2,4px); gap:2px}
.lp-phone-head .lp-logo i{width:4px; height:4px}
.lp-live{margin-left:auto; font-size:11.5px; color:var(--muted)}
.lp-thread{display:flex; flex-direction:column; gap:9px; min-height:430px}
.lp-msg{position:relative; max-width:88%; padding:9px 13px; font-size:13.5px; line-height:1.45;
border-radius:18px; animation:lp-rise .35s ease both}
.lp-msg.reacted{margin-top:18px}
.lp-react{position:absolute; top:-16px; left:-16px; min-width:27px; height:27px; padding:0 5px;
border-radius:14px; background:#fff; border:1px solid #E6E3F0;
display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1;
box-shadow:0 2px 8px rgba(20,16,40,.14); transform-origin:85% 85%;
animation:lp-react-in .4s cubic-bezier(.34,1.56,.64,1) both}
.lp-react i{position:absolute; border-radius:50%; background:#fff; border:1px solid #E6E3F0}
.lp-react i:first-child{width:8px; height:8px; bottom:-4px; right:2px}
.lp-react i:last-child{width:4px; height:4px; bottom:-8px; right:-1px}
.lp-wlcard{cursor:pointer; background:var(--tint); border:1.5px solid var(--primary);
gap:3px; transition:transform .14s ease, box-shadow .14s ease}
.lp-wlcard:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(106,80,200,.22)}
.lp-wlcard:focus-visible{outline:2px solid var(--primary); outline-offset:2px}
.lp-wl-head{display:flex; align-items:center; gap:8px; color:var(--primary); font-size:14px}
.lp-wl-head b{font-weight:600}
.lp-wl-mark{font-size:0; gap:0}
.lp-wl-sub{font-size:12px; color:var(--muted)}
@keyframes lp-react-in{from{transform:scale(0); opacity:0}to{transform:scale(1); opacity:1}}
.lp-msg.me{align-self:flex-end; background:var(--imsg-out); color:#fff; border-bottom-right-radius:6px}
.lp-msg.them{align-self:flex-start; background:var(--imsg-in); color:#1A1A1A; border-bottom-left-radius:6px}
.lp-msg.wide{max-width:92%; display:flex; flex-direction:column; gap:8px}
.lp-meta{align-self:center; font-size:10.5px; color:#9A9FA4; font-weight:500; animation:lp-rise .35s ease both}
.lp-meta.right{align-self:flex-end}
@keyframes lp-rise{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
.lp-dots{align-self:flex-start; background:var(--imsg-in); border-radius:18px 18px 18px 6px;
padding:11px 14px; display:flex; gap:4px}
.lp-dots i{width:6px; height:6px; border-radius:50%; background:#8E8E93; animation:lp-bounce 1s ease-in-out infinite}
.lp-dots i:nth-child(2){animation-delay:.15s} .lp-dots i:nth-child(3){animation-delay:.3s}
@keyframes lp-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
.lp-job{position:relative; display:block; margin-top:6px}
.lp-job-card{display:block; background:#fff; border:1.5px solid var(--line);
border-radius:12px; overflow:hidden}
.lp-job-card.picked{border-color:var(--imsg-out); box-shadow:0 0 0 1px var(--imsg-out)}
.lp-job-shot{background:var(--shot,#1A2B4A); padding:10px 12px 12px; display:flex; flex-direction:column; gap:5px}
.lp-job-shot .row{display:flex; align-items:center; gap:6px}
.lp-job-shot .badge{width:15px; height:15px; border-radius:3px; background:#fff; display:grid; place-items:center}
.lp-job-shot .co{color:#fff; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase}
.lp-job-shot .bar{height:5px; border-radius:999px; background:rgba(255,255,255,.35)}
.lp-job-shot .bar.short{width:48%; background:rgba(255,255,255,.22)}
.lp-job-shot .cta{align-self:flex-start; margin-top:3px; background:var(--primary); color:#fff;
border-radius:5px; padding:3px 10px; font-size:9.5px; font-weight:600}
.lp-job-body{padding:9px 12px; display:flex; flex-direction:column; gap:2px}
.lp-job-body .n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10.5px;
letter-spacing:.14em; color:var(--primary)}
.lp-job-body .t{font-size:13px; font-weight:600}
.lp-job-body .s{font-size:12px; color:var(--muted)}
.lp-job-body .u{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10.5px; color:#9AA9B4}
.lp-tap{position:absolute; top:-14px; right:-6px; z-index:2; background:var(--imsg-out);
border:2px solid #fff; border-radius:999px; padding:3px 8px; display:flex;
box-shadow:0 3px 8px rgba(42,33,64,.22); animation:lp-pop .4s ease both;
animation-delay:1.05s}
@keyframes lp-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
.lp-sr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0;
overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap}
.lp-send{display:flex; gap:8px; align-items:center; border-top:1px solid var(--line); padding-top:12px}
.lp-send input{flex:1; min-width:0; border:1px solid var(--line2); border-radius:999px;
padding:10px 14px; font:inherit; font-size:13.5px; background:#fff; color:var(--ink)}
.lp-send input:focus{outline:none; border-color:var(--primary)}
.lp-send button{width:36px; height:36px; flex:0 0 auto; border:0; border-radius:50%;
background:var(--imsg-out); color:#fff; display:grid; place-items:center; cursor:pointer}
.lp-doors{background:#fff; border-bottom:1px solid var(--line)}
.lp-doors .wrap{padding-top:40px; padding-bottom:40px; display:grid; gap:16px;
grid-template-columns:repeat(auto-fit,minmax(320px,390px)); justify-content:center}
.lp-door{display:flex; align-items:center; gap:16px; padding:22px 24px; border-radius:18px;
cursor:pointer; text-align:left; font:inherit; border:1px solid transparent;
transition:transform .2s,box-shadow .2s}
.lp-door:hover{transform:translateY(-3px); box-shadow:0 18px 40px rgba(42,33,64,.18)}
.lp-door .ico{width:44px; height:44px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center}
.lp-door .tt{display:block; font-size:17px; font-weight:600; letter-spacing:-.018em}
.lp-door .ss{display:block; font-size:13.5px}
.lp-door .arw{margin-left:auto; transition:transform .2s}
.lp-door:hover .arw{transform:translateX(5px)}
.lp-door.cand{background:var(--primary); color:#fff; box-shadow:0 14px 34px rgba(106,80,200,.28)}
.lp-door.cand .ico{background:rgba(255,255,255,.16)}
.lp-door.hire{background:#fff; border-color:var(--line2); color:var(--ink)}
.lp-door.hire .ico{background:var(--accent-soft)}
.lp-door.hire .ss{color:var(--muted)}
.lp-free{grid-column:1/-1; justify-self:center; background:var(--accent-soft); color:var(--ink);
border-radius:6px; padding:8px 18px; font-size:12.5px; font-weight:600}
.lp-sec{padding:clamp(56px,7vw,88px) 0; border-bottom:1px solid var(--line)}
.lp-sec.alt{background:var(--tint2)}
.lp-sec.white{background:#fff}
.lp-head-row{display:flex; align-items:flex-start; gap:clamp(16px,3vw,28px)}
.lp-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:clamp(34px,5vw,60px);
font-weight:600; color:var(--primary); opacity:.35; line-height:1}
.lp-kick{color:var(--primary); display:block; margin-bottom:10px}
.lp-grid{display:grid; gap:16px; margin-top:clamp(32px,4vw,48px)}
.lp-g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.lp-g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lp-g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.lp-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px;
display:flex; flex-direction:column; gap:14px}
.lp-sec.white .lp-card{background:var(--tint2)}
.lp-card.tap{cursor:pointer; transition:transform .2s,border-color .2s,box-shadow .2s}
.lp-card.tap:hover{transform:translateY(-4px); border-color:var(--primary);
box-shadow:0 16px 36px rgba(106,80,200,.16)}
.lp-card h3{font-size:17px}
.lp-card .note{color:var(--muted); font-size:12.5px}
.lp-chan-top{display:flex; align-items:center; gap:10px}
.lp-chan-top .lbl{color:var(--primary)}
.lp-chan-val{margin-left:auto; font-size:15px; font-weight:600; color:var(--primary)}
.lp-demo{background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px;
min-height:128px; display:flex; flex-direction:column; gap:8px}
.lp-sec.white .lp-demo{background:#fff}
.lp-mini{border-radius:12px; padding:6px 11px; font-size:12px; max-width:90%}
.lp-mini.me{align-self:flex-end; background:var(--imsg-out); color:#fff; border-bottom-right-radius:3px}
.lp-mini.them{align-self:flex-start; background:var(--imsg-in); color:#1A1A1A; border-bottom-left-radius:3px}
.lp-wave{display:flex; gap:3px; height:30px; align-items:center; justify-content:center}
.lp-wave i{width:4px; background:var(--primary); border-radius:2px; animation:lp-eq .9s ease-in-out infinite}
@keyframes lp-eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.lp-rec{width:9px; height:9px; border-radius:50%; background:#E24C4C; animation:lp-pulse 1.2s ease-in-out infinite}
@keyframes lp-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.lp-track{position:relative; height:56px; margin-top:clamp(28px,4vw,44px)}
.lp-track .rail{position:absolute; left:10%; right:10%; top:26px; height:2px;
background:repeating-linear-gradient(90deg,var(--line2) 0 6px,transparent 6px 14px)}
.lp-track .stop{position:absolute; top:22px; width:10px; height:10px; margin-left:-5px;
border-radius:50%; background:var(--primary)}
.lp-track .stop.last{background:var(--accent)}
.lp-walker{position:absolute; top:8px; margin-left:-19px; width:38px; height:38px; border-radius:50%;
background:var(--primary); border:3px solid #fff; display:grid; place-items:center;
box-shadow:0 6px 16px rgba(42,33,64,.35); animation:lp-walk 9s ease-in-out infinite}
.lp-walker-arrow{position:absolute; top:16px; margin-left:24px; color:var(--primary);
animation:lp-walk 9s ease-in-out infinite}
@keyframes lp-walk{
0%{left:12.5%;opacity:1}10%{left:12.5%}26%{left:37.5%}36%{left:37.5%}
52%{left:62.5%}62%{left:62.5%}78%{left:87.5%}92%{left:87.5%;opacity:1}
95%{left:87.5%;opacity:0}97%{left:12.5%;opacity:0}100%{left:12.5%;opacity:1}}
.lp-conf{position:absolute; left:87.5%; top:0}
.lp-conf i{position:absolute; width:6px; height:6px; border-radius:50%;
animation:lp-conf 9s ease-out infinite}
@keyframes lp-conf{0%,76%{opacity:0;transform:translate(0,0) rotate(0)}
80%{opacity:1}94%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(240deg)}100%{opacity:0}}
.lp-jcard{animation-duration:9s; animation-timing-function:ease; animation-fill-mode:both;
animation-iteration-count:infinite}
.lp-jcard:nth-child(1){animation-name:lp-rev1}
.lp-jcard:nth-child(2){animation-name:lp-rev2}
.lp-jcard:nth-child(3){animation-name:lp-rev3}
.lp-jcard:nth-child(4){animation-name:lp-rev4}
@keyframes lp-rev1{0%,2%{opacity:0;transform:translateY(14px)}7%{opacity:1;transform:none}96%{opacity:1}100%{opacity:0}}
@keyframes lp-rev2{0%,24%{opacity:0;transform:translateY(14px)}29%{opacity:1;transform:none}96%{opacity:1}100%{opacity:0}}
@keyframes lp-rev3{0%,50%{opacity:0;transform:translateY(14px)}55%{opacity:1;transform:none}96%{opacity:1}100%{opacity:0}}
@keyframes lp-rev4{0%,76%{opacity:0;transform:translateY(14px)}81%{opacity:1;transform:none}96%{opacity:1}100%{opacity:0}}
.lp-pill{display:inline-flex; align-items:center; gap:6px; background:var(--tint);
color:var(--primary); border-radius:999px; padding:4px 10px; font-size:11px; font-weight:600}
.lp-tags{display:flex; flex-wrap:wrap; gap:6px}
.lp-tags span{background:var(--tint); border-radius:999px; padding:4px 11px; font-size:11.5px; font-weight:600}
.lp-range{position:relative; height:6px; background:var(--line); border-radius:999px; display:block}
.lp-range i{position:absolute; left:35%; right:20%; top:0; bottom:0; background:var(--primary); border-radius:999px}
.lp-range b{position:absolute; top:-4px; width:14px; height:14px; border-radius:50%;
background:#fff; border:2.5px solid var(--primary)}
.lp-chip{display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--line);
border-radius:999px; padding:6px 12px; font-size:12.5px; font-weight:600;
animation:lp-chipin 9s ease both infinite; animation-delay:var(--d)}
.lp-sec.white .lp-chip{background:var(--tint2)}
@keyframes lp-chipin{0%,55%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1)}96%{opacity:1}100%{opacity:0}}
.lp-chip-disc{width:22px; height:22px; flex:0 0 auto; border-radius:50%; background:#fff;
border:1px solid var(--line); display:grid; place-items:center}
.lp-cal{background:var(--accent-soft); border-radius:12px; padding:12px; display:flex; gap:12px; align-items:center}
.lp-cal .day{background:#fff; border-radius:10px; padding:8px 12px; display:flex; flex-direction:column;
align-items:center; box-shadow:0 4px 10px rgba(42,33,64,.1)}
.lp-cal .day em{font-style:normal; font-size:9px; font-weight:700; letter-spacing:.14em;
text-transform:uppercase; color:#E24C4C}
.lp-cal .day strong{font-size:19px; line-height:1.1}
.lp-flow{display:grid; gap:16px; align-items:center; margin-top:clamp(32px,4vw,48px);
grid-template-columns:minmax(0,240px) 40px minmax(0,1fr) 40px minmax(0,240px)}
@media(max-width:980px){.lp-flow{grid-template-columns:1fr}.lp-flow .arw{display:none}}
.lp-flow .arw{color:var(--primary); justify-self:center}
.lp-flow .arw path{stroke-dasharray:4 5; animation:lp-dash .9s linear infinite}
@keyframes lp-dash{to{stroke-dashoffset:-18}}
.lp-browser{background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden;
box-shadow:0 18px 44px rgba(42,33,64,.1)}
.lp-browser-bar{display:flex; align-items:center; gap:8px; padding:10px 14px; background:var(--tint2);
border-bottom:1px solid var(--line)}
.lp-browser-bar i{width:9px; height:9px; border-radius:50%; background:var(--line2)}
.lp-url{margin-left:8px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:11.5px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.lp-agent-tag{margin-left:auto; display:flex; align-items:center; gap:6px; background:var(--accent-soft);
color:var(--accent-deep); border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700;
letter-spacing:.12em; text-transform:uppercase; white-space:nowrap}
.lp-form{position:relative; padding:18px 20px; display:flex; flex-direction:column; gap:10px}
.lp-row{display:flex; align-items:flex-start; gap:12px}
.lp-row .k{width:96px; flex:0 0 auto; font-size:11px; font-weight:600; letter-spacing:.1em;
text-transform:uppercase; color:var(--muted); padding-top:8px}
.lp-row .v{flex:1; min-width:0; overflow:hidden; background:var(--tint3); border:1px solid var(--line);
border-radius:8px; padding:7px 12px; font-size:13px}
.lp-type{display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:bottom;
max-width:0; animation-duration:7s; animation-timing-function:steps(24); animation-iteration-count:infinite;
animation-fill-mode:both}
.lp-type.t1{animation-name:lp-t1; animation-timing-function:steps(8)}
.lp-type.t2{animation-name:lp-t2; animation-timing-function:steps(23)}
.lp-type.t3{animation-name:lp-t3; animation-timing-function:steps(40)}
@keyframes lp-t1{0%,6%{max-width:0}16%,100%{max-width:9ch}}
@keyframes lp-t2{0%,22%{max-width:0}34%,100%{max-width:24ch}}
@keyframes lp-t3{0%,48%{max-width:0}64%,100%{max-width:100%}}
.lp-pillin{animation:lp-pillin 7s ease both infinite}
@keyframes lp-pillin{0%,38%{opacity:0;transform:scale(.6)}42%{opacity:1;transform:scale(1)}100%{opacity:1}}
.lp-nib{display:inline-flex; align-items:center; gap:5px; vertical-align:middle;
margin-left:6px; opacity:0; animation-duration:7s; animation-timing-function:ease;
animation-iteration-count:infinite; animation-fill-mode:both}
.lp-nib b{background:var(--accent-soft); color:var(--accent-deep); border-radius:5px;
padding:2px 6px; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.lp-nib i{width:22px; height:22px; flex:0 0 auto; border-radius:6px; background:var(--primary);
display:grid; place-items:center; box-shadow:0 4px 10px rgba(42,33,64,.3)}
.lp-nib.n1{animation-name:lp-nib1} .lp-nib.n2{animation-name:lp-nib2}
.lp-nib.n3{animation-name:lp-nib3} .lp-nib.n4{animation-name:lp-nib4}
@keyframes lp-nib1{0%,5%{opacity:0}7%,17%{opacity:1}19%,100%{opacity:0}}
@keyframes lp-nib2{0%,21%{opacity:0}23%,35%{opacity:1}37%,100%{opacity:0}}
@keyframes lp-nib4{0%,37%{opacity:0}39%,45%{opacity:1}47%,100%{opacity:0}}
@keyframes lp-nib3{0%,47%{opacity:0}49%,65%{opacity:1}67%,100%{opacity:0}}
.lp-progress{flex:1; height:6px; background:var(--line); border-radius:999px; overflow:hidden}
.lp-progress i{display:block; height:100%; width:4%; background:var(--primary); border-radius:999px;
animation:lp-fill 7s ease-in-out infinite}
@keyframes lp-fill{0%,66%{width:4%}90%{width:96%}100%{width:96%}}
.lp-assure{display:flex; flex-wrap:wrap; justify-content:center; gap:16px 40px;
border-top:1px solid var(--line); margin-top:clamp(28px,4vw,44px); padding-top:28px}
.lp-assure li{display:flex; align-items:center; gap:10px; color:var(--muted); font-size:14px}
.lp-band{background:var(--band); color:#fff}
.lp-band h2{color:#fff; max-width:22ch}
.lp-band .wrap{padding-top:clamp(56px,7vw,88px); padding-bottom:clamp(56px,7vw,88px)}
.lp-band-intro{display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center}
.lp-band-intro .lbl{color:var(--band-acc)}
.lp-band-intro p{color:rgba(255,255,255,.75); font-size:clamp(15px,1.7vw,17px); max-width:54ch}
.lp-stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:24px;
border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14);
padding:28px 0; margin:clamp(32px,4vw,48px) 0; text-align:center}
.lp-stats b{display:block; font-size:clamp(28px,3.4vw,34px); font-weight:600;
letter-spacing:-.032em; color:var(--band-acc)}
.lp-stats span{color:rgba(255,255,255,.75)}
.lp-steps{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.lp-step{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px;
padding:26px; display:flex; flex-direction:column; gap:12px; cursor:pointer;
transition:transform .2s,border-color .2s; animation:lp-rise .5s ease both}
.lp-step:hover{transform:translateY(-3px); border-color:var(--band-acc)}
.lp-step .lbl{color:var(--band-acc)}
.lp-step h3{color:#fff}
.lp-step p{color:rgba(255,255,255,.7); font-size:13.5px}
.lp-mini-panel{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:8px}
.lp-out{display:flex; align-items:center; gap:8px}
.lp-out .av{width:22px; height:22px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center;
font-size:9.5px; font-weight:700}
.lp-out .ln{flex:1; height:7px; border-radius:999px; background:rgba(255,255,255,.2)}
.lp-out .st{background:rgba(255,255,255,.14); color:var(--band-acc); border-radius:999px;
padding:2px 9px; font-size:10px; font-weight:700; letter-spacing:.08em}
.lp-week{display:grid; grid-template-columns:repeat(5,1fr); gap:6px}
.lp-week .d{text-align:center; font-size:9px; font-weight:700; letter-spacing:.1em; color:rgba(255,255,255,.55)}
.lp-week .c{height:34px; border-radius:7px; background:rgba(255,255,255,.07); display:grid;
place-items:center; font-size:9.5px; font-weight:700}
.lp-ledger{display:flex; flex-direction:column; gap:8px}
.lp-ledger div{display:flex; align-items:center; gap:9px; font-size:12.5px}
.lp-ledger div+div{border-top:1px solid rgba(255,255,255,.1); padding-top:8px}
.lp-ledger .amt{margin-left:auto; font-weight:700}
.lp-ledger .win{background:rgba(233,195,106,.14); border:1px solid rgba(233,195,106,.35);
border-radius:10px; padding:9px 11px; margin:-2px 0 2px; color:#fff}
.lp-ledger .win+div{border-top:0; padding-top:0}
.lp-ledger .tick{width:20px; height:20px; flex:0 0 auto; border-radius:50%;
background:var(--band-acc); display:grid; place-items:center}
.lp-funnel{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
border-radius:16px; padding:clamp(20px,3vw,32px); margin-top:16px}
.lp-funnel-top{display:flex; justify-content:space-between; gap:16px; color:rgba(255,255,255,.7)}
.lp-funnel-top .hit{color:var(--band-acc)}
.lp-bars{display:flex; align-items:flex-end; gap:3px; height:96px; margin-top:18px}
.lp-bars i{flex:1 1 auto; min-width:2px; background:rgba(255,255,255,.25); border-radius:2px}
.lp-bars i.hit{background:var(--band-acc); box-shadow:0 0 12px rgba(233,195,106,.5)}
.lp-funnel-foot{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
border-top:1px solid rgba(255,255,255,.12); margin-top:16px; padding-top:12px;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; color:rgba(255,255,255,.7)}
.lp-booking{background:#fff; color:var(--ink); border-radius:18px; padding:clamp(28px,4vw,44px);
display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:clamp(32px,4vw,48px)}
.lp-booking .t{flex:1; min-width:260px; display:flex; flex-direction:column; gap:8px}
.lp-booking .t b{font-size:clamp(20px,2.6vw,26px); font-weight:600; letter-spacing:-.024em}
.lp-booking .t span{color:var(--muted); font-size:15px; max-width:52ch}
.lp-booking .a{display:flex; flex-direction:column; align-items:flex-end; gap:10px}
.lp-booking .a small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--muted)}
.lp-closer{padding:clamp(56px,8vw,96px) 0; text-align:center;
background:linear-gradient(180deg,var(--bg) 0%,var(--tint) 100%); border-bottom:1px solid var(--line)}
.lp-closer .acts{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:28px}
.lp-foot{padding:clamp(40px,5vw,56px) 0 40px}
.lp-fcols{display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:32px}
@media(max-width:820px){.lp-fcols{grid-template-columns:1fr 1fr}}
.lp-fcols h4{color:var(--muted); margin:0 0 16px; font-size:11px; font-weight:700;
letter-spacing:.16em; text-transform:uppercase}
.lp-fcols li{padding:5px 0}
.lp-fcols button{background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer; text-align:left}
.lp-fcols button:hover{color:var(--primary)}
.lp-fcols a:hover{color:var(--primary)}
.lp-fbot{display:flex; flex-wrap:wrap; gap:14px 30px; justify-content:space-between; color:var(--muted);
border-top:1px solid var(--line); margin-top:clamp(32px,4vw,48px); padding-top:22px}
.lp-legal{max-width:var(--wrap); margin:0 auto; padding:clamp(34px,5vw,56px) var(--gut) clamp(20px,3vw,32px)}
.lp-legal h1{font-size:clamp(30px,4.2vw,46px); margin:0 0 4px}
.lp-legal .body{max-width:72ch}
.lp-legal h2{font-size:clamp(18px,1.7vw,22px); margin:40px 0 10px}
.lp-legal h3{font-size:1.04em; margin:22px 0 6px}
.lp-legal p,.lp-legal li{color:var(--muted); margin:10px 0; line-height:1.68}
.lp-legal ul{margin:10px 0 12px 20px; list-style:disc}
.lp-legal li{padding-left:4px}
.lp-legal li::marker{color:var(--primary2)}
.lp-legal a{color:var(--primary); text-decoration:underline; text-underline-offset:2px}
.lp-legal strong{color:var(--ink); font-weight:600}
.lp-legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.88em;
background:var(--tint2); border:1px solid var(--line); border-radius:5px; padding:1px 5px}
.lp-legal .meta{color:var(--muted); margin-bottom:26px}
.lp-legal table{width:100%; border-collapse:collapse; margin:16px 0; font-size:14px}
.lp-legal th,.lp-legal td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--line);
vertical-align:top}
.lp-legal th{color:var(--ink); font-weight:600}
.lp-legal td{color:var(--muted)}
.lp-legal .scroll{overflow-x:auto}
.lp-modal{border:0; padding:0; background:transparent; max-width:min(480px,92vw)}
.lp-modal::backdrop{background:rgba(20,14,40,.5)}
.lp-modal .box{background:#fff; border-radius:22px; padding:clamp(24px,4vw,36px); position:relative;
display:flex; flex-direction:column; gap:16px; box-shadow:0 30px 80px rgba(20,14,40,.35)}
.lp-modal .x{position:absolute; top:16px; right:16px; width:32px; height:32px; border:0; cursor:pointer;
border-radius:50%; background:var(--tint2); display:grid; place-items:center}
.lp-modal .big{font-size:clamp(26px,4vw,34px); font-weight:700; letter-spacing:-.02em; color:var(--primary);
font-family:'Bricolage Grotesque',system-ui,sans-serif}
.lp-modal h3{font-size:clamp(20px,3vw,26px); font-weight:600; letter-spacing:-.024em}
.lp-modal p{color:var(--muted); font-size:14px}
.lp-modal .acts{display:flex; flex-wrap:wrap; align-items:center; gap:12px}
.lp-modal.wide{max-width:min(720px,94vw)}
.lp-modal.wide .box{max-height:92vh; overflow-y:auto}
.lp-calembed{min-width:320px; height:min(660px,62vh); border-radius:12px; overflow:hidden;
background:var(--tint3)}
.lp-calnote{font-size:12.5px; color:var(--muted)}
.lp [hidden]{display:none}
.lp-form-grid{display:grid; gap:12px}
.lp-field{display:flex; flex-direction:column; gap:6px}
.lp-field label{font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
color:var(--muted)}
.lp-field input{border:1px solid var(--line2); border-radius:10px; padding:11px 14px;
font:inherit; font-size:15px; background:#fff; color:var(--ink)}
.lp-field input:focus{outline:none; border-color:var(--primary); box-shadow:0 0 0 3px var(--tint)}
.lp-field input[aria-invalid="true"]{border-color:#C2415A; box-shadow:0 0 0 3px rgba(194,65,90,.12)}
.lp-field .hint{font-size:11.5px; color:var(--muted)}
.lp-formnote{font-size:12.5px; color:var(--muted)}
.lp-formerr{font-size:13px; color:#C2415A; min-height:1.2em}
.lp-done{display:flex; flex-direction:column; gap:10px; align-items:flex-start}
.lp-done .tickbig{width:44px; height:44px; border-radius:50%; background:var(--tint);
display:grid; place-items:center}
.lp-tracks{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
margin-top:clamp(32px,4vw,48px)}
.lp-track-card{border-radius:18px; padding:clamp(24px,3vw,32px); display:flex;
flex-direction:column; gap:14px; position:relative}
.lp-track-card .num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px;
font-weight:700; letter-spacing:.16em; text-transform:uppercase}
.lp-track-card h3{font-size:clamp(19px,2.4vw,23px)}
.lp-track-card p{font-size:14.5px}
.lp-track-card ul{display:flex; flex-direction:column; gap:8px; margin-top:2px}
.lp-track-card li{display:flex; gap:9px; align-items:flex-start; font-size:14px}
.lp-track-card li svg{flex:0 0 auto; margin-top:3px}
.lp-track-card.self{background:var(--tint2); border:1px solid var(--line)}
.lp-track-card.self .num{color:var(--primary)}
.lp-track-card.white-glove{background:var(--band); color:#fff; border:1px solid var(--band)}
.lp-track-card.white-glove .num{color:var(--band-acc)}
.lp-track-card.white-glove h3{color:#fff}
.lp-track-card.white-glove p,.lp-track-card.white-glove li{color:rgba(255,255,255,.78)}
.lp-track-card .tag{position:absolute; top:-11px; right:20px; border-radius:999px;
padding:5px 12px; font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase}
.lp-track-card.self .tag{background:var(--tint); color:var(--primary)}
.lp-track-card.white-glove .tag{background:var(--band-acc); color:var(--band)}
.lp-econ{margin-top:clamp(24px,3vw,32px); text-align:center; color:var(--muted); font-size:14.5px}
.lp-econ b{color:var(--ink); font-weight:600}
@media (prefers-reduced-motion:reduce){
.lp *,.lp *::before,.lp *::after{animation-duration:.01ms!important; animation-iteration-count:1!important;
transition-duration:.01ms!important}
.lp-jcard,.lp-chip,.lp-msg,.lp-meta,.lp-step{opacity:1!important; transform:none!important}
}
.co-hero{background:linear-gradient(180deg,var(--sky2) 0%,var(--sky3) 45%,var(--bg) 100%);
padding:clamp(44px,6vw,72px) var(--gut) clamp(40px,5vw,60px)}
.co-hero .wrap{max-width:var(--wrap); margin:0 auto; display:grid; gap:clamp(28px,4vw,56px);
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center}
@media(max-width:900px){.co-hero .wrap{grid-template-columns:1fr}}
.co-hero h1{font-size:clamp(34px,5vw,58px); max-width:16ch}
.co-hero .sub{color:var(--muted); font-style:italic; font-size:clamp(14.5px,1.45vw,16px);
max-width:52ch; margin-top:14px}
.co-intake{background:#fff; border:1px solid var(--line); border-radius:20px;
padding:clamp(20px,2.6vw,28px); box-shadow:0 26px 60px rgba(42,33,64,.14);
display:flex; flex-direction:column; gap:14px}
.co-intake h2{font-size:19px}
.co-intake textarea,.co-intake input{width:100%; border:1px solid var(--line2); border-radius:12px;
padding:12px 14px; font:inherit; font-size:14px; background:#fff; color:var(--ink); resize:vertical}
.co-intake textarea{min-height:96px}
.co-intake textarea:focus,.co-intake input:focus{outline:none; border-color:var(--primary)}
.co-intake label{display:block; font-size:11px; font-weight:700; letter-spacing:.14em;
text-transform:uppercase; color:var(--muted); margin-bottom:6px}
.co-intake .row{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.co-intake .or{color:var(--muted); font-size:13px}
.co-terms{font-size:12.5px; color:var(--muted); margin:0}
.co-err{color:#B3261E; font-size:13px; min-height:1em; margin:0}
.co-done{display:flex; flex-direction:column; gap:10px; align-items:flex-start}
.co-done .big{font-size:19px; font-weight:600}
.co-strip{max-width:var(--wrap); margin:0 auto; padding:clamp(28px,3.4vw,40px) var(--gut);
display:flex; flex-wrap:wrap; gap:14px 40px; align-items:center; justify-content:space-between}
.co-strip .n{display:flex; align-items:baseline; gap:9px}
.co-strip .n b{font-size:clamp(22px,2.4vw,30px); letter-spacing:-.03em}
.co-strip ul{display:flex; flex-wrap:wrap; gap:10px; list-style:none}
.co-sec{max-width:var(--wrap); margin:0 auto; padding:clamp(36px,4.6vw,60px) var(--gut)}
.co-sec h2{font-size:clamp(24px,3vw,36px)}
.co-sec .lede{color:var(--muted); max-width:56ch; margin-top:10px}
.co-book{background:var(--tint3); border-top:1px solid var(--line)}
.co-book .wrap{max-width:var(--wrap); margin:0 auto; padding:clamp(36px,4.6vw,60px) var(--gut)}
.co-embed{min-width:320px; height:min(700px,74vh); border-radius:14px; overflow:hidden;
background:#fff; border:1px solid var(--line); margin-top:20px}
.co-booknote{font-size:12.5px; color:var(--muted); margin-top:10px}