/* Single-page experience. Shared brand and the approved login live in style.css. */
.catalog{padding-top:40px;padding-bottom:38px;min-height:calc(100svh - 186px)}
.experience-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:12px 0 48px}
.experience-hero h1{font-size:clamp(58px,5.55vw,85px);line-height:.98;letter-spacing:-4px;font-weight:500;margin-top:24px}
.experience-hero h1 em{letter-spacing:-3.8px}
.experience-intro{font-size:15px;line-height:1.8;color:#b7ada0;max-width:370px;padding:0 24px 7px 0}
.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.apps-grid[data-count="1"]{grid-template-columns:minmax(0,600px);justify-content:center}
.apps-grid[data-count="2"],.apps-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;margin-inline:auto}
.app-card{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #3a342c;border-radius:14px;background:#141310;transition:border-color .3s,transform .3s}
.app-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 22%,#cd854b12,transparent 57%)}
.app-card:hover{border-color:#96734d;transform:translateY(-3px)}
.device-header{padding:25px 27px 0;min-height:83px}
.device-caption{font-size:9px;letter-spacing:1.9px;text-transform:uppercase;color:#bba58c;line-height:1.6;margin-bottom:9px}
.platform-list{display:flex;flex-wrap:wrap;gap:5px 12px;list-style:none;padding:0;margin:0;font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:500;color:#f2eee7}
.platform-list li{overflow-wrap:anywhere}
.platform-list li+li:before{content:'·';color:var(--accent);margin-right:12px}
.device-stage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:216px;margin:0 6px;position:relative;pointer-events:none}
.device-illustration{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px #0004);transition:transform .55s cubic-bezier(.2,.65,.25,1)}
.app-card:hover .device-illustration{transform:translateY(-4px)}
.device-stage[data-devices="2"] .device-illustration{width:54%;margin-inline:-2%;height:100%}
.device-stage[data-devices="3"]{flex-wrap:nowrap}.device-stage[data-devices="3"] .device-illustration{width:33.333%;height:100%}
.device-stage[data-devices="4"],.device-stage[data-devices="5"],.device-stage[data-devices="6"]{height:auto;min-height:216px;align-content:center}
.device-stage[data-devices="4"] .device-illustration,.device-stage[data-devices="5"] .device-illustration,.device-stage[data-devices="6"] .device-illustration{width:33.333%;height:104px}
.card-body{padding:0 27px 22px;display:flex;flex-direction:column;flex:1;min-width:0}
.app-card h2{font-size:22px;letter-spacing:-.6px;line-height:1.25;font-weight:500;overflow-wrap:anywhere}
.card-subtitle{font-size:10px;color:#b7ad9f;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}
.card-actions{margin-top:auto;padding-top:21px;display:grid;grid-template-rows:minmax(48px,auto) 39px;gap:9px}
.download{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;min-height:48px;border-radius:6px;background:#deb184;color:#1c160f;border:1px solid #deb184;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s}
.download>span:last-child{font-size:20px;font-weight:400}
.download:hover{background:#f3c798}
.download.external{background:transparent;color:#edc6a0;border-color:#8e6c48}
.download.external:hover{background:#e5b78814}
.download.disabled{color:#b7ad9f;border-color:#4e4539;background:transparent;font-weight:400}
.copy-code{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:39px;padding:6px 0 0;background:transparent;border:0;color:#b7ad9f;font-size:10px;text-align:left}
.copy-code strong{font-family:monospace;font-size:12px;letter-spacing:1px;font-weight:400;color:#ead5bd}
.copy-code svg{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-left:8px}
.copy-code:hover{color:var(--accent)}
.catalog-message{border:1px solid var(--line);border-radius:12px;padding:32px;color:#ccc3b7;font-size:14px;text-align:center;line-height:1.7}
.catalog-message button{margin-top:20px}
.catalog+.footer{border-top:1px solid var(--line)}
body:has(#catalog-view:not([hidden])) .footer{border-top:1px solid #302a23}
@media(min-width:1700px){.catalog{padding-top:60px}.device-stage{height:240px}.experience-hero{padding-bottom:56px}}
@media(max-width:1100px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-hero h1{font-size:67px}.experience-intro{font-size:13px;max-width:300px}.device-stage{height:220px}}
@media(max-width:760px){.catalog{padding-top:24px;padding-bottom:26px}.experience-hero{align-items:flex-start;flex-direction:column;gap:19px;padding:7px 0 30px}.experience-hero h1{font-size:59px;letter-spacing:-2.8px;margin-top:19px}.experience-hero h1 em{letter-spacing:-2.5px}.experience-intro{padding:0;font-size:13px;line-height:1.65;max-width:400px}.experience-intro br{display:none}.apps-grid,.apps-grid[data-count="2"],.apps-grid[data-count="4"]{gap:16px}.device-header{padding:22px 22px 0}.platform-list{font-size:23px}.card-body{padding:0 22px 19px}.device-stage{height:195px;margin-inline:0}.app-card h2{font-size:21px}.card-actions{padding-top:18px}}
@media(max-width:580px){.apps-grid,.apps-grid[data-count="2"],.apps-grid[data-count="4"]{grid-template-columns:minmax(0,1fr)}.experience-hero h1{font-size:52px}.experience-hero .eyebrow{font-size:8px}.experience-intro{font-size:12px;max-width:290px}.device-header{min-height:76px;padding-top:21px}.device-stage{height:180px}.card-subtitle{margin-top:5px}.card-actions{grid-template-rows:minmax(46px,auto) 33px;gap:7px;padding-top:17px}.copy-code{min-height:33px}.download{min-height:46px}.catalog{padding-top:17px}.device-caption{font-size:8px;letter-spacing:1.6px}.app-card{border-radius:12px}}
@media(max-width:375px){.experience-hero h1{font-size:47px}.device-stage{height:169px}.platform-list{font-size:22px}.app-card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.app-card,.device-illustration,.download{transition:none!important}.app-card:hover,.app-card:hover .device-illustration{transform:none}}