/* qAIUIck public beta landing: standalone styles layered on ResoArc's canonical shell. */
.qai-page{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.7;overflow:clip;--qai-night:#081124;--qai-blue:#2695ff;--qai-green:#13c88b}
.qai-page *{box-sizing:border-box}.qai-page .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.qai-hero{color:#eff7ff;background:radial-gradient(ellipse at 65% 9%,#162747 0%,#070d1d 58%,#050914 100%);padding:22px 0 72px;position:relative;isolation:isolate}
.qai-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 80%,#092e4659,transparent 45%);z-index:-1}
.qai-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#a6bad2;font-size:.8rem;margin:5px 0 30px}.qai-breadcrumb a{color:#a6bad2;text-decoration:none}.qai-breadcrumb a:hover{color:white}
.qai-headline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.78rem;letter-spacing:.17em;font-weight:700}
.qai-beta{background:#133a40;border:1px solid #3bd6ad55;color:#9af7d6;padding:6px 14px;border-radius:30px;display:inline-flex;align-items:center;gap:10px}.qai-live-dot{height:7px;width:7px;background:#44e3a9;border-radius:50%;box-shadow:0 0 8px #44e3a9}.qai-subline{color:#829cbf}
.qai-cosmic{display:block;width:min(100%,1080px);height:auto;aspect-ratio:1080/487;object-fit:contain;max-width:100%;margin:-8px auto -25px;border-radius:10px}
.qai-hero-copy{position:relative;max-width:750px;margin:-10px auto 0;text-align:center}.qai-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(2.15rem,5.8vw,4.2rem);line-height:1.22;letter-spacing:-.045em;font-weight:800}.qai-hero h1 span{background:linear-gradient(95deg,#71beff,#53f0b0);-webkit-background-clip:text;background-clip:text;color:transparent}.qai-hero-copy>p{max-width:680px;margin:0 auto;color:#b9c7d9;font-size:clamp(.93rem,1.5vw,1.1rem);line-height:1.95}.qai-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:29px 0 19px}
.qai-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;min-height:54px;padding:12px 24px;font-weight:750;text-decoration:none!important;transition:transform .15s,filter .15s;border:1px solid transparent;font-size:.93rem}.qai-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.qai-btn:focus-visible,.qai-inline:focus-visible{outline:3px solid #4dccff;outline-offset:3px}.qai-btn-primary{color:#061829!important;background:linear-gradient(100deg,#6dc5ff,#70edb9)}.qai-btn-ghost{color:#e6f6ff!important;border-color:#667eae;background:#ffffff0d}.qai-page .qai-micro{font-size:.78rem;color:#7993b5;margin:0}
.qai-section{padding:clamp(62px,9vw,110px) 0}.qai-light{background:#f7fafc;color:#11223b}.qai-dark{background:#0c1629;color:#e9f4ff}.qai-section-title{max-width:760px;margin:0 0 38px}.qai-kicker{color:#2480b5;font-size:.76rem;font-weight:800;letter-spacing:.2em;margin:0 0 15px}.qai-dark .qai-kicker{color:#6ac6ff}.qai-section h2{margin:0 0 19px;font-weight:790;line-height:1.32;letter-spacing:-.04em;font-size:clamp(1.9rem,3.8vw,3.3rem)}.qai-section-title>p:last-child,.qai-split>div>p:not(.qai-kicker){max-width:660px;color:#64748c;font-size:1.02rem;line-height:1.9}.qai-dark .qai-split>div>p:not(.qai-kicker){color:#a6b8d1}
.qai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.qai-card{border:1px solid #e3eaf2;border-radius:20px;padding:30px 26px;background:white;box-shadow:0 12px 48px #1331510a}.qai-card-no{font-weight:900;letter-spacing:.14em;font-size:.79rem;color:#139c9b}.qai-card h3{font-size:1.2rem;letter-spacing:-.02em;color:#182a45;margin:16px 0 12px}.qai-card p{font-size:.93rem;line-height:1.9;color:#596a7e;margin:0}.qai-card code,.qai-steps code{background:#e5f3f5;border-radius:4px;padding:2px 5px;font-size:.88em;color:#0d6874}
.qai-split{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:64px}.qai-inline{color:#208fc8;text-decoration:none;font-weight:750;display:inline-flex;gap:12px;align-items:center}.qai-dark .qai-inline,.qai-limit .qai-inline{color:#71c9ff}.qai-code{background:#070d19;color:#d4e7f5;border:1px solid #28405e;border-radius:17px;overflow:hidden;box-shadow:0 24px 65px #0006}.qai-codebar{padding:13px 18px;background:#18243a;display:flex;align-items:center;gap:12px;font-size:.72rem}.qai-codebar span{display:flex;gap:6px}.qai-codebar i{width:8px;height:8px;background:#f97475;border-radius:50%}.qai-codebar i:nth-child(2){background:#f3c46f}.qai-codebar i:nth-child(3){background:#64daa2}.qai-codebar strong{color:#ccdceb;font-weight:650}.qai-codebar small{color:#8596ad;margin-left:auto}.qai-code pre{overflow:auto;padding:28px 21px;margin:0;line-height:1.85;font-size:clamp(.72rem,1.2vw,.88rem);tab-size:2}.qai-code code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.qai-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0 55px}.qai-steps>div{padding:24px 0;border-top:2px solid #bbd6e2}.qai-steps span{color:#1682b9;font-weight:800;font-size:.81rem}.qai-steps h3{color:#182a45;font-size:1.2rem;margin:15px 0 7px}.qai-steps p{margin:0;color:#61738a;font-size:.93rem}.qai-download{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#e8f3fb;border:1px solid #cbe4f3;padding:31px;border-radius:22px}.qai-download h3{font-size:1.45rem;margin:0 0 8px;color:#172a45}.qai-download p:not(.qai-kicker){margin:0;color:#506780}.qai-download-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.qai-download-actions .qai-btn{white-space:nowrap;background:#0d294b;color:white!important;border:0}
.qai-limit{background:#0a1526;color:#dceafb}.qai-limit-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.qai-limit p:not(.qai-kicker){color:#adc0d5;line-height:1.95}.qai-limit strong{color:#e6f9ff}
@media(max-width:860px){.qai-cards,.qai-steps{grid-template-columns:1fr;gap:15px}.qai-split,.qai-limit-inner{grid-template-columns:1fr;gap:27px}.qai-download{flex-direction:column;align-items:flex-start}.qai-hero{padding-bottom:55px}.qai-cosmic{margin:0 auto -14px}.qai-hero-copy{margin:0 auto}.qai-code pre{padding:24px 15px}.qai-card{padding:25px}.qai-steps{margin-bottom:30px}}
@media(max-width:520px){.qai-page .container{width:min(100% - 30px,1180px)}.qai-hero{padding-top:8px}.qai-headline{justify-content:center}.qai-subline{font-size:.6rem}.qai-cosmic{margin:4px -2vw -4px;width:104%;max-width:104%}.qai-hero h1{font-size:clamp(2rem,9vw,2.7rem)}.qai-actions{flex-direction:column}.qai-btn{width:100%}.qai-breadcrumb{gap:7px;font-size:.7rem;margin-bottom:22px}.qai-section{padding:56px 0}.qai-download{padding:22px}.qai-download-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.qai-btn{transition:none}}

/* Live samples gallery: readable cards, no component bundle. */
.qai-samples{background:linear-gradient(180deg,#eff6fa 0%,#f8fbfd 100%)}
.qai-sample-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.qai-sample-card{background:white;border:1px solid #dbe7f0;border-radius:20px;padding:27px;display:flex;flex-direction:column;min-height:218px;box-shadow:0 16px 36px #071c3210;transition:transform .18s}
.qai-sample-card:hover{transform:translateY(-3px)}
.qai-sample-no{font-size:.74rem;font-weight:800;letter-spacing:.13em;color:#178c98}
.qai-sample-card h3{font-size:1.25rem;margin:18px 0 10px;color:#162a47}
.qai-sample-card p{color:#5e7488;font-size:.93rem;line-height:1.8;margin:0 0 19px;flex:1}
.qai-sample-card a{font-size:.88rem;font-weight:750;color:#0a718d;text-decoration:none}
.qai-sample-card a:focus-visible{outline:3px solid #3cd5c9;outline-offset:3px}
.qai-page .qai-sample-note{color:#52687d;margin:18px 0 0;font-size:.85rem}
@media(max-width:800px){.qai-sample-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.qai-sample-cards{grid-template-columns:1fr}}