@font-face{font-family:Jakarta;src:url('fonts/jakarta-400.ttf')}@font-face{font-family:Jakarta;src:url('fonts/jakarta-700.ttf');font-weight:700}@font-face{font-family:Jakarta;src:url('fonts/jakarta-800.ttf');font-weight:800}
:root{--ink:#1b1f4b;--blue:#262c8c;--muted:#5b6080;--pale:#e9eaf7}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;font-family:Jakarta,Arial,sans-serif;color:var(--ink)}button,input{font:inherit}
.home{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:var(--ink)}.slides,.shade{position:fixed;inset:0;pointer-events:none}.slide{position:absolute;top:0;bottom:0;opacity:0;overflow:hidden;transition:opacity 1.2s ease}.slide.active{opacity:1}.slide-one{left:-30%;right:0}.slide-two{left:0;right:clamp(340px,36vw,480px)}.slide-three{left:10%;right:-10%}.slide img{height:100%;width:100%;object-fit:cover;transition:transform 0s 1.2s}.slide-two img{object-position:88% 30%}.slide.active img{transform:scale(1.08) translateX(-1.5%);transition:transform 7s ease-out}.shade{background:linear-gradient(0deg,rgba(27,31,75,.8) 0%,rgba(27,31,75,.35) 35%,rgba(27,31,75,0) 60%),linear-gradient(90deg,rgba(27,31,75,.9) 0%,rgba(38,44,140,.6) 28%,rgba(27,31,75,.08) 44%,rgba(27,31,75,.08) 60%,rgba(27,31,75,.45) 100%)}
.home-layout{position:relative;display:flex;align-items:stretch;gap:clamp(20px,3vw,32px);padding-left:clamp(20px,4vw,64px);min-height:100vh;min-height:100dvh}.story{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(24px,3vw,40px) 0}.story-header{display:flex;align-items:center;gap:14px}.white-logo{width:190px;height:auto;display:block}.badge{white-space:nowrap;border-radius:999px;background:#fff;color:var(--blue);padding:6px 10px;font-size:12px;letter-spacing:.14em;font-weight:800}.story-bottom{display:flex;flex-direction:column;gap:24px;max-width:560px}.story h1{margin:0;color:#fff;font-size:clamp(38px,5.4vw,88px);font-weight:800;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.story h1 em{color:#b9bdf5;font-style:normal}.story p{margin:0;max-width:500px;color:#fff;font-size:19px;line-height:1.5}.story-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:56px;display:inline-flex;align-items:center;gap:10px;padding:0 28px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:800}.button-white{background:#fff;color:var(--blue)}.button-white:hover{background:#e9eaf7}.button-outline{color:#fff;border:1.5px solid #fff}.button-outline:hover{background:rgba(255,255,255,.14)}.mobile-join{display:none}.dots{display:flex;align-items:center;gap:12px;padding-top:8px}.dots button{height:6px;width:12px;border:0;border-radius:3px;background:rgba(255,255,255,.4);cursor:pointer;transition:width .3s,background .3s}.dots button.active{width:36px;background:#fff}
.panel{flex:0 0 clamp(340px,36vw,480px);margin-left:auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:clamp(28px,3.4vw,48px);background:#fff;box-shadow:0 30px 80px rgba(10,12,40,.35)}.panel-intro{display:flex;flex-direction:column;gap:8px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.panel h2{font-size:32px;line-height:1.1;letter-spacing:-.03em;margin:0}.panel-intro p{font-size:15px;color:var(--muted);line-height:1.5;margin:0}.offers{display:flex;flex-direction:column;gap:12px}.offer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border:1.5px solid #e2e3ec;border-radius:16px;color:var(--ink);text-decoration:none;transition:.2s}.offer:hover{border-color:var(--blue);background:#f6f6f9;transform:translateY(-2px)}.offer>span{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.offer small{background:var(--pale);color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.1em;padding:4px 8px;border-radius:6px}.offer strong{font-size:18px}.offer span span{color:var(--muted);font-size:14px}.offer b{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:18px}.notify{border-top:1px solid #ececf3;padding-top:24px}.notify label{display:block;margin-bottom:10px;font-size:14px;font-weight:700}.notify-row{display:flex;gap:8px}.notify input{min-width:0;flex:1;height:50px;padding:0 16px;border-radius:12px;border:1.5px solid #e2e3ec;background:#f6f6f9;font-size:15px}.notify button{border:0;background:var(--blue);color:#fff;padding:0 18px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.notify p{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.panel-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
@media(max-width:760px){.home,.home-layout{height:100svh;min-height:100svh}.slides,.shade{position:absolute}.slide{left:0!important;right:0!important}.slide img{object-position:52% center}.shade{background:linear-gradient(0deg,rgba(17,21,65,.96),rgba(17,21,65,.69) 32%,rgba(17,21,65,.08) 68%,rgba(17,21,65,.48))}.home-layout{display:block;padding:0}.story{height:100%;padding:calc(20px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));gap:18px}.story-header{justify-content:space-between;align-items:flex-start}.white-logo{width:160px}.badge{font-size:9px;padding:7px 9px;letter-spacing:.09em}.story-bottom{gap:18px;max-width:440px}.story h1{font-size:clamp(38px,10.2vw,58px);line-height:1.02}.story p{font-size:15px;line-height:1.48}.story-actions,.panel{display:none}.mobile-join{display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 38px rgba(10,12,40,.28)}.dots{justify-content:center;padding-top:0}}@media(max-width:380px){.story{padding-right:18px;padding-left:18px}.story-bottom{gap:13px}.story h1{font-size:clamp(34px,9.6vw,42px)}.story p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.panel-footer a{color:var(--blue);font-weight:700;text-decoration:none}.live-only,.is-live .preview-only{display:none}.is-live .live-only{display:inline}
.notify-row[hidden]{display:none}
/* The main actions keep their desktop wording and become two direct paths on phones. */
.mobile-action-label{display:none}
@media(max-width:760px){
  .story-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .story-actions .button{min-width:0;min-height:56px;justify-content:space-between;gap:6px;padding:0 12px 0 16px;font-size:15px;white-space:nowrap;box-shadow:0 12px 30px rgba(10,12,40,.2)}
  .story-actions .button-outline{background:rgba(27,31,75,.45);border-color:rgba(255,255,255,.8)}
  .desktop-action-label{display:none}
  .mobile-action-label{display:inline}
}
@media(max-width:380px){
  .story-actions{gap:8px}
  .story-actions .button{min-height:52px;padding-left:12px;font-size:14px}
}