/* Scoped DARK04 art-surface; generated by tools/roast_pod_styles.py. */
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){height:calc(100svh + 1050px);padding:0}
body.rp-page :is(#main-content,.rp-dialog) .stack-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-pin){top:max(calc(var(--header) + 20px),calc((100svh - 600px)/2))}
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){height:min(600px,calc(100svh - 190px));min-height:390px;border:0;border-radius:12px;box-shadow:none;overflow:clip;background:transparent}
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[data-card="1"],
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card[data-card="1"]),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card[data-card="2"],
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card[data-card="2"]){display:block;border:0;border-radius:12px;box-shadow:none;background:#080a0f;transform-origin:50% 0}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image){position:absolute;inset:0;overflow:hidden;background:#080a0f}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image) img,
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image svg,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image) svg{height:100%;width:100%;max-width:none;object-fit:cover}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image) img{mix-blend-mode:screen}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image:after,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080a0fe8 0%,#080a0fa8 26%,transparent 57%),linear-gradient(0deg,#080a0f,transparent 18%,transparent 82%,#080a0f60);pointer-events:none}
body.rp-page :is(#main-content,.rp-dialog) .actual-window,
body.rp-page :is(#main-content,.rp-dialog):is(.actual-window){background:radial-gradient(ellipse at 72% 44%,#20202770,transparent 68%),#080a0f}
body.rp-page :is(#main-content,.rp-dialog) .actual-window:after,
body.rp-page :is(#main-content,.rp-dialog):is(.actual-window):after{background:linear-gradient(90deg,#080a0f 5%,#080a0fd9 25%,transparent 60%),linear-gradient(0deg,#080a0fc9,transparent 20%,transparent 85%,#080a0f)}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){position:relative;z-index:1;padding:62px;min-height:100%;display:flex;justify-content:center;align-items:flex-start;max-width:550px;pointer-events:none}
body.rp-page :is(#main-content,.rp-dialog) .card-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) .eyebrow{font-family:RPInter,Arial,sans-serif;font-size:12px;font-weight:550;letter-spacing:.13em;color:#b8c4d6;margin-bottom:25px}
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:clamp(38px,3.5vw,51px);line-height:1.04;letter-spacing:-.045em;margin-bottom:25px;max-width:420px;text-wrap:balance}
body.rp-page :is(#main-content,.rp-dialog) .card-copy>p:not(.eyebrow),
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy)>p:not(.eyebrow),
body.rp-page :is(#main-content,.rp-dialog) .card-window .card-copy>p:not(.eyebrow),
body.rp-page :is(#main-content,.rp-dialog):is(.card-window) .card-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#d2d9e3;max-width:330px}
body.rp-page :is(#main-content,.rp-dialog) .art-capacity,
body.rp-page :is(#main-content,.rp-dialog):is(.art-capacity){display:block;font-size:13px;line-height:1.5;color:#aab7c9;margin-top:30px}
body.rp-page :is(#main-content,.rp-dialog) .product-summary,
body.rp-page :is(#main-content,.rp-dialog):is(.product-summary){border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading){padding:0 0 34px;border:0;background:transparent}
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){padding:0;gap:84px;align-items:start}
body.rp-page :is(#main-content,.rp-dialog) .summary-image,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image){min-height:420px;background:radial-gradient(ellipse at 50% 50%,#5b71a018,transparent 74%)}
body.rp-page :is(#main-content,.rp-dialog) .summary-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image) img{height:420px}
body.rp-page :is(#main-content,.rp-dialog) .summary-price,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-price){margin-top:12px}
body.rp-page :is(#main-content,.rp-dialog) .summary-specs>div,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-specs)>div{border-bottom-color:#46526880}
body.rp-page :is(#main-content,.rp-dialog) .additional-info,
body.rp-page :is(#main-content,.rp-dialog):is(.additional-info){border:0}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading .buy-accent,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading) .buy-accent{background:linear-gradient(135deg,#c4e9d7e8,#9ccdb5c9);backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 1px 0 #f0fffbb3,0 8px 24px #0003;border:0}
body.rp-page :is(#main-content,.rp-dialog) .curve-study,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-study){background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
@media(min-width:901px) and (max-height:800px){
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:42px 52px}
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:40px;margin-bottom:18px}
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:20px}
body.rp-page :is(#main-content,.rp-dialog) .art-capacity,
body.rp-page :is(#main-content,.rp-dialog):is(.art-capacity){margin-top:24px}
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){min-height:390px}
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) + 20px)}
}
@media(max-width:1100px){
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){max-width:490px;padding:42px}
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:40px}
body.rp-page :is(#main-content,.rp-dialog) .summary-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-layout){gap:48px}
}
@media(max-width:900px){
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){height:auto}
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:32px;overflow:visible}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){min-height:420px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:36px;max-width:50%;min-height:420px}
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>p:not(.eyebrow),
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy)>p:not(.eyebrow){font-size:15px}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image) img{object-position:62% center}
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,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image){min-height:340px}
body.rp-page :is(#main-content,.rp-dialog) .summary-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-image) img{height:340px}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading){padding-bottom:28px}
}
@media(max-width:600px){
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){gap:28px}
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[data-card="1"],
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card[data-card="1"]),
body.rp-page :is(#main-content,.rp-dialog) .advantage-card[data-card="2"],
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card[data-card="2"]){min-height:590px;border-radius:0}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:30px 24px;min-height:590px;max-width:none;justify-content:flex-start}
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:36px;max-width:280px;margin-bottom:17px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) .eyebrow{font-size:11px;margin-bottom:20px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy>p:not(.eyebrow),
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy)>p:not(.eyebrow){font-size:15px;max-width:270px}
body.rp-page :is(#main-content,.rp-dialog) .art-capacity,
body.rp-page :is(#main-content,.rp-dialog):is(.art-capacity){margin-top:19px;font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image img,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image) img{object-fit:cover;object-position:74% bottom;height:55%;position:absolute;bottom:0;left:0}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image:after,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image):after{background:linear-gradient(180deg,#080a0f 0%,#080a0f 38%,#080a0fd9 45%,transparent 62%),linear-gradient(0deg,#080a0f,transparent 22%)}
body.rp-page :is(#main-content,.rp-dialog) .actual-window svg,
body.rp-page :is(#main-content,.rp-dialog):is(.actual-window) svg{width:190%;height:59%;position:absolute;bottom:0;left:-80%}
body.rp-page :is(#main-content,.rp-dialog) .actual-window:after,
body.rp-page :is(#main-content,.rp-dialog):is(.actual-window):after{background:linear-gradient(180deg,#080a0f 0%,#080a0f 37%,#080a0fa6 49%,transparent 63%),linear-gradient(0deg,#080a0f80,transparent 25%)}
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}
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:310px}
body.rp-page :is(#main-content,.rp-dialog) .summary-heading,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-heading){padding-bottom:25px}
body.rp-page :is(#main-content,.rp-dialog) .summary-price,
body.rp-page :is(#main-content,.rp-dialog):is(.summary-price){margin-top:0}
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:15px}
}
@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}
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;overflow:visible;display:grid;gap:32px}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){min-height:560px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){min-height:560px}
body.rp-page :is(#main-content,.rp-dialog) .cinematic-image,
body.rp-page :is(#main-content,.rp-dialog):is(.cinematic-image){position:absolute}
}