@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400..750&display=swap');

:root{color-scheme:light;--brand:#5f64ed;--brand-text:#4f55dc;--ink:#0b0d14;--muted:#4b5063;--line:#e3e5ee;--page:#f6f7fb;font-family:Geist,"Helvetica Neue",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{margin:0;min-height:100svh;background:radial-gradient(110% 50% at 50% 0%,rgba(95,100,237,.13),transparent 68%),var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--brand-text);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--brand);outline-offset:5px;border-radius:2px}
.brand{height:68px;display:flex;align-items:center;justify-content:center}
.brand-mark{width:71px;height:24.8px;background:#000;mask:url('/assets/enj-wordmark.png') center/contain no-repeat;-webkit-mask:url('/assets/enj-wordmark.png') center/contain no-repeat}
main{width:calc(100% - 40px);max-width:1080px;margin:0 auto;padding:2px 0 12px}
.intro{text-align:center;max-width:760px;margin:0 auto 28px}
h1{font-size:clamp(32px,10.4vw,50px);line-height:1.12;letter-spacing:-.06em;margin:0;font-weight:700}
.guarantee{color:var(--ink)}
.intro p{margin:0 auto;text-wrap:pretty}
.intro .offer-model{margin-top:16px;font-size:19px;line-height:1.45;letter-spacing:-.025em;font-weight:500;color:#2b2f3d}
.headline-hit{display:inline-block;line-height:1;padding:0 .1em .045em;border-radius:.14em;white-space:nowrap;color:#3f45cf;background:rgba(95,100,237,.16);box-shadow:inset 0 -.08em 0 rgba(95,100,237,.22)}
.qualified-underline{white-space:nowrap;font-weight:650;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(95,100,237,.65);text-decoration-thickness:2px;text-underline-offset:.19em;text-decoration-skip-ink:none}
/* The spots line belongs to the booking action, so it heads the calendar card instead of floating under the offer. */
.offer-deadline{margin:0;padding:13px 18px;border-bottom:1px solid var(--line);background:#fafbff;text-align:center;font-size:14px;line-height:1.45;color:var(--muted);text-wrap:balance}
.offer-deadline strong{color:var(--ink);font-weight:650}
.calendar-card{background:#fff;border:1px solid rgba(95,100,237,.26);border-radius:16px;overflow:hidden;box-shadow:0 0 0 5px rgba(95,100,237,.06)}
iframe{display:block;width:100%;height:860px;min-height:0;border:0;background:#fff;overflow:hidden}
.fallback{text-align:center;margin:18px 0 10px;font-size:13px;line-height:1.6;color:var(--muted)}
footer{max-width:1080px;margin:0 auto;padding:17px 24px 28px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:12px;color:var(--muted)}
footer a{color:inherit}
@media(max-width:600px){.intro{max-width:520px}.offer-deadline{font-size:13.5px}.offer-deadline > span{display:block}iframe{height:1050px}.fallback{padding:0 8px}footer{padding:15px 20px 24px}}
@media(max-width:359px){main{width:calc(100% - 32px)}h1{font-size:clamp(28px,10.1vw,36px)}.intro .offer-model{font-size:17px}.offer-deadline{padding:12px 14px}}
@media(min-width:960px){.brand{height:92px}main{width:calc(100% - 80px);padding-top:6px}.intro{margin-bottom:36px}h1{font-size:clamp(56px,5.2vw,76px)}.intro .offer-model{margin-top:20px;font-size:26px;line-height:1.4}.offer-deadline{padding:15px 24px;font-size:15px}.calendar-card{border-radius:22px;box-shadow:0 0 0 6px rgba(95,100,237,.06),0 30px 70px -34px rgba(31,35,90,.3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
