.applications-field{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,57%) var(--light-y,29%),var(--app-paper,var(--home-light)),var(--app-shade,var(--scene-fertilizer-shade)) 110%)}
.applications-field:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 79%,color-mix(in srgb,var(--home-ink) 14%,transparent),transparent 32%);opacity:.65}
.applications-stage{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;color:var(--app-ink,var(--home-ink))}
.applications-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
.application-scene{position:absolute;inset:0;visibility:hidden}
.application-title{position:absolute;top:28%;left:50%;width:max-content;max-width:96%;transform:translateX(-50%);margin:0;font-family:'Hubot Wide',Geist,sans-serif;font-size:clamp(75px,12vw,190px);font-weight:500;letter-spacing:-.065em;line-height:1;white-space:nowrap;color:var(--app-ink);opacity:.14;z-index:1;will-change:transform}
.application-title--long{font-size:clamp(55px,8.4vw,135px)}
.application-benefit{position:absolute;left:var(--edge);bottom:20%;z-index:3;max-width:340px;margin:0;font-family:'Hubot Wide',Geist,sans-serif;font-size:clamp(27px,2.65vw,43px);font-weight:500;line-height:1.13;letter-spacing:-.04em;will-change:transform}
.application-detail{position:absolute;right:var(--edge);bottom:20%;z-index:3;width:270px;max-width:24%;will-change:transform}
.application-detail p{margin:0;font-size:14px;line-height:1.55;text-wrap:pretty;color:color-mix(in srgb,var(--app-ink) 82%,transparent)}
.application-detail a{display:inline-flex;align-items:center;gap:22px;margin-top:20px;min-height:42px;font-size:13px;position:relative;pointer-events:auto}
.application-detail a:after{content:'';position:absolute;bottom:2px;left:0;width:30px;height:1px;background:currentColor;transition:width .4s var(--ease)}
.application-detail a:hover:after,.application-detail a:focus-visible:after{width:100%}
.application-detail a svg{width:24px;height:24px;transition:transform .4s var(--ease)}.application-detail a:hover svg{transform:translateX(4px)}
.application-nav{position:absolute;z-index:4;bottom:33px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:3px 6px;border-top:1px solid color-mix(in srgb,var(--app-ink) 18%,transparent);width:max-content;max-width:calc(100% - 44px);pointer-events:auto}
.application-nav a{font-size:12px;white-space:nowrap;min-height:46px;padding:14px 18px 13px;position:relative;color:color-mix(in srgb,var(--app-ink) calc(82% + var(--active,0) * 18%),transparent);transition:color .3s}
.application-nav a:before{content:'';position:absolute;top:-4px;left:18px;right:18px;height:2px;background:currentColor;transform:scaleX(var(--active,0));transition:transform .5s var(--ease);transform-origin:left}
.application-nav a:hover{color:var(--app-ink)}
.applications-stage[inert] a,.applications-stage article[inert] a{pointer-events:none}
.applications-on #examine{pointer-events:none}
.applications-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.applications-contact{margin-top:-100svh;min-height:100svh;position:relative;z-index:4;padding:120px 24px 100px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(to bottom,transparent,var(--home-dark) 20%);color:var(--home-light)}
.applications-contact h2{font-family:'Hubot Wide',Geist,sans-serif;font-size:clamp(34px,4.4vw,70px);line-height:1.13;letter-spacing:-.05em;font-weight:500;max-width:900px;margin:0 0 24px}
.applications-contact p{max-width:540px;margin:0;font-size:16px;line-height:1.6;color:var(--home-muted)}
.applications-contact .button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:62px;min-width:290px;margin-top:32px;padding:18px 26px;border:1px solid var(--home-edge);border-radius:3px;font-size:14px;overflow:hidden;transition:background .3s,color .3s,border-color .3s}
.applications-contact .button svg{width:24px;height:24px;transition:transform .4s var(--ease)}.applications-contact .button:hover,.applications-contact .button:focus-visible{background:var(--home-light);color:var(--home-dark);border-color:var(--home-light)}.applications-contact .button:hover svg{transform:translateX(5px)}
@media(max-width:1100px) and (min-width:641px){.application-benefit{font-size:28px;max-width:265px;bottom:19%}.application-detail{width:240px;max-width:25%;bottom:19%}.application-detail p{font-size:13px}.application-nav a{padding-left:13px;padding-right:13px}.application-nav a:before{left:13px;right:13px}}
@media(max-width:640px){
 .application-title{top:23%;font-size:13.4vw;opacity:.17;max-width:none}.application-title--long{font-size:8.6vw}
 .application-benefit{left:24px;right:24px;bottom:auto;top:65%;max-width:none;font-size:clamp(24px,6.5vw,31px);line-height:1.1}
 .application-benefit br{display:none}.application-detail{left:24px;right:24px;top:75%;bottom:auto;width:auto;max-width:none}.application-detail p{font-size:12px;line-height:1.45;max-width:340px}.application-detail a{font-size:12px;margin-top:6px;min-height:38px}
 .application-nav{left:16px;right:16px;bottom:13px;transform:none;max-width:none;width:auto;gap:0;justify-content:space-between;padding:0}
 .application-nav a{font-size:10px;min-height:44px;padding:14px 4px 12px}.application-nav a:before{left:4px;right:4px;top:-1px}
 .application-nav .long-label{display:none}.application-nav .short-label{display:inline}
 .applications-contact{margin-top:-100svh;min-height:100svh;padding:100px 24px}.applications-contact p{font-size:14px}
}
@media(min-width:641px){.application-nav .short-label{display:none}}
@media(prefers-reduced-motion:reduce){.application-title,.application-benefit,.application-detail{will-change:auto}}
.applications-failed .applications-stage{position:relative;opacity:1;background:var(--home-light);padding:70px 24px;color:var(--home-ink);--app-ink:var(--home-ink);pointer-events:auto}
.applications-failed .applications-stage canvas,.applications-failed .application-nav{display:none}
.applications-failed .application-scene{position:relative;visibility:visible;max-width:1000px;margin:0 auto;padding:50px 0;border-top:1px solid color-mix(in srgb,var(--home-ink) 19%,transparent)}
.applications-failed .application-title,.applications-failed .application-benefit,.applications-failed .application-detail{position:static;transform:none!important;width:auto;max-width:none}
.applications-failed .application-title{font-size:clamp(30px,6vw,80px);opacity:1;white-space:normal;margin:0 0 26px}
.applications-failed .application-benefit{font-size:24px;margin:0 0 20px}.applications-failed .application-detail{max-width:480px}

.applications-failed .applications-contact{margin-top:0;background:var(--home-dark)}

.application-benefit--wide{max-width:430px}