.doc:has(.client-page){--client-radius: 16px;max-width:1120px}.client-page{padding-bottom:32px}.client-page p{margin:0;color:var(--ov);line-height:1.65}.client-page h2,.client-page h3{margin:0;color:var(--on);font-weight:500}.client-page h2{font-size:22px;line-height:1.4}.client-page h3{font-size:18px;line-height:1.4}.client-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:center;gap:48px;padding:32px;border:1px solid var(--olv);border-radius:var(--client-radius);background:var(--panel-bg)}.client-page .client-eyebrow{margin-bottom:12px;color:var(--ter);font-size:12px;font-weight:500;letter-spacing:1.3px}.client-hero h2{margin-bottom:20px;font-size:clamp(30px,3.5vw,42px);line-height:1.15;letter-spacing:-.6px}.client-status{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:6px 12px;border:1px solid var(--olv);border-radius:24px;color:var(--ov);font-size:12px}.doc .client-status .material-icons{margin:0;color:var(--ter);font-size:16px}.client-visual{overflow:hidden;border:1px solid var(--olv);border-radius:12px;background:var(--sch)}.client-window-bar{display:flex;align-items:center;gap:6px;min-height:40px;padding:12px 16px;border-bottom:1px solid var(--olv)}.client-window-bar>span{width:6px;height:6px;border-radius:50%;background:var(--ol)}.client-window-bar small{margin-left:auto;color:var(--ov);font-size:12px;letter-spacing:.8px}.client-window-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;color:var(--ov);text-align:center;font-size:12px}.doc .client-window-icon{margin:0 0 4px;color:var(--pri);font-size:56px}.client-window-body strong{color:var(--on);font-size:20px}.client-window-body>div{display:flex;gap:16px;margin-top:8px}.doc .client-window-body>div .material-icons{display:grid;place-items:center;width:36px;height:36px;margin:0;border:1px solid var(--olv);border-radius:8px;color:var(--pri);font-size:20px}.client-notice{display:flex;gap:12px;padding:20px 24px;margin-top:24px;border-left:3px solid var(--ter);border-radius:0 8px 8px 0;background:var(--sch)}.doc .client-notice>.material-icons{flex:none;margin:0;color:var(--ter);font-size:22px}.client-notice p{font-size:13px}.client-notice strong{color:var(--on)}.client-downloads,.client-features,.client-routing{margin-top:40px}.client-section-heading{margin-bottom:24px}.client-section-heading h2{margin-bottom:8px}.client-platform-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.client-platform{display:flex;flex-direction:column;padding:28px;border:1px solid var(--olv);border-radius:var(--client-radius);background:var(--panel-bg)}.client-platform-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.doc .client-platform-icon{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:12px;background:var(--sch);color:var(--pri);font-size:28px}.client-badge{padding:4px 10px;border:1px solid var(--olv);border-radius:24px;color:var(--ov);font-size:12px}.client-platform h3{margin-bottom:12px;font-size:24px}.client-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.client-platforms span{padding:4px 8px;border-radius:6px;background:var(--sch);color:var(--ov);font-size:12px}.client-platform ul{flex:1;display:grid;align-content:start;gap:8px;margin:24px 0;padding-left:20px}.client-platform li{padding-left:4px;line-height:1.6}.client-platform li::marker{color:var(--ter)}.client-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.client-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--olv);border-radius:8px;background:var(--sc);color:var(--on);font:inherit;font-weight:500}.doc .client-button .material-icons{margin:0;color:inherit;font-size:20px}.client-button:disabled{opacity:.5;cursor:not-allowed}.client-primary{border-color:var(--pri);background:var(--pc);color:var(--onpc)}.client-button:focus-visible{outline:2px solid var(--pri);outline-offset:3px}.client-gallery{margin-top:40px}.client-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-gallery-card{margin:0;overflow:hidden;border:1px solid var(--olv);border-radius:12px;background:var(--panel-bg)}.client-gallery-trigger{position:relative;display:block;width:100%;aspect-ratio:4 / 3;padding:8px;border:0;background:var(--sch);color:var(--on);cursor:zoom-in}.client-gallery-trigger>img{display:block;width:100%;height:100%;object-fit:contain}.client-gallery-trigger:focus-visible{outline:2px solid var(--pri);outline-offset:-3px}.client-gallery-card figcaption{display:flex;align-items:baseline;gap:10px;padding:16px;border-top:1px solid var(--olv)}.client-gallery-card figcaption>span{color:var(--ter);font-size:12px}.client-gallery-card figcaption h3{font-size:15px}.client-page .client-gallery-note{margin-top:16px;font-size:12px}.client-photo-dialog{width:min(1400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;overflow:auto;border:1px solid var(--olv);border-radius:12px;background:var(--panel-bg);color:var(--on)}.client-photo-dialog::backdrop{background:color-mix(in srgb,var(--sur) 85%,transparent)}.client-photo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.client-photo-heading button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--olv);border-radius:8px;background:var(--sch);color:var(--on);cursor:pointer}.doc .client-photo-heading button .material-icons{margin:0;color:inherit}.client-photo-heading button:hover{border-color:var(--pri)}.client-photo-heading button:focus-visible{outline:2px solid var(--pri);outline-offset:3px}.client-photo-image{display:block;width:100%;max-height:calc(100dvh - 160px);object-fit:contain}.client-photo-dialog p{margin-top:12px;font-size:12px}@media(max-width:700px){.client-gallery-grid{grid-template-columns:1fr}}.client-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-feature{padding:24px;border:1px solid var(--olv);border-radius:12px;background:var(--panel-bg)}.doc .client-feature>.material-icons{margin:0 0 16px;color:var(--pri);font-size:26px}.client-feature h3{margin-bottom:8px;font-size:16px}.client-feature p{font-size:13px}.client-routing{padding:28px;border:1px solid var(--olv);border-radius:var(--client-radius);background:var(--panel-bg)}.client-routing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.client-routing-grid>div{padding:24px;border:1px solid var(--olv);border-radius:12px;background:var(--sch)}.doc .client-routing-grid>div>.material-icons{margin:0 0 12px;color:var(--pri);font-size:26px}.client-routing-grid h3{margin-bottom:8px}.client-routing-grid p{font-size:13px}.client-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px;color:var(--on);font-size:13px;font-weight:500}.client-page .client-note{margin-top:20px;font-size:12px}.client-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.client-aodp{display:flex;align-items:center;gap:24px;margin-top:24px;padding:28px;border:1px solid var(--olv);border-radius:var(--client-radius);background:var(--panel-bg)}.doc .client-aodp>.material-icons{flex:none;margin:0;color:var(--pri);font-size:32px}.client-aodp>div{flex:1}.client-aodp h2{margin-bottom:8px}.client-aodp p{font-size:13px}.client-aodp .client-eyebrow{margin-bottom:4px}.client-aodp .client-button{flex:none}.client-source{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:32px;padding:24px 0;border-top:1px solid var(--olv)}.client-source h2{margin-bottom:8px;font-size:18px}.client-source p{font-size:13px}@media(max-width:1000px){.client-hero{gap:24px}.client-platform-grid{grid-template-columns:1fr 1fr}.client-actions{align-items:stretch;flex-direction:column}.client-feature-grid{grid-template-columns:1fr 1fr}.client-aodp{flex-wrap:wrap}.client-aodp>div{flex-basis:calc(100% - 56px)}}@media(max-width:700px){.client-hero{grid-template-columns:1fr;padding:24px}.client-platform-grid,.client-routing-grid{grid-template-columns:1fr}.client-visual{max-width:420px;width:100%}.client-platform,.client-routing,.client-aodp{padding:24px}.client-feature-grid{gap:12px}.client-feature{padding:20px}}@media(max-width:450px){.client-feature-grid{grid-template-columns:1fr}.client-notice{padding:16px}.client-routing-grid>div{padding:20px}.client-source{align-items:flex-start;flex-direction:column}}
