.bokademo{--stage:#0e0d13;--sand:#f5eee5;--paper:#fffdfa;--coral:#ec6964;--ink:#1b1510;--ink-soft:#6e655c;--shadow-soft:0 1px 2px #1b15100f,0 6px 20px #1b151012;--shadow-pop:0 2px 4px #1b15100f,0 16px 48px #1b151029;--line:#eae2d8;--vermilion:#e8502f;--vermilion-dark:#c43d1d;--radius-pill:999px;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-serif:"Source Serif 4",Georgia,serif;--sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--wrap:1180px;font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55}.bokademo *{box-sizing:border-box;margin:0;padding:0}.bokademo a{color:inherit;text-decoration:none}.bokademo img{max-width:100%;height:auto;display:block}.bokademo h1,.bokademo h2,.bokademo h3{font-family:var(--font-serif);letter-spacing:-.015em;font-weight:500;line-height:1.08}.bokademo section[id]{scroll-margin-top:86px}.bokademo .wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}.bokademo .h2{font-family:var(--font-serif);letter-spacing:-.015em;font-size:clamp(2rem,3.6vw,3rem);font-weight:600;line-height:1.1}.bokademo .hero{isolation:isolate;padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(4.5rem,9vw,8rem);position:relative}.bokademo .hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(620px 340px at 28% 20%,#e8502f14,#0000 70%);height:70%;position:absolute;inset:-6rem -10% auto}.bokademo .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);display:grid}.bokademo .hero h1{font-family:var(--font-serif);letter-spacing:-.02em;max-width:16ch;margin:0 0 1.5rem;font-size:clamp(2.4rem,4.8vw,4rem);font-weight:600;line-height:1.06}.bokademo .hero .lead{color:var(--ink-soft);max-width:40ch;margin-bottom:2.4rem;font-size:clamp(1.1rem,1.5vw,1.28rem);line-height:1.5}.bokademo .host{align-items:center;gap:1rem;display:flex}.bokademo .host-avatar{background:var(--stage);width:64px;height:64px;box-shadow:var(--shadow-soft);border-radius:50%;flex:none;overflow:hidden}.bokademo .host-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.bokademo .host-text{flex-direction:column;line-height:1.35;display:flex}.bokademo .host-text strong{font-size:1.02rem;font-weight:600}.bokademo .host-text span{color:var(--ink-soft);font-size:.92rem}.bokademo .host-text a{color:var(--ink-soft)}.bokademo .host-text a:hover{color:var(--ink)}.bokademo .visit{color:var(--ink-soft);margin-top:1.6rem;font-size:.95rem}.bokademo .visit a{color:var(--ink);border-bottom:1.5px solid var(--line);font-weight:600;transition:border-color .15s}.bokademo .visit a:hover{border-color:var(--vermilion)}.bokademo .cal-card{border:1px solid var(--line);box-shadow:var(--shadow-pop);background:#fff;border-radius:22px;overflow:hidden}.bokademo .cal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex}.bokademo .cal-head h2{font-size:1.2rem}.bokademo .cal-head .meta{color:var(--ink-soft);gap:1rem;font-size:.86rem;display:flex}.bokademo .cal-head .meta span{align-items:center;gap:.35rem;display:inline-flex}.bokademo .cal-head svg{width:.95rem;height:.95rem}.bokademo .cal-body{background:#fff}.bokademo .faq{padding:0 0 clamp(4rem,9vw,8rem)}.bokademo .faq-grid{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:clamp(2rem,6vw,6rem);padding-top:clamp(2.5rem,5vw,4rem);display:grid}.bokademo .faq-head{position:sticky;top:110px}.bokademo .faq-head p{color:var(--ink-soft);max-width:28ch;margin-top:1rem}.bokademo .faq-head a{color:var(--ink);font-weight:600}.bokademo .faq-list{border-top:1px solid var(--line)}.bokademo .faq-list details{border-bottom:1px solid var(--line)}.bokademo .faq-list summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.bokademo .faq-list summary::-webkit-details-marker{display:none}.bokademo .faq-list summary:after{content:"+";font-family:var(--font-serif);color:var(--vermilion);flex:none;font-size:1.5rem;font-weight:400;line-height:1;transition:transform .2s}.bokademo .faq-list details[open] summary:after{transform:rotate(45deg)}.bokademo .faq-list details p{color:var(--ink-soft);max-width:56ch;padding:0 3rem 1.2rem 0;line-height:1.6}@media (max-width:960px){.bokademo .hero-grid{grid-template-columns:1fr;gap:2.2rem}.bokademo .faq-grid{grid-template-columns:1fr;gap:1.8rem}.bokademo .faq-head{position:static}}@media (max-width:520px){.bokademo .cal-head{flex-direction:column;align-items:flex-start;gap:.4rem}}@media (prefers-reduced-motion:reduce){.bokademo *{transition:none!important}}