@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Fredoka:wght@600;700&display=swap");

.demo-closed-entry,
.demo-closed-entry * { box-sizing: border-box; }

.demo-closed-entry {
  min-height: 100vh;
  color: #1D431B;
  background: #FFFFFF;
  font-family: Figtree, system-ui, sans-serif;
}

.demo-closed-entry__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 77px;
  padding: 16px max(24px, calc((100vw - 1100px) / 2));
  color: #FFFFFF;
  background: #1D431B;
  border-bottom: 3px solid #5DB93E;
}

.demo-closed-entry__brand { display: inline-flex; min-height: 44px; align-items: center; }
.demo-closed-entry__brand img { display: block; width: 147px; height: 45px; filter: brightness(0) invert(1); }
.demo-closed-entry__header > span { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-align: right; }

.demo-closed-entry__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: calc(100vh - 146px);
  width: min(100%, 850px);
  margin: 0 auto;
  padding: 64px max(24px, env(safe-area-inset-right)) 72px max(24px, env(safe-area-inset-left));
}

.demo-closed-entry__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  color: #FFFFFF;
  background: #1D431B;
  border: 1px solid #5DB93E;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
}

.demo-closed-entry__pill i { width: 8px; height: 8px; background: #5DB93E; border-radius: 50%; }
.demo-closed-entry__main h1 { margin: 24px 0 12px; font-family: Fredoka, "Trebuchet MS", sans-serif; font-size: clamp(38px, 6vw, 60px); font-weight: 600; line-height: 1.08; }
.demo-closed-entry__message { margin: 0; color: #2B5F18; font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; line-height: 1.5; }
.demo-closed-entry__note { margin: 32px 0 0; padding-left: 12px; color: #558F2F; border-left: 3px solid #5DB93E; font-size: 14px; font-weight: 700; }
.demo-closed-entry__footer { display: flex; justify-content: space-between; gap: 18px; padding: 20px max(24px, calc((100vw - 1100px) / 2)); color: #FFFFFF; background: #1D431B; font-size: 13px; }
.demo-closed-entry__footer a { color: #FFFFFF; text-underline-offset: 3px; }
.demo-closed-entry__footer a:focus-visible, .demo-closed-entry__brand:focus-visible { outline: 3px solid #5DB93E; outline-offset: 4px; }

@media (max-width: 600px) {
  .demo-closed-entry__header { align-items: flex-start; padding: 14px 18px; }
  .demo-closed-entry__brand img { width: 118px; height: auto; }
  .demo-closed-entry__header > span { max-width: 140px; font-size: 10px; }
  .demo-closed-entry__main { min-height: calc(100vh - 136px); padding: 48px 20px 58px; }
  .demo-closed-entry__footer { padding: 18px 20px; }
}

/* Exact approved /try Main.dc.html; desktop inline styles remain authoritative. */
@font-face{font-family:Figtree;src:url('/fonts/demo/Figtree.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:Fredoka;src:url('/fonts/demo/Fredoka-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Fredoka;src:url('/fonts/demo/Fredoka-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Fredoka;src:url('/fonts/demo/Fredoka-700.ttf') format('truetype');font-weight:700;font-display:swap}
body:has(.approved-public-try){margin:0;background:#FFFFFF}
.approved-public-try{width:100%;max-width:1100px;margin:0 auto}
.approved-try-canvas{width:100%!important;max-width:1100px}
.approved-public-try [data-try-open-form]{cursor:pointer}
.approved-public-try [data-try-open-form]:focus-visible{outline:3px solid #ff812c;outline-offset:4px}
.approved-public-try-footer{max-width:1100px;box-sizing:border-box;margin:0 auto;padding:20px 36px;background:#1D431B;color:#FFFFFF;display:flex;gap:20px;justify-content:space-between;font:13px Figtree,system-ui,sans-serif}
.approved-public-try-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.approved-public-try-footer a{color:#FFFFFF;text-underline-offset:3px}
.demo-entry-modal-backdrop{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(29,67,27,.72)}
.demo-entry-modal{width:min(1100px,100%);height:min(920px,calc(100vh - 48px));overflow:hidden;background:#FFFFFF;border:3px solid #5DB93E;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.35);display:flex;flex-direction:column}
.demo-entry-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;background:#1D431B;color:#FFFFFF;border-bottom:3px solid #5DB93E}
.demo-entry-modal__bar h2{margin:0;font:600 22px/1.2 Fredoka,"Trebuchet MS",sans-serif}
.demo-entry-modal__close{width:40px;height:40px;border:2px solid #FFFFFF;border-radius:50%;background:transparent;color:#FFFFFF;font:400 28px/1 Figtree,system-ui,sans-serif;cursor:pointer}
.demo-entry-modal__close:focus-visible{outline:3px solid #ff812c;outline-offset:3px}
.demo-entry-modal__frame{width:100%;flex:1;border:0;background:#FFFFFF}
.public-try-entry-host{align-self:center!important;padding:0!important;overflow:hidden!important}
.public-try-entry-card{width:100%;display:flex;flex-direction:column;gap:0;background:#FFFFFF;border-radius:16px;overflow:hidden}
.public-try-intro-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#1D431B;overflow:hidden}
.public-try-intro-video{display:block;width:100%;height:100%;object-fit:cover;background:#1D431B}
.public-try-video-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;color:#FFFFFF;background:#1D431B;font:600 15px/1.4 Figtree,system-ui,sans-serif;text-align:center}
.public-try-sound-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:52px;padding:13px 22px;border:2px solid #FFFFFF;border-radius:999px;background:#ff812c;color:#FFFFFF;font:700 17px/1 Figtree,system-ui,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.3);cursor:pointer}
.public-try-sound-button:focus-visible{outline:3px solid #5DB93E;outline-offset:4px}
.public-try-entry-frame{display:block;width:100%;height:720px;border:0;background:#FFFFFF}
@media(max-width:700px){
  .approved-try-header{padding:16px 18px!important}
  .approved-try-hero{flex-direction:column!important;padding:26px 18px!important}
  .approved-try-hero>div{flex-basis:auto!important;width:100%}
  .approved-try-benefits{padding:36px 18px!important}
  .approved-try-cards{flex-direction:column!important}
  .approved-try-total{flex-direction:column!important}
  .approved-public-try-footer{padding:20px 18px;flex-direction:column}
  .demo-entry-modal-backdrop{padding:0}
  .demo-entry-modal{width:100%;height:100%;border:0;border-radius:0}
  .demo-entry-modal__bar{padding:10px 14px}
  .public-try-entry-host{padding:0!important}
  .public-try-entry-card{border-radius:14px}
  .public-try-entry-frame{height:1100px}
}