.demo-canvas{color:#263d33;background:#f3f2eb;min-height:100dvh}.demo-shell{max-width:1140px;margin:auto;padding:25px 48px 32px}.demo-brandbar{justify-content:space-between;align-items:center;display:flex}.demo-wordmark{letter-spacing:-1.5px;align-items:center;gap:9px;font-size:27px;font-weight:700;display:flex}.demo-wordmark>span{align-self:flex-start;margin-top:8px;margin-left:-5px;font-size:10px}.demo-label{letter-spacing:1.2px;color:#657469;align-items:center;gap:7px;font-size:9px;display:flex}.demo-label>span{background:#a1b15e;border-radius:50%;width:5px;height:5px}.demo-stage{grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:65px;margin:26px 0 0;display:grid}.demo-kicker{color:#7c8d63;letter-spacing:1.6px;font-size:10px;font-weight:600}.demo-intro h1{letter-spacing:-1.7px;margin:22px 0;font:47px/1.12 Georgia,serif}.demo-intro h1 em{color:#738565;font-weight:400}.demo-intro>p{color:#6f766c;font-size:14px;line-height:1.9}.journey-steps{gap:26px;margin:40px 0;padding:0;list-style:none;display:grid}.journey-steps li{opacity:.62;align-items:flex-start;gap:16px;display:flex}.journey-steps li.current{opacity:1}.journey-steps li>span{border:1px solid #cdd2c4;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.journey-steps li.current>span{color:#fff;background:#344d3d;border-color:#344d3d}.journey-steps strong{padding-top:1px;font-size:13px;font-weight:600;display:block}.journey-steps p{color:#798074;margin-top:5px;font-size:12px}.demo-note{color:#848b7b;border-top:1px solid #dfe2d4;align-items:center;gap:11px;padding-top:24px;font-size:11px;line-height:1.7;display:flex}.demo-preview{min-width:0}.demo-view-label{color:#7a8476;letter-spacing:1px;justify-content:space-between;align-items:center;min-height:23px;margin-bottom:11px;font-size:8px;display:flex}.demo-view-label button{color:#4f674f;background:0 0;border:0;padding:5px 0;font-size:11px}.demo-phone{background:#fff;border:6px solid #22352c;border-radius:32px;flex-direction:column;height:min(720px,100dvh - 150px);min-height:520px;display:flex;overflow:hidden;box-shadow:0 24px 55px #1c3a2920}.reel{isolation:isolate;background:#b8c6a2;height:100%;min-height:0;position:relative;overflow:hidden}.reel video{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.reel-shade{z-index:-2;background:linear-gradient(#18332765 0%,#0000 14% 48%,#132e20d9 100%);position:absolute;inset:0}.reel-top{color:#fff;justify-content:space-between;align-items:center;padding:18px 20px;font-size:19px;font-weight:650;display:flex}.reel-top small{opacity:.88;font-size:10px;font-weight:400}.reel-controls{gap:7px;display:flex}.reel-controls button{color:#fff;background:#18332726;border:1px solid #fff4;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:grid}.reel-headline{color:#294a37;position:absolute;top:17%;left:23px;right:18px}.reel-headline>span{letter-spacing:2px;font-size:9px;font-weight:650}.reel-headline h2{letter-spacing:-1.7px;white-space:pre-line;margin:13px 0;font:45px/1.08 Georgia,serif}.reel-headline p{color:#49614a;font-size:12px}.reel-side{color:#fff;filter:drop-shadow(0 1px 4px #14322055);justify-items:center;gap:20px;display:grid;position:absolute;bottom:215px;right:16px}.reel-side>span{font-size:31px}.reel-bottom{color:#fff;padding:20px 20px 17px;position:absolute;bottom:0;left:0;right:0}.reel-account{align-items:center;gap:9px;display:flex}.reel-avatar{color:#4a664a;background:#f5f0db;border:1px solid #fff8;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.reel-account strong{font-size:12px;display:block}.reel-account small{opacity:.72;margin-top:4px;font-size:9px;display:block}.reel-bottom>p{max-width:285px;margin:13px 0 16px;font-size:12px;line-height:1.6}.reel-cta{color:#263d2c;background:#f1e9be;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:49px;padding:12px 15px;font-size:13px;font-weight:600;display:flex}.reel-cta:hover:not(:disabled){background:#fff4c5}.reel-foot{color:#e9eedbc9;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:9px;display:flex}.reel-bottom>.reel-error{background:#482d24e0;border-radius:6px;margin:8px 0;padding:8px;font-size:11px}.reel-bottom>.reel-media-note{margin:7px 0;font-size:10px}.demo-caption{text-align:center;color:#85907b;margin-top:15px;font:italic 12px Georgia,serif}.visitor-brand{color:#4d624a;background:#f4f4e9;border-bottom:1px solid #e2e5d8;flex-shrink:0;align-items:center;gap:7px;padding:12px 15px;font-size:10px;display:flex}.visitor-demo-badge{border:1px solid #d6dbca;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:8px}.school-workspace.visitor-chat{flex:1;min-height:0;display:flex}.visitor-chat .chat-card{border:0;border-radius:0;width:100%;height:100%;min-height:0}.visitor-chat .chat-header{gap:9px;min-height:66px;padding:14px 13px}.visitor-chat .guide-avatar{color:#627654;background:#e8eee1;border-radius:50%;width:32px;height:32px}.visitor-chat .guide-heading h2{font-size:12px}.visitor-chat .guide-heading p{font-size:9px}.visitor-chat .transcript{padding:19px 13px}.visitor-chat .conversation-start{letter-spacing:.6px;gap:8px;margin-bottom:20px;font-size:8px}.visitor-chat .conversation-start span{width:17px}.visitor-chat .message{gap:7px;max-width:97%}.visitor-chat .message-avatar{color:#728569;background:#f0f2e9;border:0;width:23px;height:23px}.visitor-chat .bubble{color:#3a4b37;background:#f2f4ed;padding:11px 12px;font-size:14px;line-height:1.6}.visitor-chat .from-parent .bubble{color:#3f5c33;background:#e6ecd9}.visitor-chat .suggestions{gap:7px;margin-left:30px}.visitor-chat .suggestions button{color:#557044;border-color:#dce1d4;border-radius:20px;gap:8px;min-height:44px;padding:9px 12px;font-size:12px}.visitor-chat .composer-wrap{padding:10px 12px}.visitor-chat .composer{padding:7px 7px 7px 10px}.visitor-chat .composer textarea{font-size:16px;line-height:26px}.visitor-chat .composer textarea::placeholder{font-size:12px}.visitor-chat .composer button{background:#567044;min-width:44px;height:44px}.visitor-chat .composer-note{margin-top:8px;font-size:8px}.visitor-privacy{text-align:center;color:#929589;margin-top:6px;font-size:8px;line-height:1.5}.visitor-tour{color:#838e77;text-align:left;background:0 0;border:0;margin:18px 0 0 30px;padding:10px 0;font-size:10px;display:block}.visitor-tour span{color:#526e41;margin-top:5px;font-weight:600;display:block}.visitor-chat .contact-form{background:#f4f5ed;border-color:#dfe4d4;margin:20px 0 0;padding:16px}.visitor-chat .contact-fields{grid-template-columns:1fr}.visitor-chat .contact-form input:not([type=checkbox]){font-size:16px}.visitor-chat .contact-form .primary-button{background:#567044;border-color:#567044}.visitor-chat .receipt{background:#edf4e4;border-color:#d9e5cb;margin-top:20px}.visitor-chat .reset-banner{font-size:11px}@media (width<=800px){.demo-shell{max-width:470px;padding:17px 14px 12px}.demo-wordmark{font-size:23px}.demo-brandbar{padding:0 4px}.demo-label{font-size:8px}.demo-stage{margin-top:13px;display:block}.demo-intro{display:none}.demo-view-label{margin:0 4px 9px;font-size:7px}.demo-phone{border-width:3px;border-radius:25px;height:calc(100dvh - 134px);min-height:420px}.demo-caption{margin-top:11px;font-size:11px}.reel-headline h2{font-size:clamp(38px,10.5vw,48px)}}@media (height<=690px) and (width<=800px){.demo-phone{height:calc(100dvh - 103px);min-height:320px}.demo-caption{display:none}.reel-top{padding:13px 16px}.reel-headline{top:16%;left:18px}.reel-headline h2{font-size:36px}.reel-headline p{display:none}.reel-bottom{padding:15px 16px}.reel-bottom>p{margin:8px 0;font-size:11px}.reel-side,.visitor-privacy{display:none}}