.ll-checkin{color:#35432d;padding-block:4px 12px}.ll-checkin .checkin-heading h3{font:400 clamp(29px,3.1vw,43px)/1.08 var(--serif);margin:0 0 12px!important;max-width:520px}.ll-checkin .checkin-heading h3 em{color:#697858}.ll-checkin .checkin-heading p{font-size:13px;margin:0 0 22px}
.checkin-hours{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:12px;background:#dce1d1;padding:18px 24px;border-radius:12px;margin:20px 0 24px}.checkin-hours>div{display:flex;flex-direction:column;gap:5px}.checkin-hours>div:last-of-type{text-align:right}.checkin-hours span{font-size:10px;color:#546449}.checkin-hours strong{font:500 29px/1.1 var(--sans);color:#37472e}.checkin-hours-line{border-top:1px solid #98a889}.ll-checkin .checkin-hours p{grid-column:1/-1;font-size:11px;color:#526047;margin:0;padding-top:8px;border-top:1px solid #aeb9a244;line-height:1.5}
.checkin-tabs{display:flex;gap:12px;margin:0 0 23px}.checkin-tabs button{flex:1;display:flex;align-items:center;gap:7px;padding:14px 0;border:0;border-bottom:1px solid #9ba78c;background:transparent;color:#657355;cursor:pointer;font:500 12px var(--sans)}.checkin-tabs button>span{font-size:9px;color:#809071}.checkin-tabs button[aria-pressed=true]{color:#2e4325;border-bottom:2px solid #556d44}
.checkin-scene{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center;margin-block:0 26px}.checkin-scene[hidden]{display:none}.checkin-illustration{height:300px;position:relative;isolation:isolate;background:#273326;border-radius:16px;overflow:hidden}.checkin-forest{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(91deg,transparent 0 22px,#c0c7a30b 24px 26px,transparent 30px 54px),radial-gradient(ellipse at 50% 100%,#a5ad6f4d,transparent 70%)}.checkin-logo{position:absolute;top:17px;left:18px;width:73px;height:auto;opacity:.8}
.ll-checkin .checkin-scene-copy h4{font:400 28px/1.12 var(--serif);margin:0 0 17px;color:#33462a}.ll-checkin .checkin-scene-copy p{font-size:13px;line-height:1.8;color:#4b5c40;margin:0}.ll-checkin .checkin-scene-copy strong{color:#34482b;font-weight:600}
.checkin-phone{position:absolute;width:140px;height:215px;left:50%;top:67px;transform:translateX(-50%) rotate(-4deg);border:3px solid #9ca68d;border-radius:20px;background:#eae7dc;box-shadow:16px 13px 0 #18241766;padding:44px 12px 12px}.checkin-phone-camera{position:absolute;top:10px;width:37px;height:5px;left:calc(50% - 18px);border-radius:10px;background:#69765b}.ll-checkin .checkin-phone>p{font-size:9px;text-align:center;color:#647158;margin:0 0 8px}.checkin-code-dots{text-align:center;font-size:23px;letter-spacing:3px;color:#34432c}.checkin-notification{position:absolute;left:-27px;width:193px;display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #adb797;border-radius:10px;background:#faf7eb;box-shadow:0 7px 16px #1e2b1933;color:#3b4a30;font:10px var(--sans);animation:checkin-message 6s ease infinite}.checkin-notification>span{font-size:10px;font-weight:600;color:#6b7a54}.notification-sms{top:108px}.notification-email{top:162px;animation-delay:.5s}
.checkin-gate{position:absolute;inset:55px 4px 28px;width:calc(100% - 8px);height:210px}.checkin-gate-hand{animation:checkin-hand 4s ease-in-out infinite;transform-origin:200px 157px}.ll-checkin .checkin-visual-label{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.16em;color:#e9eddf;margin:0}
.checkin-entry-demo{position:absolute;inset:75px 20px 28px;display:flex;justify-content:center;align-items:center;gap:22px}.checkin-keypad{width:88px;height:170px;padding:19px 11px;border:1px solid #bac4a5;border-radius:12px;background:#192219;box-shadow:0 0 0 5px #9ba58615;transition:opacity .3s,transform .3s}.checkin-keypad-light{width:32px;height:4px;background:#b5d494;margin:0 auto 13px;animation:checkin-led 5s ease-in-out infinite}.checkin-keypad-display{color:#d8e6c6;text-align:center;letter-spacing:2px;font-size:14px}.checkin-keypad-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 5px;margin-top:15px;color:#dae3cd;font-size:10px;text-align:center}.checkin-guest-demo{background:#e7e9dc;color:#455337;padding:20px 8px 11px;width:103px;height:145px;display:flex;flex-direction:column;gap:16px;align-items:center;border-radius:11px;border:3px solid #a4b18f;opacity:.45;transition:opacity .3s,transform .3s}.checkin-guest-demo>span:first-child{font:9px var(--sans)}.checkin-guest-demo>span:last-child{border-radius:12px;background:#465a38;color:#f0f2e7;font:8px var(--sans);padding:8px 7px}.checkin-guest-demo svg{width:30px;fill:none;stroke:#667b50;stroke-width:1.5}.ll-checkin[data-entry-method=guest] .checkin-guest-demo{opacity:1;transform:translateY(-5px)}.ll-checkin[data-entry-method=guest] .checkin-keypad{opacity:.4;transform:translateY(5px)}
.checkin-methods{display:flex;gap:7px;margin:18px 0 12px;flex-wrap:wrap}.checkin-methods button{border:1px solid #9da88e;padding:9px 12px;min-height:40px;border-radius:22px;background:none;color:#506342;font:10px/1.4 var(--sans);cursor:pointer}.checkin-methods button[aria-pressed=true]{color:#f0f2e5;background:#506342;border-color:#506342}.ll-checkin p.checkin-method-note{font-size:11px;line-height:1.7;color:#677559}
.checkin-cabin{position:absolute;bottom:28px;left:7%;width:86%;height:235px}.checkin-door-leaf,.checkin-door-handle{transform-origin:173px 200px;animation:checkin-door 6s ease-in-out infinite}.checkin-green-light{animation:checkin-led 6s ease-in-out infinite;filter:drop-shadow(0 0 5px #b5d494)}.checkin-green-caption{position:absolute;right:14px;top:25px;font:7px var(--sans);letter-spacing:.1em;color:#cce2b6}.checkin-door-moves{position:absolute;bottom:12px;left:10px;right:10px;display:flex;justify-content:center;gap:14px;font:9px var(--sans);color:#eef0e5}.checkin-door-moves>span{animation:checkin-push 6s ease infinite}.checkin-door-moves>span+span{animation-name:checkin-pull}
.checkin-controls{display:none;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding-top:14px;border-top:1px solid #acb59f}.ll-checkin.is-ready .checkin-controls{display:flex}.checkin-controls button{background:none;border:0;color:#435938;font:500 11px var(--sans);padding:10px 0;min-height:42px;cursor:pointer}.checkin-controls button:disabled{opacity:.4;cursor:default}.checkin-controls [data-checkin-next]{margin-left:auto}.checkin-controls [data-checkin-pause]{display:grid;place-items:center;width:40px;border:1px solid #bbc3b0;border-radius:50%;padding:0}.checkin-controls svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.5}.ll-checkin .checkin-card-note{font-size:11px;color:#68765b;margin:20px 0 0;line-height:1.7}.ll-checkin[data-animation-paused=true] *{animation-play-state:paused!important}
@keyframes checkin-message{0%,8%{opacity:0;transform:translateY(10px)}18%,84%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-4px)}}
@keyframes checkin-hand{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
@keyframes checkin-led{0%,10%,100%{opacity:.35}22%,85%{opacity:1}}
@keyframes checkin-door{0%,25%,95%,100%{transform:skewY(0)}38%{transform:skewY(-2deg) scaleX(.98)}64%,80%{transform:skewY(6deg) scaleX(.85)}}
@keyframes checkin-push{0%,22%,55%,100%{opacity:.35}30%,45%{opacity:1}}
@keyframes checkin-pull{0%,49%,94%,100%{opacity:.35}58%,82%{opacity:1}}
@media(max-width:1100px){.checkin-scene{grid-template-columns:1fr}.checkin-illustration{height:265px}.checkin-phone{top:40px}.checkin-gate{top:32px}.checkin-entry-demo{inset:53px 25px 23px}.checkin-cabin{height:215px}.checkin-scene-copy{min-height:125px}}
@media(max-width:600px){.checkin-hours{padding:16px;grid-template-columns:1fr 24px 1fr;gap:8px}.checkin-hours span{font-size:9px}.checkin-hours strong{font-size:26px}.checkin-tabs{gap:8px}.checkin-tabs button{font-size:10px;flex-direction:column;align-items:flex-start;gap:7px}.checkin-scene{gap:20px}.checkin-illustration{height:255px}.ll-checkin .checkin-scene-copy h4{font-size:27px}.checkin-entry-demo{gap:16px}.checkin-keypad{width:80px}.checkin-guest-demo{width:95px}.checkin-green-caption{font-size:6px}.checkin-controls button{font-size:10px}.ll-checkin .checkin-heading h3{font-size:31px!important}}
@media(prefers-reduced-motion:reduce){.ll-checkin *{animation:none!important;transition:none!important}.checkin-controls [data-checkin-pause]{display:none}}
@media print{.checkin-scene[hidden]{display:grid}.checkin-controls,.checkin-tabs{display:none!important}.ll-checkin *{animation:none!important}}