.showcase-hero{margin-top:32px;background:radial-gradient(ellipse at 80% 45%,#1e4050,transparent 60%),#0b1724;color:#e8e6db;border:1px solid #2c4148;border-radius:20px;min-height:610px;position:relative;overflow:hidden;display:grid;grid-template-columns:43% 57%;align-items:center;padding:58px 44px 80px}.showcase-hero:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(#35556855 1px,transparent 1px),linear-gradient(90deg,#35556855 1px,transparent 1px);background-size:64px 64px}.showcase-copy{position:relative;z-index:2}.showcase-copy .eyebrow{color:#cab27d;font-size:9px;letter-spacing:1.5px}.showcase-copy h1{font-size:46px;line-height:1.45;letter-spacing:-1px;color:#f4f0e6;white-space:pre-line;margin:26px 0 24px}.showcase-copy>p{font-size:13px;line-height:2;color:#a7bbc0;white-space:pre-line;max-width:340px}.showcase-hero .hero-actions{flex-wrap:wrap;gap:12px}.showcase-hero .button{background:#d3b780;color:#132332;border-color:#d3b780;padding:12px 17px;font-size:12px;gap:9px}.showcase-hero .film-button{background:transparent;color:#f2ead9;border-color:#647477}.hero-signature{display:flex;gap:23px;font-size:9px;color:#88a2ad;margin-top:35px;letter-spacing:1px}.hero-bottom{position:absolute;bottom:0;left:44px;right:44px;height:55px;border-top:1px solid #5f797944;display:flex;justify-content:space-between;align-items:center;color:#8ba5ae;font-size:10px;letter-spacing:1px}.screens-stage{position:relative;height:430px;perspective:1200px}.stage-screen{position:absolute;border:1px solid #6e838375;border-radius:10px;overflow:hidden;background:#162936;box-shadow:0 25px 60px #0008;transition:transform .5s;display:block}.stage-screen img{object-fit:contain;height:auto;aspect-ratio:auto}.stage-screen .screen-bar{height:22px;background:#1d3343;display:flex;align-items:center;gap:4px;padding:0 8px}.screen-bar i{width:4px;height:4px;background:#687f84;border-radius:50%}.screen-bar span{font-size:7px;color:#a7b9bd;margin-left:auto}.screen-label{font-size:8px;padding:7px 9px;color:#afbec2;line-height:1.3;background:#152a38}.screen-0{width:88%;top:14px;left:2%;transform:rotateY(-7deg) rotateZ(-2deg)}.screen-1{width:67%;left:0;bottom:0;transform:rotateY(-7deg) rotateZ(2deg);z-index:2}.screen-2{width:24%;right:-2%;top:80px;z-index:3;transform:rotateZ(5deg);border-radius:17px}.screen-2 .screen-bar,.screen-2 .screen-label{display:none}.stage-screen:hover{transform:translateY(-7px);z-index:4}.stage-word{position:absolute;right:28px;bottom:30px;color:#829fa65c;font-size:13px;line-height:1.5;letter-spacing:4px}.film-section{padding-bottom:32px}.film-frame{overflow:hidden;border:1px solid #2f4550;border-radius:16px;background:#08131e;box-shadow:0 16px 40px #182b3812}.film-frame video{width:100%;max-height:none;aspect-ratio:16/9;border-radius:0;object-fit:contain;background:#07101b}.film-caption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#899284;font-size:10px}.product-media{background:#132735;display:flex;align-items:center;justify-content:center;min-height:210px}.product-media img{object-fit:contain;aspect-ratio:1.65;max-height:260px}.product-media .media-tag{color:#d8e2d9;background:#203a47dc;border-color:#506773;top:auto;bottom:9px;left:10px}.product-card:has(img[src*="assistant-screen"]) .product-media img{padding:12px;object-fit:contain}.detail-visual{background:#102433;border:1px solid #314c54;padding:16px}.detail-visual img{object-fit:contain;aspect-ratio:1.25;max-height:560px}.screenshot-note{font-size:11px;color:#a3b8c1;padding:15px 0 2px;line-height:1.7}.gallery{grid-template-columns:1fr}.gallery img{aspect-ratio:auto;max-height:520px;object-fit:contain;background:#102433;border:1px solid #dce4d3}.media-note{margin-top:16px!important;font-size:11px!important;color:#7f8d7b!important}.support-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#edf1e5;border:1px solid #dce3cf;border-radius:12px;padding:35px;margin:20px 0 50px}.support-banner h2{font-size:26px;margin:12px 0 8px}.support-banner p{font-size:12px;color:#7b8974}.support-banner .button{flex-shrink:0}.product-grid .product-card{grid-template-columns:none}.product-info{background:#fff}
@media(min-width:1500px){.showcase-copy h1{font-size:51px}.showcase-hero{min-height:650px}.screens-stage{height:460px}}
@media(max-width:1050px){.showcase-hero{padding:40px 28px 75px;min-height:540px;grid-template-columns:45% 55%}.showcase-copy h1{font-size:37px}.screens-stage{height:350px}.hero-bottom{left:28px;right:28px}.stage-word{font-size:10px;right:5px;bottom:0}}
@media(max-width:720px){.showcase-hero{margin-top:18px;padding:30px 22px 63px;display:flex;flex-direction:column;align-items:stretch;gap:25px;border-radius:14px;min-height:0}.showcase-copy h1{font-size:34px;letter-spacing:-.7px;margin:20px 0 16px}.showcase-copy .eyebrow{font-size:7px;letter-spacing:1px}.showcase-copy>p{font-size:11px;line-height:1.9}.showcase-hero .hero-actions{margin-top:23px;gap:8px}.showcase-hero .button{font-size:10px;padding:10px 12px;gap:7px}.hero-signature{display:none}.screens-stage{height:245px;flex-shrink:0;margin:0 -6px}.screen-0{width:89%;left:0}.screen-1{width:66%;bottom:0}.screen-2{width:27%;top:35px;right:0}.screen-label{font-size:6px;padding:5px}.screen-bar span{font-size:6px}.stage-screen .screen-bar{height:15px}.stage-word{display:none}.hero-bottom{left:22px;right:22px;font-size:8px;letter-spacing:0;height:43px}.film-caption{flex-direction:column;gap:3px;font-size:9px}.film-section{padding-bottom:23px}.film-frame{border-radius:10px}.product-grid{grid-template-columns:1fr}.product-card{display:block}.product-media{min-height:0;height:225px}.product-media img{height:100%;min-height:0;max-height:none;object-fit:contain;aspect-ratio:auto}.product-info{padding:22px}.product-info h3{font-size:20px}.product-meta{margin-top:20px}.product-info .overline{font-size:8px}.media-tag{font-size:9px}.detail-visual{padding:9px}.detail-visual img{aspect-ratio:1.35;max-height:400px}.screenshot-note{font-size:10px;padding:10px 4px 4px}.support-banner{padding:26px;display:block;margin-bottom:30px}.support-banner h2{font-size:23px}.support-banner .button{margin-top:22px}.gallery img{max-height:560px}.film-section .section-head h2{font-size:25px}}

.detail-visual:has(img[src*="assistant-screen"]) img{aspect-ratio:auto;height:540px;max-height:none;object-fit:contain}
.gallery-item{padding:0;border:1px solid #dce4d3;border-radius:10px;overflow:hidden;background:#102433;cursor:zoom-in;min-width:0;text-align:left;color:#c4d5d5;font:inherit}.gallery-item img{border:0;border-radius:0;width:100%;display:block}.gallery-item span{display:block;padding:12px 14px;font-size:11px;line-height:1.6}.gallery-item:focus-visible{outline:3px solid #b3945a;outline-offset:3px}.gallery-phone{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-phone img{max-height:none;width:100%;height:auto}
.case-grid:has([data-comparison="true"]){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.case-card[data-comparison="true"]{grid-column:auto}.case-card[data-comparison="true"] .case-image{background:#0a1c28;border:1px solid #36514e;border-radius:12px;padding:0}.case-card[data-comparison="true"] img,.listing .case-card[data-comparison="true"]:first-child img{aspect-ratio:9/16;height:490px;object-fit:contain;max-width:100%}.case-comparison{max-width:640px;margin:28px auto;background:#0a1c28;border:1px solid #294c4c;border-radius:16px;overflow:hidden}.case-comparison video{width:100%;height:auto;aspect-ratio:9/16;max-height:none;object-fit:contain;border-radius:0;display:block}.comparison-caption,.comparison-timeline{padding:0 18px!important;color:#b6ccc4!important;font-size:12px!important;line-height:1.8!important}.comparison-caption{margin-top:14px!important}.comparison-timeline{padding-bottom:18px!important;color:#91aaa3!important;margin-top:4px!important}.phone-preview-label{font-size:11px;color:#54725d}
@media(max-width:720px){.case-grid:has([data-comparison="true"]){grid-template-columns:1fr;gap:28px}.case-card[data-comparison="true"] img,.listing .case-card[data-comparison="true"]:first-child img{height:auto;max-height:540px;aspect-ratio:9/16}.case-comparison{border-radius:10px;margin:22px -5px}.comparison-caption,.comparison-timeline{font-size:10px!important;padding-left:12px!important;padding-right:12px!important}}
@media(max-width:720px){.detail-visual:has(img[src*="assistant-screen"]) img{height:auto;max-height:620px;aspect-ratio:auto}}

.website-entry-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.footer-bottom{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}.footer-bottom a{color:inherit}#entry-dialog p{white-space:pre-line}
