.sub-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}.sub-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--fg-muted);font:var(--text-body-sm-medium);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.sub-nav a:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft);text-decoration:none}.sub-nav .num{font:700 11px/1 var(--font-sans);letter-spacing:.08em;color:var(--color-primary);text-transform:uppercase}.block{scroll-margin-top:96px}.block+.block{margin-top:64px}.block-head{max-width:820px;margin:0 0 24px}.block-head h3{font:var(--text-h4);letter-spacing:-.01em;margin:0 0 12px}.block-head p{font:var(--text-body-lg);color:var(--fg-muted);line-height:30px;margin:0}.block-side{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.block-side .block-text{max-width:520px}.block-side .block-text h3{font:var(--text-h4);letter-spacing:-.01em;margin:0 0 16px}.block-side .block-text p{font:var(--text-body-lg);color:var(--fg-muted);line-height:30px;margin:0}.block-side .block-text p+p{margin-top:12px}.block-side.image-left{grid-template-columns:1fr 1fr}.block-side.image-left .screen{grid-column:1;grid-row:1}.block-side.image-left .block-text{grid-column:2;grid-row:1}.slider{position:relative}.slider-stage{border-radius:var(--radius-2xl);overflow:hidden;position:relative;aspect-ratio:16 / 9}.slide{display:none;width:100%;height:100%;align-items:center;justify-content:center}.slide.active{display:flex}.slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.slide-caption{padding:14px 24px 18px;font:var(--text-body-sm);color:var(--fg-muted);background:var(--surface)}.slider>.screen-caption{background:transparent;border-top:0;padding:16px 4px 0;font-style:italic}.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.slider-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.slider-arrow:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.slider-arrow:disabled{opacity:.4;cursor:not-allowed}.slider-dots{display:flex;gap:8px;flex:1;justify-content:center}.slider-dot{width:8px;height:8px;border-radius:999px;border:0;background:var(--border-strong);padding:0;cursor:pointer;flex-shrink:0;transition:width .2s ease,background .2s ease}.slider-dot:hover{background:var(--fg-muted)}.slider-dot.active{background:var(--color-primary);width:28px}.slider-counter{font:var(--text-body-sm-medium);color:var(--fg-muted);min-width:60px;text-align:right}.accordion{border-top:1px solid var(--border-subtle)}.acc-item{border-bottom:1px solid var(--border-subtle)}.acc-item>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;background:none;border:0;cursor:pointer;color:var(--fg);text-align:left;font:var(--text-h6);letter-spacing:-.01em;transition:color .15s}.acc-item>button:hover{color:var(--color-primary)}.acc-item .acc-num{font:700 12px/1 var(--font-sans);letter-spacing:.08em;color:var(--color-primary);margin-right:16px;min-width:28px}.acc-item .acc-chev{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);transition:transform .2s,border-color .15s,color .15s}.acc-item.open .acc-chev{transform:rotate(180deg);border-color:var(--color-primary);color:var(--color-primary)}.acc-item .acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.acc-item.open .acc-body{grid-template-rows:1fr}.acc-item .acc-body>.acc-inner{overflow:hidden}.acc-item .acc-body>.acc-inner>.acc-content{padding:0 0 24px;font:var(--text-body-lg);color:var(--fg-muted);line-height:30px;max-width:820px}.acc-item .acc-body>.acc-inner>.acc-content p{margin:0 0 12px}.acc-item .acc-body>.acc-inner>.acc-content p:last-child{margin-bottom:0}details.acc-item>summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;color:var(--fg);text-align:left;font:var(--text-h6);letter-spacing:-.01em;list-style:none;transition:color .15s}details.acc-item>summary::-webkit-details-marker{display:none}details.acc-item>summary::marker{content:""}details.acc-item>summary:hover{color:var(--color-primary)}details.acc-item .acc-q{display:inline-flex;align-items:center}details.acc-item[open] .acc-chev{transform:rotate(180deg);border-color:var(--color-primary);color:var(--color-primary)}details.acc-item .acc-body{display:block;grid-template-rows:none}details.acc-item .acc-body>.acc-inner{overflow:visible}.block .screen img,.block .slider-stage img{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:200;background:#08080cf0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:88px 100px;animation:lb-in .18s ease-out}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lb-stage{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:18px;cursor:default}.lb-stage img{max-width:100%;max-height:calc(100vh - 200px);width:auto;height:auto;border-radius:14px;box-shadow:0 24px 80px #0009;display:block}.lb-caption{font:var(--text-body-sm);color:#ffffffb8;text-align:center;max-width:720px;font-style:italic}.lb-btn{width:48px;height:48px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.lb-btn:hover{background:#ffffff2e;border-color:#ffffff52}.lb-btn:active{transform:scale(.96)}.lb-close{position:absolute;top:24px;right:24px}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px}.lb-arrow:active{transform:translateY(-50%) scale(.96)}.lb-prev{left:24px}.lb-next{right:24px}.lb-counter{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:#ffffffd9;font:var(--text-body-sm-medium);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);padding:8px 16px;border-radius:999px}@media(max-width:768px){.lightbox{padding:56px 16px}.lb-close{top:12px;right:12px}.lb-arrow{width:44px;height:44px}.lb-prev{left:8px}.lb-next{right:8px}}.case-nav{position:fixed;right:24px;bottom:24px;z-index:55;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.case-nav.visible{opacity:1;pointer-events:auto;transform:none}.case-nav-trigger{display:flex;align-items:center;gap:14px;padding:8px 16px 8px 12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;color:var(--fg);cursor:pointer;font:var(--text-body-medium);box-shadow:0 12px 32px #00000052,0 2px 6px #0000002e;transition:border-color .15s,transform .1s}.case-nav-trigger:hover{border-color:var(--color-primary)}.case-nav-trigger:active{transform:scale(.98)}.cn-progress{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;padding:0 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font:700 12px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.06em}.cn-label-wrap{display:flex;flex-direction:column;line-height:1.1}.cn-eyebrow{font:var(--text-body-sm);font-size:11px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.08em}.cn-current{font:var(--text-body-medium);color:var(--fg);margin-top:2px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-chev{color:var(--fg-muted);transition:transform .2s;margin-left:4px}.case-nav.open .cn-chev{transform:rotate(180deg)}.case-nav-menu{position:absolute;bottom:calc(100% + 12px);right:0;width:340px;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px #00000075,0 4px 12px #00000038;padding:12px;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:bottom right;transition:opacity .15s,transform .15s}.case-nav.open .case-nav-menu{opacity:1;pointer-events:auto;transform:none}.cn-group+.cn-group{margin-top:8px}.cn-group-title{font:700 11px/1 var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);padding:10px 12px 6px}.cn-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:0;border-radius:10px;font:var(--text-body-medium);color:var(--fg);cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s}.cn-item:hover{background:color-mix(in srgb,var(--color-primary-soft) 80%,transparent);color:var(--color-primary)}.cn-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.cn-item .cn-ix{font:700 11px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.06em;color:var(--fg-subtle);min-width:24px}.cn-item.active .cn-ix{color:var(--color-primary)}.cn-item .cn-text{flex:1}.cn-item .cn-active-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}.cn-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:12px 16px;border:0;border-radius:12px;background:var(--color-primary);color:#fff;font:var(--text-body-medium);cursor:pointer;transition:background .15s,transform .1s}.cn-cta:hover{background:var(--color-primary-hover);color:#fff}.cn-cta:active{transform:scale(.98)}.cn-cta svg{transition:transform .15s}.cn-cta:hover svg{transform:translate(2px)}@media(max-width:768px){.case-nav{right:12px;bottom:12px;left:12px}.case-nav-trigger{width:100%;justify-content:space-between}.cn-current{max-width:none}.case-nav-menu{width:auto;left:0;right:0}}@media(max-width:1024px){.block-side{grid-template-columns:1fr;gap:24px}.block-side.image-left{grid-template-columns:1fr}.block-side.image-left .screen{grid-column:1;grid-row:2}.block-side.image-left .block-text{grid-column:1;grid-row:1}}@media(max-width:768px){.block+.block{margin-top:40px}.sub-nav{margin-bottom:28px}.acc-item>button{padding:20px 0;font:var(--text-body-lg-medium)}}