/* Scoped DARK04 experience; generated by tools/roast_pod_styles.py. */
body.rp-page :is(#main-content,.rp-dialog) .hero,
body.rp-page :is(#main-content,.rp-dialog):is(.hero){position:relative;padding-top:var(--header);min-height:min(920px,100svh);background:#eeede8;overflow:hidden}
body.rp-page :is(#main-content,.rp-dialog) .hero-rule,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-rule){position:absolute;right:0;top:var(--header);bottom:0;width:52%;background:linear-gradient(125deg,#f3f2ec,#dfded7);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
body.rp-page :is(#main-content,.rp-dialog) .hero-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-grid){position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:740px;gap:0}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy){position:relative;z-index:2;padding:44px 0 70px}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy) .eyebrow{font-size:10px;margin-bottom:42px}
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.8vw,128px);font-weight:500;letter-spacing:-.075em;white-space:nowrap;margin-left:-7px}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:30px;line-height:1.2;color:var(--ink);letter-spacing:-.035em;margin-top:20px}
body.rp-page :is(#main-content,.rp-dialog) .hero-description,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-description){font-size:16px;line-height:1.7;margin-top:30px}
body.rp-page :is(#main-content,.rp-dialog) .hero-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-actions){display:flex;align-items:center;gap:24px;margin-top:38px}
body.rp-page :is(#main-content,.rp-dialog) .price-note,
body.rp-page :is(#main-content,.rp-dialog):is(.price-note){font-size:13px;color:#545e56}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){position:relative;margin:16px -20px 0 -45px;height:690px;display:flex;justify-content:center;align-items:center}
body.rp-page :is(#main-content,.rp-dialog) .hero-product:before,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product):before{content:'';position:absolute;width:72%;height:10%;bottom:25px;left:20%;background:#2d302c20;filter:blur(25px);border-radius:50%;transform:rotate(-10deg)}
body.rp-page :is(#main-content,.rp-dialog) .hero-product img,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) img{position:relative;width:auto;height:95%;object-fit:contain;filter:drop-shadow(12px 18px 15px #202b2520)}
body.rp-page :is(#main-content,.rp-dialog) .hero-product figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) figcaption{position:absolute;right:0;bottom:0;font:9px/1.5 var(--mono);color:#666d66}
body.rp-page :is(#main-content,.rp-dialog) .hero-foot,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-foot){position:relative;display:flex;justify-content:space-between;font:9px/1.6 var(--mono);letter-spacing:.1em;padding-top:20px;padding-bottom:24px;border-top:1px solid #777f6c25}
body.rp-page :is(#main-content,.rp-dialog) .brand-statement h2,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-statement) h2{font-size:clamp(60px,7.1vw,102px);line-height:1.02;letter-spacing:-.06em;max-width:1100px}
body.rp-page :is(#main-content,.rp-dialog) .brand-statement .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-statement) .eyebrow{margin-bottom:40px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom){display:grid;grid-template-columns:1.15fr 1fr;gap:80px;margin-top:50px;align-items:start}
body.rp-page :is(#main-content,.rp-dialog) .brand-line,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-line){width:120px;height:2px;background:var(--red);margin-top:15px}
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;max-width:570px}
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){position:relative;min-height:calc(100svh + 340px);padding-top:30px;padding-bottom:30px}
body.rp-page :is(#main-content,.rp-dialog) .stack-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-pin){position:sticky;top:calc(var(--header) + 10px)}
body.rp-page :is(#main-content,.rp-dialog) .compact,
body.rp-page :is(#main-content,.rp-dialog):is(.compact){margin-bottom:28px;align-items:center}
body.rp-page :is(#main-content,.rp-dialog) .compact h2,
body.rp-page :is(#main-content,.rp-dialog):is(.compact) h2{font-size:44px;line-height:1.06}
body.rp-page :is(#main-content,.rp-dialog) .compact .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.compact) .eyebrow{margin-bottom:12px}
body.rp-page :is(#main-content,.rp-dialog) .compact>p,
body.rp-page :is(#main-content,.rp-dialog):is(.compact)>p{font-size:15px;justify-self:end}
body.rp-page :is(#main-content,.rp-dialog) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){height:510px;position:relative;margin-bottom:38px;isolation:isolate;outline-offset:12px}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:24px;border:1px solid #bec2b6;overflow:hidden;transform-origin:50% 100%;box-shadow:0 16px 26px #1d251414;transition:transform .65s var(--ease),opacity .5s,filter .6s;background:#e6e8df;will-change:transform}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card[data-card='0'],
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card[data-card='0']){z-index:3}
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']){z-index:2;transform:translateY(19px) scale(.965);background:#d5d9cf}
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']){z-index:1;transform:translateY(38px) scale(.93);background:#222724;color:#f5f3ef;border-color:#4e554c}
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){transform:translateY(-32px) scale(1.015)!important;opacity:0;pointer-events:none;z-index:0!important}
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){transform:none!important;z-index:5!important;opacity:1}
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:translateY(19px) scale(.965)!important;z-index:3!important}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:48px 52px;display:flex;flex-direction:column;align-items:flex-start}
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:25px;font-size:10px}
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:46px;line-height:1.05;margin-bottom:23px}
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:16px;max-width:330px;color:#545f55}
body.rp-page :is(#main-content,.rp-dialog) .card-copy .card-note,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) .card-note{font-size:13px!important;margin-top:20px;max-width:270px}
body.rp-page :is(#main-content,.rp-dialog) .capacity,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity){display:flex;align-items:center;gap:24px;margin-top:auto;padding-top:20px}
body.rp-page :is(#main-content,.rp-dialog) .capacity strong,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity) strong{font-size:52px;line-height:1;font-weight:450;letter-spacing:-.06em}
body.rp-page :is(#main-content,.rp-dialog) .capacity strong span,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity) strong span{font-size:25px}
body.rp-page :is(#main-content,.rp-dialog) .capacity>span,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity)>span{font:11px/1.5 var(--mono);color:#5e685d}
body.rp-page :is(#main-content,.rp-dialog) .card-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.card-visual){position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.rp-page :is(#main-content,.rp-dialog) .auto-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.auto-visual){background:#c9cebf50}
body.rp-page :is(#main-content,.rp-dialog) .auto-visual img,
body.rp-page :is(#main-content,.rp-dialog):is(.auto-visual) img{height:94%;width:auto;max-width:90%;object-fit:contain;padding:20px 0 0}
body.rp-page :is(#main-content,.rp-dialog) .visual-tag,
body.rp-page :is(#main-content,.rp-dialog):is(.visual-tag){position:absolute;right:22px;bottom:18px;font:10px/1.5 var(--mono);letter-spacing:.1em}
body.rp-page :is(#main-content,.rp-dialog) .expert-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.expert-visual){position:relative;padding:50px;display:flex;flex-direction:column;justify-content:center;background:#bcc4b850}
body.rp-page :is(#main-content,.rp-dialog) .expert-visual>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.expert-visual)>.eyebrow{font-size:10px;margin-bottom:40px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers){display:flex;align-items:center;justify-content:space-between;font-size:100px;line-height:1;letter-spacing:-.08em}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers>i,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers)>i{height:1px;width:25px;background:#5a6258;margin:0 12px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers small,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers) small{font-size:30px;margin-left:3px}
body.rp-page :is(#main-content,.rp-dialog) .range-rule,
body.rp-page :is(#main-content,.rp-dialog):is(.range-rule){display:flex;justify-content:space-between;align-items:flex-end;margin-top:34px;height:30px;border-bottom:1px solid #6c7467}
body.rp-page :is(#main-content,.rp-dialog) .range-rule i,
body.rp-page :is(#main-content,.rp-dialog):is(.range-rule) i{height:10px;width:1px;background:#6c7467}
body.rp-page :is(#main-content,.rp-dialog) .range-rule i:nth-child(5n+1),
body.rp-page :is(#main-content,.rp-dialog):is(.range-rule) i:nth-child(5n+1){height:25px}
body.rp-page :is(#main-content,.rp-dialog) .window-crop,
body.rp-page :is(#main-content,.rp-dialog):is(.window-crop){background:#121713}
body.rp-page :is(#main-content,.rp-dialog) .window-crop svg,
body.rp-page :is(#main-content,.rp-dialog):is(.window-crop) svg{width:125%;height:100%;max-width:none;object-fit:cover}
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){color:#b7c1b4}
body.rp-page :is(#main-content,.rp-dialog) .stack-controls,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-controls){display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:15px}
body.rp-page :is(#main-content,.rp-dialog) .step-buttons,
body.rp-page :is(#main-content,.rp-dialog):is(.step-buttons){display:flex;gap:5px;background:#e3e5dc;padding:5px;border-radius:40px}
body.rp-page :is(#main-content,.rp-dialog) .step-buttons button,
body.rp-page :is(#main-content,.rp-dialog):is(.step-buttons) button{background:none;border:0;border-radius:40px;min-width:80px;padding:9px 16px;font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .step-buttons button[aria-pressed=true],
body.rp-page :is(#main-content,.rp-dialog):is(.step-buttons) button[aria-pressed=true]{background:#252c24;color:white}
body.rp-page :is(#main-content,.rp-dialog) .curve-section,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section){background:var(--dark);color:#f5f3ef;margin-top:80px}
body.rp-page :is(#main-content,.rp-dialog) .curve-section .section-heading>p,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section) .section-heading>p{color:#aab3ad}
body.rp-page :is(#main-content,.rp-dialog) .curve-context,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-context){display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff25;margin-top:25px;padding-top:24px}
body.rp-page :is(#main-content,.rp-dialog) .curve-context>span,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-context)>span{font:10px/1.6 var(--mono);letter-spacing:.1em;color:#b5bfb6}
body.rp-page :is(#main-content,.rp-dialog) .curve-context p,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-context) p{font-size:13px;max-width:550px;color:#aab3ad}
body.rp-page :is(#main-content,.rp-dialog) .hardware-section,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-section){background:#232624;color:#f5f3ef}
body.rp-page :is(#main-content,.rp-dialog) .hardware-section .section-heading>p,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-section) .section-heading>p{color:#b5bdb5}
body.rp-page :is(#main-content,.rp-dialog) .hardware-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-stage){height:600px;position:relative;background:#101512;overflow:hidden;border-radius:4px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-image,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-image){width:100%;height:100%;object-fit:cover}
body.rp-page :is(#main-content,.rp-dialog) .hotspot,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot){position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid #fff8;color:#fff;background:#1c2b2580;backdrop-filter:blur(5px);font-size:25px;line-height:1;display:grid;place-items:center}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-window,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-window){left:61%;top:52%}
body.rp-page :is(#main-content,.rp-dialog) .hotspot:hover,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot:hover),
body.rp-page :is(#main-content,.rp-dialog) .hotspot[aria-expanded=true],
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot[aria-expanded=true]){background:#f5f3ef;color:#222}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption){position:absolute;left:65%;top:42%;width:30%;background:#f5f3eff2;border:1px solid #fff8;color:#222;border-radius:16px;padding:24px;backdrop-filter:blur(10px)}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption strong,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption) strong{font-size:17px;font-weight:550}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption p,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption) p{font-size:13px;margin-top:10px;line-height:1.6}
body.rp-page :is(#main-content,.rp-dialog) .hardware-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-caption){position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;font:10px/1.5 var(--mono);color:#c5cec5;gap:20px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes){display:grid;grid-template-columns:1fr 1fr auto;gap:55px;align-items:start;margin-top:40px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes h3,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) h3{font-size:30px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes p,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) p{font-size:15px;color:#b0b9b0}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes .text-button,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) .text-button{font-size:13px;white-space:nowrap;margin-top:8px}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){position:relative;height:240svh;background:#eeeae3;padding:100px 0 80px}
body.rp-page :is(#main-content,.rp-dialog) .software-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.software-pin){position:sticky;top:calc(var(--header) + 24px)}
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:38px}
body.rp-page :is(#main-content,.rp-dialog) .software-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section) h2{font-size:60px}
body.rp-page :is(#main-content,.rp-dialog) .software-section .section-heading>p,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section) .section-heading>p{font-size:16px}
body.rp-page :is(#main-content,.rp-dialog) .software-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.software-layout){display:grid;grid-template-columns:300px 1fr;gap:65px;align-items:center}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation){display:flex;flex-direction:column;position:relative}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation:before,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation):before{content:'';position:absolute;left:8px;top:22px;bottom:95px;width:1px;background:#c3c7bd}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){position:relative;display:grid;grid-template-columns:18px 1fr;gap:25px;border:0;background:none;text-align:left;padding:20px 0;color:#687064}
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{position:relative;width:17px;height:17px;border-radius:50%;background:#eeeae3;border:1px solid #929a8b;z-index:1;margin-top:5px;transition:background .4s,box-shadow .4s}
body.rp-page :is(#main-content,.rp-dialog) .software-step.is-active .progress-dot,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step.is-active) .progress-dot{background:var(--red);border-color:var(--red);box-shadow:0 0 0 5px #c64a3518}
body.rp-page :is(#main-content,.rp-dialog) .software-step small,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) small{display:block;font:9px/1.6 var(--mono);letter-spacing:.08em;margin-bottom:8px}
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:21px;line-height:1.25;letter-spacing:-.025em;font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .step-description,
body.rp-page :is(#main-content,.rp-dialog):is(.step-description){display:block;font-size:13px;line-height:1.55;margin-top:12px;max-width:235px}
body.rp-page :is(#main-content,.rp-dialog) .software-step.is-active,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step.is-active){color:var(--ink)}
body.rp-page :is(#main-content,.rp-dialog) .software-step:not(.is-active) .step-description,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step:not(.is-active)) .step-description{color:#70776c}
body.rp-page :is(#main-content,.rp-dialog) .demo-label,
body.rp-page :is(#main-content,.rp-dialog):is(.demo-label){display:flex;justify-content:space-between;gap:20px;margin:0 2px 14px;font:8px/1.6 var(--mono);letter-spacing:.08em;color:#666e63}
body.rp-page :is(#main-content,.rp-dialog) .app-shell,
body.rp-page :is(#main-content,.rp-dialog):is(.app-shell){border:9px solid #303630;border-radius:17px;background:#f9faf7;box-shadow:0 28px 48px #3a3d2720;overflow:hidden;position:relative}
body.rp-page :is(#main-content,.rp-dialog) .app-topbar,
body.rp-page :is(#main-content,.rp-dialog):is(.app-topbar){height:48px;padding:0 21px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #dce1d4;background:#fff;font-size:10px}
body.rp-page :is(#main-content,.rp-dialog) .app-topbar strong,
body.rp-page :is(#main-content,.rp-dialog):is(.app-topbar) strong{font-size:10px;font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .app-mark,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mark){font-size:25px;font-weight:700;line-height:1}
body.rp-page :is(#main-content,.rp-dialog) .app-mark>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mark)>span{color:var(--red)}
body.rp-page :is(#main-content,.rp-dialog) .app-concept,
body.rp-page :is(#main-content,.rp-dialog):is(.app-concept){margin-left:auto;font:7px/1.5 var(--mono);color:#6d7668}
body.rp-page :is(#main-content,.rp-dialog) .app-main,
body.rp-page :is(#main-content,.rp-dialog):is(.app-main){position:relative;display:flex;min-height:345px}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar){width:54px;padding:26px 15px;border-right:1px solid #dce1d4;display:flex;flex-direction:column;align-items:center;gap:24px;flex-shrink:0}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar i,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar) i{height:12px;width:12px;border-radius:3px;border:1px solid #a1aa97}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar i.selected,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar) i.selected{background:#c2ceba;border-color:#8f9e85}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar) span{margin-top:auto;font:8px/1.4 var(--mono);background:#e2e9dc;border-radius:50%;padding:6px}
body.rp-page :is(#main-content,.rp-dialog) .app-views,
body.rp-page :is(#main-content,.rp-dialog):is(.app-views){position:relative;flex:1;min-width:0}
body.rp-page :is(#main-content,.rp-dialog) .software-view,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view){position:absolute;inset:0;padding:24px 30px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s var(--ease),transform .55s var(--ease),visibility .45s}
body.rp-page :is(#main-content,.rp-dialog) .software-view.is-active,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view.is-active){opacity:1;visibility:visible;transform:none}
body.rp-page :is(#main-content,.rp-dialog) .app-kicker,
body.rp-page :is(#main-content,.rp-dialog):is(.app-kicker){font:7px/1.6 var(--mono);letter-spacing:.1em;color:#7c8774;margin-bottom:9px}
body.rp-page :is(#main-content,.rp-dialog) .software-view h3,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view) h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin-bottom:22px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature){background:#edf1e7;border:1px solid #d4deca;border-radius:9px;padding:18px 22px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature-label,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature-label){font:7px/1.4 var(--mono);color:#7a876f}
body.rp-page :is(#main-content,.rp-dialog) .app-feature svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature) svg{height:87px;width:100%;margin:10px 0}
body.rp-page :is(#main-content,.rp-dialog) .app-feature svg path,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature) svg path,
body.rp-page :is(#main-content,.rp-dialog) .app-review-curve svg path,
body.rp-page :is(#main-content,.rp-dialog):is(.app-review-curve) svg path{stroke:var(--red);stroke-width:2;fill:none}
body.rp-page :is(#main-content,.rp-dialog) .app-feature>div,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature)>div{display:flex;justify-content:space-between;gap:10px;align-items:center}
body.rp-page :is(#main-content,.rp-dialog) .app-feature strong,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature) strong{font-size:10px;font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .app-feature>div>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature)>div>span{font-size:8px;color:#7a8672}
body.rp-page :is(#main-content,.rp-dialog) .app-mini-row,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mini-row){display:flex;gap:15px;font-size:9px;margin-top:16px}
body.rp-page :is(#main-content,.rp-dialog) .app-mini-row span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mini-row) span{border-bottom:1px solid #d3ddc9;padding-bottom:8px;flex:1}
body.rp-page :is(#main-content,.rp-dialog) .app-graph,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph){background:#fff;border:1px solid #e0e5d9;padding:13px 16px;border-radius:7px}
body.rp-page :is(#main-content,.rp-dialog) .app-graph>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph)>span{font:6px/1.4 var(--mono);color:#75816b}
body.rp-page :is(#main-content,.rp-dialog) .app-graph svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph) svg{height:162px;width:100%;margin:6px 0}
body.rp-page :is(#main-content,.rp-dialog) .graph-grid path,
body.rp-page :is(#main-content,.rp-dialog):is(.graph-grid) path{fill:none;stroke:#e1e7d9;stroke-width:1}
body.rp-page :is(#main-content,.rp-dialog) .graph-line,
body.rp-page :is(#main-content,.rp-dialog):is(.graph-line){fill:none;stroke:var(--red);stroke-width:3}
body.rp-page :is(#main-content,.rp-dialog) .app-graph circle,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph) circle{fill:var(--red);stroke:white;stroke-width:3}
body.rp-page :is(#main-content,.rp-dialog) .app-graph>div,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph)>div{display:flex;justify-content:space-between;font:6px/1.4 var(--mono);color:#75816b}
body.rp-page :is(#main-content,.rp-dialog) .app-note,
body.rp-page :is(#main-content,.rp-dialog):is(.app-note){font-size:8px;color:#7a8572;margin-top:12px}
body.rp-page :is(#main-content,.rp-dialog) .app-review-curve svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-review-curve) svg{width:100%;height:70px;margin-top:-3px;margin-bottom:15px}
body.rp-page :is(#main-content,.rp-dialog) .app-observation,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation){padding:14px 19px;border-radius:9px;background:#e9eee2;border:1px solid #d5dfc9}
body.rp-page :is(#main-content,.rp-dialog) .app-observation>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation)>span{font:7px/1.5 var(--mono);color:#79836d}
body.rp-page :is(#main-content,.rp-dialog) .app-observation p,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation) p{font-size:14px;line-height:1.4;letter-spacing:-.02em;margin:10px 0 14px;color:#434d3a}
body.rp-page :is(#main-content,.rp-dialog) .app-observation i,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation) i{display:block;width:45%;height:1px;background:#b4c3a3}
body.rp-page :is(#main-content,.rp-dialog) .simulated-cursor,
body.rp-page :is(#main-content,.rp-dialog):is(.simulated-cursor){position:absolute;left:58%;top:56%;z-index:5;pointer-events:none;filter:drop-shadow(0 2px 1px #0002);transition:left .7s var(--ease),top .7s var(--ease)}
body.rp-page :is(#main-content,.rp-dialog) [data-software-state='1'] .simulated-cursor,
body.rp-page :is(#main-content,.rp-dialog):is([data-software-state='1']) .simulated-cursor{left:70%;top:55%}
body.rp-page :is(#main-content,.rp-dialog) [data-software-state='2'] .simulated-cursor,
body.rp-page :is(#main-content,.rp-dialog):is([data-software-state='2']) .simulated-cursor{left:51%;top:68%}
body.rp-page :is(#main-content,.rp-dialog) .software-layout.is-transitioning .simulated-cursor,
body.rp-page :is(#main-content,.rp-dialog):is(.software-layout.is-transitioning) .simulated-cursor{animation:rp-cursor-tap .8s var(--ease)}
@keyframes rp-cursor-tap{0%,65%,100%{transform:scale(1)}75%{transform:scale(.8)}}
body.rp-page :is(#main-content,.rp-dialog) .software-footnote,
body.rp-page :is(#main-content,.rp-dialog):is(.software-footnote){font-size:10px;line-height:1.6;color:#747b6f;margin:20px 3px 0;max-width:620px}
body.rp-page :is(#main-content,.rp-dialog) .industrial-section,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-section){background:#f7f6f1}
body.rp-page :is(#main-content,.rp-dialog) .industrial-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-grid){display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){position:relative;min-height:650px;padding:25px;background-color:#eeeee7;background-image:linear-gradient(#a7ad9d1a 1px,transparent 1px),linear-gradient(90deg,#a7ad9d1a 1px,transparent 1px);background-size:28px 28px;border:1px solid #d5d9cd}
body.rp-page :is(#main-content,.rp-dialog) .study-top,
body.rp-page :is(#main-content,.rp-dialog):is(.study-top){display:flex;justify-content:space-between;gap:10px;align-items:center;font:8px/1.5 var(--mono);color:#697360}
body.rp-page :is(#main-content,.rp-dialog) .study-switch,
body.rp-page :is(#main-content,.rp-dialog):is(.study-switch){display:flex;border:1px solid #b9c1ae;border-radius:30px;padding:3px}
body.rp-page :is(#main-content,.rp-dialog) .study-switch button,
body.rp-page :is(#main-content,.rp-dialog):is(.study-switch) button{font:8px/1.5 var(--mono);padding:5px 10px;border:0;background:none;border-radius:20px}
body.rp-page :is(#main-content,.rp-dialog) .study-switch button[aria-pressed=true],
body.rp-page :is(#main-content,.rp-dialog):is(.study-switch) button[aria-pressed=true]{background:#48503e;color:white}
body.rp-page :is(#main-content,.rp-dialog) .outline-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-svg){height:520px;width:100%;max-width:100%}
body.rp-page :is(#main-content,.rp-dialog) .study-photo,
body.rp-page :is(#main-content,.rp-dialog):is(.study-photo){opacity:.13;transition:opacity .5s}
body.rp-page :is(#main-content,.rp-dialog) .study-outline,
body.rp-page :is(#main-content,.rp-dialog):is(.study-outline){opacity:1;transition:opacity .5s}
body.rp-page :is(#main-content,.rp-dialog) .outline-study.is-surface .study-photo,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study.is-surface) .study-photo{opacity:1}
body.rp-page :is(#main-content,.rp-dialog) .outline-study.is-surface .study-outline,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study.is-surface) .study-outline{opacity:0}
body.rp-page :is(#main-content,.rp-dialog) .outline-study>p,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study)>p{font:9px/1.7 var(--mono);position:absolute;bottom:25px;left:25px;right:25px;color:#65715b}
body.rp-page :is(#main-content,.rp-dialog) .material-studies,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies){display:grid;grid-template-rows:1fr 1fr;gap:24px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure{position:relative;overflow:hidden;background:#dadcd2;min-height:300px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{width:100%;height:100%;max-height:280px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure:nth-child(2),
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure:nth-child(2){background:#262d27;color:white}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure:nth-child(2) svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure:nth-child(2) svg{opacity:.85}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption{position:absolute;left:25px;bottom:20px;display:flex;flex-direction:column;gap:9px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption span,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption span{font:8px/1.5 var(--mono);letter-spacing:.1em}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption strong,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption strong{font-weight:500;font-size:20px;letter-spacing:-.03em}
body.rp-page :is(#main-content,.rp-dialog) .spec-section,
body.rp-page :is(#main-content,.rp-dialog):is(.spec-section){padding-bottom:90px}
body.rp-page :is(#main-content,.rp-dialog) .faq-section,
body.rp-page :is(#main-content,.rp-dialog):is(.faq-section){display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-top:40px;padding-bottom:120px}
body.rp-page :is(#main-content,.rp-dialog) .faq-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.faq-section) h2{font-size:48px;margin-bottom:30px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section){border-top:1px solid var(--line);padding-top:80px;padding-bottom:70px;display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:center;overflow:hidden}
body.rp-page :is(#main-content,.rp-dialog) .closing-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) h2{font-size:60px;line-height:1.05}
body.rp-page :is(#main-content,.rp-dialog) .closing-section img,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) img{height:360px;width:auto;max-width:100%;object-fit:contain;justify-self:center}
body.rp-page :is(#main-content,.rp-dialog) .closing-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-actions){display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:35px}
body.rp-page :is(#main-content,.rp-dialog) .closing-actions>span,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-actions)>span{font-size:13px;margin-left:12px;color:#626c60}
body.rp-page :is(#main-content,.rp-dialog) .reveal,
body.rp-page :is(#main-content,.rp-dialog):is(.reveal){opacity:1}
body.rp-page :is(#main-content,.rp-dialog) .reveal.is-ready,
body.rp-page :is(#main-content,.rp-dialog):is(.reveal.is-ready){opacity:0;transform:translateY(25px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
body.rp-page :is(#main-content,.rp-dialog) .reveal.is-visible,
body.rp-page :is(#main-content,.rp-dialog):is(.reveal.is-visible){opacity:1;transform:none}
@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){height:400px}
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:18px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:32px 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:37px;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:18px}
body.rp-page :is(#main-content,.rp-dialog) .capacity strong,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity) strong{font-size:42px}
body.rp-page :is(#main-content,.rp-dialog) .software-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section) h2{font-size:46px}
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:25px}
body.rp-page :is(#main-content,.rp-dialog) .app-main,
body.rp-page :is(#main-content,.rp-dialog):is(.app-main){min-height:310px}
body.rp-page :is(#main-content,.rp-dialog) .software-view,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view){padding:20px 25px}
body.rp-page :is(#main-content,.rp-dialog) .app-graph svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph) svg{height:130px}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation){gap:0}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){padding:13px 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:19px}
body.rp-page :is(#main-content,.rp-dialog) .step-description,
body.rp-page :is(#main-content,.rp-dialog):is(.step-description){font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .software-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.software-pin){top:calc(var(--header) + 15px)}
}
@media(max-width:1100px){
body.rp-page :is(#main-content,.rp-dialog) .hero-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-grid){min-height:650px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:610px;margin-left:-35px}
body.rp-page :is(#main-content,.rp-dialog) .hero h1,
body.rp-page :is(#main-content,.rp-dialog):is(.hero) h1{font-size:100px}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy){padding-bottom:50px}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:25px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom){gap:40px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy){padding:38px}
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) .expert-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.expert-visual){padding:32px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers){font-size:76px}
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}
body.rp-page :is(#main-content,.rp-dialog) .software-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section) h2{font-size:52px}
body.rp-page :is(#main-content,.rp-dialog) .app-topbar,
body.rp-page :is(#main-content,.rp-dialog):is(.app-topbar){padding:0 12px;gap:10px}
body.rp-page :is(#main-content,.rp-dialog) .software-view,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view){padding:22px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature){padding:15px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes){gap:30px}
body.rp-page :is(#main-content,.rp-dialog) .industrial-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-grid){grid-template-columns:1fr 1fr}
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){min-height:590px}
body.rp-page :is(#main-content,.rp-dialog) .outline-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-svg){height:460px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure{min-height:280px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) h2{font-size:52px}
body.rp-page :is(#main-content,.rp-dialog) .closing-actions>span,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-actions)>span{width:100%;margin:8px 0 0}
}
@media(max-width:900px){
body.rp-page :is(#main-content,.rp-dialog) .hero,
body.rp-page :is(#main-content,.rp-dialog):is(.hero){min-height:unset}
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 h1,
body.rp-page :is(#main-content,.rp-dialog):is(.hero) h1{font-size:80px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:530px;margin:0 -15px 0 -45px}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy) .eyebrow{font-size:8px;margin-bottom:30px}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:23px}
body.rp-page :is(#main-content,.rp-dialog) .hero-description,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-description){font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .hero-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-actions){gap:14px;margin-top:30px}
body.rp-page :is(#main-content,.rp-dialog) .price-note,
body.rp-page :is(#main-content,.rp-dialog):is(.price-note){font-size:11px}
body.rp-page :is(#main-content,.rp-dialog) .advantages,
body.rp-page :is(#main-content,.rp-dialog):is(.advantages){height:auto;min-height:0;padding:25px 0 60px}
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;display:grid;gap:22px;margin-bottom:0}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){position:relative;transform:none!important;opacity:1!important;visibility:visible!important;min-height:390px;box-shadow:none;pointer-events:auto!important}
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){opacity:1!important}
body.rp-page :is(#main-content,.rp-dialog) .stack-controls,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-controls){display:none}
body.rp-page :is(#main-content,.rp-dialog) .compact h2,
body.rp-page :is(#main-content,.rp-dialog):is(.compact) h2{font-size:38px}
body.rp-page :is(#main-content,.rp-dialog) .compact>p,
body.rp-page :is(#main-content,.rp-dialog):is(.compact)>p{font-size:13px}
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) .card-copy>p:not(.eyebrow),
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy)>p:not(.eyebrow){font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .capacity,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity){gap:16px}
body.rp-page :is(#main-content,.rp-dialog) .capacity strong,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity) strong{font-size:42px}
body.rp-page :is(#main-content,.rp-dialog) .capacity>span,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity)>span{font-size:9px}
body.rp-page :is(#main-content,.rp-dialog) .expert-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.expert-visual){padding:28px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers){font-size:64px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers>i,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers)>i{width:15px;margin:0 6px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers small,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers) small{font-size:22px}
body.rp-page :is(#main-content,.rp-dialog) .curve-section,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section){margin-top:0}
body.rp-page :is(#main-content,.rp-dialog) .hardware-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-stage){height:470px}
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}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes .text-button,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) .text-button{grid-column:2}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes h3,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) h3{font-size:26px}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption){left:auto;right:22px;top:25px;width:45%;padding:20px}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){height:auto;padding:90px 0}
body.rp-page :is(#main-content,.rp-dialog) .software-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.software-pin){position:static}
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,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation){display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation:before,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation):before{top:13px;bottom:auto;left:9px;right:9px;width:auto;height:1px}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){display:flex;flex-direction:column;gap:12px;padding: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:18px}
body.rp-page :is(#main-content,.rp-dialog) .software-step small,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) small{font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .step-description,
body.rp-page :is(#main-content,.rp-dialog):is(.step-description){display:none}
body.rp-page :is(#main-content,.rp-dialog) .app-main,
body.rp-page :is(#main-content,.rp-dialog):is(.app-main){min-height:380px}
body.rp-page :is(#main-content,.rp-dialog) .software-view,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view){padding:30px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature) svg{height:120px}
body.rp-page :is(#main-content,.rp-dialog) .app-graph svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph) svg{height:190px}
body.rp-page :is(#main-content,.rp-dialog) .app-review-curve svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-review-curve) svg{height:100px}
body.rp-page :is(#main-content,.rp-dialog) .software-view h3,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view) h3{font-size:28px}
body.rp-page :is(#main-content,.rp-dialog) .app-kicker,
body.rp-page :is(#main-content,.rp-dialog):is(.app-kicker){font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .app-observation p,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation) p{font-size:17px}
body.rp-page :is(#main-content,.rp-dialog) .software-footnote,
body.rp-page :is(#main-content,.rp-dialog):is(.software-footnote){font-size:11px}
body.rp-page :is(#main-content,.rp-dialog) .industrial-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-grid){grid-template-columns:1fr}
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){min-height:600px}
body.rp-page :is(#main-content,.rp-dialog) .outline-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-svg){height:490px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies){grid-template-columns:1fr 1fr;grid-template-rows:auto}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure{min-height:300px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{height:250px}
body.rp-page :is(#main-content,.rp-dialog) .faq-section,
body.rp-page :is(#main-content,.rp-dialog):is(.faq-section){grid-template-columns:1fr;gap:40px;padding-top:20px;padding-bottom:80px}
body.rp-page :is(#main-content,.rp-dialog) .faq-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.faq-section) h2{font-size:42px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section){gap:28px;padding-top:70px;padding-bottom:70px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) h2{font-size:42px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section img,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) img{height:290px}
}
@media(max-width:600px){
body.rp-page :is(#main-content,.rp-dialog) .hero-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-grid){display:flex;flex-direction:column;min-height:0;align-items:stretch}
body.rp-page :is(#main-content,.rp-dialog) .hero-rule,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-rule){width:100%;clip-path:polygon(70% 0,100% 0,100% 100%,0 100%);opacity:.6}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy){padding:44px 0 0}
body.rp-page :is(#main-content,.rp-dialog) .hero-copy .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-copy) .eyebrow{margin-bottom:25px;font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .hero h1,
body.rp-page :is(#main-content,.rp-dialog):is(.hero) h1{font-size:70px;letter-spacing:-.07em;margin-left:-4px}
body.rp-page :is(#main-content,.rp-dialog) .hero-line,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-line){font-size:24px;margin-top:14px}
body.rp-page :is(#main-content,.rp-dialog) .hero-description,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-description){margin-top:21px;font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .hero-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-actions){margin-top:24px;gap:20px}
body.rp-page :is(#main-content,.rp-dialog) .price-note,
body.rp-page :is(#main-content,.rp-dialog):is(.price-note){font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product){height:400px;margin:8px 0 22px 20px;align-self:stretch}
body.rp-page :is(#main-content,.rp-dialog) .hero-product img,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) img{height:97%;padding:8px 0 0}
body.rp-page :is(#main-content,.rp-dialog) .hero-product figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) figcaption{bottom:-7px;right:0;font-size:7px}
body.rp-page :is(#main-content,.rp-dialog) .hero-product:before,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product):before{bottom:0}
body.rp-page :is(#main-content,.rp-dialog) .hero-foot,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-foot){font-size:7px;gap:15px;padding-top:15px;padding-bottom:16px}
body.rp-page :is(#main-content,.rp-dialog) .hero-foot span:last-child,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-foot) span:last-child{text-align:right}
body.rp-page :is(#main-content,.rp-dialog) .brand-statement h2,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-statement) h2{font-size:53px;line-height:1.05}
body.rp-page :is(#main-content,.rp-dialog) .brand-statement .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-statement) .eyebrow{margin-bottom:28px}
body.rp-page :is(#main-content,.rp-dialog) .brand-bottom,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-bottom){grid-template-columns:1fr;gap:27px;margin-top:32px}
body.rp-page :is(#main-content,.rp-dialog) .brand-line,
body.rp-page :is(#main-content,.rp-dialog):is(.brand-line){width:64px}
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>p,
body.rp-page :is(#main-content,.rp-dialog):is(.compact)>p{justify-self:start}
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) .stack-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-stage){gap:18px}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){grid-template-columns:1fr;border-radius:18px;min-height:0}
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;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{font-size:9px;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}
body.rp-page :is(#main-content,.rp-dialog) .capacity,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity){padding-top:26px;margin-top:0}
body.rp-page :is(#main-content,.rp-dialog) .capacity strong,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity) strong{font-size:45px}
body.rp-page :is(#main-content,.rp-dialog) .capacity>span,
body.rp-page :is(#main-content,.rp-dialog):is(.capacity)>span{font-size:10px}
body.rp-page :is(#main-content,.rp-dialog) .auto-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.auto-visual){height:300px}
body.rp-page :is(#main-content,.rp-dialog) .auto-visual img,
body.rp-page :is(#main-content,.rp-dialog):is(.auto-visual) img{height:95%}
body.rp-page :is(#main-content,.rp-dialog) .card-visual.window-crop,
body.rp-page :is(#main-content,.rp-dialog):is(.card-visual.window-crop){height:280px}
body.rp-page :is(#main-content,.rp-dialog) .expert-visual,
body.rp-page :is(#main-content,.rp-dialog):is(.expert-visual){padding:30px 30px 50px;min-height:235px}
body.rp-page :is(#main-content,.rp-dialog) .expert-visual>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.expert-visual)>.eyebrow{margin-bottom:25px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers){font-size:84px}
body.rp-page :is(#main-content,.rp-dialog) .range-numbers>i,
body.rp-page :is(#main-content,.rp-dialog):is(.range-numbers)>i{width:30px}
body.rp-page :is(#main-content,.rp-dialog) .range-rule,
body.rp-page :is(#main-content,.rp-dialog):is(.range-rule){margin-top:22px}
body.rp-page :is(#main-content,.rp-dialog) .visual-tag,
body.rp-page :is(#main-content,.rp-dialog):is(.visual-tag){font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .curve-context,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-context){grid-template-columns:1fr;gap:15px}
body.rp-page :is(#main-content,.rp-dialog) .curve-context p,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-context) p{font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-stage,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-stage){height:380px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-image,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-image){width:145%;max-width:none;margin-left:-22%}
body.rp-page :is(#main-content,.rp-dialog) .hardware-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-caption){font-size:7px;left:15px;right:15px;bottom:16px}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-window,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-window){left:65%;top:45%}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption){left:15px;right:15px;top:auto;bottom:43px;width:auto;padding:18px}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption p,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption) p{font-size:11px;line-height:1.6}
body.rp-page :is(#main-content,.rp-dialog) .hotspot-caption strong,
body.rp-page :is(#main-content,.rp-dialog):is(.hotspot-caption) strong{font-size:15px}
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;margin-top:30px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes .text-button,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) .text-button{grid-column:auto}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes h3,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) h3{font-size:30px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-notes p,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-notes) p{font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){padding:76px 0}
body.rp-page :is(#main-content,.rp-dialog) .software-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section) h2{font-size:43px}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation){gap:12px}
body.rp-page :is(#main-content,.rp-dialog) .software-step,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step){gap:13px}
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;line-height:1.25;letter-spacing:-.02em}
body.rp-page :is(#main-content,.rp-dialog) .software-step small,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) small{font-size:6px;margin-bottom:7px;letter-spacing:0}
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{width:15px;height:15px}
body.rp-page :is(#main-content,.rp-dialog) .software-navigation:before,
body.rp-page :is(#main-content,.rp-dialog):is(.software-navigation):before{top:12px}
body.rp-page :is(#main-content,.rp-dialog) .demo-label,
body.rp-page :is(#main-content,.rp-dialog):is(.demo-label){font-size:6px;gap:10px;letter-spacing:0}
body.rp-page :is(#main-content,.rp-dialog) .app-shell,
body.rp-page :is(#main-content,.rp-dialog):is(.app-shell){border-width:5px;border-radius:12px}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar){width:29px;padding:17px 8px;gap:20px}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar i,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar) i{width:9px;height:9px}
body.rp-page :is(#main-content,.rp-dialog) .app-sidebar span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-sidebar) span{font-size:5px;padding:4px}
body.rp-page :is(#main-content,.rp-dialog) .app-topbar,
body.rp-page :is(#main-content,.rp-dialog):is(.app-topbar){height:36px;padding:0 10px;gap:10px}
body.rp-page :is(#main-content,.rp-dialog) .app-mark,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mark){font-size:19px}
body.rp-page :is(#main-content,.rp-dialog) .app-topbar strong,
body.rp-page :is(#main-content,.rp-dialog):is(.app-topbar) strong{font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .app-concept,
body.rp-page :is(#main-content,.rp-dialog):is(.app-concept){font-size:5px}
body.rp-page :is(#main-content,.rp-dialog) .app-main,
body.rp-page :is(#main-content,.rp-dialog):is(.app-main){min-height:300px}
body.rp-page :is(#main-content,.rp-dialog) .software-view,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view){padding:20px 14px}
body.rp-page :is(#main-content,.rp-dialog) .software-view h3,
body.rp-page :is(#main-content,.rp-dialog):is(.software-view) h3{font-size:21px;line-height:1.2;margin-bottom:18px}
body.rp-page :is(#main-content,.rp-dialog) .app-kicker,
body.rp-page :is(#main-content,.rp-dialog):is(.app-kicker){font-size:6px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature){padding:12px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature-label,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature-label){font-size:6px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature) svg{height:90px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature>div,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature)>div{flex-direction:column;align-items:start;gap:5px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature strong,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature) strong{font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .app-feature>div>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature)>div>span{font-size:7px}
body.rp-page :is(#main-content,.rp-dialog) .app-mini-row,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mini-row){font-size:7px;gap:8px}
body.rp-page :is(#main-content,.rp-dialog) .app-graph,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph){padding:10px}
body.rp-page :is(#main-content,.rp-dialog) .app-graph svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph) svg{height:135px}
body.rp-page :is(#main-content,.rp-dialog) .app-graph>div,
body.rp-page :is(#main-content,.rp-dialog):is(.app-graph)>div{font-size:5px}
body.rp-page :is(#main-content,.rp-dialog) .app-note,
body.rp-page :is(#main-content,.rp-dialog):is(.app-note){font-size:6px}
body.rp-page :is(#main-content,.rp-dialog) .app-review-curve svg,
body.rp-page :is(#main-content,.rp-dialog):is(.app-review-curve) svg{height:60px}
body.rp-page :is(#main-content,.rp-dialog) .app-observation,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation){padding:12px}
body.rp-page :is(#main-content,.rp-dialog) .app-observation p,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation) p{font-size:13px}
body.rp-page :is(#main-content,.rp-dialog) .app-observation>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation)>span{font-size:6px}
body.rp-page :is(#main-content,.rp-dialog) .software-footnote,
body.rp-page :is(#main-content,.rp-dialog):is(.software-footnote){font-size:10px;margin-top:17px}
body.rp-page :is(#main-content,.rp-dialog) .simulated-cursor,
body.rp-page :is(#main-content,.rp-dialog):is(.simulated-cursor){width:17px;height:21px}
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){min-height:460px;padding:18px}
body.rp-page :is(#main-content,.rp-dialog) .study-top,
body.rp-page :is(#main-content,.rp-dialog):is(.study-top){font-size:6px}
body.rp-page :is(#main-content,.rp-dialog) .study-switch button,
body.rp-page :is(#main-content,.rp-dialog):is(.study-switch) button{font-size:6px;padding:4px 8px}
body.rp-page :is(#main-content,.rp-dialog) .outline-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-svg){height:360px}
body.rp-page :is(#main-content,.rp-dialog) .outline-study>p,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study)>p{font-size:7px;left:18px;bottom:18px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies){gap:14px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure{min-height:230px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{height:185px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption{left:13px;bottom:17px;right:8px;gap:7px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption span,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption span{font-size:6px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption strong,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption strong{font-size:15px;line-height:1.1}
body.rp-page :is(#main-content,.rp-dialog) .faq-section,
body.rp-page :is(#main-content,.rp-dialog):is(.faq-section){gap:32px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section){grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:38px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section h2,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) h2{font-size:43px}
body.rp-page :is(#main-content,.rp-dialog) .closing-section img,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-section) img{height:280px}
body.rp-page :is(#main-content,.rp-dialog) .closing-actions,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-actions){margin-top:28px;gap:10px}
body.rp-page :is(#main-content,.rp-dialog) .closing-actions>span,
body.rp-page :is(#main-content,.rp-dialog):is(.closing-actions)>span{font-size:12px;margin-top:9px}
}
@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;min-height:0;padding-bottom:70px}
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;display:grid;gap:26px;margin-bottom:0}
body.rp-page :is(#main-content,.rp-dialog) .advantage-card,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card){position:relative;transform:none!important;opacity:1!important;min-height:400px;box-shadow:none;pointer-events:auto!important}
body.rp-page :is(#main-content,.rp-dialog) .stack-controls,
body.rp-page :is(#main-content,.rp-dialog):is(.stack-controls){display:none}
body.rp-page :is(#main-content,.rp-dialog) .software-section,
body.rp-page :is(#main-content,.rp-dialog):is(.software-section){height:auto;padding:90px 0}
body.rp-page :is(#main-content,.rp-dialog) .software-pin,
body.rp-page :is(#main-content,.rp-dialog):is(.software-pin){position:static}
body.rp-page :is(#main-content,.rp-dialog) .simulated-cursor,
body.rp-page :is(#main-content,.rp-dialog):is(.simulated-cursor){display:none}
body.rp-page :is(#main-content,.rp-dialog) .hero-product img,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) img{transform:none!important}
}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure{display:flex;flex-direction:column}
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{height:230px;min-height:0;max-height:none;flex:1}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption{position:static;padding:20px 25px 24px;background:inherit;min-height:86px}
body.rp-page :is(#main-content,.rp-dialog) .app-mark,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mark){font-size:12px;letter-spacing:.04em;font-weight:650}
body.rp-page :is(#main-content,.rp-dialog) .curve-section,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section){padding-top:100px;padding-bottom:90px}
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:38px}
@media(max-width:600px){
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{height:165px;flex:none}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption{padding:14px 13px 18px;min-height:85px}
body.rp-page :is(#main-content,.rp-dialog) .app-mark,
body.rp-page :is(#main-content,.rp-dialog):is(.app-mark){font-size:10px}
body.rp-page :is(#main-content,.rp-dialog) .curve-section,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section){padding-top:70px;padding-bottom:70px}
}
body.rp-page :is(#main-content,.rp-dialog) .curve-section .curve-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section) .curve-svg{height:400px}
@media(max-width:620px){
body.rp-page :is(#main-content,.rp-dialog) .curve-section .curve-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section) .curve-svg{height:300px}
}
body.rp-page :is(#main-content,.rp-dialog) .hero-product figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) figcaption,
body.rp-page :is(#main-content,.rp-dialog) .hero-foot,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-foot),
body.rp-page :is(#main-content,.rp-dialog) .demo-label,
body.rp-page :is(#main-content,.rp-dialog):is(.demo-label),
body.rp-page :is(#main-content,.rp-dialog) .software-step small,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) small,
body.rp-page :is(#main-content,.rp-dialog) .study-top,
body.rp-page :is(#main-content,.rp-dialog):is(.study-top),
body.rp-page :is(#main-content,.rp-dialog) .outline-study>p,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study)>p,
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption span,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption span{font-size:10px}
body.rp-page :is(#main-content,.rp-dialog) .study-switch button,
body.rp-page :is(#main-content,.rp-dialog):is(.study-switch) button{font-size:11px;padding:7px 12px}
body.rp-page :is(#main-content,.rp-dialog) .software-footnote,
body.rp-page :is(#main-content,.rp-dialog):is(.software-footnote){font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .app-concept,
body.rp-page :is(#main-content,.rp-dialog):is(.app-concept),
body.rp-page :is(#main-content,.rp-dialog) .app-kicker,
body.rp-page :is(#main-content,.rp-dialog):is(.app-kicker),
body.rp-page :is(#main-content,.rp-dialog) .app-feature-label,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature-label),
body.rp-page :is(#main-content,.rp-dialog) .app-note,
body.rp-page :is(#main-content,.rp-dialog):is(.app-note){font-size:9px}
@media(max-width:600px){
body.rp-page :is(#main-content,.rp-dialog) .hero-product figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-product) figcaption,
body.rp-page :is(#main-content,.rp-dialog) .hero-foot,
body.rp-page :is(#main-content,.rp-dialog):is(.hero-foot){font-size:9px}
body.rp-page :is(#main-content,.rp-dialog) .demo-label,
body.rp-page :is(#main-content,.rp-dialog):is(.demo-label){font-size:9px;flex-wrap:wrap;gap:5px}
body.rp-page :is(#main-content,.rp-dialog) .software-step small,
body.rp-page :is(#main-content,.rp-dialog):is(.software-step) small{font-size:9px}
body.rp-page :is(#main-content,.rp-dialog) .study-top,
body.rp-page :is(#main-content,.rp-dialog):is(.study-top){font-size:9px;gap:10px;flex-wrap:wrap}
body.rp-page :is(#main-content,.rp-dialog) .study-switch button,
body.rp-page :is(#main-content,.rp-dialog):is(.study-switch) button{font-size:10px}
body.rp-page :is(#main-content,.rp-dialog) .outline-study>p,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study)>p{font-size:9px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption span,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption span{font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .app-concept,
body.rp-page :is(#main-content,.rp-dialog):is(.app-concept){font-size:7px}
body.rp-page :is(#main-content,.rp-dialog) .app-kicker,
body.rp-page :is(#main-content,.rp-dialog):is(.app-kicker),
body.rp-page :is(#main-content,.rp-dialog) .app-feature-label,
body.rp-page :is(#main-content,.rp-dialog):is(.app-feature-label),
body.rp-page :is(#main-content,.rp-dialog) .app-note,
body.rp-page :is(#main-content,.rp-dialog):is(.app-note),
body.rp-page :is(#main-content,.rp-dialog) .app-observation>span,
body.rp-page :is(#main-content,.rp-dialog):is(.app-observation)>span{font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .software-footnote,
body.rp-page :is(#main-content,.rp-dialog):is(.software-footnote){font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .hardware-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.hardware-caption){font-size:9px}
body.rp-page :is(#main-content,.rp-dialog) .card-copy .card-note,
body.rp-page :is(#main-content,.rp-dialog):is(.card-copy) .card-note{font-size:13px!important}
}
@media(max-width:900px),(prefers-reduced-motion:reduce){
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),
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-active,
body.rp-page :is(#main-content,.rp-dialog):is(.advantage-card.is-active){transform:none!important;opacity:1!important;visibility:visible!important}
}
body.rp-page :is(#main-content,.rp-dialog) .industrial-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-grid){height:700px;align-items:stretch}
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){height:100%;min-height:0;display:flex;flex-direction:column}
body.rp-page :is(#main-content,.rp-dialog) .outline-svg,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-svg){height:0;min-height:0;flex:1}
body.rp-page :is(#main-content,.rp-dialog) .outline-study>p,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study)>p{position:static;margin-top:12px}
body.rp-page :is(#main-content,.rp-dialog) .study-photo,
body.rp-page :is(#main-content,.rp-dialog):is(.study-photo){opacity:.24}
body.rp-page :is(#main-content,.rp-dialog) .material-studies,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies){height:100%;min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figure,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figure{min-height:0}
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{height:0;flex:1}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption{flex:none}
@media(max-width:900px){
body.rp-page :is(#main-content,.rp-dialog) .industrial-grid,
body.rp-page :is(#main-content,.rp-dialog):is(.industrial-grid){height:auto}
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){height:600px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies){height:330px;grid-template-rows:minmax(0,1fr)}
body.rp-page :is(#main-content,.rp-dialog) .material-studies svg,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) svg{height:0;flex:1}
}
@media(max-width:600px){
body.rp-page :is(#main-content,.rp-dialog) .outline-study,
body.rp-page :is(#main-content,.rp-dialog):is(.outline-study){height:460px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies){height:280px}
body.rp-page :is(#main-content,.rp-dialog) .material-studies figcaption,
body.rp-page :is(#main-content,.rp-dialog):is(.material-studies) figcaption{min-height:85px}
}
body.rp-page :is(#main-content,.rp-dialog) .curve-section,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section){padding-top:70px}
body.rp-page :is(#main-content,.rp-dialog) .curve-section .section-heading h2,
body.rp-page :is(#main-content,.rp-dialog):is(.curve-section) .section-heading h2{font-size:clamp(42px,5vw,72px)}
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:30px}