/* Scoped DARK04 refinement; generated by tools/roast_pod_styles.py. */
body.rp-page[data-page="experience"]{--section-gap:112px;--heading-gap:48px}
body.rp-page[data-page="experience"] #main-content{background:radial-gradient(ellipse 70% 10% at 85% 5%,#434f8526,transparent 85%),radial-gradient(ellipse 70% 14% at 15% 33%,#424a7d1a,transparent 85%),radial-gradient(ellipse 70% 13% at 92% 62%,#6351891c,transparent 85%),radial-gradient(ellipse 75% 10% at 50% 91%,#46587e16,transparent 90%)}
body.rp-page :is(#main-content,.rp-dialog) .hero-rule,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-rule){background:radial-gradient(ellipse 41% 54% at 75% 47%,rgba(88,113,185,.29),rgba(101,81,154,.14) 48%,transparent 82%)}
body.rp-page :is(#main-content,.rp-dialog) .hero,
body.rp-page :is(#main-content,.rp-dialog):is(.hero){min-height:min(900px,100svh)}
body.rp-page :is(#main-content,.rp-dialog) .hero-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-grid){min-height:calc(min(900px,100svh) - var(--header))}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy){padding:30px 0 54px}
body.rp-page :is(#main-content,.rp-dialog) .hero h1,
body.rp-page :is(#main-content,.rp-dialog):is(.hero) h1{font-size:clamp(76px,8.1vw,116px)}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:32px;margin-top:24px;max-width:480px}
body.rp-page :is(#main-content,.rp-dialog) .hero-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-actions){margin-top:34px}
body.rp-page :is(#main-content,.rp-dialog) .hero-actions .button,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-actions) .button{min-height:50px;padding:13px 32px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:min(700px,78svh);margin-top:0}
body.rp-page :is(#main-content,.rp-dialog) .hero-product img,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) img{height:98%}
body.rp-page :is(#main-content,.rp-dialog) .section-space,
body.rp-page :is(#main-content,.rp-dialog):is(.section-space){padding-top:var(--section-gap);padding-bottom:var(--section-gap)}
body.rp-page :is(#main-content,.rp-dialog) .section-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.section-heading){margin-bottom:var(--heading-gap)}
body.rp-page :is(#main-content,.rp-dialog) .brand-statement,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-statement){padding-bottom:60px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom){margin-top:48px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom p,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom) p{font-size:20px}
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){height:calc(100svh + 1100px);min-height:0;padding:0 0 24px}
body.rp-page :is(#main-content,.rp-dialog) .stack-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-pin){top:calc(var(--header) + 14px)}
body.rp-page :is(#main-content,.rp-dialog) .compact,
body.rp-page :is(#main-content,.rp-dialog):is(.compact){margin-bottom:30px}
body.rp-page :is(#main-content,.rp-dialog) .compact h2,
body.rp-page :is(#main-content,.rp-dialog):is(.compact) h2{font-size:44px}
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){height:min(510px,calc(100svh - 290px));min-height:380px;margin-bottom:0}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-active,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-active),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-past,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-past),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-next,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-next){transform:var(--card-transform,none)!important;opacity:var(--card-opacity,1)!important;transition:none;filter:none;transform-origin:50% 0;pointer-events:auto}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){box-shadow:0 -15px 50px #03060a40}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){overflow:clip;border-radius:24px}
}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:42px 48px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy h3,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) h3{font-size:44px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) .eyebrow{margin-bottom:22px}
body.rp-page :is(#main-content,.rp-dialog) .product-overview,
body.rp-page :is(#main-content,.rp-dialog):is(.product-overview){padding-top:var(--section-gap);padding-bottom:0}
body.rp-page :is(#main-content,.rp-dialog) .product-overview>h2,
body.rp-page :is(#main-content,.rp-dialog):is(.product-overview)>h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:var(--heading-gap)}
body.rp-page :is(#main-content,.rp-dialog) .product-summary,
body.rp-page :is(#main-content,.rp-dialog):is(.product-summary){border:1px solid #354052;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,#141b29b0,#0e131db0)}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading){display:flex;align-items:center;justify-content:space-between;padding:24px 38px;background:#ffffff04;border-bottom:1px solid #354052}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading h3,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading) h3{font-size:30px;letter-spacing:-.04em}
body.rp-page :is(#main-content,.rp-dialog) .button.buy-accent,
body.rp-page :is(#main-content,.rp-dialog):is(.button.buy-accent){background:#b8e3cc;border-color:#b8e3cc;color:#10251b;border-radius:12px;min-height:48px;padding:11px 27px}
body.rp-page :is(#main-content,.rp-dialog) .button.buy-accent:hover,
body.rp-page :is(#main-content,.rp-dialog):is(.button.buy-accent:hover){background:#d2f0df;border-color:#d2f0df}
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:38px}
body.rp-page :is(#main-content,.rp-dialog) .summary-image,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image){display:flex;justify-content:center;align-items:center;min-height:390px;align-self:start;background:radial-gradient(ellipse at 50% 50%,#6378a51c,transparent 70%)}
body.rp-page :is(#main-content,.rp-dialog) .summary-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image) img{height:390px;width:auto;object-fit:contain}
body.rp-page :is(#main-content,.rp-dialog) .summary-price,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-price){font-size:44px;line-height:1.1;letter-spacing:-.05em;color:#f5f7fa;margin:5px 0 24px}
body.rp-page :is(#main-content,.rp-dialog) .summary-price span,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-price) span{font-size:14px;letter-spacing:0;color:#b8c2d0;margin-left:4px}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs){margin:0}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs>div,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs)>div{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #465268;padding:14px 0;font-size:16px}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs dt,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs) dt{color:#b8c2d0;text-align:right}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs dd,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs) dd{margin:0;color:#f5f7fa}
body.rp-page :is(#main-content,.rp-dialog) .additional-info,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-info){margin-top:25px}
body.rp-page :is(#main-content,.rp-dialog) .additional-info summary,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-info) summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:20px;letter-spacing:-.025em;padding:0 0 12px;font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .additional-info summary::-webkit-details-marker,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-info) summary::-webkit-details-marker{display:none}
body.rp-page :is(#main-content,.rp-dialog) .disclosure-triangle,
body.rp-page :is(#main-content,.rp-dialog):is(.disclosure-triangle){width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #d7dfeb;transition:transform .25s}
body.rp-page :is(#main-content,.rp-dialog) .additional-info[open] .disclosure-triangle,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-info[open]) .disclosure-triangle{transform:rotate(180deg)}
body.rp-page :is(#main-content,.rp-dialog) .additional-body,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-body){padding-top:10px}
body.rp-page :is(#main-content,.rp-dialog) .additional-body p,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-body) p{font-size:14px;line-height:1.6;margin-bottom:12px}
body.rp-page :is(#main-content,.rp-dialog) .additional-body .text-button,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-body) .text-button{display:inline-block;margin-top:7px;font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .curve-section,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section){margin-top:0;padding-top:var(--section-gap);padding-bottom:var(--section-gap)}
body.rp-page :is(#main-content,.rp-dialog) .curve-section .section-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section) .section-heading{margin-bottom:var(--heading-gap)}
body.rp-page :is(#main-content,.rp-dialog) .curve-status,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-status){font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .curve-playback,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-playback){font-size:12px;min-height:40px;min-width:72px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-section,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-section){padding-top:0;padding-bottom:var(--section-gap)}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes){grid-template-columns:1fr 1fr;gap:80px}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){padding-top:0;padding-bottom:0;height:220svh}
body.rp-page :is(#main-content,.rp-dialog) .software-section .section-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section) .section-heading{margin-bottom:var(--heading-gap)}
body.rp-page :is(#main-content,.rp-dialog) .software-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.software-layout){grid-template-columns:300px 1fr;gap:65px}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){padding:25px 0;align-items:center;gap:24px}
body.rp-page :is(#main-content,.rp-dialog) .software-step .progress-dot,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) .progress-dot{margin-top:0}
body.rp-page :is(#main-content,.rp-dialog) .software-step strong,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) strong{font-size:23px;display:block;line-height:1.28}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation:before,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation):before{top:35px;bottom:35px}
body.rp-page :is(#main-content,.rp-dialog) .industrial-section,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-section){padding-top:var(--section-gap);padding-bottom:var(--section-gap)}
body.rp-page :is(#main-content,.rp-dialog) .faq-section,
body.rp-page :is(#main-content,.rp-dialog):is(.faq-section){padding-top:0;padding-bottom:var(--section-gap)}
body.rp-page :is(#main-content,.rp-dialog) .closing-section,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section){padding-top:72px;padding-bottom:72px}
body.rp-page :is(#main-content,.rp-dialog) .specification-document,
body.rp-page :is(#main-content,.rp-dialog):is(.specification-document){padding-top:160px;padding-bottom:112px}
body.rp-page :is(#main-content,.rp-dialog) .specification-document>h1,
body.rp-page :is(#main-content,.rp-dialog):is(.specification-document)>h1{font-size:clamp(46px,6vw,86px);margin:46px 0 60px;max-width:1000px}
body.rp-page :is(#main-content,.rp-dialog) .specification-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.specification-actions){display:flex;gap:15px;margin-top:40px}
@media(min-width:901px) and (max-height:800px){
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){min-height:350px;height:calc(100svh - 245px)}
body.rp-page :is(#main-content,.rp-dialog) .compact h2,
body.rp-page :is(#main-content,.rp-dialog):is(.compact) h2{font-size:34px}
body.rp-page :is(#main-content,.rp-dialog) .compact,
body.rp-page :is(#main-content,.rp-dialog):is(.compact){margin-bottom:22px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:30px 40px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy h3,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) h3{font-size:35px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) .eyebrow{margin-bottom:15px}
body.rp-page :is(#main-content,.rp-dialog) .capacity strong,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity) strong{font-size:40px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:78svh}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){padding:20px 0}
}
@media(max-width:1100px){
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){gap:36px}
body.rp-page :is(#main-content,.rp-dialog) .summary-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image) img{height:350px}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading){padding:24px 30px}
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){padding:30px}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs>div,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs)>div{font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .software-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.software-layout){grid-template-columns:260px 1fr;gap:32px}
}
@media(max-width:900px){
body.rp-page[data-page="experience"]{--section-gap:88px;--heading-gap:36px}
body.rp-page :is(#main-content,.rp-dialog) .hero,
body.rp-page :is(#main-content,.rp-dialog):is(.hero){min-height:0}
body.rp-page :is(#main-content,.rp-dialog) .hero-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-grid){min-height:620px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:530px}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:26px}
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){height:auto;padding:0}
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){height:auto;min-height:0;gap:24px}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-active,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-active),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-past,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-past),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-next,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-next){transform:none!important;opacity:1!important;min-height:390px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:32px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy h3,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) h3{font-size:34px}
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){gap:26px;padding:26px}
body.rp-page :is(#main-content,.rp-dialog) .summary-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image) img{height:310px}
body.rp-page :is(#main-content,.rp-dialog) .summary-image,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image){min-height:340px}
body.rp-page :is(#main-content,.rp-dialog) .summary-price,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-price){font-size:38px}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs>div,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs)>div{font-size:13px;gap:12px}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){height:auto;padding:0}
body.rp-page :is(#main-content,.rp-dialog) .software-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.software-layout){grid-template-columns:1fr;gap:32px}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation:before,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation):before{top:8px;bottom:auto}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){padding:0;gap:14px;align-items:flex-start}
body.rp-page :is(#main-content,.rp-dialog) .software-step strong,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) strong{font-size:18px}
}
@media(max-width:600px){
body.rp-page[data-page="experience"]{--section-gap:72px;--heading-gap:32px}
body.rp-page :is(#main-content,.rp-dialog) .hero-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-grid){min-height:0}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy){padding:46px 0 0}
body.rp-page :is(#main-content,.rp-dialog) .hero h1,
body.rp-page :is(#main-content,.rp-dialog):is(.hero) h1{font-size:70px}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:25px;margin-top:18px}
body.rp-page :is(#main-content,.rp-dialog) .hero-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-actions){margin-top:26px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:410px;margin:16px 0 12px 12px}
body.rp-page :is(#main-content,.rp-dialog) .hero-rule,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-rule){background:radial-gradient(ellipse 82% 45% at 65% 65%,#586fba45,#65539c1c 50%,transparent 85%)}
body.rp-page :is(#main-content,.rp-dialog) .brand-statement,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-statement){padding-bottom:42px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom){margin-top:30px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom p,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom) p{font-size:17px}
body.rp-page :is(#main-content,.rp-dialog) .compact h2,
body.rp-page :is(#main-content,.rp-dialog):is(.compact) h2{font-size:39px}
body.rp-page :is(#main-content,.rp-dialog) .compact>p,
body.rp-page :is(#main-content,.rp-dialog):is(.compact)>p{font-size:15px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:30px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy h3,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) h3{font-size:35px}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-active,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-active),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-past,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-past),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-next,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-next){min-height:0}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading){padding:20px 23px}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading h3,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading) h3{font-size:27px}
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){grid-template-columns:1fr;gap:28px;padding:24px}
body.rp-page :is(#main-content,.rp-dialog) .summary-image,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image){min-height:0}
body.rp-page :is(#main-content,.rp-dialog) .summary-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image) img{height:300px}
body.rp-page :is(#main-content,.rp-dialog) .summary-price,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-price){font-size:42px}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs>div,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs)>div{font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .product-overview>h2,
body.rp-page :is(#main-content,.rp-dialog):is(.product-overview)>h2{font-size:40px;max-width:320px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes){grid-template-columns:1fr;gap:22px}
body.rp-page :is(#main-content,.rp-dialog) .software-step strong,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) strong{font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation:before,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation):before{top:7px}
body.rp-page :is(#main-content,.rp-dialog) .specification-document,
body.rp-page :is(#main-content,.rp-dialog):is(.specification-document){padding-top:115px;padding-bottom:72px}
body.rp-page :is(#main-content,.rp-dialog) .specification-document>h1,
body.rp-page :is(#main-content,.rp-dialog):is(.specification-document)>h1{font-size:45px;margin-top:38px}
body.rp-page :is(#main-content,.rp-dialog) .specification-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.specification-actions){flex-wrap:wrap}
body.rp-page :is(#main-content,.rp-dialog) .closing-section,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section){padding-top:60px;padding-bottom:60px}
}
@media(prefers-reduced-motion:reduce){
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){height:auto;padding:0}
body.rp-page :is(#main-content,.rp-dialog) .stack-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-pin){position:static}
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){height:auto;min-height:0;display:grid;gap:24px}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-active,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-active),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-past,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-past),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card.is-next,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-next){transform:none!important;opacity:1!important;position:relative}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){height:auto;padding:0}
}
