/* White frosted surfaces adapted from reviewed local adaptive-soft-glass (MIT).
 * Preserve header/card layout; real screenshots carry the product's own colors.
 */
body{background:var(--color-paper)}
.site-header{background:rgb(255 255 255 / 76%);border-bottom-color:rgb(35 45 60 / 8%);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.intro{background:linear-gradient(180deg,var(--color-paper) 65%,var(--color-silver));padding-bottom:62px}
.hero-stage{max-width:1208px;padding:0 24px;margin-top:58px;perspective:none}
.actual-showcase{margin:0;padding:8px;position:relative;border:1px solid var(--color-rim);border-radius:26px;background:var(--color-frost);box-shadow:inset 0 0 0 1px var(--color-frost-line),0 36px 85px -34px var(--color-silver-shadow),0 2px 7px var(--color-silver-shadow);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.shot-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;line-height:0;border-radius:18px;overflow:hidden}
.shot-button img{display:block;width:100%;height:auto;object-fit:contain}
.frost{border:1px solid var(--color-rim);background:var(--color-frost);box-shadow:inset 0 0 0 1px var(--color-frost-line),0 8px 28px -12px var(--color-silver-shadow);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.showcase-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 18px 8px 22px;border-radius:100px;width:fit-content;max-width:100%;margin:26px auto 0;font-size:11px;color:var(--color-muted)}
.view-tabs{display:flex;background:rgb(32 42 56 / 5%);border-radius:100px;padding:3px;gap:2px}
.view-tabs button{border:0;border-radius:100px;min-height:34px;padding:0 18px;background:transparent;color:var(--color-muted);font-size:11px;white-space:nowrap;cursor:pointer;transition:background var(--dur-ui),color var(--dur-ui)}
.view-tabs button[aria-selected=true]{background:var(--color-paper);color:var(--color-ink);box-shadow:0 2px 7px var(--color-silver-shadow)}
.view-tabs button:hover{color:var(--color-ink)}.preview-link{border:0;background:transparent;white-space:nowrap;padding:10px 4px;font-size:11px;cursor:pointer;color:var(--color-ink)}.preview-link span{margin-left:5px}
.stage-caption{margin-top:18px;font-size:11px}
.product-tour{margin-top:0;background:var(--color-paper)}
.tour-layout{max-width:1160px;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:60px;align-items:center}
.tour-selector button{padding-block:20px}.tour-selector small{font-size:12px}
.actual-tour{padding:8px;border:1px solid var(--color-rim);border-radius:22px;background:linear-gradient(155deg,var(--color-paper),var(--color-silver));box-shadow:inset 0 0 0 1px var(--color-frost-line),0 24px 70px -26px var(--color-silver-shadow);min-height:0;backdrop-filter:blur(22px) saturate(130%)}
.actual-tour .tour-panel-top{padding:15px 18px;border:0}.actual-tour .shot-button{border-radius:12px}.actual-tour .tour-panel-content{min-height:0;padding:22px 20px 22px}.actual-tour .tour-panel-content h3{font-size:22px;line-height:1.4;margin:0 0 8px}.actual-tour .tour-panel-content>p{margin:0;font-size:12px;line-height:1.9}.actual-tour .tour-panel-note{padding:0 20px 18px;margin-top:14px;font-size:10px}
.focus-section{background:radial-gradient(ellipse at 75% 40%,var(--color-silver-deep),transparent 60%),linear-gradient(180deg,var(--color-silver),var(--color-paper));color:var(--color-ink);padding-block:112px}
.focus-heading>p:not(.section-kicker){color:var(--color-muted)}.focus-switch{color:var(--color-ink);background:var(--color-frost);border:1px solid var(--color-rim);box-shadow:inset 0 0 0 1px var(--color-frost-line),0 6px 18px var(--color-silver-shadow);backdrop-filter:blur(22px)}.focus-switch:hover,.focus-switch[aria-pressed=true]{background:var(--color-paper)}
.focus-capture{margin:0;padding:8px;border-radius:22px;border:1px solid var(--color-rim);background:var(--color-frost);box-shadow:inset 0 0 0 1px var(--color-frost-line),0 30px 60px -20px var(--color-silver-shadow);backdrop-filter:blur(22px)}.focus-capture figcaption{font-size:10px;color:var(--color-muted);text-align:center;padding:16px 12px 8px}
.desktop-section{background:radial-gradient(ellipse at 50% 80%,var(--color-silver-deep),transparent 65%),var(--color-paper)}
.desktop-section .download-card,.download-page .download-card{background:var(--color-frost);border:1px solid var(--color-rim);box-shadow:inset 0 0 0 1px var(--color-frost-line),0 20px 55px -24px var(--color-silver-shadow);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.download-page .downloads{background:radial-gradient(ellipse at 50% 80%,var(--color-silver-deep),transparent 70%),var(--color-paper)}
.release-state{background:rgb(255 255 255 / 72%);border-color:var(--color-frost-line);backdrop-filter:blur(12px)}.site-footer{background:var(--color-silver);border-color:var(--color-frost-line)}.install-note{background:var(--color-frost);border-color:var(--color-frost-line)}
.screenshot-dialog{border:1px solid var(--color-rim);padding:0;border-radius:20px;width:min(94vw,1600px);max-width:none;max-height:92vh;background:var(--color-paper);box-shadow:0 40px 100px var(--color-silver-shadow)}
.screenshot-dialog::backdrop{background:rgb(25 32 42 / 35%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.screenshot-dialog-inner{display:flex;flex-direction:column;max-height:92vh}.screenshot-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--color-line);flex:none}
.screenshot-dialog header strong{font-size:12px;font-weight:500;line-height:1.6}.screenshot-dialog header>div{display:flex;align-items:center;gap:12px}.screenshot-dialog header button{border:1px solid var(--color-line);background:var(--color-paper);border-radius:100px;min-height:36px;padding:0 15px;font-size:12px;cursor:pointer;white-space:nowrap}.screenshot-dialog #screenshot-close{font-size:24px;padding:0;width:36px}
.screenshot-scroll{overflow:auto;padding:10px;min-height:0}.screenshot-scroll img{display:block;width:100%;height:auto}.screenshot-dialog.natural-size .screenshot-scroll img{width:1500px;max-width:none}
@supports not (backdrop-filter:blur(10px)){.frost,.actual-showcase,.actual-tour,.focus-capture,.download-card{background:var(--color-paper)}}
@media(max-width:1000px){.tour-layout{gap:30px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}}
@media(max-width:680px){.intro{padding-bottom:42px}.hero-stage{margin:38px 14px 0;padding:0}.actual-showcase{border-radius:14px;padding:5px}.shot-button{border-radius:9px}.showcase-bar{border-radius:18px;flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:10px;padding:12px 15px;margin-top:20px}.showcase-bar>span{width:100%;font-size:10px}.view-tabs button{padding:0 17px;min-height:32px;font-size:10px}.preview-link{font-size:10px;padding-inline:0}.stage-caption{font-size:9px}.tour-layout{display:block}.tour-selector button{padding:12px 2px}.actual-tour{border-radius:16px;padding:5px}.actual-tour .tour-panel-top{padding:13px 12px}.actual-tour .tour-panel-content{padding:20px 15px 20px}.actual-tour .tour-panel-content h3{font-size:20px}.actual-tour .tour-panel-note{padding-inline:15px}.focus-section{padding-block:72px}.focus-capture{padding:5px;border-radius:16px}.focus-capture figcaption{font-size:9px}.screenshot-dialog{border-radius:14px}.screenshot-dialog header{gap:8px;padding:12px}.screenshot-dialog header strong{font-size:10px}.screenshot-dialog header>div{gap:6px}.screenshot-dialog header button{font-size:10px;padding:0 10px}.screenshot-scroll{padding:5px}}

.desktop-hud-demo{max-width:540px;margin:0 auto 84px}.desktop-hud-demo iframe{display:block;border:0;outline:0;background:transparent;width:100%;height:284px}.hud-demo-caption{font-size:10px!important;line-height:1.5!important;color:var(--color-muted);margin:6px 0 0!important}.focus-heading>p:not(.section-kicker){max-width:350px}.hud-preview-image{display:none}@media(max-width:680px){.desktop-hud-demo{max-width:340px;margin-bottom:60px}.focus-heading>p:not(.section-kicker){margin-inline:auto}}

.download-grid,.download-page .download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.download-card{padding-inline:28px}.download-page .download-card{padding-inline:28px}.download-action{max-width:100%;padding-inline:20px}
@media(min-width:681px) and (max-width:1100px){.download-grid,.download-page .download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card:last-child{grid-column:1/-1}}
@media(max-width:680px){.download-grid,.download-page .download-grid{grid-template-columns:1fr}.download-card,.download-page .download-card{padding-inline:24px}}

@media(max-width:680px){.tour-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.tour-selector button{padding:13px 2px}}

.intro .intro-label{display:block;width:fit-content;margin-inline:auto;text-align:center}