/* Approved visual reference implemented as actual responsive HTML/CSS. Scoped to Products only. */
.pp-main{background:#100907;color:#f8e9df}
.rtp-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 62%,#5c3018 0%,#21110b 45%,#100907 80%);overflow:hidden;padding:64px 3.5% 90px}
.rtp-hero-inner{max-width:1510px;margin:auto;display:grid;grid-template-columns:43% 57%;gap:10px;align-items:center;position:relative;z-index:1}
.rtp-product-pill{display:inline-flex;gap:15px;align-items:center;border:1px solid #8a5b36;border-radius:50px;padding:12px 18px;background:#25150e;box-shadow:0 0 19px #ba78312c;font-size:15px}
.rtp-product-pill span{font-weight:700}.rtp-product-pill small{font-size:10px;color:#e4c3a2}
.rtp-hero h1{font-size:clamp(48px,5vw,88px);letter-spacing:-.05em;line-height:1.1;margin:26px 0 13px;color:#f9f0e9}
.rtp-hero em,.rtp-features em,.rtp-shots em,.rtp-cta em{font-family:Georgia,serif;font-style:italic;color:#eab47d;font-weight:500}
.rtp-hero h2{font-size:clamp(20px,2vw,30px);line-height:1.3;font-weight:600;margin:0 0 19px}
.rtp-hero-copy>p{max-width:530px;color:#e5d6cc;font-size:15px;line-height:1.8}
.rtp-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 24px;max-width:560px}
.rtp-specs>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;font-size:11px;font-weight:600}
.rtp-specs b{display:grid;place-items:center;border:1px solid #a76d35;color:#ffc375;width:49px;height:49px;border-radius:50%;font-size:26px;box-shadow:0 0 14px #a9692c44}
.rtp-specs small{display:block;font-size:10px;color:#d6bda9;font-weight:400}
.rtp-actions{display:flex;gap:14px;flex-wrap:wrap}
.rtp-button{display:inline-flex;align-items:center;justify-content:center;border-radius:35px;padding:14px 25px;text-decoration:none!important;font-weight:700;font-size:13px;min-height:48px;transition:transform .15s,filter .15s}
.rtp-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.rtp-button.primary{color:#23120a!important;background:linear-gradient(140deg,#fff0c8,#f7bd76);box-shadow:0 3px 22px #e8a75a45}
.rtp-button.outline{color:#f5d8b2!important;border:1px solid #b17a42;background:#21140c}
.rtp-device{min-width:0;padding:12px 18px 0 0}
.rtp-laptop{position:relative;filter:drop-shadow(0 28px 24px #000a);transform:perspective(1600px) rotateY(-3deg)}
.rtp-screen{border:10px solid #100d0d;border-radius:18px 18px 8px 8px;background:#100d0d;box-shadow:0 0 0 2px #c3a07e,0 0 35px #b5753b55;overflow:hidden}
.rtp-screen img{display:block;width:100%;height:auto;filter:none!important}
.rtp-laptop-bottom{position:relative;margin:0 -8%;height:24px;background:linear-gradient(#8d6a53,#342c2b 46%,#a67b5c 65%,#201815);border-radius:3px 3px 55% 55%;box-shadow:0 12px 20px #000a}
.rtp-notch{width:17%;height:5px;background:#4e382b;border-radius:0 0 8px 8px;margin:auto}
.rtp-screen-note{text-align:center;color:#c8a78c;font-size:10px;margin-top:16px}
.rtp-hero-waves,.rtp-cta-waves{position:absolute;pointer-events:none;left:-10%;right:-10%;bottom:-55px;height:145px;background:repeating-radial-gradient(ellipse 70% 115% at 42% 120%,transparent 0 18px,#e7a65a8a 19px,transparent 21px);opacity:.5;transform:rotate(-2deg);mask-image:linear-gradient(to top,#000,transparent)}
.rtp-features{max-width:1500px;margin:auto;padding:42px 4%;display:grid;grid-template-columns:29% 1fr;gap:35px;align-items:center}
.rtp-kicker{letter-spacing:.2em;color:#e7b77e;font-size:11px;font-weight:700}
.rtp-features h2{font-family:Georgia,serif;font-size:clamp(31px,3vw,48px);line-height:1.07;margin:12px 0}
.rtp-features p{font-size:13px;color:#e1cfc2;line-height:1.7}
.rtp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rtp-feature-grid article{display:flex;align-items:center;gap:13px;min-height:85px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#301d12,#130b08);border:1px solid #8a5a31;box-shadow:inset 0 0 18px #9b582221}
.rtp-feature-grid article>span{flex:0 0 49px;height:49px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#65401e,#e9ad65);color:#1e1109;font-size:25px}
.rtp-feature-grid h3{font-size:13px;margin:0 0 4px}.rtp-feature-grid p{font-size:11px;margin:0}
.rtp-shots{padding:12px 3.5% 52px;max-width:1510px;margin:auto}
.rtp-shots-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.rtp-shots h2{font-family:Georgia,serif;font-size:clamp(29px,3vw,43px);margin:0 0 20px}
.rtp-shots-heading p{font-size:12px;color:#e3d0bf}
.rtp-carousel{display:flex;align-items:center;gap:12px}
.rtp-arrow{background:#1d120e;border:1px solid #b27b3c;color:#ffda99;border-radius:50%;height:38px;min-width:38px;font-size:29px;cursor:pointer}
.rtp-shot-track{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 3px 16px;flex:1}
.rtp-shot-track::-webkit-scrollbar{display:none}
.rtp-shot{scroll-snap-align:start;flex:0 0 clamp(180px,18vw,245px);padding:8px 8px 13px;background:linear-gradient(#2c1a12,#140b08);border:1px solid #9b6331;border-radius:14px;color:#ffe0ad;cursor:zoom-in}
.rtp-shot img{display:block;width:100%;aspect-ratio:1.6;object-fit:contain;background:#101016;border-radius:8px}
.rtp-shot strong{display:block;margin-top:9px;font-size:12px}
.rtp-shot:hover,.rtp-shot:focus-visible{border-color:#ffd39a;box-shadow:0 0 16px #d7974c55}
.rtp-shot-hint{text-align:center;font-size:11px;color:#bfa18b}
.rtp-cta{min-height:250px;position:relative;overflow:hidden;display:grid;place-items:center;padding:52px 25px 65px;background:radial-gradient(ellipse at bottom,#542b17,#140b08 66%);border-top:1px solid #51351e;border-bottom:1px solid #8e5b30;text-align:center}
.rtp-cta-text{z-index:2;position:relative}.rtp-cta h2{font-size:clamp(27px,3vw,45px);margin:0 0 7px}.rtp-cta p{font-size:13px;color:#e7d4c5;margin:0 0 20px}
.rtp-cta-globe{position:absolute;width:clamp(145px,21vw,300px);right:2%;bottom:-35px;opacity:.9;mask-image:radial-gradient(ellipse,#000 37%,transparent 74%);pointer-events:none}
.rtp-cta-waves{z-index:1;bottom:-25px;height:125px}
.rtp-lightbox{border:1px solid #bc874c;background:#110b09;color:#fff2df;padding:15px;width:min(96vw,1700px);max-width:none;max-height:95vh;border-radius:15px}
.rtp-lightbox::backdrop{background:#000e}.rtp-lightbox-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.rtp-lightbox-top button{border:1px solid #bd8b62;background:#271710;color:#f7d4a3;padding:9px 15px;border-radius:20px;cursor:pointer}
.rtp-lightbox-scroll{max-height:80vh;overflow:auto}.rtp-lightbox-scroll img{display:block;max-width:none;width:2880px;height:auto}
@media(max-width:1050px){.rtp-hero-inner{grid-template-columns:1fr}.rtp-hero-copy{max-width:800px}.rtp-device{max-width:920px;margin:auto}.rtp-features{grid-template-columns:1fr}.rtp-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rtp-hero{padding:40px 5% 60px}.rtp-product-pill{flex-wrap:wrap}.rtp-specs{grid-template-columns:repeat(2,1fr)}.rtp-hero h1{font-size:46px}.rtp-feature-grid{grid-template-columns:1fr}.rtp-shots-heading{display:block}.rtp-arrow{min-width:29px;height:29px}.rtp-cta-globe{opacity:.24}.rtp-laptop{transform:none}}
@media(prefers-reduced-motion:reduce){.rtp-button{transition:none}.rtp-shot-track{scroll-behavior:auto}}

/* Keep original software screenshots fully visible and sharp at every viewport. */
.rtp-hero-inner{grid-template-columns:minmax(0,43fr) minmax(0,57fr)}
.rtp-device{width:100%;box-sizing:border-box;padding-right:5%;padding-left:5%}
.rtp-laptop{transform:none}
.rtp-screen img{width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:8/5;image-rendering:auto}
.rtp-lightbox{box-sizing:border-box;overflow:hidden}
.rtp-lightbox-scroll{max-height:80vh;overflow:auto;display:grid;place-items:center;background:#101016}
.rtp-lightbox-scroll img{width:auto;height:auto;max-width:100%;max-height:76vh;object-fit:contain;margin:auto}
.rtp-lightbox.is-zoomed .rtp-lightbox-scroll{display:block}
.rtp-lightbox.is-zoomed .rtp-lightbox-scroll img{width:auto;max-width:none;max-height:none;margin:0}
.rtp-zoom-toggle{border:1px solid #bd8b62;background:#271710;color:#f7d4a3;padding:9px 15px;border-radius:20px;cursor:pointer;margin-left:auto;margin-right:12px}
@media(max-width:1050px){.rtp-hero-inner{grid-template-columns:minmax(0,1fr)}}