.demo-try-page{padding-top:67px;padding-bottom:120px}.demo-try-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;padding-bottom:60px;display:grid}.demo-try-heading h1{margin-bottom:0;font-size:clamp(48px,6vw,76px)}.demo-try-heading-note{max-width:335px;color:var(--ink-soft);margin:0 0 8px;font-size:14px;line-height:1.7}.demo-workspace{border:1px solid var(--line);background:var(--white);grid-template-columns:minmax(290px,.8fr) minmax(430px,1.2fr);min-height:510px;display:grid}.demo-form-panel,.demo-preview-panel{padding:27px 30px 30px}.demo-form-panel{border-right:1px solid var(--line)}.demo-panel-label-row,.demo-verification-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.demo-panel-label,.demo-preview-size,.demo-panel-status,.demo-verification-note,.demo-preview-caption,.demo-result-source,.demo-comparison-label{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px}.demo-panel-label{color:var(--ink-soft)}.demo-status-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.demo-form-panel h2{letter-spacing:-.065em;margin:83px 0 10px;font-size:30px}.demo-panel-copy{color:var(--ink-soft);margin-bottom:23px;font-size:12px;line-height:1.6}.demo-url-input-wrap{border:1px solid var(--line);background:var(--paper);align-items:center;min-height:51px;transition:border-color .16s,box-shadow .16s;display:flex}.demo-url-input-wrap:focus-within{border-color:var(--dark);box-shadow:0 0 0 3px #d8f86666}.demo-url-input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:14px 11px;font-size:13px}.demo-url-input-wrap input::placeholder{color:var(--ink-faint)}.demo-url-input-wrap:has(input[aria-invalid=true]){border-color:var(--coral)}.demo-input-help,.demo-form-error{min-height:17px;color:var(--ink-faint);font-family:var(--mono);margin:8px 0 17px;font-size:9px;line-height:1.5}.demo-form-error{color:#be4d30;margin-bottom:2px}.demo-verification{border-block:1px solid var(--line);min-height:120px;margin:25px 0 20px;padding:15px 0 16px}.demo-verification-heading{align-items:baseline}.demo-verification-note{letter-spacing:.03em;text-transform:none}.turnstile-widget{min-height:65px;margin-top:11px;overflow:hidden}.demo-verification-message{color:var(--ink-soft);margin:12px 0 0;font-size:11px;line-height:1.5}.demo-form-submit{border:0}.demo-form-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.demo-safe-fetch-note{border-top:1px solid var(--line);color:var(--ink-faint);align-items:flex-start;gap:9px;margin-top:31px;padding-top:18px;font-size:10px;line-height:1.5;display:flex}.demo-safe-fetch-note strong{color:var(--ink-soft);font-weight:600}.demo-safe-fetch-icon{background:var(--lime);width:16px;height:16px;color:var(--dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.demo-preview-panel{background:#f1f0e9;flex-direction:column;display:flex}.demo-preview-empty,.demo-preview-message,.demo-preview-success{flex-direction:column;flex:1;justify-content:center;min-height:382px;display:flex}.demo-preview-empty,.demo-preview-message{text-align:center;align-items:center;padding:46px}.demo-preview-empty-mark{border:1px dashed #bec0b5;border-radius:50%;justify-content:center;align-items:flex-end;gap:3px;width:65px;height:65px;margin-bottom:24px;padding-bottom:16px;display:flex}.demo-preview-empty-mark span{background:#bec0b5;border-radius:2px;width:6px;display:block;transform:skewY(-20deg)}.demo-preview-empty-mark span:first-child{height:10px}.demo-preview-empty-mark span:nth-child(2){height:17px}.demo-preview-empty-mark span:nth-child(3){height:24px}.demo-preview-empty h2,.demo-preview-message h2{letter-spacing:-.06em;margin-bottom:11px;font-size:23px}.demo-preview-empty p,.demo-preview-message p{max-width:350px;color:var(--ink-soft);margin-bottom:23px;font-size:12px;line-height:1.65}.demo-preview-caption{letter-spacing:.12em}.demo-loading-mark,.demo-preview-alert-mark{background:var(--dark);width:45px;height:45px;color:var(--lime);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:20px;display:inline-flex}.demo-loading-mark{border:4px solid #d8f86659;border-top-color:var(--lime);animation:.85s linear infinite demo-spin}.demo-preview-alert-mark{color:var(--coral);font-weight:700}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-preview-success{justify-content:flex-start;align-items:stretch;padding:25px 0 4px}.demo-result-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.demo-ready-badge{background:var(--lime);min-height:23px;color:var(--dark);font-family:var(--mono);letter-spacing:.11em;align-items:center;padding:0 8px;font-size:9px;display:inline-flex}.demo-result-source{text-overflow:ellipsis;white-space:nowrap;text-transform:none;max-width:58%;overflow:hidden}.demo-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-comparison-card{border:1px solid var(--line);background:var(--white);min-width:0;padding:10px}.demo-comparison-card-after{border-color:var(--dark);background:var(--dark)}.demo-comparison-card-after .demo-comparison-label{color:var(--lime)}.demo-comparison-label{letter-spacing:.05em;margin-bottom:9px}.demo-card-image,.demo-image-fallback{aspect-ratio:1200/630;width:100%;display:block}.demo-card-image{object-fit:cover;background:var(--paper-deep)}.demo-image-fallback{background:var(--paper-deep);min-height:130px;color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:11px;line-height:1.45;display:flex}.demo-comparison-card-after .demo-image-fallback{background:var(--dark-soft);color:var(--white)}.demo-image-fallback-mark{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;display:inline-flex}.demo-result-copy{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.demo-result-copy h2{color:var(--ink);letter-spacing:-.05em;margin:0 0 7px;font-size:19px}.demo-result-copy p{max-width:600px;color:var(--ink-soft);margin:0;font-size:11px;line-height:1.55}.demo-next-step{border-block:1px solid var(--line);grid-template-columns:1fr .8fr .7fr;align-items:center;gap:40px;margin-top:67px;padding:30px 0;display:grid}.demo-next-step h2{letter-spacing:-.06em;margin:12px 0 0;font-size:21px}.demo-next-step p{max-width:250px;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.6}@media (width<=960px){.demo-try-heading{gap:40px}.demo-workspace{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr)}.demo-form-panel,.demo-preview-panel{padding-inline:24px}.demo-next-step{gap:25px}}@media (width<=720px){.demo-try-page{padding-top:50px;padding-bottom:80px}.demo-try-heading{padding-bottom:42px;display:block}.demo-try-heading h1{margin-bottom:24px}.demo-workspace{min-height:0;display:block}.demo-form-panel{border-right:0;border-bottom:1px solid var(--line)}.demo-form-panel h2{margin-top:57px}.demo-preview-panel{min-height:430px}.demo-preview-empty,.demo-preview-message{min-height:360px;padding:36px 20px}.demo-preview-success{min-height:360px;padding:25px 0}.demo-comparison{grid-template-columns:1fr;gap:8px}.demo-comparison-card{padding:7px}.demo-comparison-label{font-size:8px}.demo-result-heading{flex-direction:column;align-items:flex-start;gap:8px}.demo-result-source{max-width:100%}.demo-next-step{margin-top:48px;display:block}.demo-next-step p{margin:24px 0}}@media (prefers-reduced-motion:reduce){.demo-loading-mark{animation:none}}