@media(min-width:1101px){.site-header{gap:18px}.site-header .header-label{max-width:230px}.site-header .desktop-nav{gap:15px;font-size:11.5px;white-space:nowrap}}
.product-grid.product-showcases{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.product-showcase{display:grid;grid-template-columns:54% 46%;position:relative;min-width:0;border-radius:14px;overflow:hidden;color:#f5f8f4;background:#082b20;border:1px solid #183a2d;isolation:isolate}
.showcase-visual{position:relative;min-height:760px;overflow:hidden;touch-action:pan-y;background:#103325}
.workspace-slides{height:100%;width:100%;position:absolute;inset:0;display:flex;transform:translateX(calc(var(--slide-position,0)*-100%));transition:transform .8s cubic-bezier(.22,.8,.25,1);will-change:transform}
.workspace-slides.is-resetting{transition:none!important}
.workspace-slide{flex:0 0 100%;position:relative;height:100%;overflow:hidden}
.workspace-slide-background,.workspace-photo-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.workspace-slide-background{object-position:center;filter:saturate(.92)}
.workspace-photo-shade{background:linear-gradient(0deg,#021c1be6,transparent 66%),linear-gradient(90deg,#041e2828,#02191430)}
.showcase-category{position:absolute;top:30px;left:30px;border:1px solid #ffffff75;border-radius:30px;backdrop-filter:blur(16px);background:#08232035;padding:10px 15px;font:9px/1.4 'Courier New',monospace;letter-spacing:.03em;text-transform:uppercase;z-index:2}
.showcase-rotation{position:absolute;top:27px;right:25px;border:1px solid #ffffff80;background:#051e2445;border-radius:50%;width:41px;height:41px;display:grid;place-items:center;color:white;backdrop-filter:blur(10px);z-index:3}
.showcase-rotation:hover{background:#fff;color:#082b20}.showcase-rotation .icon{width:17px;height:17px}
.showcase-phone{position:absolute;top:112px;left:14%;width:clamp(184px,17vw,266px);border:8px solid #111a1d;border-radius:36px;background:#111a1d;box-shadow:4px 5px 0 #62777680,0 25px 55px #00141580;transform:perspective(1200px) rotateY(9deg) rotate(-8deg);overflow:hidden}
.showcase-phone-screen{position:relative;aspect-ratio:738/1600;overflow:hidden;border-radius:27px;background:#103524}
.showcase-phone-screen>img{width:100%;height:100%;object-fit:contain}
.showcase-phone-speaker{position:absolute;top:6px;left:50%;width:23%;height:5px;background:#0d1818;border-radius:8px;transform:translateX(-50%);opacity:.8}
.showcase-robot{position:absolute;right:1%;bottom:157px;width:clamp(160px,21vw,330px);height:auto;max-height:380px;object-fit:contain;filter:drop-shadow(0 15px 25px #00171065);pointer-events:none;z-index:1}
.workspace-visual-name{position:absolute;left:31px;bottom:107px;right:22px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.025em;color:#f0f7e9;text-shadow:0 2px 12px #000}
.workspace-visual-name .icon{width:19px;height:19px}
.workspace-selectors{position:absolute;left:24px;right:24px;bottom:27px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:19px;border-top:1px solid #ffffff45;z-index:3}
.workspace-selectors>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;min-width:0;padding:9px 8px;background:#05252560;backdrop-filter:blur(12px);border:1px solid #ffffff36;border-radius:8px;color:#e0ece9;font-size:11px;font-weight:550;transition:background .3s,color .3s,border-color .3s}
.workspace-selectors>button .icon{width:19px;height:19px}
.workspace-selectors>button[aria-pressed=true]{background:var(--workspace-accent);border-color:var(--workspace-accent);color:#112819;box-shadow:0 0 25px #ffffff0d}
.workspace-selectors>button:hover{border-color:#fff;color:#fff}.workspace-selectors>button[aria-pressed=true]:hover{color:#112819}
.showcase-info{padding:clamp(30px,4vw,68px);display:flex;flex-direction:column;justify-content:center;min-width:0;background:#082b20;transition:background-color .7s}
.showcase-eyebrow{display:block;color:#bfd8cb;text-transform:uppercase;letter-spacing:.075em;font:10px/1.5 'Courier New',monospace;margin-bottom:17px}
.showcase-info>h3{font-size:clamp(54px,5.5vw,88px);letter-spacing:-.065em;font-weight:500;margin-bottom:20px;line-height:1}
.showcase-promise{font-size:clamp(27px,2.7vw,42px);font-weight:450;letter-spacing:-.045em;line-height:1.15;color:#eaf4e8}
.showcase-intro{font-size:14px;line-height:1.8;color:#bed1c7;margin-top:24px;max-width:470px}
.workspace-details{margin-top:28px;padding-top:23px;border-top:1px solid #ffffff29;min-height:240px}
.workspace-detail[hidden]{display:none}.workspace-detail>.showcase-eyebrow{font-size:9px;margin-bottom:12px;color:#b8dcab}
.workspace-detail h4{font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.2;min-height:55px}
.workspace-detail p{color:#bad0c4;font-size:12px;line-height:1.8;margin-top:12px;min-height:65px}
.workspace-detail ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;margin:19px 0 0}
.workspace-detail li{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.6;color:#d4e3da}
.workspace-detail li .icon{width:14px;height:14px;color:#bbdfa8;margin-top:1px}
.showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:29px}
.showcase-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 18px;min-height:51px;background:#e7f1df;color:#10261b;font-size:12px;font-weight:650;border-radius:6px;transition:background .2s}
.showcase-cta:hover{background:white}.showcase-cta .icon{width:18px;height:18px}
.showcase-secondary{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:550;color:#e5f2e7;padding:7px 0;border-bottom:1px solid #ffffff60}
.showcase-secondary .icon{width:16px;height:16px}
.showcase-footnote{font-size:10px;color:#a9c4b6;margin-top:19px;max-width:400px;line-height:1.7}
.cultivra-showcase[data-active-workspace=flowers] .showcase-info{background:#2b203a}.cultivra-showcase[data-active-workspace=poultry] .showcase-info{background:#36251e}.cultivra-showcase[data-active-workspace=fish] .showcase-info{background:#0b2b40}
.cultivra-showcase[data-active-workspace=flowers] .showcase-info p,.cultivra-showcase[data-active-workspace=flowers] .showcase-info .showcase-eyebrow{color:#d6c9e2}.cultivra-showcase[data-active-workspace=poultry] .showcase-info p,.cultivra-showcase[data-active-workspace=poultry] .showcase-info .showcase-eyebrow{color:#dfcbbb}.cultivra-showcase[data-active-workspace=fish] .showcase-info p,.cultivra-showcase[data-active-workspace=fish] .showcase-info .showcase-eyebrow{color:#bdd7e6}
.showcase-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.genally-showcase{grid-template-columns:46% 54%;border-color:#163d48;background:#0b2e39}
.genally-showcase .showcase-info{background:#0b2e39}.genally-showcase .showcase-eyebrow{color:#a6d4dc}.genally-showcase .showcase-intro{color:#bfd5dc}
.genally-benefits{display:grid;gap:20px;margin-top:29px}.genally-benefits>div{display:flex;align-items:flex-start;gap:15px}.genally-benefits>div>.icon{width:23px;height:23px;margin-top:2px;color:#a6e2dc}.genally-benefits>div>span{display:flex;flex-direction:column;gap:6px}.genally-benefits strong{font-size:13px;font-weight:600}.genally-benefits>div>span>span{font-size:12px;line-height:1.7;color:#b8d2db}.genally-showcase .showcase-cta{background:#d5eeed;color:#103638}
.genally-showcase-visual{position:relative;min-height:760px;overflow:hidden;background:#153d46}.genally-showcase-photo,.genally-visual-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.genally-showcase-photo{object-position:46% center}.genally-visual-shade{background:linear-gradient(0deg,#06242ef0,transparent 72%),linear-gradient(90deg,#0b2e3970,#12332f20)}
.genally-logo-panel{position:absolute;top:35px;left:35px;background:#ffffffec;border:1px solid white;box-shadow:0 8px 28px #052b3c30;border-radius:11px;padding:17px 24px;width:210px}.genally-logo-panel img{width:100%;height:auto}
.genally-connection{position:absolute;left:10%;right:10%;top:47%;display:flex;align-items:center;justify-content:space-between;gap:15px}.genally-connection>span{width:80px;height:80px;border:1px solid #e1f6f780;border-radius:20px;backdrop-filter:blur(15px);background:#b3e7e81e;display:grid;place-items:center;box-shadow:0 15px 35px #05263230;flex-shrink:0}.genally-connection>span .icon{width:37px;height:37px}.genally-connection>i{height:1px;background:#c2eef590;flex:1;min-width:10px}
.genally-visual-caption{position:absolute;left:38px;right:38px;bottom:42px}.genally-visual-caption h4{font-size:clamp(32px,3.6vw,59px);line-height:1.1;letter-spacing:-.045em}.genally-visual-caption>div{display:flex;flex-wrap:wrap;gap:20px;padding-top:23px;margin-top:26px;border-top:1px solid #ffffff40;font-size:11px;color:#d3e8ed}
.focus-mobile-photo{display:none}
.motion-paused .workspace-slides{transition:none}
@media(min-width:1700px){.showcase-info{padding:64px}.showcase-visual,.genally-showcase-visual{min-height:850px}.showcase-phone{left:16%;top:115px}.showcase-robot{bottom:170px;right:6%}}
@media(max-width:1100px){.product-showcase{grid-template-columns:52% 48%}.genally-showcase{grid-template-columns:48% 52%}.showcase-info{padding:32px}.showcase-visual,.genally-showcase-visual{min-height:790px}.showcase-phone{left:14%;width:205px;top:130px}.showcase-robot{width:200px;right:-5%;bottom:175px}.showcase-info>h3{font-size:59px}.showcase-promise{font-size:30px}.workspace-detail h4{font-size:22px;min-height:55px}.workspace-detail p{min-height:85px}.workspace-selectors{left:16px;right:16px;gap:5px}.workspace-selectors>button{gap:5px;padding:9px 5px;font-size:10px}.workspace-selectors>button .icon{width:17px;height:17px}.showcase-category{left:23px;font-size:8px;padding:9px 12px}.workspace-visual-name{left:23px;font-size:11px}.genally-logo-panel{left:27px;width:190px}.genally-connection{left:8%;right:8%;gap:10px}.genally-connection>span{width:64px;height:64px;border-radius:17px}.genally-connection>span .icon{width:30px;height:30px}.genally-visual-caption{left:28px;right:28px}.genally-visual-caption h4{font-size:42px}}
@media(max-width:760px){.product-grid.product-showcases{gap:26px}.product-showcase,.genally-showcase{grid-template-columns:minmax(0,1fr)}.showcase-visual{min-height:620px}.showcase-info{padding:32px 27px}.showcase-info>h3{font-size:59px}.showcase-promise{font-size:32px}.showcase-intro{font-size:14px}.showcase-phone{width:191px;top:95px;left:15%;border-width:7px;border-radius:29px}.showcase-phone-screen{border-radius:22px}.showcase-robot{width:195px;max-height:270px;right:1%;bottom:125px}.showcase-category{top:25px;left:23px}.showcase-rotation{top:21px;right:20px;width:38px;height:38px}.workspace-selectors{left:18px;right:18px;bottom:24px;gap:5px}.workspace-selectors>button{min-height:44px;font-size:11px;gap:6px}.workspace-selectors>button .icon{width:18px;height:18px}.workspace-visual-name{bottom:104px;font-size:11px;left:25px}.workspace-details{min-height:0;margin-top:25px}.workspace-detail h4{font-size:24px;min-height:0}.workspace-detail p{font-size:13px;min-height:0;margin-top:15px}.workspace-detail li{font-size:11px}.showcase-actions{gap:18px;margin-top:28px}.showcase-cta{font-size:12px}.showcase-footnote{font-size:11px}.genally-showcase .showcase-info{order:2}.genally-showcase-visual{min-height:510px;order:1}.genally-logo-panel{top:28px;left:26px;width:190px}.genally-connection{top:38%;left:10%;right:10%}.genally-connection>span{width:70px;height:70px}.genally-visual-caption{bottom:28px}.genally-visual-caption h4{font-size:39px}.genally-visual-caption>div{gap:15px;font-size:10px;margin-top:20px;padding-top:18px}.genally-benefits{gap:23px}.genally-benefits strong{font-size:14px}.genally-benefits>div>span>span{font-size:13px}.focus-mobile-photo{display:block;height:255px;margin-top:27px;border-radius:8px;overflow:hidden;background:var(--navy)}.focus-mobile-photo img{width:100%;height:100%;object-fit:cover}}
@media(max-width:410px){.showcase-visual{min-height:550px}.showcase-phone{width:170px;top:91px;left:12%}.showcase-robot{width:158px;right:-3%;bottom:128px}.showcase-category{max-width:220px;font-size:7px;left:19px;padding:9px 10px}.showcase-rotation{right:16px;width:35px;height:35px}.workspace-selectors{left:13px;right:13px;gap:4px}.workspace-selectors>button{font-size:9px;gap:4px;padding:9px 3px}.workspace-selectors>button .icon{width:16px;height:16px}.workspace-visual-name{font-size:10px;left:21px}.showcase-info{padding:30px 23px}.showcase-info>h3{font-size:53px}.showcase-promise{font-size:29px}.showcase-intro{font-size:13px}.showcase-secondary{font-size:10px}.genally-showcase-visual{min-height:470px}.genally-connection{gap:8px;left:7%;right:7%}.genally-connection>span{width:58px;height:58px}.genally-connection>span .icon{width:28px;height:28px}.genally-visual-caption h4{font-size:35px}.genally-visual-caption>div{gap:11px;font-size:9px}.genally-logo-panel{width:170px;padding:14px 20px}.focus-mobile-photo{height:225px}}
@media(prefers-reduced-motion:reduce){.workspace-slides,.showcase-info,.workspace-selectors>button{transition:none!important}}
@media(min-width:761px) and (max-width:950px){.product-showcase,.genally-showcase{grid-template-columns:minmax(0,1fr)}.showcase-visual{min-height:650px}.showcase-phone{width:220px;top:95px;left:16%}.showcase-robot{width:250px;right:8%;bottom:135px}.showcase-info{padding:40px}.workspace-details{min-height:0}.workspace-detail h4,.workspace-detail p{min-height:0}.genally-showcase .showcase-info{order:2}.genally-showcase-visual{min-height:570px;order:1}}
@media(max-width:480px){.showcase-phone{left:8%}.showcase-robot{width:130px;right:1%;bottom:135px}}
@media(max-width:410px){.showcase-phone{left:7%}.showcase-robot{width:112px;right:-1%}}
