.pilot-demo{background:var(--paper);color:var(--ink)}.demo-intro{padding-block:70px 44px}.demo-intro h1{letter-spacing:-.045em;margin:22px 0 24px;font-size:clamp(42px,5.5vw,78px);font-weight:650;line-height:1.05}.demo-intro h1>span{color:var(--action)}.demo-intro>p:not(.eyebrow){max-width:620px;color:var(--slate);font-size:18px;line-height:1.6}.demo-tabs{border-bottom:1px solid var(--line);gap:32px;display:flex}.demo-tabs button{color:var(--slate);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:12px;padding:18px 4px;font-size:14px;display:flex}.demo-tabs button>span{background:#e5e8ef;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:flex}.demo-tabs button:hover,.demo-tabs button[aria-selected=true]{color:var(--action);border-color:var(--action)}.demo-tabs button[aria-selected=true]>span{background:var(--action);color:#fff}.demo-panel{grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;padding-top:40px;display:grid}.demo-explanation h2{white-space:pre-line;letter-spacing:-.035em;font-size:clamp(29px,3vw,42px);font-weight:550;line-height:1.18}.demo-explanation>p{color:var(--slate);max-width:470px;margin:24px 0;font-size:16px;line-height:1.8}.demo-explanation ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.demo-explanation li{align-items:center;gap:10px;font-size:13px;display:flex}.demo-explanation li>svg{color:var(--action);flex-shrink:0}.demo-controls{flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px;display:flex}.demo-next{color:#fff;background:var(--action);border-radius:var(--control-radius);cursor:pointer;border:0;align-items:center;gap:20px;min-height:48px;padding:15px 20px;font-size:13px;font-weight:550;display:inline-flex}.demo-next:hover{background:var(--action-hover)}.demo-back{cursor:pointer;color:var(--slate);background:0 0;border:0;align-items:center;gap:7px;padding:13px 0;font-size:13px;display:inline-flex}.demo-back:hover{color:var(--action)}.demo-art{perspective:1600px;background:radial-gradient(at 20% 0,#f9faff,#dbe3f6);border-radius:16px;min-width:0;padding:38px 26px;overflow:hidden}.demo-preview{transform:rotateY(-6deg)rotateX(3deg)}.demo-example-note{color:var(--slate);margin:0;padding-block:20px;font-size:12px;line-height:1.6}.demo-next-step{border-top:1px solid var(--line);margin-top:30px;padding-block:70px 90px}.demo-next-step h2{letter-spacing:-.035em;font-size:35px;font-weight:550;line-height:1.2}.demo-next-step p{color:var(--slate);margin:15px 0 24px}[dir=rtl] .pilot-demo :is(h1,h2){letter-spacing:0;line-height:1.4}[dir=rtl] .demo-preview{transform:rotateY(6deg)rotateX(3deg)}[dir=rtl] :is(.demo-next,.demo-back)>svg{transform:scaleX(-1)}@media (max-width:900px){.demo-intro{padding-top:46px}.demo-panel{grid-template-columns:1fr;gap:28px;padding-top:30px}.demo-explanation h2{font-size:32px}.demo-explanation>p{max-width:680px}.demo-art{justify-self:center;width:100%;max-width:620px}.demo-tabs{justify-content:space-between;gap:12px}.demo-tabs button{gap:7px;font-size:12px}.demo-next-step{padding-block:40px 60px}}@media (max-width:480px){.demo-intro h1{font-size:42px}.demo-intro>p:not(.eyebrow){font-size:16px}.demo-tabs button{flex-direction:column;flex:1;gap:9px;padding:12px 0;font-size:11px}.demo-art{border-radius:8px;padding:24px 14px}.demo-preview,[dir=rtl] .demo-preview{transform:none}.demo-explanation h2{font-size:28px}.demo-explanation>p{font-size:15px}.demo-next-step h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.demo-preview,[dir=rtl] .demo-preview{transform:none}}