.homepage-concepts{padding:65px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,#9c5fd519,transparent 65%)}.concept-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}.concept-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.05;margin:12px 0 0}.concept-heading>p{max-width:340px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.concept-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.concept-card{min-width:0}.concept-window{border:1px solid #a88cc643;border-radius:12px;overflow:hidden;background:#171320;box-shadow:0 14px 40px #0002;transition:transform .25s,border-color .25s}.concept-card:hover .concept-window{border-color:#b48ae1;transform:translateY(-5px)}.concept-chrome{height:29px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bbb1c7;font:7px Arial,sans-serif;letter-spacing:.5px}.concept-chrome span:first-child{color:#766881;letter-spacing:2px;font-size:7px}.concept-thumbnail{position:relative;aspect-ratio:1.19;overflow:hidden;container-type:inline-size;background:#e7e5e0}.concept-thumbnail iframe{border:0;width:1100px;height:1050px;transform:scale(var(--preview-scale,.3));transform-origin:top left;pointer-events:none;display:block}.concept-open{position:absolute;inset:0;display:flex;align-items:end;justify-content:center;padding:18px;background:linear-gradient(transparent 70%,#08051255)}.concept-open span{padding:11px 18px;border-radius:30px;background:#0f0b1eea;color:#fff;border:1px solid #b48ae16b;font-size:10px;box-shadow:0 0 18px #ae6ded44}.concept-open:focus-visible{outline:3px solid #d0acf5;outline-offset:-4px}.concept-card-heading{display:flex;align-items:center;gap:12px;margin-top:20px}.concept-card-heading>span{font-size:10px;color:var(--accent);border:1px solid var(--line);padding:9px;border-radius:50%}.concept-card-heading h3{font-size:23px;margin:0 0 4px;line-height:1.1}.concept-card-heading p{font-size:10px;color:var(--muted);margin:0}.concept-card-heading>svg{margin-left:auto;width:20px;height:20px;color:var(--accent)}.concept-description{font-size:12px;line-height:1.7;color:var(--muted);margin:15px 0 0}.concept-hint{font-size:10px;color:var(--muted);text-align:center;margin:25px 0 0}.concept-dialog{width:min(1440px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;border:1px solid #775b96;border-radius:16px;background:#15101e;color:#f6f1fc;overflow:hidden;box-shadow:0 25px 90px #0009}.concept-dialog[open]{display:flex;flex-direction:column}.concept-dialog::backdrop{background:#090511d9;backdrop-filter:blur(8px)}.concept-dialog-bar{padding:14px 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff20;min-height:65px}.concept-dialog-bar strong{font-size:14px;font-family:'DM Sans',sans-serif}.concept-device-controls{display:flex;margin-left:auto;gap:5px;background:#ffffff0b;padding:4px;border-radius:9px}.concept-dialog button{color:#ddd0ed;font:11px 'DM Sans',sans-serif;cursor:pointer;border:1px solid transparent;padding:9px 13px;border-radius:6px;background:transparent}.concept-device-controls button[aria-pressed=true]{background:#b996e5;color:#130d22}.concept-close{border-color:#ffffff30!important;display:flex;align-items:center;gap:15px}.concept-close span{font-size:20px;line-height:.5}.concept-dialog-stage{flex:1;min-height:0;display:flex;justify-content:center;background:repeating-linear-gradient(45deg,#17121e,#17121e 10px,#1d1725 10px,#1d1725 11px);padding:0 14px}.concept-dialog-stage iframe{border:0;width:100%;height:100%;background:#fff;transition:width .2s}.concept-dialog[data-device=mobile] .concept-dialog-stage iframe{width:390px;max-width:100%}.concept-dialog-footer{padding:12px 20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;min-height:40px}.concept-dialog-footer span{color:#c0b4cd}.concept-dialog-footer a{color:#d5b1ff;text-decoration:underline}.concept-dialog button:focus-visible,.concept-dialog a:focus-visible{outline:2px solid #d5b1ff;outline-offset:2px}.concept-view-open{overflow:hidden}html[data-theme=light] .concept-window{border-color:#bfb1cf}html[data-theme=light] .homepage-concepts{background:#f1eaf8}html[data-theme=light] .concept-chrome{background:#e8e0ef;color:#665677}html[data-theme=light] .concept-open span{background:#241635ee}@media(max-width:850px){.concept-gallery{gap:16px}.concept-heading{gap:25px}.concept-card-heading h3{font-size:20px}.concept-card-heading{gap:8px}.concept-description{font-size:11px}}@media(max-width:650px){.homepage-concepts{padding:35px 0}.concept-heading{display:block;margin-bottom:24px}.concept-heading h2{font-size:37px}.concept-heading>p{margin-top:18px;font-size:12px}.concept-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 15px;gap:18px}.concept-card{flex:0 0 90%;scroll-snap-align:start}.concept-card-heading h3{font-size:24px}.concept-description{font-size:12px}.concept-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.concept-dialog-bar{padding:12px;gap:10px;min-height:60px}.concept-dialog-bar strong{font-size:12px;max-width:60%}.concept-device-controls{display:none}.concept-close{margin-left:auto}.concept-dialog-stage{padding:0}.concept-dialog-footer{font-size:9px;padding:12px;gap:12px;align-items:center}.concept-dialog-footer span{max-width:50%}.concept-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.concept-window,.concept-dialog-stage iframe{transition:none}.concept-card:hover .concept-window{transform:none}}
