/* All product styles are scoped to .jx-product. Include site.css first. */
.jx-product{--accent:#d6c2a0;--accent-soft:#d6c2a01a;--product-bg:#12120f}
.jx-product[data-theme=adboom]{--accent:#ee9d72;--accent-soft:#ee9d721a;--product-bg:#1c1411}
.jx-product[data-theme=hix]{--accent:#8bd0df;--accent-soft:#8bd0df1a;--product-bg:#0d161a}
.jx-product .product-hero{position:relative;isolation:isolate;padding:160px 0 72px;overflow:hidden}
.jx-product .product-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 45%,var(--accent-soft),transparent 62%)}
.jx-product .product-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:38px}
.jx-product .product-wordmark{font-size:25px;letter-spacing:-.055em;font-weight:700;color:var(--accent)}
.jx-product .product-heading h1{font-size:clamp(38px,4.7vw,68px);letter-spacing:-.055em;line-height:1.45;margin-top:25px}
.jx-product .product-heading h1 .serif{font-size:1.15em;color:var(--accent)}
.jx-product .product-heading p{color:var(--muted);font-size:13px;line-height:2;max-width:320px;padding-bottom:5px}
.jx-product .product-banner{height:440px;position:relative;overflow:hidden;background:var(--product-bg)}
.jx-product .product-banner>img{width:100%;height:100%;object-position:50% 60%}
.jx-product .product-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050606d9,transparent 80%)}
.jx-product .banner-overlay{position:absolute;inset:auto 34px 29px;display:flex;align-items:flex-end;justify-content:space-between;z-index:1;gap:20px}
.jx-product .banner-overlay h2{font:italic 48px Film,Georgia;color:#efe7d9}
.jx-product .banner-overlay p{font-size:11px;color:#c9c2b4;margin-top:9px}
.jx-product .banner-overlay>span{font:9px Mono;color:var(--accent);letter-spacing:.1em}
.jx-product .product-strip{display:flex;justify-content:space-between;gap:22px;border-block:1px solid var(--line);padding-block:24px;margin-top:30px;font-size:11px;color:var(--muted)}
.jx-product .product-strip b{color:var(--accent);font-weight:400;margin-right:13px;font:9px Mono}
.jx-product .workspace{border:1px solid var(--line);background:var(--product-bg)}
.jx-product .workspace-bar{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line);gap:20px}
.jx-product .workspace-bar h3{font-size:14px}
.jx-product .demo-label{font-size:10px;color:var(--accent)}
.jx-product .workspace-layout{display:grid;grid-template-columns:1fr 1.1fr;min-height:410px}
.jx-product .workspace-controls{padding:30px;border-right:1px solid var(--line)}
.jx-product .mode-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:25px}
.jx-product .mode-tabs button{color:var(--muted);font-size:12px;padding:0 0 13px;border-bottom:1px solid transparent}
.jx-product .mode-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.jx-product .prompt-label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}
.jx-product .prompt-input{resize:vertical;min-height:130px;width:100%;padding:14px;background:#0003;color:var(--text);border:1px solid var(--line);font-size:12px;line-height:1.9}
.jx-product .workspace-controls .field select,.jx-product .workspace-controls .field input{background:#0003}
.jx-product .quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.jx-product .quick-prompts button{font-size:9px;color:var(--muted);padding:5px 8px;border:1px solid var(--line)}
.jx-product .quick-prompts button:hover{color:var(--accent);border-color:var(--accent)}
.jx-product .product-btn{background:var(--accent);color:#121410;display:flex;align-items:center;justify-content:center;gap:22px;padding:13px 20px;font-size:12px;margin-top:24px;min-height:48px;width:100%;border:1px solid var(--accent)}
.jx-product .product-btn:hover{filter:brightness(1.1)}
.jx-product .workspace-output{padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.jx-product .output-image{position:relative;overflow:hidden}
.jx-product .output-image img{width:100%;height:245px;object-position:center}
.jx-product .output-image span{position:absolute;bottom:12px;left:14px;font:9px Mono;color:#f0ebe3;background:#0009;padding:5px 9px}
.jx-product .output-caption{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.9}
.jx-product .demo-status{font-size:11px;color:var(--accent);margin-top:14px;min-height:22px}
.jx-product .workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.jx-product .workflow-step{border-top:1px solid var(--line);padding-top:24px}
.jx-product .workflow-step .num{font:11px Mono;color:var(--accent)}
.jx-product .workflow-step h3{font-size:19px;margin-block:23px 15px}
.jx-product .workflow-step p{font-size:12px;color:var(--muted);line-height:2}
.jx-product .product-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 0;border-top:1px solid var(--line);margin-top:60px}
.jx-product .product-cta h3{font-size:24px}
.jx-product .product-cta p{color:var(--muted);font-size:12px;margin-top:12px}
.jx-product .product-cta .btn{border-color:var(--accent);color:var(--accent);flex-shrink:0}
.jx-product .hix-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:30px}
.jx-product .hix-hero-grid h1{font-size:68px;letter-spacing:-.06em;line-height:1.35;margin-top:24px}
.jx-product .hix-hero-grid h1 span{color:var(--accent)}
.jx-product .hix-hero-grid p{color:var(--muted);font-size:13px;line-height:2;max-width:435px;margin-top:23px}
.jx-product .hix-diagram{height:390px;position:relative;border:1px solid #8bd0df2b;background:radial-gradient(ellipse at center,#17404b66,transparent 64%),linear-gradient(#8bd0df06 1px,transparent 1px),linear-gradient(90deg,#8bd0df06 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.jx-product .hix-diagram .route-flow{padding:30px;gap:15px}
.jx-product .hix-diagram .route-core{width:100px;height:100px;font-size:39px}
.jx-product .hix-diagram .route-line{width:24px}
.jx-product .hix-diagram .route-node{font-size:12px}
.jx-product .hix-diagram .route-stack span{font-size:10px}
.jx-product .hix-diagram .diagram-note{font:9px Mono;color:var(--accent);letter-spacing:.1em;margin-top:26px}
.jx-product .code-box{border:1px solid var(--line);background:#080f12}
.jx-product .code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);gap:20px}
.jx-product .code-tabs{display:flex;gap:22px}
.jx-product .code-tabs button{color:var(--muted);font:11px Mono;padding:7px 0}
.jx-product .code-tabs button[aria-pressed=true]{color:var(--accent)}
.jx-product .copy-code{font-size:10px;border:1px solid var(--line);padding:5px 12px}
.jx-product pre{margin:0;padding:28px;font:12px/2 Mono,monospace;color:#b4d4d9;overflow:auto;tab-size:2}
.jx-product .model-table-wrap{overflow-x:auto}
.jx-product .model-table{width:100%;border-collapse:collapse;font-size:12px;min-width:500px}
.jx-product .model-table th{text-align:left;font-size:10px;color:var(--muted);font-weight:400;border-bottom:1px solid var(--line);padding:17px 15px}
.jx-product .model-table td{border-bottom:1px solid var(--line);padding:20px 15px}
.jx-product .model-table td:last-child{color:var(--accent)}
.jx-product .model-note{font-size:11px;color:var(--muted);margin-top:18px}
.jx-product .ad-result-list{margin-top:20px;display:grid;gap:10px}
.jx-product .ad-result-list span{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.jx-product .ad-result-list b{font-weight:400;color:var(--accent)}
@media(max-width:1000px){.jx-product .hix-hero-grid{gap:35px}.jx-product .hix-diagram .route-flow{padding:15px;gap:10px}.jx-product .hix-diagram .route-core{width:75px;height:75px}.jx-product .hix-diagram .route-line{width:10px}.jx-product .hix-diagram .route-node{font-size:10px}.jx-product .hix-diagram .route-stack span{font-size:8px}}
@media(max-width:800px){.jx-product .product-hero{padding-top:130px}.jx-product .product-heading{gap:30px}.jx-product .product-heading h1{font-size:40px}.jx-product .product-heading p{max-width:240px;font-size:12px}.jx-product .product-banner{height:350px}.jx-product .workspace-layout{grid-template-columns:1fr}.jx-product .workspace-controls{border-right:0;border-bottom:1px solid var(--line)}.jx-product .output-image img{height:340px}.jx-product .workflow-grid{grid-template-columns:1fr 1fr;gap:35px}.jx-product .hix-hero-grid{grid-template-columns:1fr;gap:40px}.jx-product .hix-hero-grid h1{font-size:60px}.jx-product .hix-diagram{height:330px}.jx-product .hix-diagram .route-flow{gap:22px}.jx-product .hix-diagram .route-line{width:30px}.jx-product .hix-diagram .route-core{width:95px;height:95px}}
@media(max-width:540px){.jx-product .product-heading{display:block}.jx-product .product-heading h1{font-size:37px}.jx-product[data-theme=adboom] .product-heading h1{font-size:clamp(29px,8.2vw,36px)}.jx-product .product-heading p{max-width:100%;margin-top:25px}.jx-product .product-banner{height:340px}.jx-product .product-banner>img{object-position:57%}.jx-product[data-theme=adboom] .product-banner>img{object-position:65%}.jx-product .banner-overlay{inset:auto 20px 20px;display:block}.jx-product .banner-overlay h2{font-size:35px}.jx-product .banner-overlay>span{display:block;margin-top:17px;font-size:8px}.jx-product .product-strip{gap:16px;flex-wrap:wrap;font-size:10px}.jx-product .product-strip b{margin-right:6px}.jx-product .workspace-controls,.jx-product .workspace-output{padding:20px}.jx-product .workspace-bar{padding:15px 20px}.jx-product .workspace-bar h3{font-size:12px}.jx-product .demo-label{font-size:8px}.jx-product .mode-tabs{gap:18px}.jx-product .mode-tabs button{font-size:11px}.jx-product .output-image img{height:230px}.jx-product .workflow-grid{gap:28px 20px}.jx-product .workflow-step h3{font-size:17px}.jx-product .workflow-step p{font-size:11px}.jx-product .product-cta{display:block}.jx-product .product-cta .btn{margin-top:24px}.jx-product .hix-hero-grid h1{font-size:51px}.jx-product .hix-diagram{height:300px}.jx-product .hix-diagram .route-flow{gap:10px}.jx-product .hix-diagram .route-core{width:69px;height:69px;font-size:30px}.jx-product .hix-diagram .route-line{width:15px}.jx-product .hix-diagram .route-node{font-size:9px}.jx-product .hix-diagram .route-stack span{font-size:8px}.jx-product pre{font-size:10px;padding:20px}.jx-product .code-tabs{gap:15px}.jx-product .code-tabs button{font-size:10px}.jx-product .code-toolbar{padding:13px 17px}}