/* Product demonstrations. All artwork is rendered HTML and CSS. */
.jw-section{max-width:1280px;margin:0 auto;padding:110px 40px;color:#e9ecf1;font-family:Geist,Arial,sans-serif;scroll-margin-top:95px}.jw-section *{box-sizing:border-box}.jw-heading{margin-bottom:48px}.jw-kicker{display:flex;justify-content:space-between;gap:16px;color:#8e949e;font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em}.jw-heading .jw-kicker{padding-top:20px;border-top:1px solid #303238}.jw-heading .jw-kicker span:first-child{color:#79a9ff}.jw-heading h2{font-family:'Instrument Sans',Arial,sans-serif;font-size:clamp(38px,4.7vw,64px);line-height:1.04;font-weight:500;letter-spacing:-.055em;margin:30px 0 22px}.jw-heading>p{max-width:520px;font-size:15px;line-height:1.75;color:#999fa8}.jw-section button,.jw-section a,.jw-section input,.jw-section textarea{font:inherit}.jw-section button,.jw-section a{cursor:pointer}.jw-section button{color:inherit}.jw-section button:focus-visible,.jw-section a:focus-visible,.jw-section input:focus-visible,.jw-section textarea:focus-visible{outline:2px solid #79a9ff;outline-offset:4px}.jw-browser,.jw-workbench,.jw-edit-preview,.jw-export-files{border:1px solid #303238;background:#0c0d0f}.jw-bar{min-height:44px;border-bottom:1px solid #303238;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px;color:#a8adb6;font:10px/1.5 ui-monospace,monospace}.jw-muted{color:#707781}.jw-dots{font-size:8px;letter-spacing:3px;color:#646872}.jw-source-nav{display:flex;justify-content:space-between;align-items:center;padding:26px 34px;color:#9ba0a8;font-size:10px}.jw-source-nav strong{font:500 22px 'Instrument Sans',sans-serif;color:#e5e6e3;letter-spacing:-1px}.jw-selector-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;padding:12px 30px 28px;gap:32px}.jw-source-content{min-width:0}.jw-selection{position:relative;padding:6px;border:1px solid #4e8dff}.jw-selection:before,.jw-selection:after{content:'';width:7px;height:7px;position:absolute;background:#4e8dff}.jw-selection:before{top:-4px;left:-4px}.jw-selection:after{right:-4px;bottom:-4px}.jw-selection[data-selected=heading],.jw-selection[data-selected=link]{border-color:transparent}.jw-selection[data-selected=heading]:before,.jw-selection[data-selected=heading]:after,.jw-selection[data-selected=link]:before,.jw-selection[data-selected=link]:after{display:none}.jw-selection[data-selected=heading] h3,.jw-selection[data-selected=link] .jw-sample-link{outline:2px solid #4e8dff;outline-offset:5px}.jw-sample{--sample-accent:#b8c6ab;background:#e5e5dc;color:#252821;padding:32px;text-align:left;overflow:hidden}.jw-sample-top,.jw-sample-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.06em}.jw-sample-top{border-bottom:1px solid #b7baac;padding-bottom:16px}.jw-sample-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:center;padding:32px 0}.jw-sample-label{font:8px/1.5 ui-monospace,monospace;letter-spacing:.08em;margin:0 0 13px}.jw-sample h3{font:500 clamp(24px,3vw,42px)/1.05 'Instrument Sans',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 16px;white-space:pre-line;overflow-wrap:anywhere}.jw-sample-desc{font:11px/1.6 Geist,Arial,sans-serif;max-width:260px;color:#61665a;margin:0 0 23px}.jw-sample-link{display:flex;justify-content:space-between;max-width:210px;padding:10px 0;border-top:1px solid #b7baac;font-size:10px}.jw-glyph{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--sample-accent);font:160px/.8 Arial,sans-serif;overflow:hidden;color:#30392b}.jw-sample-bottom{border-top:1px solid #b7baac;padding-top:13px;font-size:8px}.jw-selector{padding-top:8px}.jw-selector>p{font-size:14px;margin:18px 0}.jw-selection-buttons{display:grid;gap:5px}.jw-selection-buttons button{display:flex;align-items:center;gap:15px;padding:14px 12px;background:transparent;border:1px solid transparent;text-align:left;font-size:16px}.jw-selection-buttons button[aria-pressed=true]{background:#141b27;border-color:#294670;color:#83afff}.jw-selection-buttons button span{font-size:11px}.jw-selection-buttons small{display:block;margin-top:5px;color:#777f8c;font:9px ui-monospace,monospace}.jw-selection-readout{font:9px/1.6 ui-monospace,monospace;color:#8c929c;margin:25px 0 12px}.jw-primary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;background:#4e8dff;color:#080d17!important;border:0;text-decoration:none;font-size:12px!important;font-weight:500!important}.jw-primary:hover{background:#79a9ff}.jw-page-lines{padding-top:27px;display:flex;align-items:center;gap:20px;color:#696f77;font-size:10px}.jw-page-lines i{flex:1;height:1px;background:#25282d}.jw-footnote{display:flex;justify-content:space-between;gap:15px;padding:13px 20px;border-top:1px solid #303238;color:#7f8791;font:9px/1.5 ui-monospace,monospace}.jw-blue-dot{display:inline-block;width:5px;height:5px;background:#4e8dff;margin-right:6px}.jw-capture-grid{display:grid;grid-template-columns:.85fr 1.15fr;min-height:365px}.jw-code-pane{border-right:1px solid #303238;min-width:0}.jw-tabs{display:flex;border-bottom:1px solid #25282d}.jw-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:14px 23px;font-size:11px;color:#7f8791}.jw-tabs button[aria-pressed=true]{color:#dfe8ff;border-bottom-color:#4e8dff}.jw-section pre{margin:0;padding:26px;color:#a5b9d6;font:11px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.jw-preview-pane{padding:0 22px 22px;min-width:0}.jw-preview-tools{display:flex;align-items:center;justify-content:space-between;min-height:50px;font:9px ui-monospace,monospace;color:#7f8791;gap:10px}.jw-preview-tools button{border:0;background:transparent;padding:7px;color:#7f8791;font-size:10px}.jw-preview-tools button[aria-pressed=true]{color:#79a9ff;background:#151d2a}.jw-responsive-preview{max-width:100%;margin:0 auto;transition:max-width .25s}.jw-responsive-preview.mobile{max-width:275px}.jw-responsive-preview.mobile .jw-sample-grid{grid-template-columns:1fr}.jw-responsive-preview.mobile .jw-glyph{display:none}.jw-responsive-preview .jw-sample{padding:22px}.jw-responsive-preview .jw-sample h3{font-size:32px}.jw-responsive-preview .jw-glyph{font-size:110px}.jw-caption-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.jw-caption-row>div{display:flex;gap:16px}.jw-caption-row span{color:#4e8dff;font:10px ui-monospace,monospace;padding-top:4px}.jw-caption-row p{font-size:12px;line-height:1.7;color:#808791;margin:0}.jw-caption-row strong{display:block;font-weight:500;color:#d1d5dc;margin-bottom:5px}.jw-edit-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px}.jw-edit-controls{padding-top:15px}.jw-edit-controls label{display:flex;justify-content:space-between;margin:25px 0 10px;font-size:11px;color:#bec3cb}.jw-edit-controls output{font:10px ui-monospace,monospace;color:#7f8791}.jw-edit-controls textarea{width:100%;resize:vertical;border:1px solid #303238;background:#0c0d0f;color:#e9ecf1;padding:12px;font-size:14px;line-height:1.5;border-radius:0}.jw-color-control{display:flex;align-items:center;gap:12px}.jw-color-control input{height:34px;width:38px;padding:0;border:0;background:transparent;cursor:pointer}.jw-color-control span{font-size:10px;color:#7f8791}.jw-edit-controls input[type=range]{width:100%;accent-color:#4e8dff}.jw-reset{padding:14px 0;background:none;border:0;color:#9ba5b4!important;font-size:11px!important}.jw-edit-note{color:#747d88;font-size:11px;line-height:1.7;border-top:1px solid #25282d;padding-top:18px;margin-top:10px}.jw-edit-canvas{padding:32px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff03 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#ffffff03 24px)}.jw-live{color:#94b28c;font-size:9px}.jw-export-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.jw-format-buttons{margin:25px 0;display:grid}.jw-format-buttons button{display:flex;align-items:center;gap:18px;padding:22px 0;background:transparent;border:0;border-bottom:1px solid #303238;text-align:left}.jw-format-buttons button span:first-child{font:10px ui-monospace,monospace;color:#707781}.jw-format-buttons strong{flex:1;font:500 23px 'Instrument Sans',sans-serif;letter-spacing:-.04em}.jw-format-buttons button[aria-pressed=true]{color:#79a9ff}.jw-export-info>p{color:#929aa6;font-size:13px;line-height:1.8;margin:24px 0}.jw-export-info .jw-primary{width:100%;max-width:290px}.jw-download-note{display:block;color:#7f8791;font-size:10px;line-height:1.6;margin-top:12px}.jw-export-files pre{min-height:290px;max-height:390px;overflow:auto}.jw-file-tree{border-top:1px solid #303238;padding:16px 24px;color:#929aa6;font:10px/1.8 ui-monospace,monospace;white-space:pre-line}.jw-expectations{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:64px;padding:24px 0;border-top:1px solid #303238}.jw-expectations p{font-size:12px;line-height:1.8;color:#808791;margin:0}
@media(max-width:850px){.jw-section{padding:70px 24px}.jw-selector-layout{grid-template-columns:1fr;padding:12px 20px 24px;gap:20px}.jw-selector{display:grid;grid-template-columns:1fr auto;gap:10px 20px}.jw-selector>p{display:none}.jw-selection-buttons{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.jw-selection-buttons button{padding:10px;gap:8px}.jw-selector .jw-kicker{grid-column:1/-1}.jw-selection-readout{margin:12px 0}.jw-edit-layout{grid-template-columns:220px 1fr;gap:24px}.jw-edit-canvas{padding:16px}.jw-edit-canvas .jw-sample-grid{grid-template-columns:1fr}.jw-edit-canvas .jw-glyph{display:none}.jw-export-layout{gap:30px}.jw-glyph{font-size:120px}.jw-capture-grid{grid-template-columns:1fr}.jw-code-pane{border-right:0;border-bottom:1px solid #303238}.jw-code-pane pre{min-height:270px}.jw-sample h3{font-size:36px}}
@media(max-width:560px){.jw-section{padding:56px 20px}.jw-heading{margin-bottom:30px}.jw-heading .jw-kicker span:last-child{display:none}.jw-heading h2{font-size:38px}.jw-heading>p{font-size:13px}.jw-bar{padding:12px;font-size:8px}.jw-bar .jw-dots{display:none}.jw-source-nav{padding:20px}.jw-source-nav>span{font-size:8px}.jw-selector-layout{padding:8px 12px 20px}.jw-sample{padding:20px}.jw-sample-grid{grid-template-columns:1fr;padding:24px 0}.jw-glyph{display:none}.jw-selection-buttons{grid-template-columns:1fr}.jw-selector{display:block}.jw-selector .jw-kicker{margin-bottom:14px}.jw-selection-buttons button{padding:10px}.jw-selection-buttons small{display:inline;margin-left:10px;font-size:8px}.jw-selection-readout{margin:20px 0 10px}.jw-footnote{padding:12px;flex-wrap:wrap;font-size:8px}.jw-caption-row{grid-template-columns:1fr;gap:18px}.jw-edit-layout,.jw-export-layout{grid-template-columns:1fr;gap:25px}.jw-edit-controls{padding:0}.jw-edit-canvas{padding:18px}.jw-expectations{grid-template-columns:1fr;gap:14px;margin-top:40px}.jw-section pre{padding:18px;font-size:10px}.jw-export-info .jw-primary{max-width:none}.jw-preview-tools{font-size:8px}.jw-responsive-preview.mobile{max-width:220px}.jw-sample-top{font-size:8px}}
@media(prefers-reduced-motion:reduce){.jw-responsive-preview{transition:none}}
.jw-closing{border-top:1px solid #303238;text-align:center;padding-top:80px;padding-bottom:100px}.jw-closing .jw-kicker{justify-content:center}.jw-closing h2{font:500 clamp(40px,5vw,68px)/1.05 'Instrument Sans',Arial,sans-serif;letter-spacing:-.055em;margin:28px 0}.jw-closing .jw-primary{max-width:240px;margin:32px auto 0}.jw-footer{max-width:1200px;margin:0 auto;padding:25px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #303238;color:#8c949f;font:10px Geist,Arial,sans-serif}.jw-footer>a{font-weight:600;letter-spacing:.15em;color:#e9ecf1}.jw-footer nav{display:flex;gap:24px}.jw-footer a{text-decoration:none}.jw-footer a:hover{color:#79a9ff}@media(max-width:560px){.jw-footer{flex-wrap:wrap}.jw-footer nav{order:3;width:100%;justify-content:space-between;gap:10px}.jw-closing h2{font-size:40px}}
/* A single inspector boundary follows the actual rendered element. */
.jw-selection.jw-tracking-ready{border-color:transparent;cursor:crosshair;touch-action:manipulation}
.jw-selection.jw-tracking-ready:before,.jw-selection.jw-tracking-ready:after{display:none}
.jw-selection.jw-tracking-ready h3,.jw-selection.jw-tracking-ready .jw-sample-link{outline:none}
.jw-tracking-outline{position:absolute;z-index:3;border:1px solid #4e8dff;pointer-events:none;background:#4e8dff05;transition:top 180ms cubic-bezier(.2,.8,.2,1),left 180ms cubic-bezier(.2,.8,.2,1),width 180ms cubic-bezier(.2,.8,.2,1),height 180ms cubic-bezier(.2,.8,.2,1)}
.jw-tracking-outline:before,.jw-tracking-outline:after{content:'';position:absolute;width:6px;height:6px;background:#4e8dff;box-shadow:0 0 0 1px #0c0d0f}
.jw-tracking-outline:before{left:-3px;top:-3px}.jw-tracking-outline:after{right:-3px;bottom:-3px}
.jw-tracking-tag{position:absolute;bottom:calc(100% + 1px);left:-1px;padding:4px 7px;background:#4e8dff;color:#07101f;font:9px/1.4 ui-monospace,monospace;white-space:nowrap;letter-spacing:0}
.jw-section button,.jw-section .jw-primary{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.jw-primary>span,.jw-format-buttons button>span:last-child,.jw-selection-buttons button>span{transition:transform 180ms ease}
.jw-section button:active,.jw-section .jw-primary:active{transform:translateY(1px) scale(.99)}
.jw-selection-buttons button:focus-visible{background:#172236;border-color:#4e8dff}
@media(hover:hover){
 .jw-primary:hover{transform:translateY(-2px);box-shadow:0 5px 0 #1a3869}
 .jw-primary:hover>span{transform:translateX(4px)}
 .jw-selection-buttons button:hover{border-color:#456ba2;background:#141e2f}
 .jw-selection-buttons button:hover>span{transform:translateX(3px)}
 .jw-tabs button:hover,.jw-preview-tools button:hover{color:#d7e5ff;background:#172031}
 .jw-format-buttons button:hover{background:#101722;color:#a6c6ff;padding-left:0}
 .jw-format-buttons button:hover>span:last-child{transform:translate(3px,-3px)}
 .jw-reset:hover{color:#d7e5ff!important}
}
@media(prefers-reduced-motion:reduce){
 .jw-tracking-outline,.jw-section button,.jw-section .jw-primary,.jw-primary>span,.jw-format-buttons button>span:last-child,.jw-selection-buttons button>span{transition:none}
 .jw-section button:hover,.jw-section button:active,.jw-section .jw-primary:hover,.jw-section .jw-primary:active,.jw-primary:hover>span,.jw-format-buttons button:hover>span:last-child,.jw-selection-buttons button:hover>span{transform:none}
}
/* Carry the inspection action into the actual code workspace. */
#capture-workspace{scroll-margin-top:110px;outline:none}
#jw-capture.jw-inspecting{background:#91b7ff;box-shadow:inset 3px 0 0 #dce9ff}
#jw-capture.jw-inspecting>span{transform:translate(3px,3px)}
.jw-inspect-arrival{animation:jw-inspect-arrival 1000ms ease-out}
@keyframes jw-inspect-arrival{0%,25%{border-color:#79a9ff;box-shadow:0 0 0 3px #4e8dff22}100%{border-color:#303238;box-shadow:0 0 0 0 #4e8dff00}}
@media(prefers-reduced-motion:reduce){.jw-inspect-arrival{animation:none;border-color:#79a9ff}#jw-capture.jw-inspecting>span{transform:none}}
/* Reset communicates what changed, then restores the original in place. */
.jw-edit-controls .jw-reset{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:13px 16px;border:1px solid #364259;background:#111a28;color:#bdd4fa!important;text-align:center}
.jw-reset-icon{display:inline-block;font-size:18px;line-height:1;transition:transform 260ms ease}
.jw-reset:not(:disabled):hover{background:#1b2c46;border-color:#597cab}
.jw-reset:not(:disabled):hover .jw-reset-icon{transform:rotate(-45deg)}
.jw-edit-controls .jw-reset:disabled{cursor:default;color:#727b89!important;background:#0c0e12;border-color:#252a32;transform:none}
.jw-reset-status{min-height:34px;margin:10px 0 0;color:#8896ab;font:10px/1.7 Geist,Arial,sans-serif}
.jw-edit-preview{transition:border-color 350ms ease,box-shadow 350ms ease}
.jw-edit-canvas{overflow:hidden}
.jw-restoring{border-color:#597cab;box-shadow:0 0 0 1px #4e8dff22}
.jw-restoring .jw-sample{transition:padding 450ms cubic-bezier(.22,.7,.25,1);transform-origin:center}
.jw-restoring .jw-glyph{transition:background-color 450ms ease}
.jw-edit-controls input:disabled,.jw-edit-controls textarea:disabled{opacity:.65}
@media(prefers-reduced-motion:reduce){.jw-edit-preview,.jw-restoring .jw-sample,.jw-restoring .jw-glyph,.jw-reset-icon{transition:none}.jw-reset:not(:disabled):hover .jw-reset-icon{transform:none}}
/* Supplied metallic emblem, with its dark background blended into the theme. */
.jettson-site-mark{width:58px;height:38px}
header img[src="./images/jettson-speed-emblem.png"]{width:58px!important;height:38px!important}
img[src="./images/jettson-speed-emblem.png"]{object-fit:contain;mix-blend-mode:screen}
.jw-footer-logo{display:block;width:64px;height:43px;object-fit:contain}
/* Export is a useful handoff: current component, actual files, next step. */
.jw-package-summary{display:flex;align-items:center;gap:18px;border-top:1px solid #303238;border-bottom:1px solid #303238;padding:20px 0;margin-bottom:38px}
.jw-package-swatch{width:36px;height:44px;flex:none;border:1px solid #ffffff20;transition:background-color 200ms}
.jw-package-summary>div{flex:1;min-width:0}.jw-package-label{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:#7e899a}
.jw-package-summary strong{display:block;font-size:16px;font-weight:500;white-space:pre-line;line-height:1.35;margin:5px 0;overflow-wrap:anywhere}.jw-package-summary small{font:10px/1.6 ui-monospace,monospace;color:#919aaa}.jw-package-summary>a{color:#91b7ff;font-size:11px;text-decoration:none;padding:10px;flex:none}
.jw-format-buttons strong small{display:block;font:11px/1.6 Geist,Arial,sans-serif;letter-spacing:0;color:#8993a3;margin-top:7px}
.jw-export-next{padding:18px 0;margin-bottom:24px;border-top:1px solid #303238}.jw-export-next>span{font:9px ui-monospace,monospace;letter-spacing:.08em;color:#7f8b9e}.jw-export-next p{font:12px/1.8 Geist,Arial,sans-serif;color:#c4d0df;margin:10px 0 0}
.jw-file-description{border-top:1px solid #303238;padding:15px 22px;min-height:64px;font:11px/1.7 Geist,Arial,sans-serif;color:#939eae}
.jw-file-buttons{display:flex;flex-wrap:wrap;gap:8px;white-space:normal;padding:14px 18px}
.jw-file-buttons button{border:1px solid #303846;background:transparent;color:#8993a3;padding:9px 12px;font:10px/1.5 ui-monospace,monospace}
.jw-file-buttons button[aria-pressed=true]{color:#a9caff;border-color:#48648d;background:#152033}
.jw-file-buttons button:hover{border-color:#6c8cb9;color:#d2e1f7}
@media(max-width:560px){.jw-package-summary{gap:12px;margin-bottom:26px}.jw-package-summary strong{font-size:14px}.jw-package-summary small{font-size:9px}.jw-package-swatch{width:26px;height:38px}.jw-file-description{padding:14px 18px}.jw-file-buttons{gap:6px;padding:12px}.jw-file-buttons button{padding:8px;font-size:9px}}

#edit-workspace{scroll-margin-top:110px}
.jw-package-summary>a{transition:color 180ms ease,background-color 180ms ease;scroll-margin-top:110px}
.jw-package-summary>a:hover{color:#d2e3ff;background:#152033}
@media(prefers-reduced-motion:reduce){.jw-package-summary>a{transition:none}}