.cdx-ai-intro{--intro-ink:#302d27;--intro-paper:#fffdf7;--intro-gold:#846c38;max-width:680px;margin:auto;padding:32px 24px calc(110px + env(safe-area-inset-bottom));background:var(--intro-paper);color:var(--intro-ink);font-family:inherit;line-height:1.65;overflow-wrap:anywhere}
.cdx-ai-intro__eyebrow{color:var(--intro-gold);font-size:13px;letter-spacing:.06em;font-weight:700}
.cdx-ai-intro h2{font-size:clamp(26px,5vw,38px);line-height:1.3;white-space:pre-line;text-wrap:balance;letter-spacing:-.04em;margin:18px 0}
.cdx-ai-intro__lead{max-width:36em;color:#625e54;font-size:16px}
.cdx-ai-intro__features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;border-top:1px solid #d9cfb9;padding-top:24px}
.cdx-ai-intro__feature{min-width:0}.cdx-ai-intro__num{font-family:Georgia,serif;font-style:italic;color:var(--intro-gold);font-size:23px}.cdx-ai-intro h3{font-size:17px;margin:8px 0}.cdx-ai-intro__feature p{margin:0;color:#625e54;font-size:14px}
.cdx-ai-intro__plan{border-top:1px solid #d9cfb9;padding-top:20px}.cdx-ai-intro__amount{margin:8px 0}.cdx-ai-intro__amount strong{font-size:36px;font-variant-numeric:tabular-nums;line-height:1.2;font-weight:600;letter-spacing:-.04em}.cdx-ai-intro__amount span{font-size:14px}.cdx-ai-intro__notice{font-size:14px;color:#6b502e}
.cdx-ai-intro__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:24px}.cdx-ai-intro button{font:inherit;min-height:48px;padding:12px 16px;border:1px solid #b8ac91;border-radius:8px;background:transparent;color:var(--intro-ink);cursor:pointer;touch-action:manipulation}.cdx-ai-intro button:hover{background:#f0eadb}.cdx-ai-intro button:focus-visible{outline:3px solid #846c38;outline-offset:3px}.cdx-ai-intro button.cdx-ai-intro__primary{background:#393529;color:#fffdf7;border-color:#393529}.cdx-ai-intro button.cdx-ai-intro__primary:hover{background:#534b38}.cdx-ai-intro__foot{font-size:13px;color:#625e54;margin-top:16px}
.cdx-ai-intro__visual{margin:24px 0 0}.cdx-ai-intro__visual .cdx-visual{margin:0}.cdx-ai-intro__plan{margin-top:26px}
.cdx-ai-intro__tour{margin:24px 0 12px;min-width:0;background:#0b0820;border-radius:16px;overflow:hidden}.cdx-ai-intro__tour iframe{display:block;width:100%;height:620px;border:0;color-scheme:dark}.cdx-ai-intro__record-note{font-size:14px;line-height:1.8;color:#625e54;margin:16px 0 0}.cdx-ai-intro[data-ai-audience="paid"]{padding-top:32px}.cdx-ai-intro[data-ai-audience="paid"]>button{width:100%;margin-top:20px}
@media(max-width:360px){.cdx-ai-intro__tour iframe{height:640px}}
.cdx-ai-intro__info{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #b8ac91;border-radius:8px;color:var(--intro-ink);font:inherit;text-decoration:none;text-align:center}.cdx-ai-intro__info:hover{background:#f0eadb}.cdx-ai-intro__info:focus-visible{outline:3px solid #846c38;outline-offset:3px}
.cdx-ai-intro__motion{font-size:12px;color:#625e54;margin:10px 0 0}.cdx-ai-intro__motion summary{cursor:pointer;width:fit-content;min-height:28px;padding:4px 0}.cdx-ai-intro__motion label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.cdx-ai-intro__motion input{width:18px;height:18px;accent-color:#846c38}.cdx-ai-intro__motion :focus-visible{outline:2px solid #846c38;outline-offset:3px}
.cdx-ai-intro__tour iframe{height:650px}.cdx-ai-intro[data-hero-reduced="true"] .cdx-ai-intro__tour iframe{height:1100px}
@media(prefers-reduced-motion:reduce){.cdx-ai-intro__tour iframe{height:1100px}}
@media(max-width:360px){.cdx-ai-intro{padding:24px 16px calc(110px + env(safe-area-inset-bottom))}.cdx-ai-intro__features{gap:16px;grid-template-columns:1fr}.cdx-ai-intro h2{font-size:27px}}