/* Clear's shared multipage shell, editorial layouts and accessible product media. */
.clear-site { --paper:#f7f9fc; --accent:#315efb; }
.clear-site .shell { width:min(1320px,calc(100% - 96px)); }
.clear-site h1 { font-size:clamp(54px,5.7vw,84px); }
.clear-site h2 { font-size:clamp(34px,3.9vw,56px); }
.clear-site h3 { line-height:1.3; }
.clear-site a { transition:color .15s; }
.preview-notice { border-bottom:1px solid var(--line); color:var(--muted); background:white; }
.preview-notice>.shell { display:flex; justify-content:space-between; gap:20px; padding-block:11px; font:10px/1.6 var(--mono); }
.preview-notice a:hover { color:var(--accent); }
.notice-divider { padding-inline:8px; color:var(--line); }
.clear-site .site-header { height:auto; min-height:102px; position:relative; }
.clear-site .site-header nav { gap:27px; }
.clear-site .site-header nav>a { font-size:13px; padding-block:14px; }
.clear-site .site-header nav>a[aria-current] { color:var(--accent); text-decoration:underline; text-underline-offset:7px; }
.clear-site .site-header nav>.primary { color:white; }
.clear-site .site-header nav>.nav-cta { min-height:0; padding:.75em 1.4em; font-size:16px; line-height:1; border-width:0; }
.clear-site .nav-cta span { padding:0; }
.menu-toggle { min-height:44px; padding:10px 14px; border:1px solid var(--line); background:white; color:var(--ink); font-size:14px; }
.menu-toggle span { padding-left:10px; }
.menu-toggle[hidden] { display:none; }
.clear-site .brand-mark { color:transparent; background:url("testhand-icon.svg") center/contain no-repeat; box-shadow:none; border-radius:9px; }
.clear-site .home-slider { width:100%; overflow:hidden; background:#10182a; }
.clear-site .home-slider .clear-sliderone { min-height:clamp(420px,72svh,760px); }
.clear-site .home-slider .sliderone-slider { min-height:inherit; }
.clear-site .home-slider .sliderone-slide { min-height:inherit; }
.clear-site .home-slider .sliderone-content { max-width:1180px; margin-inline:auto; padding-inline:28px; }
.clear-site .home-slider + .hero { padding-top:88px; }
.clear-site .hero { gap:58px; padding-block:56px 88px; grid-template-columns:.95fr 1.1fr; }
.clear-site .hero-description { font-size:17px; }
.clear-site .hero-note { font-size:11px; }
.clear-site .stage-note { margin-right:0; margin-left:45px; }
.clear-site .stage-note small { font-size:11px; }
.clear-site .stage-note strong { font-size:13px; }
.clear-site .product-stage::before { inset:0 -22px 18px; }
.teaser-window { background:white; border:1px solid var(--line); border-radius:9px; overflow:hidden; box-shadow:0 28px 65px #11285519; }
.teaser-top { display:flex; justify-content:space-between; gap:12px; padding:18px; font:10px/1.7 var(--mono); color:var(--muted); border-bottom:1px solid var(--line); }
.teaser-body { display:grid; grid-template-columns:1.2fr 1fr; min-height:285px; }
.teaser-steps { border-right:1px solid var(--line); padding-block:18px; }
.teaser-steps>div { display:flex; align-items:center; gap:10px; padding:16px 17px; font-size:12px; }
.teaser-steps>div:nth-child(3) { background:var(--soft); border-left:2px solid var(--accent); padding-left:15px; }
.teaser-steps span { font:10px var(--mono); color:var(--muted); }
.teaser-steps strong { flex:1; font-weight:600; }
.teaser-steps b { color:#218355; }
.teaser-app { margin:22px 18px; padding:18px; border:1px solid var(--line); border-radius:9px; align-self:start; }
.teaser-app .eyebrow { display:block; font-size:9px; margin-bottom:18px; }
.teaser-field,.teaser-button { border:1px solid var(--line); padding:10px; border-radius:9px; font-size:12px; }
.teaser-button { background:var(--accent); color:white; margin-top:8px; width:fit-content; padding-inline:18px; justify-self:start; }
.clear-site .window-bar { justify-content:flex-start; }
.teaser-star { display:block; text-align:center; color:#218355; font-size:36px; margin-top:18px; }
.teaser-app>strong,.teaser-app>small { display:block; text-align:center; margin-top:7px; }
.teaser-app>strong { font-size:16px; }
.teaser-app>small { font-size:11px; color:var(--muted); }
.teaser-bottom { display:flex; align-items:center; gap:10px; padding:17px; border-top:1px solid var(--line); font:10px var(--mono); }
.teaser-bottom>span { color:var(--accent); }
.teaser-bottom strong { margin-left:auto; color:#218355; font-weight:500; }
.clear-site .benefit-band small { font-size:12px; line-height:1.7; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--muted); padding-block:12px 0; }
.breadcrumbs a:hover { color:var(--accent); }
.breadcrumbs [aria-current] { color:var(--ink); }
.page-intro { padding-block:56px 64px; }
.page-intro h1 { max-width:980px; }
.intro-copy { font-size:18px; color:var(--muted); line-height:1.85; max-width:690px; margin-top:26px; }
.content-section { padding-block:64px 76px; border-top:1px solid var(--line); }
.content-section>.section-heading { margin-bottom:40px; }
.editorial-links { border-top:1px solid var(--line); }
.editorial-link { padding-block:29px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:70px 1fr; align-items:center; gap:25px; }
.editorial-link h3 { font-size:26px; letter-spacing:-.7px; }
.editorial-link p { color:var(--muted); margin-top:9px; font-size:15px; line-height:1.8; max-width:760px; }
.editorial-link:hover h3 { color:var(--accent); }
.split-content { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:60px; }
.split-content>* { min-width:0; }
.prose p,.prose li { font-size:15px; color:var(--muted); line-height:1.9; }
.prose p+p { margin-top:18px; }
.prose h3 { font-size:23px; letter-spacing:-.5px; margin-block:24px 12px; }
.prose h3:first-child { margin-top:0; }
.prose h2 { margin-bottom:24px; }
.prose ul { padding-left:20px; margin-block:20px; }
.prose li { padding-block:5px; }
.prose .button { margin-top:24px; }
.code-window { border:1px solid var(--line); border-radius:9px; background:white; overflow:hidden; }
.code-window-title { background:#18243b; color:#dce6f7; display:flex; justify-content:space-between; padding:18px 21px; gap:12px; font:12px/1.7 var(--mono); }
.code-window pre { margin:0; border:0; border-radius:0; padding:28px; background:white; }
.clear-site pre code { font:13px/1.95 var(--mono); }
.clear-player { max-width:980px; margin-inline:auto; }
.clear-player .player-body { grid-template-columns:1.1fr 1fr; }
.clear-player .window-bar,.clear-player .player-toolbar { font-size:12px; padding:18px; }
.clear-player .session-label { font-size:10px; }
.clear-player .panel-label { font-size:10px; padding-top:9px; }
.clear-player .test-step { padding:17px 20px; }
.clear-player .step-num { font-size:11px; }
.clear-player .test-step strong { font-size:14px; }
.clear-player .test-step code { font-size:11px; }
.clear-player .demo-form { display:block; padding:25px; }
.clear-player .demo-label,.clear-player .demo-form label { font-size:12px; }
.clear-player .demo-form label { margin-bottom:8px; }
.clear-player .demo-form input,.clear-player .demo-form button { min-height:44px; font-size:14px; }
.clear-player .demo-form button { margin-top:10px; width:auto; justify-content:center; padding-inline:22px; }
.clear-site .contact-one-form-wrapper .contact-one-form button[type="submit"] { width:auto; }
.clear-player .app-title { font-size:11px; padding:12px; }
.clear-player .app-title span { letter-spacing:0; }
.clear-player .greeting { padding-top:26px; }
.clear-player .greeting strong { font-size:20px; }
.clear-player .greeting small { font-size:11px; }
.clear-player .play-button,.clear-player .reset-button { min-height:44px; font-size:13px; padding-inline:15px; }
.clear-player #demo-status { font-size:11px; }
.clear-player .player-bottom { padding:18px; gap:12px; }
.media-caption { font-size:12px; line-height:1.8; color:var(--muted); max-width:980px; margin:20px auto 0; }
.clear-site .workflow-rows article { grid-template-columns:60px 1fr 50px; padding-block:34px; }
.clear-site .workflow-rows h3 { font-size:26px; }
.clear-site .workflow-rows p { font-size:15px; }
.clear-site .platform-note p { font-size:13px; }
.system-map { background:var(--soft); border:1px solid var(--line); border-radius:9px; padding:30px; }
.system-map>.eyebrow { display:block; }
.system-clients { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.system-clients>span { text-align:center; padding:16px 10px; background:white; border:1px solid var(--line); border-radius:9px; font-size:14px; }
.system-arrow { display:block; text-align:center; font-size:28px; color:var(--accent); margin-block:9px; }
.system-protocol { text-align:center; border:1px solid var(--accent); border-radius:9px; padding:16px; color:var(--accent); font:12px var(--mono); }
.system-backends { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.system-backends>div { background:white; border:1px solid var(--line); border-radius:9px; padding:23px 18px; }
.system-backends small,.system-backends strong,.system-backends span { display:block; }
.system-backends small { font:10px var(--mono); color:var(--accent); }
.system-backends strong { font-size:25px; letter-spacing:-1px; margin-block:15px 10px; }
.system-backends span { font-size:12px; color:var(--muted); }
.system-target { display:flex; justify-content:space-between; align-items:center; border:1px solid var(--line); border-radius:9px; padding:16px; background:white; font:12px var(--mono); }
.system-target span { font-size:25px; color:var(--accent); }
.clear-site .tabs button { min-height:52px; font-size:14px; padding:18px; }
.clear-site #interface-panel { padding:32px; min-height:310px; }
.clear-site #interface-panel>p:not(.interface-kicker) { font-size:15px; }
.clear-site .interface-kicker { font-size:11px; }
.clear-site #interface-panel h3 { font-size:28px; }
.help-layout { display:grid; grid-template-columns:.8fr 1.3fr; gap:80px; align-items:start; }
.help-aside p:not(.eyebrow) { font-size:15px; line-height:1.8; color:var(--muted); margin-block:22px; }
.text-link { display:block; color:var(--accent); font-size:14px; line-height:1.8; margin-top:22px; }
.clear-site summary { min-height:60px; font-size:16px; padding-block:24px; }
.clear-site details p { font-size:15px; }
.guide-steps article { display:grid; grid-template-columns:190px 1fr; gap:50px; padding-block:38px; border-bottom:1px solid var(--line); }
.guide-steps article:first-child { padding-top:0; }
.guide-steps .row-number { padding-top:10px; }
.guide-steps .code-window { margin-block:25px; }
.clear-site .closing { padding-block:74px; }
.clear-site .closing p:not(.eyebrow) { font-size:16px; max-width:600px; }
.clear-footer { background:white; border-top:1px solid var(--line); }
.footer-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.1fr); gap:50px; padding-block:60px; }
.footer-grid>div { min-width:0; }
.clear-site .footer-grid h2 { font-size:13px; letter-spacing:0; margin-bottom:19px; }
.footer-grid>div>a:not(.brand),.footer-grid>div>small { display:block; font-size:13px; line-height:1.8; color:var(--muted); margin-block:11px; }
.footer-grid>div>a:hover { color:var(--accent); }
.footer-grid p { color:var(--muted); font-size:14px; line-height:1.9; margin-block:20px; }
.footer-grid .footer-note p { font-size:20px; color:var(--ink); letter-spacing:-.4px; line-height:1.5; }
.footer-grid .footer-note>.button { display:inline-flex; color:var(--ink); }
.footer-bottom { display:flex; justify-content:space-between; gap:25px; padding-block:23px; border-top:1px solid var(--line); font:10px/1.8 var(--mono); color:var(--muted); }
.static-interfaces { padding:28px; }
.static-interfaces p { color:var(--muted); line-height:1.8; margin-block:15px; }
.features-hero { display:grid; grid-template-columns:1.25fr .85fr; gap:60px; align-items:end; }
.features-hero>* { min-width:0; }
.feature-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.feature-stats>div { background:white; border:1px solid var(--line); border-radius:9px; padding:22px 20px; }
.feature-stats strong,.feature-stats span { display:block; }
.feature-stats strong { font-size:42px; letter-spacing:-1.5px; color:var(--accent); line-height:1.1; }
.feature-stats span { font-size:13px; color:var(--muted); line-height:1.6; margin-top:8px; }
.feature-library { display:grid; grid-template-columns:250px 1fr; gap:56px; align-items:start; margin-bottom:40px; scroll-margin-top:24px; }
.feature-library>* { min-width:0; }
.feature-rail { position:sticky; top:24px; padding-right:28px; border-right:1px solid var(--line); }
.feature-rail .eyebrow { display:block; margin-bottom:12px; }
.feature-rail input { width:100%; min-height:46px; padding:10px 14px; border:1px solid var(--line); border-radius:9px; background:white; color:var(--ink); font-size:14px; }
.feature-rail input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.feature-rail .feature-filter-label { margin-top:30px; }
.feature-filters { display:flex; flex-direction:column; }
.feature-filters button { min-height:44px; padding:10px 14px; border:0; border-left:2px solid transparent; background:none; color:var(--muted); font-size:14px; text-align:left; cursor:pointer; }
.feature-filters button:hover { color:var(--ink); }
.feature-filters button[aria-pressed="true"] { border-left-color:var(--accent); background:var(--soft); color:var(--ink); font-weight:600; }
.feature-filters button:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.feature-status { font-size:13px; line-height:1.7; color:var(--muted); margin-top:18px; }
.feature-status:empty { display:none; }
.feature-list { border-top:1px solid var(--line); counter-reset:th-feature; }
.feature-list>details { counter-increment:th-feature; }
.feature-list>details.is-filtered-out { display:none; }
.clear-site .feature-list summary { align-items:center; gap:18px; padding-block:22px; }
.feature-list summary::before { content:counter(th-feature, decimal-leading-zero); flex:none; width:34px; font:11px var(--mono); color:var(--muted); }
.feature-list summary>span { flex:1; font-size:18px; letter-spacing:-.3px; }
.feature-list summary>small { flex:none; padding:4px 10px; border:1px solid var(--line); border-radius:99px; font:10px/1.6 var(--mono); color:var(--muted); }
.feature-list summary:hover>span { color:var(--accent); }
.feature-body { padding:0 50px 26px 52px; }
.clear-site .feature-body p { padding:0; font-size:15px; }
.feature-body p+p { margin-top:12px; }
.feature-body strong { color:var(--ink); }
html:not(.js) .feature-rail { display:none; }
html:not(.js) .feature-library { grid-template-columns:1fr; }
@media(max-width:1100px) {
  .clear-site .shell { width:calc(100% - 60px); }
  .clear-site .site-header nav { gap:18px; }
  .clear-site .hero { gap:35px; }
  .teaser-body { grid-template-columns:1fr; }
  .teaser-steps { border-right:0; border-bottom:1px solid var(--line); }
  .teaser-steps>div { padding-block:11px; }
  .teaser-app { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; margin:16px; padding:16px; }
  .teaser-app .eyebrow { grid-column:1/-1; margin-bottom:4px; }
  .teaser-field,.teaser-button { grid-column:1; margin:0; }
  .teaser-star { grid-column:2; grid-row:2; margin:0; font-size:28px; }
  .teaser-app>strong { grid-column:2; grid-row:3; margin:0; align-self:center; font-size:14px; }
  .teaser-app>small { grid-column:1/-1; margin:0; }
  .split-content { gap:35px; }
  .footer-grid { gap:30px; }
}
@media(max-width:900px) {
  .clear-site .site-header { flex-wrap:wrap; gap:0; padding-block:24px; min-height:90px; }
  .menu-toggle { margin-left:auto; }
  .clear-site .site-header nav { width:100%; padding-top:22px; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px 25px; }
  .js .clear-site #site-nav[data-open="false"] { display:none; }
  .clear-site .home-slider .clear-sliderone { min-height:560px; }
  .clear-site .home-slider .sliderone-content { padding-inline:22px; }
  .clear-site .home-slider + .hero { padding-top:64px; }
  .clear-site .hero { grid-template-columns:1fr; padding-block:38px 65px; gap:40px; }
  .clear-site .hero-copy { max-width:650px; }
  .clear-site .product-stage { max-width:760px; }
  .teaser-body { grid-template-columns:1.2fr 1fr; }
  .teaser-steps { border-right:1px solid var(--line); border-bottom:0; }
  .teaser-steps>div { padding-block:16px; }
  .teaser-app { display:block; padding:20px; }
  .teaser-app .eyebrow { margin-bottom:18px; }
  .teaser-button { margin-top:8px; }
  .teaser-star { margin-top:18px; }
  .teaser-app>strong,.teaser-app>small { margin-top:8px; }
  .split-content { grid-template-columns:1fr; }
  .help-layout { grid-template-columns:1fr; gap:40px; }
  .features-hero { grid-template-columns:1fr; gap:40px; }
  .feature-library { grid-template-columns:1fr; gap:30px; }
  .feature-rail { position:static; padding-right:0; border-right:0; }
  .feature-filters { flex-direction:row; flex-wrap:wrap; gap:8px; }
  .feature-filters button { border:1px solid var(--line); border-radius:99px; padding-inline:16px; }
  .feature-filters button[aria-pressed="true"] { border-color:var(--accent); }
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; }
  .clear-site .section-heading { gap:30px; }
}
@media(max-width:600px) {
  .clear-site .shell { width:calc(100% - 36px); }
  .preview-notice>.shell { flex-direction:column; gap:3px; font-size:9px; }
  .clear-site h1 { font-size:clamp(45px,12vw,66px); }
  .clear-site h2 { font-size:36px; }
  .clear-site .site-header { padding-block:20px; }
  .clear-site .site-header nav { flex-direction:column; align-items:stretch; gap:0; }
  .clear-site .site-header nav>a { min-height:44px; font-size:15px; }
  .clear-site .site-header nav>.nav-cta { margin-top:14px; min-height:44px; align-self:flex-start; justify-self:start; }
  .clear-site .home-slider .clear-sliderone { min-height:500px; }
  .clear-site .home-slider .sliderone-content { padding-inline:18px; }
  .clear-site .home-slider + .hero { padding-top:46px; }
  .clear-site .hero { padding-block:26px 46px; gap:28px; }
  .clear-site .hero-description { font-size:16px; }
  .clear-site .hero-note { font-size:10px; }
  .clear-site .button { font-size:13px; min-height:46px; padding:14px 17px; }
  .clear-site .product-stage::before { inset-inline:-7px; }
  .clear-site .stage-note { margin-left:12px; }
  .clear-site .stage-note small { font-size:11px; }
  .teaser-top { font-size:9px; padding:14px; }
  .teaser-body { grid-template-columns:1fr; }
  .teaser-steps { border-right:0; border-bottom:1px solid var(--line); padding-block:8px; }
  .teaser-steps>div { padding-block:11px; font-size:13px; }
  .teaser-app { display:grid; padding:16px; }
  .teaser-app .eyebrow { margin-bottom:5px; }
  .teaser-button { margin:0; }
  .teaser-star,.teaser-app>strong,.teaser-app>small { margin:0; }
  .teaser-bottom { font-size:9px; padding:14px; flex-wrap:wrap; }
  .clear-site .benefit-band>.shell { gap:12px; }
  .clear-site .benefit-band small { font-size:11px; }
  .page-intro { padding-block:38px 46px; }
  .intro-copy { font-size:16px; }
  .content-section { padding-block:43px 48px; }
  .editorial-link { grid-template-columns:25px 1fr 22px; gap:12px; padding-block:25px; }
  .editorial-link h3 { font-size:23px; }
  .editorial-link p { font-size:14px; }
  .clear-site .section-heading>p { font-size:15px; }
  .clear-site .workflow-rows article { grid-template-columns:25px 1fr 22px; gap:12px; }
  .clear-site .workflow-rows h3 { font-size:23px; }
  .clear-site .workflow-rows p { font-size:14px; }
  .clear-site .platform-note { padding:18px; gap:12px; }
  .clear-site .platform-note p { font-size:13px; }
  .clear-site pre code { font-size:12px; }
  .code-window pre { padding:20px 17px; }
  .clear-player .player-body { grid-template-columns:1fr; }
  .clear-player .step-list { border-right:0; border-bottom:1px solid var(--line); }
  .clear-player .test-step { padding:14px 15px; }
  .clear-player .test-step strong { font-size:14px; }
  .clear-player .test-step code { font-size:11px; }
  .clear-player .demo-form { display:block; padding:20px; }
  .clear-player .player-toolbar { flex-wrap:wrap; }
  .clear-player .window-bar { font-size:11px; }
  .clear-player #demo-status { flex-basis:100%; font-size:11px; }
  .clear-site .tabs { flex-direction:column; }
  .clear-site .tabs button { text-align:left; padding:15px 20px; border-bottom:1px solid var(--line); }
  .clear-site #interface-panel { padding:23px 20px; }
  .clear-site #interface-panel h3 { font-size:25px; }
  .system-map { padding:23px 16px; }
  .system-clients { gap:8px; }
  .system-backends { gap:10px; }
  .system-backends>div { padding:20px 13px; }
  .system-backends strong { font-size:22px; }
  .feature-stats { gap:10px; }
  .feature-stats>div { padding:18px 15px; }
  .feature-stats strong { font-size:34px; }
  .clear-site .feature-list summary { flex-wrap:wrap; gap:6px 12px; }
  .feature-list summary::before { width:24px; }
  .feature-list summary>span { flex-basis:calc(100% - 70px); font-size:16px; }
  .feature-list summary>small { order:3; margin-left:36px; }
  .feature-body { padding:0 0 22px 36px; }
  .clear-site .feature-body p { font-size:14px; }
  .guide-steps article { grid-template-columns:1fr; gap:18px; padding-block:30px; }
  .guide-steps .prose h2 { font-size:31px; }
  .clear-site .closing h2 { font-size:43px; }
  .footer-grid { gap:30px 24px; padding-block:45px; }
  .footer-grid>div:first-child,.footer-grid>.footer-note { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; gap:6px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .clear-site a { transition:none; } }