.real-product-cover{position:relative;background:radial-gradient(ellipse at 80% 30%,#e3eddb,#b7d0c4);min-height:460px;overflow:hidden;padding:30px;color:#234e43}.cover-title>span{font-size:8px;letter-spacing:1.5px}.cover-title strong{font:500 32px/1.1 var(--serif);display:block;margin-top:14px;letter-spacing:-1px}.screen-pair{height:290px;position:relative;margin:24px 0 0}.screen-pair img{position:absolute;width:43%;height:auto;max-height:360px;object-fit:contain;border:5px solid #294b43;border-radius:15px;box-shadow:0 18px 30px #244d4340;background:#f2faff;top:0;left:7%;transform:rotate(-8deg)}.screen-pair img+img{left:52%;top:-40px;transform:rotate(9deg)}.cover-caption{position:absolute;bottom:0;left:0;right:0;background:#21483f;color:#edf6e3;padding:13px 20px;font-size:7px;letter-spacing:1.4px}.runtime-showcase{padding-top:10px;padding-bottom:60px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;background:#e7ede2}.runtime-copy .section-label{display:block;margin-bottom:25px}.runtime-copy>p{font-size:15px;color:var(--muted);max-width:500px;line-height:1.8}.runtime-copy>p.fine{margin-top:22px}.runtime-copy details p{font-size:13px}.media-badge{display:inline-block;margin-top:14px;padding:8px 12px;border-radius:25px;background:#d1dfc3;font-size:8px;letter-spacing:1px}.runtime-player{margin:0;max-width:280px;justify-self:center;width:100%}.runtime-player video{display:block;width:100%;height:auto;aspect-ratio:9/20;background:#0e2522;border:7px solid #254b41;border-radius:19px;box-shadow:0 18px 35px #234b4129}.runtime-player figcaption{font-size:9px;color:var(--muted);text-align:center;margin-top:14px}.screenshot-section{border-top:1px solid var(--line)}.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-screen{margin:0;min-width:0}.product-screen>a{display:block;position:relative;background:#e5ece1;padding:15px;border-radius:12px}.product-screen img{display:block;width:100%;height:auto;aspect-ratio:9/20;object-fit:contain;background:#f4faff;border:3px solid #365748;border-radius:10px;box-shadow:0 8px 16px #234b4117}.enlarge{display:block;font-size:8px;text-align:center;padding-top:12px;color:#2b5748}.product-screen h3{font-size:17px;margin:19px 0 9px;letter-spacing:-.4px}.product-screen figcaption p{font-size:11px;color:var(--muted);line-height:1.7}.screenshot-section>.fine{margin-top:30px;max-width:950px}.ux-decisions{background:#e9ede5}.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.decision-grid article{border-top:1px solid #a9bdad;padding-top:20px}.decision-grid article>span{font-size:8px;letter-spacing:1.3px;color:#496a55}.decision-grid h3{font-size:22px;margin-top:17px}.decision-grid p{font-size:13px;color:var(--muted);line-height:1.8}.ux-decisions>.fine{margin-top:25px}.content-demo{border-top:1px solid var(--line);background:#edf0e8}.content-demo figure{margin:0}.content-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#102129;box-shadow:0 10px 40px #244d4312}.content-demo figcaption{font-size:11px;color:var(--muted);margin-top:18px;max-width:900px;line-height:1.7}.content-demo details{max-width:850px}.content-demo details p{font-size:13px;color:var(--muted);line-height:1.8}
@media(max-width:1000px){.runtime-showcase{gap:35px}.real-product-cover{min-height:450px;padding:25px}.cover-title strong{font-size:28px}.screen-pair{margin-top:30px}.screen-pair img{width:46%;left:2%}.screen-pair img+img{left:51%;top:0}.screenshot-grid{gap:14px}.product-screen>a{padding:10px}.product-screen h3{font-size:15px}}
@media(max-width:700px){.real-product-cover{min-height:470px;padding:30px}.cover-title strong{font-size:32px}.screen-pair img{max-height:320px;width:43%;left:6%}.screen-pair img+img{left:52%;top:-30px}.runtime-showcase{grid-template-columns:1fr;padding-top:35px;gap:30px}.runtime-player{max-width:260px}.runtime-copy>p{font-size:14px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.product-screen>a{padding:10px}.product-screen h3{font-size:16px}.product-screen figcaption p{font-size:11px}.decision-grid{grid-template-columns:1fr;gap:20px}.decision-grid h3{margin:14px 0}.content-demo .section-heading p{font-size:12px}.content-demo video{border-radius:6px}.content-demo .section-heading{margin-bottom:25px}}