.apps-showcase{font-size:16px;background:var(--ux-paper);color:var(--ux-text)}
.apps-showcase *{box-sizing:border-box}.showcase-hero,.showcase-section,.showcase-end{max-width:1240px;margin:auto;padding:58px 32px}
.showcase-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:44px;align-items:center;min-height:680px}
.showcase-headline h1{font-size:19px;letter-spacing:.05em;margin:0 0 22px;font-weight:800}
.showcase-headline h2{font:600 clamp(38px,4.6vw,66px)/1.12 Georgia,AICUXBengali,serif;letter-spacing:-1.8px;margin:0 0 26px;max-width:14ch}
.showcase-headline>p{max-width:48ch;font-size:17px;line-height:1.8}
.showcase-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}
.showcase-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;background:#d9bf80;color:#12312b!important;border:1px solid #d9bf80;border-radius:12px;padding:12px 18px;font-weight:750;text-decoration:none}
.showcase-button.secondary{background:transparent;color:var(--ux-text)!important;border-color:var(--ux-line)}
.showcase-muted{font-size:13px!important;line-height:1.75;color:var(--ux-muted)}
.showcase-composition{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:46px 12px 32px;isolation:isolate}
.showcase-curve{position:absolute;inset:15px -8px;background:var(--ux-soft);border-radius:180px 55px 160px 70px;transform:rotate(-8deg);z-index:-1}
.app-demo{margin:0;min-width:0;text-align:center;align-self:center}
.demo-phone{background:var(--ux-surface);color:var(--ux-text);border:7px solid #103b3b;border-radius:34px;padding:15px 14px 24px;max-width:265px;min-height:390px;margin:0 auto;box-shadow:0 22px 36px #0b302d22;overflow:hidden;text-align:left}
body[data-ux-theme=dark] .demo-phone{border-color:#597b6a}
.demo-camera{width:62px;height:6px;border-radius:20px;background:#103b3b;margin:0 auto 16px}
.demo-brand{font-size:13px;font-weight:800;border-bottom:1px solid var(--ux-line);padding-bottom:12px;min-height:34px}
.demo-screen{padding-top:20px;font-size:13px;line-height:1.65}.demo-kicker{font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--ux-muted)}
.demo-number{font-size:28px;display:block;line-height:1.3;margin:10px 0}.demo-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--ux-line);padding:12px 0;font-size:12px}
.demo-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:64px;margin:20px 0}.demo-bars i{width:18%;height:40%;border-radius:5px 5px 0 0;background:#7d9585}.demo-bars i:nth-child(2){height:70%}.demo-bars i:nth-child(3){height:55%;background:#d9bf80}.demo-bars i:nth-child(4){height:90%}.demo-bars i:nth-child(5){height:64%}
.demo-task{display:flex;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ux-line)}.demo-task i{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:var(--ux-soft);border-radius:50%;font-style:normal}.demo-task span{display:block;color:var(--ux-muted);font-size:11px}
.demo-kanji{font-family:'Hiragino Kaku Gothic ProN',sans-serif;font-size:90px;text-align:center;background:var(--ux-soft);border-radius:16px;margin:15px 0}
.demo-categories{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.demo-categories span{background:var(--ux-soft);border:1px solid var(--ux-line);border-radius:9px;padding:14px 4px;text-align:center;font-weight:750}
.app-demo figcaption{font-size:12px;line-height:1.6;margin:12px auto 0;color:var(--ux-muted);max-width:260px}.showcase-composition .app-demo:first-of-type{transform:rotate(-5deg) translateY(-12px)}.showcase-composition .app-demo:last-of-type{transform:rotate(5deg) translateY(26px)}
.showcase-section{scroll-margin-top:calc(var(--ux-header) + 20px);padding-top:50px;padding-bottom:50px}.showcase-section>header{max-width:780px;margin-bottom:30px}
.showcase-section h2{font:600 36px/1.3 Georgia,AICUXBengali,serif;margin:10px 0 18px}.showcase-kicker{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--ux-muted)}
.app-features{display:grid;grid-template-columns:1fr;gap:30px}.app-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:30px;padding:38px}
.app-feature h3{font-size:30px;line-height:1.4;margin:12px 0 20px}.feature-job{font-size:20px;line-height:1.6}.app-feature dl{border-block:1px solid var(--ux-line);padding:14px 0;margin:20px 0}.app-feature dl>div{display:grid;grid-template-columns:65px 1fr;gap:16px;margin:9px 0}.app-feature dd{margin:0;font-size:14px}.app-feature dt{font-weight:800}
.learning-modules{list-style:none;padding:0;margin:22px 0}.learning-modules li{padding:12px 0;border-top:1px solid var(--ux-line)}.learning-modules a{font-weight:750;text-decoration:underline;display:inline-block;min-height:44px;line-height:44px}.learning-modules span{display:block;font-size:13px;color:var(--ux-muted)}.no-download{font-size:14px;font-weight:750;margin-top:24px}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.tool-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:280px;padding:28px;border:1px solid var(--ux-line);border-radius:18px;background:var(--ux-paper)}
.tool-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--ux-soft);border-radius:12px;margin-bottom:16px}.tool-icon svg{width:36px;height:36px;stroke:var(--ux-text);fill:none;stroke-width:1.6}.tool-card h3{font-size:22px;line-height:1.5;margin:0 0 12px}.tool-card p{margin:0 0 18px;font-size:16px}.tool-status{font-size:13px;font-weight:750;color:var(--ux-muted);margin:0 0 22px}.tool-card .showcase-button,.tool-card .tool-planned{margin-top:auto}.tool-planned{font-size:14px;padding:12px 0;font-weight:700}
.future-services{border-top:1px solid var(--ux-line)}.future-services>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.future-services article{padding:8px 0;font-size:14px}.future-services h3{font-size:20px;margin:0 0 15px}.future-services a{text-decoration:underline;min-height:44px;display:inline-block}.showcase-end{font-size:14px;color:var(--ux-muted);border-top:1px solid var(--ux-line);padding-top:30px;padding-bottom:35px}
.apps-showcase:lang(bn) .showcase-headline h2{font-family:AICUXBengali,Georgia,serif;letter-spacing:0;line-height:1.45;max-width:18ch}.apps-showcase:lang(bn) h2{line-height:1.65}.apps-showcase:lang(bn) .demo-screen{line-height:1.8}
@media(max-width:1000px){.showcase-curve{inset:0;transform:none}.showcase-hero{gap:24px;grid-template-columns:1fr 1fr;padding-inline:24px}.demo-phone{padding-inline:10px}.app-feature{gap:24px;padding:28px}}
.showcase-button:focus-visible{outline:3px solid #648d79;outline-offset:4px}
@media(max-width:767px){.showcase-curve{inset:0;transform:none}.showcase-hero{grid-template-columns:1fr;gap:20px;padding:36px 20px;min-height:0}.showcase-headline h2{font-size:42px;max-width:17ch}.showcase-headline>p{font-size:16px}.showcase-composition{gap:14px;padding:24px 4px}.showcase-composition .app-demo:first-of-type,.showcase-composition .app-demo:last-of-type{transform:none}.demo-phone{min-height:330px;border-width:5px;border-radius:26px;padding:12px 11px 18px}.demo-number{font-size:23px}.demo-row{flex-wrap:wrap}.showcase-section{padding:32px 20px}.showcase-section h2{font-size:29px}.app-feature{grid-template-columns:1fr;padding:24px 20px;gap:26px}.app-feature h3{font-size:26px}.app-feature dl>div{grid-template-columns:60px 1fr;gap:10px}.tools-grid{grid-template-columns:1fr;gap:18px}.tool-card{min-height:0;padding:24px}.tool-card .showcase-button{margin-top:10px}.future-services>div{grid-template-columns:1fr;gap:20px}.showcase-end{padding-inline:20px}.apps-showcase:lang(bn) .showcase-headline h2{font-size:37px}}
@media(max-width:350px){.showcase-composition{grid-template-columns:1fr;gap:25px}.demo-phone{width:240px;max-width:100%}.showcase-headline h2{font-size:38px}.showcase-actions{flex-direction:column}.showcase-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.showcase-composition *{animation:none;transition:none}}
/* APPS-SHOWCASE-03: source-backed static previews. Existing theme owner only. */
.showcase-hero{grid-template-columns:.88fr 1.12fr;gap:32px}
.approved-product-screen{max-width:430px;width:100%;margin-inline:auto}
.product-image-link{display:block;text-decoration:none;color:var(--ux-text);border-radius:24px}
.product-image-link img{display:block;width:100%;height:auto;aspect-ratio:auto;border:5px solid #163a35;border-radius:25px;background:transparent;box-shadow:0 18px 32px #0b302d20;object-fit:contain;filter:none}
.product-image-link:focus-visible,.hero-secondary-link:focus-visible{outline:3px solid #b08a3e;outline-offset:5px}
.product-expand{display:block;padding:12px 4px;text-align:center;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.approved-product-screen figcaption{max-width:430px;margin-top:0;font-size:13px}
.approved-product-screen figcaption strong,.approved-product-screen figcaption span{display:block;margin:4px 0}
.source-dark{display:none}body[data-ux-theme=dark] .source-light{display:none}body[data-ux-theme=dark] .source-dark{display:block}
.showcase-composition .approved-product-screen{transform:none!important;align-self:start}
.hero-secondary-link{display:none}
.product-secondary-screens{grid-column:1/-1;border-top:1px solid var(--ux-line);padding-top:24px}
.product-secondary-screens h4{font-size:20px;margin:0 0 8px}
.product-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
#product-reminders .product-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
@media(max-width:1000px){.showcase-hero{grid-template-columns:1fr;gap:24px}.showcase-headline h2{max-width:19ch}.showcase-composition{max-width:780px;width:100%;margin:auto}.product-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.showcase-composition{grid-template-columns:1fr;gap:20px;padding:24px 12px}.showcase-headline h2{max-width:17ch}.hero-product-preview[data-product-source=reminders]>.product-image-link{display:none!important}.hero-secondary-link{display:block;min-height:44px;padding:12px;text-decoration:underline;font-weight:750}.hero-product-preview[data-product-source=reminders]{padding:14px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-surface)}.product-secondary-grid,#product-reminders .product-secondary-grid{grid-template-columns:1fr}.product-secondary-grid{gap:28px}.product-image-link img{border-width:4px}.showcase-hero{gap:20px}}
/* Taller uncropped source screens keep the soft backdrop inside its own bounds. */
.showcase-curve{inset:10px 0;transform:none}
.hero-secondary-link{display:none!important}
@media(max-width:767px){.hero-secondary-link.source-light{display:block!important}.hero-secondary-link.source-dark{display:none!important}body[data-ux-theme=dark] .hero-secondary-link.source-light{display:none!important}body[data-ux-theme=dark] .hero-secondary-link.source-dark{display:block!important}}

/* APPS-04: native post-content container only; shared styles and other routes remain exact. */
body:has(#aic-apps-directory) .wp-block-post-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}body:has(#aic-apps-directory) .wp-site-blocks{padding:0!important}body:has(#aic-apps-directory) .apps-showcase{width:100%;max-width:none}

/* Native WordPress auto-sizes containment needs the approved master aspect ratio. */
#aic-apps-directory .product-image-link img[width="1206"][height="2622"]{aspect-ratio:auto 1206 / 2622}#aic-apps-directory .product-image-link img[width="860"][height="1864"]{aspect-ratio:auto 860 / 1864}
