.application-visual{grid-area:visual;gap:12px;min-width:0;display:grid}.application-display-meta,.application-display-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.application-display-footer{min-height:28px}.product-viewport{aspect-ratio:16/9;background:var(--paper);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.product-viewport>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.app-preview-placeholder{color:var(--muted);text-align:center;padding:24px}.application-image-count{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.carousel-dots{flex-wrap:wrap;justify-content:flex-end;display:flex}.carousel-dots button{background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.carousel-dots button:before{content:"";background:var(--ink);opacity:.25;border-radius:50%;width:6px;height:6px}.carousel-dots button[aria-current=true]:before{opacity:1}@keyframes application-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.product-viewport>img,.app-preview-placeholder{animation:.2s ease-out application-enter}}.application-page .detail-section{border-top:1px solid var(--line);padding-block:40px 48px}.application-page .detail-questions details{border-bottom:1px solid var(--line)}.application-page .detail-questions summary{color:var(--navy-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;font-size:16px;font-weight:600;line-height:1.7;list-style:none;display:flex}.application-page .detail-questions summary::-webkit-details-marker{display:none}.application-page .detail-questions summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:20px;font-weight:400}.application-page .detail-questions details[open] summary:after{content:"−"}.application-page .detail-questions p{max-width:90ch;color:var(--muted);margin:0;padding-bottom:24px;font-size:14px;line-height:1.9}.application-page .detail-related-apps{flex-wrap:wrap;gap:12px 32px;display:flex}.application-page .detail-related-apps a{min-height:44px;color:var(--navy-soft);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.application-page .detail-related-apps a:hover{color:var(--accent)}.application-page .detail-section-heading{justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:24px;display:flex}.application-page .detail-section-heading h2{margin:0;font-size:30px;font-weight:650;line-height:1.4}.application-page .detail-use-cases{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,72px);margin:0;padding:0;list-style:none;display:grid}.application-page .detail-use-cases li{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:16px;padding-block:24px;display:grid}.application-page .detail-use-cases li>span{color:var(--accent);font:12px var(--font-mono);font-variant-numeric:tabular-nums}.application-page .detail-use-cases p{max-width:72ch;color:var(--navy-soft);margin:0;font-size:15px;line-height:1.85}.application-page .detail-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.application-page .detail-specs dl{border:1px solid var(--line);border-radius:10px;align-content:start;gap:20px;margin:0;padding:24px;display:grid}.application-page .detail-specs dt{color:var(--muted);margin-bottom:8px;font-size:12px;line-height:1.6}.application-page .detail-specs dd{color:var(--navy-soft);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:500;line-height:1.7}.application-page .detail-install{border-block:1px solid var(--line);background:var(--canvas);padding-block:48px}.application-page .detail-attribution{border-top:0}.application-page .detail-technologies{flex-wrap:wrap;gap:24px 56px;margin:0;padding:0;list-style:none;display:flex}.application-page .detail-technologies li{color:var(--navy-soft);align-content:start;gap:4px;font-size:14px;display:grid}.application-page .detail-technologies a{align-items:center;gap:12px;min-height:32px;display:inline-flex}.application-page .detail-technologies a:hover{text-underline-offset:4px;text-decoration:underline}.application-page .detail-technologies small{color:var(--muted);font-size:12px}.application-page .detail-attribution .detail-note{max-width:115ch;margin-top:24px}@media (width<=900px){.application-page .detail-specs dl{padding:20px 16px}.application-page .detail-specs dd{font-size:14px}}@media (width<=700px){.application-page .detail-use-cases,.application-page .detail-specs{grid-template-columns:minmax(0,1fr)}.application-page .detail-section-heading{flex-direction:column;align-items:start;gap:4px}}@media (width<=600px){.application-page .detail-section,.application-page .detail-install{padding-block:32px}.application-page .detail-section-heading h2{font-size:26px}.application-page .detail-use-cases li{gap:12px;padding-block:20px}.application-page .detail-use-cases p{font-size:14px}.application-page .detail-specs dl{padding:20px}.application-page .detail-technologies{gap:20px 32px}}.application-page .detail-shell{width:min(calc(100% - var(--marketing-gutter) * 2), var(--marketing-shell));margin-inline:auto}.application-page .detail-opening{background:linear-gradient(180deg, var(--canvas), var(--paper));padding:108px 0 48px}.application-page .breadcrumbs{min-height:32px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;font-size:12px;display:flex}.application-page .breadcrumbs a{align-items:center;min-height:32px;display:inline-flex}.application-page .breadcrumbs a:hover{color:var(--accent)}.application-page .detail-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);grid-template-areas:"copy visual";align-items:center;gap:clamp(32px,4vw,72px);display:grid}.application-page .detail-intro{grid-area:copy;min-width:0}.application-page .detail-intro h1{letter-spacing:-.035em;margin:20px 0;font-size:clamp(36px,3.4vw,60px);font-weight:700;line-height:1.2}.application-page .detail-version{color:var(--faint);flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:12px;display:flex}.application-page .detail-summary{max-width:62ch;color:var(--navy-soft);margin:24px 0 28px;font-size:16px;line-height:1.9}.application-page .detail-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.application-page .detail-link{min-height:44px;color:var(--navy-soft);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:inline-flex}.application-page .detail-link:hover{text-underline-offset:4px;text-decoration:underline}.application-page .detail-note{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.85}.application-page .detail-intro>.detail-note{max-width:58ch}.application-page .application-visual{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:14px;box-shadow:0 16px 40px -28px #2236533d}.application-page .application-display-meta,.application-page .application-display-footer{color:var(--muted);padding-inline:4px;font-size:11px;line-height:1.6}.application-page .application-display-meta b{color:var(--navy-soft);font-weight:600}.application-page .product-viewport{border:1px solid var(--line);background:var(--canvas);border-radius:8px}.application-page .application-display-footer{flex-wrap:wrap;gap:8px 12px;min-height:32px}.application-page .carousel-dots button{width:44px;height:44px}.application-page .carousel-dots button:before{background:var(--navy-soft);width:7px;height:7px}.application-page .carousel-dots button[aria-current=true]:before{background:var(--accent)}.application-page :is(a,button):focus-visible{outline-color:var(--accent)}@media (width<=1100px){.application-page .detail-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""visual";gap:32px}.application-page .detail-intro{max-width:720px}.application-page .detail-intro h1{font-size:46px}}@media (width<=600px){.application-page .detail-opening{padding:90px 0 32px}.application-page .breadcrumbs{margin-bottom:24px;font-size:11px}.application-page .detail-intro h1{font-size:36px}.application-page .detail-summary{margin:20px 0 24px;font-size:14px}.application-page .detail-note{font-size:11px}.application-page .application-visual{border-radius:12px;gap:10px;padding:10px}.application-page .application-display-meta{font-size:10px}.application-page .application-display-footer>span:first-child{flex-basis:calc(100% - 52px)}.application-page .carousel-dots{justify-content:flex-start;margin-left:-10px}}