/* Isolated to the default landing and its second demonstration. */
.landings .default-trial{padding:72px 0;background:#f3f7f6;scroll-margin-top:90px}
.landings .default-trial-heading{max-width:700px;margin-bottom:32px}
.landings .default-trial-heading h2,.landings .default-creator h2{font-size:clamp(1.75rem,3.5vw,2.6rem);line-height:1.12;letter-spacing:-.035em;margin:10px 0 16px}
.landings .default-trial-heading p,.landings .default-form-intro p,.landings .default-creator-copy p{color:var(--muted);line-height:1.65}
.landings .default-trial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.landings .default-trial-grid>*{min-width:0}
.landings .default-demo-panel{--selected-color:hsl(187,72%,38%);padding:26px 32px;background:#e5efed;border:1px solid #d6e3df;border-radius:24px}
.landings .default-demo-caption{display:flex;align-items:center;justify-content:center;gap:8px;color:#405e56;font-size:13px;font-weight:650;margin-bottom:24px}
.landings .default-demo-dot{width:8px;height:8px;border-radius:50%;background:var(--selected-color)}
.landings .default-demo-panel .hero-preview{width:100%;max-width:350px;margin:0 auto 30px}
.landings #chat-demo-color{--accent:var(--selected-color);--demo-ink:#fff;min-height:420px;height:420px;max-height:420px;border-color:#d2dedb}
.landings #chat-demo-color .cw-head,.landings #chat-demo-color .cw-send,.landings #chat-demo-color .cw-btn{color:var(--demo-ink)}
.landings #chat-demo-color .cw-head-copy small{color:var(--demo-ink);opacity:.9}
.landings #chat-demo-color .cw-msg.visitor,.landings #chat-demo-color .cw-typing.visitor{background:var(--demo-soft,#e7f4f0);border-color:var(--demo-line,#cfe9dc)}
.landings #chat-demo-color .cw-typing i{background:var(--accent)}
.landings .demo-color-control{max-width:380px;margin:0 auto}
.landings .demo-color-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px}
.landings .demo-color-label label{margin:0;font-weight:650}
.landings .demo-color-label output{display:flex;align-items:center;gap:6px;font-size:11px;font-family:ui-monospace,monospace;color:#405e56}
.landings .demo-color-swatch{width:15px;height:15px;border-radius:50%;background:var(--selected-color);border:1px solid #0002}
.landings #demo-hue{display:block;width:100%;height:28px;margin:0;padding:0;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;box-shadow:none}
.landings #demo-hue::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:linear-gradient(90deg,hsl(0,72%,38%),hsl(60,72%,38%),hsl(120,72%,38%),hsl(180,72%,38%),hsl(240,72%,38%),hsl(300,72%,38%),hsl(360,72%,38%))}
.landings #demo-hue::-moz-range-track{height:14px;border-radius:999px;background:linear-gradient(90deg,hsl(0,72%,38%),hsl(60,72%,38%),hsl(120,72%,38%),hsl(180,72%,38%),hsl(240,72%,38%),hsl(300,72%,38%),hsl(360,72%,38%))}
.landings #demo-hue::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-6px;border:3px solid #fff;border-radius:50%;background:var(--selected-color);box-shadow:0 1px 7px #18313b55}
.landings #demo-hue::-moz-range-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:var(--selected-color);box-shadow:0 1px 7px #18313b55}
.landings #demo-hue:focus-visible{outline:3px solid #164f63;outline-offset:5px}
.landings #demo-color-hint{margin:10px 0 0;color:#536c64;font-size:12px;line-height:1.5}
.landings .default-form-panel{padding:28px;background:#fff;border:1px solid #dce6e2;border-radius:24px;box-shadow:0 8px 28px #18313b08}
.landings .default-form-intro h3{font-size:24px;line-height:1.2;margin:8px 0 12px;letter-spacing:-.025em}
.landings .default-form-intro p{font-size:14px;margin-bottom:22px}
.landings .default-form-panel .invite-card{padding:0;border-radius:0;box-shadow:none;background:transparent}
.landings .default-form-panel .invite-card>b{display:none}
.landings .default-form-panel .compact-form{gap:13px}
.landings .default-form-panel .compact-form label{font-size:13px}
.landings .default-form-panel .compact-form input,.landings .default-form-panel .compact-form textarea{width:100%;min-width:0;font-size:14px;padding:11px 12px}
.landings .default-form-panel .compact-form button{margin-top:5px;min-height:46px}
.landings .default-creator{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:center;margin-top:64px;margin-bottom:72px;padding:32px;border:1px solid #dce6e2;border-radius:24px;background:#fff}
.landings .default-creator-portrait{border-radius:18px;overflow:hidden;background:#edf3ef}
.landings .default-creator-portrait img{display:block;width:100%;height:270px;object-fit:cover;object-position:center 30%}
.landings .default-creator h2{font-size:clamp(1.5rem,2.8vw,2rem)}
.landings .default-creator-copy p{font-size:14px;margin-bottom:12px}
.landings .default-creator-signature{display:grid;gap:4px;margin-top:20px}
.landings .default-creator-signature strong{font-size:15px}
.landings .default-creator-signature span{font-size:12px;color:#526e64}
@media(max-width:800px){
 .landings .default-trial{padding:48px 0}
 .landings .default-trial-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .landings .default-demo-panel{padding:24px}
 .landings .default-form-panel{padding:24px}
 .landings .default-creator{grid-template-columns:140px minmax(0,1fr);gap:24px;margin-top:40px;margin-bottom:48px;padding:24px}
 .landings .default-creator-portrait img{height:200px}
}
@media(max-width:480px){
 .landings .default-demo-panel{padding:22px 18px}
 .landings .default-demo-panel .hero-preview{width:calc(100% - 16px);max-width:320px}
 .landings .default-demo-panel .chat-demo-box{transform:rotate(2deg)}
 .landings .default-form-panel{padding:22px 18px}
 .landings .default-creator{grid-template-columns:minmax(0,1fr);padding:22px;gap:20px}
 .landings .default-creator-portrait{width:120px}
 .landings .default-creator-portrait img{height:140px}
}