.genally-app-experience{background:#ecefea;padding-top:75px;padding-bottom:42px;overflow:hidden}
.genally-app-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end;position:relative;z-index:1}
.genally-app-heading h2{font-size:clamp(40px,4.4vw,68px);line-height:1.08;letter-spacing:-.055em}.genally-app-heading h2 em{color:#007f83}
.genally-app-heading>p{font-size:16px;line-height:1.85;max-width:455px;padding-bottom:6px}
.genally-app-stage{position:relative;isolation:isolate;min-height:clamp(755px,60vw,850px);margin:38px auto 0;max-width:1450px;--app-x:0px;--app-y:0px;--app-rx:0deg;--app-ry:0deg;--app-scroll:0;perspective:1600px}
.genally-app-ambient{position:absolute;inset:7% 12%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at var(--app-light-x,50%) var(--app-light-y,45%),#8fd4c66b,transparent 65%);opacity:.85;filter:blur(18px);border-radius:50%}
.genally-app-orbit{position:absolute;inset:12% 8%;z-index:-1;pointer-events:none;transform:rotate(-18deg);opacity:.6}
.genally-app-orbit i{position:absolute;inset:10%;border:1px solid #008b8421;border-radius:50%;transform:rotateX(52deg)}.genally-app-orbit i+i{inset:-1% 20%;transform:rotate(65deg);border-color:#7f4e9d19}
.genally-app-watermark{position:absolute;left:2%;top:6%;z-index:-2;font-size:clamp(45px,6vw,100px);font-weight:600;line-height:1.05;letter-spacing:-.065em;color:#d2dbd329;pointer-events:none}
.genally-app-device{position:absolute;left:50%;top:42px;margin:0;width:clamp(235px,22vw,320px);transform:translateX(-50%) translate3d(calc(var(--app-x)*.4),calc(var(--app-y)*.35),0) rotateX(var(--app-rx)) rotateY(var(--app-ry)) rotate(-5deg);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.16,1,.3,1);z-index:3}
.genally-app-phone{display:block;position:relative;width:100%;padding:8px;border-radius:42px;border:1px solid #657c80;background:linear-gradient(120deg,#708a8b,#102a31 9%,#091d25 80%,#647b7e);box-shadow:5px 5px 0 #476267,10px 12px 0 #19363a,22px 32px 45px #0c40323d,0 8px 10px #062e2a30;cursor:zoom-in;transition:box-shadow .5s}
.genally-app-phone:hover{box-shadow:5px 5px 0 #476267,10px 12px 0 #19363a,25px 38px 50px #0c40324d,0 8px 10px #062e2a30}
.genally-app-phone-screen{position:relative;display:block;aspect-ratio:738/1600;overflow:hidden;border-radius:34px;background:#102735}
.genally-app-phone-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.genally-app-speaker{position:absolute;top:8px;left:50%;width:23%;height:5px;border-radius:6px;background:#0b1d23;transform:translateX(-50%);pointer-events:none}
.genally-phone-button{position:absolute;left:-3px;top:20%;height:6%;width:3px;background:#78908e;border-radius:2px}.genally-phone-button.two{top:29%;height:10%}
.genally-app-device figcaption{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;font:9px/1.6 'Courier New',monospace;color:#527070;margin:24px -25px 0;transform:rotate(5deg)}
.genally-app-live-mark{width:5px;height:5px;border-radius:50%;background:#008b85;flex-shrink:0}.genally-app-enlarge{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;font:10px/1.6 Manrope,Arial,sans-serif;color:#006b76}.genally-app-enlarge .icon{width:12px;height:12px}
.genally-app-panel{position:absolute;display:grid;grid-template-columns:78px minmax(0,1fr);gap:19px;width:clamp(270px,28vw,405px);padding:17px;min-height:170px;background:#ffffffeb;border:1px solid #d9e1da;border-radius:12px;box-shadow:0 12px 30px #123a2e09;z-index:2;transform:translate3d(calc(var(--app-scroll)*var(--panel-travel,55px) + var(--app-x)*var(--panel-depth,.2)),calc(var(--app-y)*var(--panel-depth,.2)),0);transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.app-panel-learning{left:0;top:92px;--panel-travel:70px;--panel-depth:-.45}.app-panel-policy{right:0;top:310px;--panel-travel:-60px;--panel-depth:.55}.app-panel-response{left:2%;top:506px;--panel-travel:45px;--panel-depth:-.3}
.app-panel-art{position:relative;overflow:hidden;display:grid;place-items:center;border-radius:8px;background:#d9eae4;color:#007c78;min-height:120px;align-self:stretch}.app-panel-art>.icon{width:34px;height:34px;z-index:1;transition:transform .4s}.app-panel-art>i{position:absolute;width:125px;height:125px;left:-55px;top:20px;border:1px solid #007f7426;border-radius:50%;box-shadow:0 0 0 12px #007f7409,0 0 0 32px #007f7407}
.app-panel-policy .app-panel-art{background:#eae0ee;color:#78458c}.app-panel-policy .app-panel-art>i{border-color:#78458c26;box-shadow:0 0 0 12px #78458c09,0 0 0 32px #78458c07}
.app-panel-response .app-panel-art{background:#dfe9ef;color:#246e8a}
.app-panel-copy{display:flex;flex-direction:column;min-width:0}.app-panel-label{font:8px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.03em;color:#5c7780;margin-bottom:10px}
.app-panel-copy strong{font-size:22px;line-height:1.14;letter-spacing:-.04em;font-weight:500;color:#13313a;margin-bottom:11px}.app-panel-description{font-size:11px;line-height:1.75;color:#627679}
.app-panel-link{display:flex;align-items:center;gap:14px;font-size:10px;line-height:1.5;color:#006d7b;margin-top:auto;padding-top:16px}.app-panel-link .icon{width:14px;height:14px;margin-left:auto;transition:transform .3s}
.genally-app-panel:is(:hover,:focus-visible){border-color:#53a79e;box-shadow:0 15px 38px #123a2e17}.genally-app-panel:is(:hover,:focus-visible) .app-panel-art>.icon{transform:rotate(-8deg) scale(1.08)}.genally-app-panel:is(:hover,:focus-visible) .app-panel-link .icon{transform:translate(2px,-2px)}
.genally-app-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #c4d3cb;padding-top:22px;font-size:11px;color:#58736c}.genally-app-motion.motion-toggle{display:grid;width:38px;height:38px;background:transparent;border:1px solid #9bb9ad;color:#1e6a65;flex-shrink:0}
.genally-screen-dialog{width:min(100% - 30px,520px);max-height:90svh;border:1px solid #abc5c0;padding:0;border-radius:18px;background:#f4f7f4;color:#0c2f39;box-shadow:0 35px 130px #001c2b75;overscroll-behavior:contain}
.genally-screen-dialog::backdrop{background:#041a25c9;backdrop-filter:blur(8px)}
.genally-screen-dialog-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#f4f7f4f5;border-bottom:1px solid #d9e4df;z-index:1}
.genally-screen-dialog-heading h2{font-size:20px;letter-spacing:-.03em;margin:0}.genally-screen-dialog-heading button{width:38px;height:38px;display:grid;place-items:center;background:#e0ebe5;border-radius:50%;color:#1f544c}.genally-screen-dialog-heading .icon{width:18px;height:18px}
.genally-screen-dialog-body{padding:18px;background:#e0e9e5}.genally-screen-dialog-body>img{width:100%;height:auto;border-radius:8px}
html.genally-screen-open{overflow:hidden}
@media(max-width:1150px) and (min-width:960px){.genally-app-panel{grid-template-columns:58px minmax(0,1fr);gap:13px;width:265px;padding:14px}.app-panel-copy strong{font-size:21px}.genally-app-device{width:245px}.genally-app-stage{min-height:740px}.app-panel-response{left:0;top:515px}}
@media(max-width:959px){.genally-app-heading{grid-template-columns:1fr;gap:25px}.genally-app-heading>p{max-width:650px}.genally-app-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px 35px;min-height:0;margin-top:42px;padding-bottom:45px;perspective:none}.genally-app-device{position:relative;grid-column:1;grid-row:1/4;left:auto;top:auto;width:min(100%,290px);justify-self:center;transform:rotate(-3deg);margin:25px 0 30px}.genally-app-panel{position:relative;left:auto;right:auto;top:auto;grid-column:2;width:100%;min-height:0;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px;transform:none}.app-panel-art{min-height:95px}.app-panel-art>.icon{width:29px;height:29px}.app-panel-copy strong{font-size:22px}.app-panel-description{font-size:12px}.genally-app-orbit{inset:10% 0}.genally-app-watermark{font-size:65px;top:1%}.genally-app-panel .app-panel-label{font-size:8px}.genally-app-device figcaption{transform:rotate(3deg)}}
@media(max-width:650px){.genally-app-experience{padding-top:55px;padding-bottom:30px}.genally-app-heading h2{font-size:43px}.genally-app-heading>p{font-size:14px}.genally-app-stage{grid-template-columns:1fr;gap:16px;margin-top:25px}.genally-app-device{grid-column:1;grid-row:auto;width:235px;margin:25px 0 42px;transform:rotate(-3deg)}.genally-app-panel{grid-column:1;grid-template-columns:65px minmax(0,1fr);gap:17px;padding:16px;max-width:470px;justify-self:center}.app-panel-copy strong{font-size:24px}.app-panel-description{font-size:12px}.app-panel-label{margin-bottom:8px}.app-panel-link{font-size:11px}.genally-app-watermark{font-size:56px;top:22px;left:0}.genally-app-ambient{inset:2% 0 55%}.genally-app-orbit{inset:0 0 55%}.genally-app-bottom{font-size:10px;gap:18px}.genally-screen-dialog-body{padding:10px}}
@media(max-width:360px){.genally-app-heading h2{font-size:37px}.genally-app-device{width:218px}.genally-app-panel{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:13px}.app-panel-copy strong{font-size:22px}.app-panel-label{font-size:7px}}
@media(hover:none),(pointer:coarse){.genally-app-device{transform:translateX(-50%) rotate(-3deg)}.genally-app-panel{transform:none}.genally-app-device figcaption{transform:rotate(3deg)}}
@media(max-width:959px) and (hover:none),(max-width:959px) and (pointer:coarse){.genally-app-device{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.genally-app-device{transform:translateX(-50%)}.genally-app-panel,.genally-app-device figcaption,.genally-app-panel .icon{transform:none!important}.genally-app-device,.genally-app-panel,.genally-app-phone,.genally-app-panel .icon{transition:none!important}.genally-screen-dialog::backdrop{backdrop-filter:none}}
.motion-paused .genally-app-device{transform:translateX(-50%)}.motion-paused .genally-app-panel,.motion-paused .genally-app-device figcaption,.motion-paused .genally-app-panel .icon{transform:none!important}.motion-paused .genally-app-device,.motion-paused .genally-app-panel,.motion-paused .genally-app-phone,.motion-paused .genally-app-panel .icon{transition:none!important}
@media(max-width:959px){.motion-paused .genally-app-device{transform:none}}
@media(max-width:959px) and (prefers-reduced-motion:reduce){.genally-app-device{transform:none}}

/* Two complementary devices: stronger counter-depth without altering either screen. */
.genally-app-stage{min-height:clamp(980px,78vw,1120px);perspective:1900px}
.genally-app-ambient{inset:2% 3% 8%;background:radial-gradient(ellipse at var(--app-light-x,60%) var(--app-light-y,42%),#70d1bb80,transparent 58%),radial-gradient(ellipse at 80% 35%,#ad87bd38,transparent 53%);opacity:1;filter:blur(25px)}
.genally-app-device{left:33%;top:310px;width:clamp(245px,21vw,285px);z-index:4;transform:translate3d(calc(var(--app-x)*.7),calc(var(--app-y)*.6),0) rotateX(var(--app-rx)) rotateY(var(--app-ry)) rotate(-5deg)}
.genally-app-phone{box-shadow:6px 7px 0 #476267,11px 13px 0 #19363a,28px 40px 55px #0c40324d,0 8px 10px #062e2a30}
.genally-app-laptop{position:absolute;left:36%;top:80px;width:64%;margin:0;z-index:2;transform:translate3d(calc(var(--app-x)*-.55),calc(var(--app-y)*-.35),0) rotateX(calc(var(--app-rx)*-.6)) rotateY(calc(var(--app-ry)*-.6)) rotate(2deg);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.16,1,.3,1)}
.genally-laptop-open{display:block;width:100%;padding:0;background:none;cursor:zoom-in;position:relative;color:inherit}
.genally-laptop-display{display:block;position:relative;padding:15px 9px 10px;border-radius:16px 16px 5px 5px;border:1px solid #7d9799;background:linear-gradient(125deg,#7c9394,#102b34 5%,#071b25 80%,#47656c);box-shadow:5px 4px 0 #30505a,0 25px 55px #103d413b;overflow:hidden}
.genally-laptop-screen{display:block;position:relative;border-radius:5px;overflow:hidden;aspect-ratio:1489/824;background:#102530}
.genally-laptop-screen img{display:block;width:100%;height:100%;object-fit:contain}
.genally-laptop-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#193e4e;box-shadow:inset 0 0 1px #7aabb5}
.genally-laptop-glass{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--app-light-x,50%) var(--app-light-y,30%),#d9f9ed25,transparent 58%);opacity:.6;transition:opacity .4s}
[data-app-pointer] .genally-laptop-glass{opacity:1}
.genally-laptop-base{display:block;position:relative;left:-6%;width:112%;height:24px;background:linear-gradient(#c9d6d7,#a3b6b9 22%,#5e7e86 63%,#263f49 75%,#1b323a);clip-path:polygon(5.5% 0,94.5% 0,100% 60%,98% 100%,2% 100%,0 60%);filter:drop-shadow(0 8px 4px #123a433d)}
.genally-laptop-base i{position:absolute;left:43%;top:0;width:14%;height:5px;border-radius:0 0 10px 10px;background:#647f86;box-shadow:0 1px 1px #e7f0ef70}
.genally-app-laptop figcaption{font:9px/1.6 'Courier New',monospace;text-align:center;color:#527070;display:flex;flex-direction:column;gap:4px;margin-top:16px;transform:rotate(-2deg)}
.genally-app-laptop figcaption>span{display:flex;justify-content:center;align-items:center;gap:6px;color:#006b76;font:10px/1.6 Manrope,Arial,sans-serif}.genally-app-laptop figcaption .icon{width:12px;height:12px}
.genally-app-panel{width:clamp(255px,24vw,320px);grid-template-columns:62px minmax(0,1fr);gap:15px;z-index:3}
.app-panel-learning{left:0;top:20px;--panel-depth:-.6}.app-panel-policy{left:0;right:auto;top:330px;--panel-depth:-.35}.app-panel-response{left:auto;right:0;top:700px;--panel-depth:.65}
.genally-screen-dialog.is-wide-screen{width:min(96vw,1300px)}
@media(max-width:1150px) and (min-width:960px){.genally-app-stage{min-height:950px}.genally-app-device{width:245px;left:33%;top:300px}.genally-app-laptop{top:85px;left:36%;width:63%}.genally-app-panel{width:260px;grid-template-columns:48px minmax(0,1fr);gap:12px}.app-panel-learning{top:15px}.app-panel-policy{top:310px}.app-panel-response{top:660px;left:auto;right:0}.app-panel-copy strong{font-size:21px}}
@media(max-width:959px){.genally-app-stage{min-height:0;grid-template-columns:1fr 1fr;padding-bottom:45px;gap:23px 30px}.genally-app-laptop{position:relative;left:auto;top:auto;width:88%;max-width:760px;grid-column:1/-1;grid-row:1;justify-self:center;transform:none;margin:10px 0 30px}.genally-app-laptop figcaption{transform:none}.genally-app-device{position:relative;left:auto;top:auto;grid-column:1;grid-row:2/5;width:min(100%,260px);transform:rotate(-3deg);margin:15px 0 35px}.genally-app-panel{left:auto;right:auto;top:auto;position:relative;grid-column:2;width:100%;grid-template-columns:48px minmax(0,1fr);transform:none}.app-panel-learning{grid-row:2}.app-panel-policy{grid-row:3}.app-panel-response{grid-row:4}.genally-app-ambient{inset:0}.genally-laptop-display{padding-top:13px}.genally-laptop-base{height:20px}}
@media(max-width:650px){.genally-app-stage{grid-template-columns:1fr;gap:18px}.genally-app-laptop{grid-column:1;grid-row:1;width:88%;margin:15px 0 10px}.genally-app-device{grid-column:1;grid-row:2;width:235px;margin:20px 0 40px}.genally-app-panel{grid-column:1;grid-template-columns:58px minmax(0,1fr);gap:15px}.app-panel-learning{grid-row:3}.app-panel-policy{grid-row:4}.app-panel-response{grid-row:5}.genally-laptop-display{padding:10px 5px 6px;border-radius:10px 10px 4px 4px}.genally-laptop-camera{top:3px;width:3px;height:3px}.genally-laptop-base{height:14px}.genally-app-laptop figcaption{font-size:8px}.genally-app-laptop figcaption>span{font-size:9px}}
@media(max-width:360px){.genally-app-device{width:218px}.genally-app-panel{grid-template-columns:45px minmax(0,1fr);gap:12px}}
@media(hover:none),(pointer:coarse){.genally-app-laptop{transform:rotate(2deg)}.genally-app-device{transform:rotate(-3deg)}}
@media(max-width:959px) and (hover:none),(max-width:959px) and (pointer:coarse){.genally-app-laptop{transform:none}}
@media(prefers-reduced-motion:reduce){.genally-app-laptop,.genally-app-device,.genally-app-laptop figcaption{transform:none!important;transition:none!important}.genally-laptop-glass{display:none}}
.motion-paused .genally-app-laptop,.motion-paused .genally-app-device,.motion-paused .genally-app-laptop figcaption{transform:none!important;transition:none!important}.motion-paused .genally-laptop-glass{display:none}