[hidden]{display:none!important}.demo-invitation{align-self:center}.demo-invitation .button{margin:20px 0}#commercial-contact a{display:block;margin:10px 0}.site-header nav{flex-wrap:wrap;justify-content:flex-end}.demo-page .site-header{border-bottom:1px solid var(--line)}.demo-intro{padding-top:60px;padding-bottom:30px}.demo-intro h1{font-family:var(--display);font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.06;max-width:920px}.demo-intro h1 em{color:var(--accent);font-weight:400}.demo-intro>p{max-width:730px;line-height:1.7}.demo-notice{border:1px solid var(--line);padding:14px 18px;border-radius:8px;font-size:13px;margin-top:24px;color:var(--muted)}.demo-switch{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 30px}.demo-switch button{font:inherit;border:1px solid var(--line);padding:14px 20px;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}.demo-switch button[aria-selected=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.demo-switch button:focus-visible,.preview-nav button:focus-visible,.demo-action:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.preview-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);margin-bottom:50px}.preview-top{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.preview-top b{font-size:21px}.preview-top small{display:block;color:var(--muted);margin-top:4px}.demo-badge{font-size:11px;letter-spacing:.09em;border:1px solid var(--line);border-radius:30px;padding:8px 12px;white-space:nowrap}.preview-layout{display:grid;grid-template-columns:200px 1fr;min-height:460px}.preview-nav{border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:8px}.preview-nav button{font:inherit;font-size:13px;text-align:left;border:0;border-radius:5px;background:transparent;color:var(--muted);padding:12px;cursor:pointer}.preview-nav button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.preview-body{padding:30px;min-width:0}.preview-body h2,.phone-shell h2{font-family:var(--display);font-weight:400;font-size:30px;margin-top:0}.preview-body p{line-height:1.65}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.demo-metric{border:1px solid var(--line);border-radius:8px;padding:17px}.demo-metric span{display:block;font-size:12px;color:var(--muted)}.demo-metric strong{display:block;font-weight:500;font-size:25px;margin-top:7px}.demo-table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-size:13px}.demo-table th,.demo-table td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.demo-table th{font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.demo-tag{display:inline-block;background:var(--paper);padding:5px 9px;border-radius:20px;font-size:11px}.demo-action{font:inherit;border:1px solid var(--line);border-radius:7px;background:var(--ink);color:var(--paper);padding:12px 16px;cursor:pointer}.demo-reset{background:transparent;color:var(--ink)}.demo-footnote{font-size:12px;color:var(--muted);line-height:1.6}.mobile-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:50px;padding:0 0 45px;align-items:start}.mobile-explainer{padding-top:25px}.mobile-explainer h2{font:400 clamp(30px,4vw,48px)/1.12 var(--display)}.mobile-explainer li{margin:18px 0;line-height:1.65}.phone-shell{border:1px solid var(--line);border-radius:28px;background:var(--surface);padding:24px;box-shadow:0 18px 60px #0002}.phone-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.phone-top strong{font-size:22px}.phone-shell label{display:block;font-size:13px;margin:16px 0}.phone-shell input,.phone-shell textarea,.phone-shell select{margin-top:7px;width:100%;min-height:44px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit}.phone-shell textarea{resize:vertical}.phone-shell .demo-action{width:100%}.measurement-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-result{font-size:13px;line-height:1.6;color:var(--ink);padding-top:12px}.demo-result:empty{display:none}.demo-visit{padding:14px 0;border-bottom:1px solid var(--line)}.demo-visit p{margin:5px 0;font-size:13px;line-height:1.6}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:15px 0 45px}.demo-toolbar p{max-width:690px}.demo-empty{border:1px dashed var(--line);padding:20px}.demo-section-note{padding-bottom:30px}.demo-page .site-footer{margin-top:40px}
@media(max-width:900px){.preview-layout{grid-template-columns:1fr}.preview-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.preview-body{padding:22px}.mobile-preview{gap:25px}.site-header nav{font-size:11px;gap:14px}.demo-metric strong{font-size:21px}}
@media(max-width:650px){.demo-intro{padding-top:35px}.mobile-preview{grid-template-columns:1fr}.mobile-explainer{padding:0}.phone-shell{max-width:440px;width:100%;margin:0 auto}.demo-metrics{grid-template-columns:1fr}.demo-metric{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-metric strong{margin:0}.preview-top{padding:18px;align-items:flex-start}.preview-body{padding:18px}.demo-badge{font-size:9px;padding:7px}.demo-switch button{flex:1;padding:12px}.demo-toolbar{margin-bottom:30px}.demo-invitation{padding-top:5px}}