.demo-frame{position:relative;min-height:440px;padding:1.1rem;border:1px solid rgba(255,255,255,.18);border-radius:1.6rem;background:rgba(255,255,255,.08);box-shadow:0 30px 75px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.demo-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:#cbd2e3;font-size:.8rem}
.demo-label span{display:flex;align-items:center;gap:.65rem}.demo-label button{border:0;background:transparent;color:#cbd2e3;font-size:.75rem;cursor:pointer}.demo-label button:hover{color:var(--lime)}
.demo-stack{display:grid;gap:.7rem;transition:opacity .22s ease,transform .22s ease}.demo-stack.changing{opacity:.1;transform:translateY(5px)}
.demo-person{max-width:88%;margin-left:auto;padding:.9rem 1rem;border-radius:1rem 1rem .25rem 1rem;background:white;color:var(--ink);font:400 1.04rem/1.45 var(--serif)}
.demo-guide{max-width:92%;padding:1rem;border-radius:1rem 1rem 1rem .25rem;background:#eef1ff;color:var(--ink)}.demo-guide small{display:block;margin-bottom:.25rem;color:var(--blue);font-size:.68rem;font-weight:850;letter-spacing:.09em}.demo-guide strong{display:block;font-size:.95rem}.demo-guide p{margin:.35rem 0 0;color:var(--muted);font-size:.82rem}
.demo-next{padding:.9rem;border:1px solid rgba(201,243,107,.26);border-radius:1rem;background:rgba(201,243,107,.09);color:#e9edde;font-size:.82rem}.demo-next b{display:block;margin-bottom:.2rem;color:var(--lime);font-size:.68rem;letter-spacing:.09em}
.demo-path{margin-top:.85rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.demo-path span{padding:.65rem .4rem;border-radius:.75rem;background:rgba(255,255,255,.08);color:#9ea7ba;text-align:center;font-size:.67rem;font-weight:800;letter-spacing:.07em}.demo-path span.active{background:rgba(201,243,107,.15);color:var(--lime)}
.audience-question{display:block;margin-bottom:.7rem;color:var(--blue);font:400 1.35rem/1.25 var(--serif)}
.pilot-tag{display:inline-flex!important;width:max-content;margin-bottom:1rem;padding:.35rem .6rem;border-radius:999px;background:#eef1ff;color:var(--blue)!important}
.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.field-note{min-height:320px;padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.2rem;background:white}.field-note>span{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.1em}.field-note h2{margin:1rem 0 .6rem;font:400 2rem/1.1 var(--serif)}.field-note p{color:var(--muted)}.field-note a{margin-top:auto;color:var(--blue);font-weight:800}.article-note{margin-bottom:1rem;padding:clamp(1.4rem,3vw,2.5rem);border:1px solid var(--line);border-radius:1.3rem;background:white}.article-note h2{margin:.35rem 0;font:400 clamp(2rem,3vw,3rem)/1.1 var(--serif)}.article-note>span{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.1em}.article-note p{max-width:800px;color:var(--muted)}
.mobile-menu{display:none;position:relative}.mobile-menu summary{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:.8rem;background:white;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;z-index:40;top:3.2rem;right:0;width:min(300px,calc(100vw - 24px));padding:.7rem;display:grid;gap:.2rem;border:1px solid var(--line);border-radius:1rem;background:white;box-shadow:0 18px 50px rgba(16,21,34,.16)}.mobile-menu nav a{padding:.65rem;border-radius:.6rem;font-weight:700}.mobile-menu nav a:hover{background:var(--soft);color:var(--blue)}
.page-actions{margin-top:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
@media(max-width:900px){.field-grid{grid-template-columns:1fr}.field-note{min-height:auto}}
@media(max-width:680px){.nav{display:none}.mobile-menu{display:block}.demo-frame{min-height:420px}.demo-path{grid-template-columns:1fr}.demo-label{align-items:flex-start}.hero{gap:2rem}.audience-question{font-size:1.18rem}}
@media(prefers-reduced-motion:reduce){.demo-stack{transition:none}}

.offer-detail{font-size:.9rem!important}.content a:not(.button){text-decoration:underline;text-underline-offset:3px}.content .button{color:var(--ink)}.nav>a{font-size:.875rem;padding:0 .5rem}.nav{flex-wrap:wrap;justify-content:flex-end}.header{padding:.5rem 0}.footer-bottom a{text-decoration:underline}.content{overflow-wrap:anywhere}
@media(min-width:681px) and (max-width:1100px){.nav{display:none}.mobile-menu{display:block}}