.cd-first{color:var(--cd-text);font-family:var(--font-body);line-height:1.7;word-break:keep-all}.cd-first[hidden],.cd-first [hidden],.cd-first__form-hint[hidden]{display:none}#cdHomeFunnel>.cd-first{margin:24px 0}.cd-first__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--cd-border);padding:8px 0}.cd-first__bar span{font-weight:700}.cd-first button,.cd-first a{font:inherit;min-height:44px;box-sizing:border-box}.cd-first button:not(.cd-first__primary){background:none;border:0;color:var(--cd-text);padding:10px 12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.cd-first h2,.cd-first h3{font-family:var(--font-display);line-height:1.5;text-wrap:balance}.cd-first h2{font-size:1.5rem}.cd-first h3{font-size:1.25rem}.cd-first p{max-width:65ch}.cd-first ol{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;font-size:1rem}.cd-first [aria-current=step]{color:var(--cd-accent);font-weight:700}.cd-first__primary{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--cd-accent);border-radius:var(--cd-r-control);padding:12px 20px;background:var(--cd-surface-2);color:var(--cd-accent);font-weight:700;cursor:pointer}.cd-first__primary:hover{background:var(--cd-surface)}.cd-first :focus-visible{outline:2px solid var(--cd-accent);outline-offset:4px}.cd-first__welcome{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:32px;border:1px solid var(--cd-border);border-radius:var(--cd-r-card);background:var(--cd-surface);text-align:center}.cd-first__welcome::backdrop{background:#0009}.cd-first__welcome img{display:block;margin:0 auto 16px;object-fit:contain}.cd-first__welcome .cd-first__close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;padding:0}.cd-first__form-hint{padding:16px;color:var(--cd-text);background:var(--cd-surface-2);border-radius:var(--cd-r-control);line-height:1.7}.cd-first__reading,.cd-first__offers{margin:24px 0;padding:24px;background:var(--cd-surface);border:1px solid var(--cd-border);border-radius:var(--cd-r-card)}.cd-first a{display:inline-flex;align-items:center;color:var(--cd-accent);text-underline-offset:4px}.cd-first__offers ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.cd-first__offers li{min-width:0;border-top:1px solid var(--cd-border);padding-top:16px}.cd-first__offers h4{font-size:1.1rem;margin:0}.cd-first__offers li span{display:block}.cd-first__records{font-weight:700}@media (max-width:600px){.cd-first__welcome{inset:auto 0 0;width:100%;max-width:100vw;max-height:85dvh;border-radius:var(--cd-r-card) var(--cd-r-card) 0 0;padding:24px 24px max(24px,env(safe-area-inset-bottom))}.cd-first__welcome img{width:112px;height:112px}.cd-first__bar{align-items:flex-start}.cd-first__bar span{padding-top:10px}.cd-first__offers ul{grid-template-columns:1fr}.cd-first__reading,.cd-first__offers{padding:20px}.cd-first ol{gap:12px}}.cd-first__howto{border-bottom:1px solid var(--cd-border);padding:8px 0}.cd-first__howto summary{min-height:44px;padding:10px 0;cursor:pointer;line-height:1.6}.cd-first__howto>div{max-width:65ch;padding-bottom:20px}.cd-first__howto h3{margin:24px 0 8px;font-size:1.1rem}.cd-first__howto p{margin:8px 0 16px;line-height:1.8}.cd-first__story{padding:24px 0}.cd-first__scene-nav{display:flex;gap:8px;margin-bottom:24px}.cd-first .cd-first__scene-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--cd-border);border-radius:var(--cd-r-control);padding:8px;text-decoration:none;color:var(--cd-text-muted)}.cd-first__scene-nav button span:first-child{font-weight:700}.cd-first .cd-first__scene-nav button[aria-pressed=true]{background:var(--cd-surface-2);border-color:var(--cd-accent);color:var(--cd-accent);font-weight:700}.cd-first__scene{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:24px;align-items:center}.cd-first__art{display:block;position:relative;overflow:hidden;aspect-ratio:1;isolation:isolate;width:100%;margin:0 auto}.cd-first .cd-first__art img{position:absolute;top:0;width:300%;height:100%;max-width:none;object-fit:fill;background:transparent;margin:0}.cd-first__welcome .cd-first__art{width:176px;margin:0 auto 16px}.cd-first__speech{position:relative;background:var(--cd-surface-2);border:1px solid var(--cd-border);border-radius:var(--cd-r-card);padding:24px}.cd-first__speaker{color:var(--cd-accent);font-weight:700}.cd-first__speech h2{font-size:1.25rem;margin:8px 0 12px}.cd-first__speech p{margin:0;line-height:1.8}.cd-first .cd-first__speech button{display:inline-flex;align-items:center;min-height:44px;color:var(--cd-accent);margin-top:12px;padding-left:0}.cd-first__speech:before{content:"";position:absolute;left:-7px;top:44px;width:12px;height:12px;transform:rotate(45deg);background:var(--cd-surface-2);border-left:1px solid var(--cd-border);border-bottom:1px solid var(--cd-border)}@media (max-width:600px){.cd-first__scene-nav{gap:6px;margin-bottom:16px}.cd-first .cd-first__scene-nav button{gap:5px}.cd-first__scene{grid-template-columns:1fr;gap:8px}.cd-first__scene>.cd-first__art{width:180px}.cd-first__speech{padding:20px}.cd-first__speech:before{left:calc(50% - 6px);top:-7px;transform:rotate(135deg)}.cd-first__welcome .cd-first__art{width:144px}}