.ronse-hero-motion{--rh-green:#104830;--rh-ink:#17271d;--rh-paper:#fafbf8;color:var(--rh-ink);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;font-family:Arial,Helvetica,sans-serif;container:ronseMotion/inline-size}.ronse-hero-motion *{box-sizing:border-box}.ronse-hero-motion .rh-film{isolation:isolate;aspect-ratio:1.45;background:#f9f9f7;width:100%;position:relative;overflow:hidden;container-type:inline-size}.ronse-hero-motion .rh-backdrop{object-fit:cover;will-change:transform;width:104%;max-width:none;height:104%;position:absolute;inset:-2%;transform:scale(1.01)}.ronse-hero-motion .rh-wash{pointer-events:none;background:linear-gradient(#ffffff85 0%,#fff0 63%);position:absolute;inset:0}.ronse-hero-motion .rh-brand{align-items:center;gap:11px;max-width:88%;display:flex;position:absolute;top:4%;left:5%}.ronse-hero-motion .rh-brand-logo{object-fit:contain;width:78px;height:47px}.ronse-hero-motion .rh-brand span{letter-spacing:.1px;color:#4b5c4f;font-size:10px}.ronse-hero-motion .rh-headline{z-index:2;width:47%;position:absolute;top:21%;left:5.5%}.ronse-hero-motion .rh-kicker{letter-spacing:1.3px;color:#4a6654;margin-bottom:13px;font-size:9px;font-weight:700;line-height:1.5}.ronse-hero-motion h2{letter-spacing:-1.6px;color:#1b271f;margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,4.7cqw,42px);font-weight:800;line-height:1.02}.ronse-hero-motion h2 span{color:var(--rh-green)}.ronse-hero-motion .rh-headline p{color:#4c5e51;margin:0;font-size:clamp(11px,1.8cqw,14px);line-height:1.6}.ronse-hero-motion .rh-camera{perspective:1400px;width:224px;height:438px;transform:translate(-50%,-50%) scale(var(--rh-scale,1));transform-origin:50%;z-index:3;position:absolute;top:53%;left:66.5%}.ronse-hero-motion .rh-device{width:224px;height:438px;transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(8deg)rotateY(-26deg)rotate(9deg)}.ronse-hero-motion .rh-metal-back{background:linear-gradient(125deg,#3c433f,#111412 40%,#313a33);border:1px solid #879087;border-radius:37px;position:absolute;inset:0;transform:translateZ(-8px);box-shadow:3px 3px 1px #555b54}.ronse-hero-motion .rh-edge{transform:translateZ(var(--z));background:linear-gradient(115deg,#999e96 0%,#363a35 10%,#080b09 25%,#646e62 45%,#c5c9c0 58%,#444b40 63%,#171d17 83%,#b8bdb1 96%);border:1px solid #555e50;border-radius:37px;position:absolute;inset:0}.ronse-hero-motion .rh-front{backface-visibility:hidden;background:linear-gradient(120deg,#0c100d 5%,#30362e 35%,#080b09 55%,#45493e 100%);border:1.5px solid #a0a296;border-radius:37px;padding:7px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #050806,2px 0 2px #181e15}.ronse-hero-motion .rh-side-button{background:linear-gradient(90deg,#8c9286,#272e22 70%,#c0c6b8);border-radius:3px;width:3px;position:absolute;transform:translateZ(-4px)}.ronse-hero-motion .rh-volume{height:42px;top:105px;left:-2px}.ronse-hero-motion .rh-power{height:47px;top:119px;right:-2px}.ronse-hero-motion .rh-display{color:#17271d;background:linear-gradient(115deg,#fff,#f6f8f3 85%,#e3e9df);border-radius:29px;width:100%;height:100%;position:relative;overflow:hidden}.ronse-hero-motion .rh-statusbar{justify-content:space-between;align-items:center;height:27px;padding:0 16px;font-size:8px;font-weight:700;display:flex;position:relative}.ronse-hero-motion .rh-camera-island{background:#0a0d0b;border-radius:11px;width:59px;height:17px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 1px #81917d}.ronse-hero-motion .rh-camera-island:after{content:"";background:radial-gradient(circle at 35% 35%,#253e45,#0d171b 60%,#172221);border:1px solid #172522;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:7px}.ronse-hero-motion .rh-battery{background:linear-gradient(90deg,#34493a 75%,#0000 75%);border:1px solid #4b594f;border-radius:2px;width:14px;height:7px;position:relative}.ronse-hero-motion .rh-battery:after{content:"";background:#4b594f;width:1px;height:3px;position:absolute;top:1px;right:-3px}.ronse-hero-motion .rh-phone-logo{object-fit:contain;width:82px;height:49px;margin:8px auto 3px;display:block}.ronse-hero-motion .rh-today{text-align:center;letter-spacing:1.7px;color:#63715f;margin-bottom:10px;font-size:7px;display:block}.ronse-hero-motion .rh-phone-story{position:absolute;inset:113px 0 37px}.ronse-hero-motion .rh-screen-panel{text-align:center;opacity:0;pointer-events:none;padding:8px 16px;transition:opacity .7s,transform 1s cubic-bezier(.22,.8,.2,1);position:absolute;inset:0;transform:translateY(22px)scale(.97)}.ronse-hero-motion .rh-screen-eyebrow{letter-spacing:1.5px;color:#697666;margin-bottom:9px;font-size:7px}.ronse-hero-motion h3{letter-spacing:-.7px;color:#104830;margin:0 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:750;line-height:1.12}.ronse-hero-motion .rh-screen-panel p{color:#657060;margin:10px 0 0;font-size:11px;line-height:1.6}.ronse-hero-motion .rh-screen-label{margin-top:13px;font-size:11px;font-weight:600;line-height:1.4;display:block}.ronse-hero-motion .rh-clock{background:radial-gradient(at 30% 20%,#fff,#e9efe3);border:1px solid #d4ddd0;border-radius:50%;width:73px;height:73px;margin:22px auto 16px;position:relative;box-shadow:3px 5px 10px #133b1812,inset 0 0 0 4px #ffffffb0}.ronse-hero-motion .rh-clock:before{content:"";border:1px dotted #a4b39c;border-radius:50%;position:absolute;inset:8px}.ronse-hero-motion .rh-clock-hand{transform-origin:bottom;background:#104830;border-radius:2px;width:2px;position:absolute;bottom:50%;left:calc(50% - 1px)}.ronse-hero-motion .rh-hour{height:17px;transform:rotate(145deg)}.ronse-hero-motion .rh-minute{height:24px;transform:rotate(0)}.ronse-hero-motion .rh-clock span{background:#104830;border-radius:50%;width:5px;height:5px;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 2.5px)}.ronse-hero-motion .rh-confirm{background:#104830;border-radius:50%;place-items:center;width:65px;height:65px;margin:22px auto 18px;transition:transform 1s cubic-bezier(.2,.8,.2,1);display:grid;transform:scale(.65);box-shadow:0 9px 15px #10483018}.ronse-hero-motion .rh-confirm i{border-bottom:2px solid #fff;border-left:2px solid #fff;width:23px;height:12px;display:block;transform:translateY(-3px)rotate(-45deg)}.ronse-hero-motion .rh-small-line{text-align:left;color:#66725f;border-bottom:1px solid #dde4d7;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.ronse-hero-motion .rh-small-line b{color:#104830;font-weight:500}.ronse-hero-motion .rh-payment-ticket{text-align:center;background:#fff;margin:14px 0 8px;padding:9px 8px 13px;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(12px)rotate(-4deg);box-shadow:0 7px 16px #1c3c1612}.ronse-hero-motion .rh-payment-ticket:after{content:"";background:linear-gradient(135deg,#fff 50%,#0000 51%) 0 0/8px 8px repeat-x;height:5px;position:absolute;bottom:-4px;left:0;right:0}.ronse-hero-motion .rh-payment-ticket img{object-fit:contain;width:54px;height:31px;margin:0 auto 7px;display:block}.ronse-hero-motion .rh-payment-ticket>span{color:#72816b;font-size:10px;display:block}.ronse-hero-motion .rh-payment-ticket strong{color:#104830;margin:6px 0;font-size:18px;display:block}.ronse-hero-motion .rh-payment-ticket>div{color:#627459;font-size:9px;line-height:1.5}.ronse-hero-motion .rh-payment-ticket .rh-mini-confirm{color:#104830;border-top:1px dashed #d1dcca;margin-top:12px;padding-top:8px;font-size:10px}.ronse-hero-motion .rh-message{text-align:left;background:#e8efe3;border-radius:10px;align-items:center;gap:7px;margin:19px 0;padding:12px 8px;transition:transform .9s cubic-bezier(.2,.8,.2,1);display:flex;transform:translate(20px)}.ronse-hero-motion .rh-message img{object-fit:contain;width:40px;height:29px}.ronse-hero-motion .rh-message strong{font-size:11px;display:block}.ronse-hero-motion .rh-message p{color:#55674d;white-space:nowrap;margin:4px 0 0;font-size:10px}.ronse-hero-motion .rh-support-line{color:#3b5731;font-size:12px;line-height:1.9}.ronse-hero-motion .rh-end-mark{margin:3px auto 19px}.ronse-hero-motion .rh-end-mark img{object-fit:contain;width:128px;height:76px}.ronse-hero-motion .rh-s4 h3{font-size:20px}.ronse-hero-motion .rh-summary{text-align:left;color:#416037;gap:8px;width:max-content;margin:16px auto 0;font-size:11px;display:grid}.ronse-hero-motion .rh-phone-footer{text-align:center;color:#7b8374;font-size:7px;position:absolute;bottom:21px;left:0;right:0}.ronse-hero-motion .rh-homebar{background:#19261b;border-radius:2px;height:3px;position:absolute;bottom:8px;left:32%;right:32%}.ronse-hero-motion .rh-glass{pointer-events:none;mix-blend-mode:screen;opacity:.65;background:linear-gradient(116deg,#fff0 15%,#ffffff05 40%,#ffffff38 43%,#fff0 51% 78%,#ffffff15 96%) 100% 0/230% 100%;border-radius:36px;position:absolute;inset:1px}.ronse-hero-motion .rh-ground-shadow{filter:blur(6px);will-change:transform;background:radial-gradient(#17251960,#17251925 42%,#0000 70%);border-radius:50%;width:27%;height:7%;position:absolute;top:85%;left:54%;transform:rotate(-9deg)}.ronse-hero-motion .rh-film-caption{color:#30482f;z-index:4;align-items:center;gap:11px;font-size:clamp(11px,1.65cqw,14px);display:flex;position:absolute;bottom:4%;left:5.5%;right:5%}.ronse-hero-motion .rh-chapter{background:#fafbf9b0;border:1px solid #abb7a5;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.ronse-hero-motion .rh-caption-text{line-height:1.4;transition:opacity .2s}.ronse-hero-motion .rh-controls{background:0 0;align-items:center;gap:16px;padding:11px 0 0;display:flex}.ronse-hero-motion .rh-timeline{flex:1;gap:6px;display:flex}.ronse-hero-motion .rh-timeline>span{background:var(--lightningcss-light,#dce5d7)var(--lightningcss-dark,#53634e);flex:1;height:3px;overflow:hidden}.ronse-hero-motion .rh-timeline i{background:var(--lightningcss-light,#104830)var(--lightningcss-dark,#b4d0a6);width:0;height:100%;display:block}.ronse-hero-motion .rh-toggle{color:var(--lightningcss-light,#104830)var(--lightningcss-dark,#d6e8cc);border:1px solid var(--lightningcss-light,#c7d4c0)var(--lightningcss-dark,#6c7d62);background:0 0;border-radius:5px;min-width:82px;min-height:38px;padding:9px 14px;font:12px Arial,sans-serif}.ronse-hero-motion .rh-accessible{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ronse-hero-motion[data-step="0"] .rh-s0,.ronse-hero-motion[data-step="1"] .rh-s1,.ronse-hero-motion[data-step="2"] .rh-s2,.ronse-hero-motion[data-step="3"] .rh-s3,.ronse-hero-motion[data-step="4"] .rh-s4{opacity:1;transform:translateY(0)scale(1)}.ronse-hero-motion[data-step="1"] .rh-confirm{transform:scale(1)}.ronse-hero-motion[data-step="2"] .rh-payment-ticket{transform:translateY(0)rotate(-2deg)}.ronse-hero-motion[data-step="3"] .rh-message{transform:translate(0)}.ronse-hero-motion.rh-paused *,.ronse-hero-motion.rh-paused :before,.ronse-hero-motion.rh-paused :after{transition:none!important;animation-play-state:paused!important}@container ronseMotion (width<=520px){.ronse-hero-motion .rh-film{aspect-ratio:.68}.ronse-hero-motion .rh-brand{gap:7px;top:3%}.ronse-hero-motion .rh-brand-logo{width:69px;height:42px}.ronse-hero-motion .rh-brand span{font-size:9px}.ronse-hero-motion .rh-headline{width:86%;top:16%;left:6%}.ronse-hero-motion h2{letter-spacing:-1.1px;margin-bottom:10px;font-size:clamp(28px,7.4cqw,38px);line-height:1.05}.ronse-hero-motion .rh-kicker{letter-spacing:.9px;margin-bottom:8px;font-size:8px}.ronse-hero-motion .rh-headline p{font-size:11px;line-height:1.45}.ronse-hero-motion .rh-camera{top:69%;left:69%}.ronse-hero-motion .rh-backdrop{object-fit:cover;object-position:30% center}.ronse-hero-motion .rh-wash{background:linear-gradient(#fff 0%,#ffffffa6 28%,#0000 56%)}.ronse-hero-motion .rh-ground-shadow{width:30%;top:88%;left:57%}.ronse-hero-motion .rh-film-caption{font-size:11px;bottom:3%}.ronse-hero-motion .rh-toggle{min-height:44px}}@media (prefers-reduced-motion:reduce){.ronse-hero-motion *{transition:none!important}}.ronse-hero-motion.rh-visual-only .rh-headline{display:none}.ronse-hero-motion .rh-toggle{cursor:pointer}.ronse-hero-motion .rh-toggle:focus-visible{outline-offset:4px;outline:2px solid #104830}.ronse-hero-motion .rh-display h3,.ronse-hero-motion .rh-display p{font-family:Arial,Helvetica,sans-serif}@container ronseMotion (width<=520px){.ronse-hero-motion.rh-visual-only .rh-film{aspect-ratio:.97}.ronse-hero-motion.rh-visual-only .rh-camera{top:50%;left:68%}.ronse-hero-motion.rh-visual-only .rh-wash{background:linear-gradient(#ffffff75,#0000 45%)}.ronse-hero-motion.rh-visual-only .rh-ground-shadow{top:84%}.ronse-hero-motion.rh-visual-only .rh-brand span{display:none}}
