.cs-page-wrapper{--cs-ink:#0f172a;--cs-ink-2:#1e293b;--cs-slate-700:#334155;--cs-slate-600:#475569;--cs-slate-500:#64748b;--cs-slate-400:#94a3b8;--cs-slate-200:#e2e8f0;--cs-slate-100:#f1f5f9;--cs-slate-50:#f8fafc;--cs-red:#ef4444;--cs-red-tint:#fee2e2;--cs-red-deep:#7f1d1d;--cs-white:#fff;background-color:var(--cs-white);min-height:100vh;color:var(--cs-slate-600);padding-bottom:5rem;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.cs-page-wrapper ::selection{background-color:var(--cs-red-tint);color:var(--cs-red-deep)}.cs-breadcrumb-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding:2rem 1rem}.cs-breadcrumb-link{color:var(--cs-slate-400);letter-spacing:.025em;text-transform:uppercase;align-items:center;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.cs-breadcrumb-link:hover{color:var(--cs-ink)}.cs-breadcrumb-icon{width:.75rem;height:.75rem;margin-right:.5rem}.cs-hero-container{width:100%;max-width:1280px;margin-bottom:6rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.cs-hero-header{text-align:center;max-width:48rem;margin-bottom:3rem;margin-left:auto;margin-right:auto}.cs-hero-title{color:var(--cs-ink);letter-spacing:-.025em;margin-bottom:1.5rem;font-size:3rem;font-weight:300;line-height:1}@media (min-width:768px){.cs-hero-title{font-size:4.5rem}}.cs-hero-title-highlight{font-weight:600}.cs-hero-desc{color:var(--cs-slate-500);font-size:1.25rem;font-weight:300;line-height:1.625}.cs-hero-br{display:none}@media (min-width:768px){.cs-hero-br{display:block}}.cs-hero-image-wrapper{max-width:56rem;margin-left:auto;margin-right:auto;position:relative}.cs-hero-image-container{aspect-ratio:16/9;background-color:var(--cs-slate-50);border-radius:2rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cs-hero-image-gradient{background-image:linear-gradient(to bottom,var(--cs-white),var(--cs-slate-50));position:absolute;inset:0}.cs-hero-image{z-index:10;object-fit:contain;filter:drop-shadow(0 25px 25px #00000026);width:75%;height:auto;position:relative}.cs-features-container{width:100%;max-width:1280px;margin-bottom:8rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.cs-features-grid{text-align:center;gap:3rem;display:grid}@media (min-width:768px){.cs-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-feature-item>:not([hidden])~:not([hidden]){margin-top:.75rem}.cs-feature-title{color:var(--cs-ink);font-size:1.125rem;font-weight:600}.cs-feature-desc{color:var(--cs-slate-500);font-weight:300}.cs-detail-container{width:100%;max-width:64rem;margin-bottom:8rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.cs-detail-grid{align-items:center;gap:4rem;display:grid}@media (min-width:768px){.cs-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-detail-image-wrap{background-color:var(--cs-slate-50);border-radius:1rem;justify-content:center;align-items:center;padding:2rem;display:flex}.cs-detail-img{mix-blend-mode:multiply;width:100%;height:auto}.cs-detail-content{flex-direction:column;gap:1.5rem;display:flex}.cs-detail-title{color:var(--cs-ink);font-size:1.875rem;font-weight:300;line-height:2.25rem}.cs-detail-title-highlight{font-weight:700}.cs-detail-desc{color:var(--cs-slate-500);font-weight:300;line-height:1.625}.cs-detail-list{color:var(--cs-slate-600);flex-direction:column;gap:.75rem;display:flex}.cs-detail-list-item{align-items:center;gap:.75rem;display:flex}.cs-detail-list-dot{background-color:var(--cs-red);border-radius:9999px;width:.375rem;height:.375rem}.cs-install-section{background-color:var(--cs-ink);color:var(--cs-white);margin-bottom:6rem;padding-top:6rem;padding-bottom:6rem}.cs-install-container{width:100%;max-width:64rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.cs-install-header{text-align:center;margin-bottom:4rem}.cs-install-title{font-size:1.875rem;font-weight:300;line-height:2.25rem}.cs-install-grid{gap:2rem;display:grid}@media (min-width:768px){.cs-install-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-install-item{text-align:center;cursor:default}.cs-install-step-num{color:var(--cs-slate-700);margin-bottom:1.5rem;font-size:3.75rem;font-weight:100;line-height:1;transition:color .5s}.cs-install-item:hover .cs-install-step-num{color:var(--cs-white)}.cs-install-step-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.cs-install-step-desc{color:var(--cs-slate-400);font-weight:300}.cs-specs-container{width:100%;max-width:56rem;margin-bottom:6rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.cs-specs-header{text-align:center;margin-bottom:3rem}.cs-specs-title{color:var(--cs-ink);font-size:1.875rem;font-weight:300;line-height:2.25rem}.cs-specs-table-wrapper{border:1px solid var(--cs-slate-100);border-radius:1rem;overflow:hidden}.cs-specs-table{text-align:left;border-collapse:collapse;width:100%}.cs-specs-thead-tr{background-color:var(--cs-slate-50);color:var(--cs-ink);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.cs-specs-th{border-bottom:1px solid var(--cs-slate-100);padding:1rem}.cs-specs-th-right{border-bottom:1px solid var(--cs-slate-100);text-align:right;padding:1rem}.cs-specs-tbody{color:var(--cs-slate-600);font-size:.875rem}.cs-specs-tbody-tr{transition:background-color .15s}.cs-specs-tbody-tr:hover{background-color:#f8fafc80}.cs-specs-td{border-bottom:1px solid var(--cs-slate-100);padding:1rem}.cs-specs-td-item{border-bottom:1px solid var(--cs-slate-100);color:var(--cs-ink);padding:1rem;font-weight:500}.cs-specs-td-price{border-bottom:1px solid var(--cs-slate-100);text-align:right;color:var(--cs-ink);padding:1rem;font-weight:600}.cs-cta-container{text-align:center;width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.cs-cta-text{color:var(--cs-slate-400);margin-bottom:1.5rem;font-weight:300}.cs-cta-actions{justify-content:center;gap:1rem;display:flex}.cs-cta-btn-primary{background-color:var(--cs-ink);color:var(--cs-white);border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.cs-cta-btn-primary:hover{background-color:var(--cs-ink-2)}.cs-cta-btn-secondary{background-color:var(--cs-white);border:1px solid var(--cs-slate-200);color:var(--cs-ink);border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.cs-cta-btn-secondary:hover{background-color:var(--cs-slate-50)}
.spm-wrapper{--spm-orange:var(--sj-orange);--spm-orange-600:var(--sj-orange-600);--spm-orange-50:var(--sj-orange-50);--spm-yellow:var(--sj-yellow);--spm-ink:var(--sj-ink);--spm-ink-2:var(--sj-ink-2);--spm-slate:var(--sj-slate);--spm-slate-2:var(--sj-slate-2);--spm-muted:var(--sj-muted);--spm-line:var(--sj-line);--spm-bg-0:var(--sj-bg-0);--spm-bg-1:var(--sj-bg-1);--spm-bg-2:var(--sj-bg-2);--spm-on-dark:#f4f5f7;--spm-on-dark-muted:#a7adba;--spm-success:var(--sj-success);--spm-mono:var(--font-mono);--spm-x:var(--sj-container-x);background:var(--spm-bg-1);color:var(--spm-ink);min-height:100vh;padding-bottom:clamp(3rem,6vw,5rem);overflow-x:hidden}.spm-wrapper .container{width:100%;max-width:1280px;padding-inline:var(--spm-x);margin-inline:auto}.spm-breadcrumb{color:var(--spm-slate-2);flex-wrap:wrap;align-items:center;gap:6px;padding-block:1.25rem;font-size:.8rem;display:flex}.spm-breadcrumb a{color:inherit;text-decoration:none}.spm-breadcrumb a:hover{color:var(--spm-orange)}.spm-breadcrumb .sep{opacity:.5}.spm-breadcrumb .current{color:var(--spm-ink);font-weight:600}.spm-hero{background:var(--spm-ink);color:var(--spm-on-dark);border-radius:var(--radius-xl);margin-inline:var(--spm-x);box-shadow:var(--shadow-3);margin-bottom:clamp(2.5rem,5vw,4rem);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}.spm-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 60%,#ff6a1a33,#0000 65%);width:55%;height:160%;position:absolute;top:-30%;right:-10%}.spm-hero-inner{z-index:1;max-width:60rem;position:relative}.spm-badge{font-family:var(--spm-mono);letter-spacing:.1em;text-transform:uppercase;color:#ff8a4d;border-radius:var(--radius-sm);background:#ff6a1a1f;border:1px solid #ff6a1a59;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.spm-code{font-family:var(--spm-mono);color:var(--spm-yellow);letter-spacing:.12em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.spm-h1{letter-spacing:-.02em;color:#fff;margin:0 0 .4rem;font-size:clamp(1.9rem,5vw,3rem);font-weight:800;line-height:1.12}.spm-tagline{color:var(--spm-on-dark-muted);margin-bottom:1.25rem;font-size:1rem;font-weight:500}.spm-summary{color:var(--spm-on-dark);max-width:52rem;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.8}.spm-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.spm-btn-primary,.spm-btn-secondary{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.spm-btn-primary{background:var(--spm-orange);color:#fff;box-shadow:var(--shadow-orange)}.spm-btn-primary:hover{background:var(--spm-orange-600);transform:translateY(-2px)}.spm-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.spm-btn-secondary:hover{background:#ffffff24}.spm-btn-primary svg,.spm-btn-secondary svg{width:1.15rem;height:1.15rem}.spm-facts{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:768px){.spm-facts{grid-template-columns:repeat(4,1fr)}}.spm-fact{background:var(--spm-bg-0);border:1px solid var(--spm-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:1.1rem 1.25rem}.spm-fact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--spm-slate-2);margin-bottom:.35rem;font-size:.72rem;font-weight:700}.spm-fact-value{color:var(--spm-ink);font-size:1.15rem;font-weight:800}.spm-section{margin-bottom:clamp(2.5rem,5vw,4rem)}.spm-section-eyebrow{font-family:var(--spm-mono);color:var(--spm-orange);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:700}.spm-section-title{color:var(--spm-ink);margin:.4rem 0 1.25rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800}.spm-section-divider{background:linear-gradient(to right,var(--spm-yellow),var(--spm-orange));border-radius:var(--radius-pill);width:5rem;height:.35rem;margin-bottom:1.5rem}.spm-features{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.spm-features{grid-template-columns:repeat(2,1fr)}}.spm-feature{background:var(--spm-bg-0);border:1px solid var(--spm-line);border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;display:flex}.spm-feature svg{width:1.1rem;height:1.1rem;color:var(--spm-success);flex-shrink:0;margin-top:.2rem}.spm-feature span{color:var(--spm-slate);font-size:.92rem;line-height:1.6}.spm-legend-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;display:grid}.spm-legend-item{background:var(--spm-bg-0);border:1px solid var(--spm-line);border-radius:var(--radius-md);align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex}.spm-legend-letter{border-radius:var(--radius-sm);background:var(--spm-ink);width:2rem;height:2rem;color:var(--spm-yellow);font-family:var(--spm-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.spm-legend-label{color:var(--spm-slate);font-size:.82rem;line-height:1.4}.spm-table-wrap{border:1px solid var(--spm-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);background:var(--spm-bg-0);overflow-x:auto}.spm-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:.85rem}.spm-table caption{caption-side:top;text-align:left;color:var(--spm-slate-2);padding:1rem 1.1rem;font-size:.82rem;line-height:1.5}.spm-table thead th{background:var(--spm-ink);color:#fff;text-align:center;white-space:nowrap;border-bottom:2px solid var(--spm-orange);padding:.7rem .6rem;font-weight:700;position:sticky;top:0}.spm-table thead th .unit{color:var(--spm-yellow);opacity:.9;font-size:.68rem;font-weight:500;display:block}.spm-table th[scope=row]{text-align:left;color:var(--spm-ink);font-weight:700}.spm-table td{text-align:center;border-bottom:1px solid var(--spm-line);color:var(--spm-slate);font-family:var(--spm-mono);padding:.6rem}.spm-table tbody tr:nth-child(2n){background:var(--spm-bg-1)}.spm-table tbody tr:hover{background:var(--spm-orange-50)}.spm-col-highlight{background:#ff6a1a0f;color:var(--spm-orange-600)!important;font-weight:800!important}.spm-standards{flex-wrap:wrap;gap:.5rem;display:flex}.spm-standard{background:var(--spm-bg-0);border:1px solid var(--spm-line);border-radius:var(--radius-pill);color:var(--spm-ink);align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.spm-standard:before{content:"";background:var(--spm-orange);border-radius:50%;width:.5rem;height:.5rem}.spm-faq-list{flex-direction:column;gap:.75rem;display:flex}.spm-faq{background:var(--spm-bg-0);border:1px solid var(--spm-line);border-left:4px solid var(--spm-orange);border-radius:var(--radius-md);padding:1.1rem 1.25rem}.spm-faq-q{color:var(--spm-ink);margin:0 0 .5rem;font-size:1rem;font-weight:800}.spm-faq-a{color:var(--spm-slate);margin:0;font-size:.92rem;line-height:1.7}.spm-related{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.spm-related a{color:var(--spm-orange-600);border:1px solid var(--spm-line);border-radius:var(--radius-pill);background:var(--spm-bg-0);padding:.45rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none}.spm-related a:hover{border-color:var(--spm-orange);background:var(--spm-orange-50)}.spm-cta{margin-inline:var(--spm-x)}.spm-cta-card{background-image:linear-gradient(135deg,var(--spm-orange),var(--spm-orange-600));border-radius:var(--radius-xl);color:#fff;text-align:center;box-shadow:var(--shadow-orange);padding:clamp(2rem,4vw,3rem)}.spm-cta-title{margin:0 0 .75rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:800}.spm-cta-desc{opacity:.95;max-width:44rem;margin:0 auto 1.5rem;font-size:1rem;line-height:1.7}.spm-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.spm-cta-btn{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.spm-cta-btn svg{width:1.15rem;height:1.15rem}.spm-cta-btn-primary{color:var(--spm-orange-600);background:#fff}.spm-cta-btn-primary:hover{background:var(--spm-bg-1)}.spm-cta-btn-secondary{background:var(--spm-ink);color:#fff}.spm-cta-btn-secondary:hover{background:var(--spm-ink-2)}
.proto-chain{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);margin:16px 0 8px;padding:4px 0 8px;display:block}.proto-chain .pc-head{border-top:1px solid var(--line);margin-bottom:clamp(20px,3vh,32px);padding-top:clamp(16px,2vh,24px);position:relative}.proto-chain .pc-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-chain .pc-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-chain .pc-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-chain .pc-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-chain .pc-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-chain .pc-th{color:var(--slate);font-size:15px;font-weight:500}.proto-chain .pc-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-chain .pc-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-chain .pc-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-chain .pc-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-chain .pc-see-all svg{transition:transform var(--dur)var(--ease)}.proto-chain .pc-see-all:hover{color:var(--or-700);gap:10px}.proto-chain .pc-see-all:hover svg{transform:translate(4px)}.proto-chain .pc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-chain .pc-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-chain .pc-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-chain .pc-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-chain .pc-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-chain .pc-card:hover:before{width:100%}.proto-chain .pc-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-chain .pc-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.proto-chain .pc-fam-chain{background:linear-gradient(135deg,#f0f2f6d9,#fffaf18c),repeating-linear-gradient(-45deg,#3a3f4b17 0 1px,transparent 1px 18px),var(--bg2)}.proto-chain .pc-icon{z-index:3;width:clamp(40px,30%,72px);height:auto;transition:transform var(--dur)var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proto-chain .pc-icon svg{aspect-ratio:1;width:100%;height:auto;stroke:var(--slate);stroke-width:1.5px;fill:none;transition:stroke var(--dur)var(--ease)}.proto-chain .pc-card:hover .pc-icon{transform:translate(-50%,-58%)}.proto-chain .pc-card:hover .pc-icon svg{stroke:#fff}.proto-chain .pc-wm{color:#0e0f121c;letter-spacing:.08em;text-transform:uppercase;z-index:1;max-width:80%;font-size:11px;font-weight:700;line-height:1.2;position:absolute;bottom:8px;left:10px}.proto-chain .pc-tile:after{content:"";opacity:0;transition:opacity var(--dur)var(--ease);z-index:2;background:linear-gradient(#ff6a1a00 30%,#e5571aeb);position:absolute;inset:0}.proto-chain .pc-card:hover .pc-tile:after{opacity:1}.proto-chain .pc-cta{color:#fff;z-index:4;opacity:0;transition:transform var(--dur)var(--ease),opacity var(--dur)var(--ease);font-size:14px;font-weight:600;position:absolute;bottom:12px;left:12px;transform:translateY(8px)}.proto-chain .pc-card:hover .pc-cta{opacity:1;transform:translateY(0)}.proto-chain .pc-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-chain .pc-tile-img{background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex}.proto-chain .pc-tile-img:after{display:none}.proto-chain .pc-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-chain .pc-card:hover .pc-img{transform:scale(1.06)}.proto-chain .pc-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-chain .pc-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-chain .pc-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-chain .pc-foot .pc-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-chain .pc-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-chain .pc-card:hover .pc-foot .pc-lbl{color:var(--or-600)}.proto-chain .pc-card:hover .pc-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-chain .pc-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-chain .pc-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}
.proto-fastener{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);margin:16px 0 8px;padding:4px 0 8px;display:block}.proto-fastener .pf-head{border-top:1px solid var(--line);margin-bottom:clamp(20px,3vh,32px);padding-top:clamp(16px,2vh,24px);position:relative}.proto-fastener .pf-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-fastener .pf-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-fastener .pf-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-fastener .pf-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-fastener .pf-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-fastener .pf-th{color:var(--slate);font-size:15px;font-weight:500}.proto-fastener .pf-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-fastener .pf-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-fastener .pf-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-fastener .pf-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-fastener .pf-see-all svg{transition:transform var(--dur)var(--ease)}.proto-fastener .pf-see-all:hover{color:var(--or-700);gap:10px}.proto-fastener .pf-see-all:hover svg{transform:translate(4px)}.proto-fastener .pf-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-fastener .pf-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-fastener .pf-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-fastener .pf-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-fastener .pf-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-fastener .pf-card:hover:before{width:100%}.proto-fastener .pf-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-fastener .pf-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proto-fastener .pf-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-fastener .pf-card:hover .pf-img{transform:scale(1.06)}.proto-fastener .pf-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-fastener .pf-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-fastener .pf-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-fastener .pf-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-fastener .pf-foot .pf-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-fastener .pf-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-fastener .pf-card:hover .pf-foot .pf-lbl{color:var(--or-600)}.proto-fastener .pf-card:hover .pf-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-fastener .pf-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-fastener .pf-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}
.proto-rigging{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);margin:16px 0 8px;padding:4px 0 8px;display:block}.proto-rigging .pr-head{border-top:1px solid var(--line);margin-bottom:clamp(20px,3vh,32px);padding-top:clamp(16px,2vh,24px);position:relative}.proto-rigging .pr-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-rigging .pr-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-rigging .pr-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-rigging .pr-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-rigging .pr-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-rigging .pr-th{color:var(--slate);font-size:15px;font-weight:500}.proto-rigging .pr-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-rigging .pr-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-rigging .pr-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-rigging .pr-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-rigging .pr-see-all svg{transition:transform var(--dur)var(--ease)}.proto-rigging .pr-see-all:hover{color:var(--or-700);gap:10px}.proto-rigging .pr-see-all:hover svg{transform:translate(4px)}.proto-rigging .pr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-rigging .pr-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-rigging .pr-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-rigging .pr-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-rigging .pr-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-rigging .pr-card:hover:before{width:100%}.proto-rigging .pr-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-rigging .pr-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proto-rigging .pr-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-rigging .pr-card:hover .pr-img{transform:scale(1.06)}.proto-rigging .pr-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-rigging .pr-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-rigging .pr-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-rigging .pr-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-rigging .pr-foot .pr-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-rigging .pr-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-rigging .pr-card:hover .pr-foot .pr-lbl{color:var(--or-600)}.proto-rigging .pr-card:hover .pr-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-rigging .pr-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-rigging .pr-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}
.proto-other{--ink:var(--sj-ink);--orange:var(--sj-orange);--or-50:var(--sj-orange-50);--or-100:var(--sj-orange-100);--or-600:var(--sj-orange-600);--or-700:var(--sj-orange-700);--sun-50:var(--sj-yellow-50);--sun-100:var(--sj-yellow-100);--sun-600:var(--sj-yellow-600);--bg0:var(--sj-bg-0);--bg1:var(--sj-bg-1);--bg2:var(--sj-bg-2);--cream:var(--sj-bg-cream);--line:var(--sj-line);--line-strong:var(--sj-line-strong);--slate:var(--sj-slate);--muted:var(--sj-muted);--radius-card:14px;--radius-btn:12px;--sh-card:0 1px 2px #0e0f120a,0 8px 24px #0e0f120d;--sh-card-hover:0 14px 32px #0e0f121a;--ease:cubic-bezier(.2,.6,.2,1);--dur:.18s;background:var(--bg0);margin:16px 0 8px;padding:4px 0 8px;display:block}.proto-other .po-head{border-top:1px solid var(--line);margin-bottom:clamp(20px,3vh,32px);padding-top:clamp(16px,2vh,24px);position:relative}.proto-other .po-ghost{color:#0000;-webkit-text-stroke:1.5px var(--or-100);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(48px,7vw,104px);font-weight:700;line-height:1;position:absolute;top:4px;right:0}.proto-other .po-head-inner{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,2vw,24px);display:flex;position:relative}.proto-other .po-num{font-variant-numeric:tabular-nums;color:var(--or-600);margin-right:4px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1}.proto-other .po-titleline{flex-wrap:wrap;align-items:center;display:flex}.proto-other .po-en{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.05}.proto-other .po-th{color:var(--slate);font-size:15px;font-weight:500}.proto-other .po-accent{background:var(--orange);border-radius:2px;width:48px;height:3px;margin-top:10px}.proto-other .po-head-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.proto-other .po-meta{color:var(--muted);font-size:13px;font-weight:400}.proto-other .po-see-all{color:var(--or-600);transition:gap var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.proto-other .po-see-all svg{transition:transform var(--dur)var(--ease)}.proto-other .po-see-all:hover{color:var(--or-700);gap:10px}.proto-other .po-see-all:hover svg{transform:translate(4px)}.proto-other .po-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,1.5vw,20px);display:grid}.proto-other .po-more{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.proto-other .po-card{background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--sh-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),border-color var(--dur)var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.proto-other .po-card:before{content:"";background:var(--orange);width:28px;height:3px;transition:width var(--dur)var(--ease);z-index:5;position:absolute;top:0;left:0}.proto-other .po-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--or-100);transform:translateY(-4px)}.proto-other .po-card:hover:before{width:100%}.proto-other .po-card:focus-visible{outline:2px solid var(--or-600);outline-offset:2px}.proto-other .po-tile{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:linear-gradient(160deg,var(--bg1),var(--bg0));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proto-other .po-img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur)var(--ease);padding:16px}.proto-other .po-card:hover .po-img{transform:scale(1.06)}.proto-other .po-badge{background:var(--bg1);border:1px solid var(--line-strong);color:var(--slate);letter-spacing:.02em;z-index:4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.proto-other .po-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.proto-other .po-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(15px,1vw,16px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.proto-other .po-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.proto-other .po-foot .po-lbl{color:var(--slate);transition:color var(--dur)var(--ease);font-size:13px;font-weight:600}.proto-other .po-foot svg{stroke:var(--slate);transition:transform var(--dur)var(--ease),stroke var(--dur)var(--ease)}.proto-other .po-card:hover .po-foot .po-lbl{color:var(--or-600)}.proto-other .po-card:hover .po-foot svg{stroke:var(--or-600);transform:translate(4px)}.proto-other .po-btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-btn);transition:border-color var(--dur)var(--ease),color var(--dur)var(--ease);align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.proto-other .po-btn-ghost:hover{border-color:var(--orange);color:var(--or-600)}