.pg-intro .light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 35% 5%,#c4a96b22,transparent 58%);}
.pg-intro .earth{position:absolute;left:20%;right:20%;bottom:5%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#b18b4e45,transparent 68%);filter:blur(5px)}
.pg-intro .tree-wrap{position:absolute;bottom:8%;left:50%;height:82%;aspect-ratio:1/1;transform:translateX(-50%);transform-origin:50% 100%}
.pg-intro .growing-branch,.pg-intro .growing-leaf,.pg-intro .white-fruit,.pg-intro #pg-chosen-fruit,.pg-intro #pg-chosen-stem{opacity:0}
.pg-intro .tree{width:100%;height:100%;display:block;filter:none}
.pg-intro .seed{position:absolute;width:7px;height:13px;background:#fffaf1;border-radius:80% 20% 70% 30%;left:50%;bottom:8%;opacity:0}
.pg-intro .brand{position:absolute;left:50%;top:50%;width:min(570px,82%);aspect-ratio:2140/534;transform:translate(-50%,-50%);opacity:0;z-index:5}
.pg-intro .brand svg,.pg-intro .flyer svg{display:block;width:100%;height:100%}
.pg-intro .brand svg{overflow:visible}.pg-intro .flyer svg{overflow:hidden}
.pg-intro .flyer{position:absolute;z-index:6;opacity:0;pointer-events:none;aspect-ratio:2140/534;transform-origin:center}
.pg-intro .flight-fruit{opacity:1}.pg-intro .flight-symbol{opacity:0}
.pg-intro{position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate;direction:ltr;pointer-events:auto}
.pg-intro[hidden]{display:none}
.pg-intro .intro-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#40523c 0%,#1f3425 42%,#102217 90%)}
.pg-intro .brand{margin:0;padding:0;min-width:0;max-width:none;height:auto;display:block;filter:none}
/* Reserve the scrollbar while locked; keep the approved viewport sizing afterwards. */
html.pg-intro-active{scrollbar-gutter:stable}
html.pg-intro-active,html.pg-intro-active body{overflow:hidden}
html.pg-intro-active .logo img{visibility:hidden}
@media(max-width:600px){.pg-intro .tree-wrap{height:auto;width:88%;max-height:82%;bottom:12%}}
/* Skip button: same pill as the ChatGPT version (gold hairline, dark green fill, orange on hover) */
.pg-intro .intro-skip{position:absolute;z-index:20;left:50%;transform:translateX(-50%);bottom:max(24px,env(safe-area-inset-bottom));padding:11px 22px;min-height:44px;border:1px solid #f2d5a480;border-radius:999px;background:#172d21dd;color:#fffaf1;font:500 14px/1.4 "Montserrat",sans-serif;cursor:pointer;animation:intro-skip-in .9s cubic-bezier(.2,.7,.2,1) .5s both;transition:background .2s ease}
.pg-intro .intro-skip:hover{background:#b8531a}
.pg-intro .intro-skip:focus-visible{outline:2px solid #f2d5a4;outline-offset:4px}
.pg-intro .intro-skip.is-leaving{animation:intro-skip-out .5s ease forwards;pointer-events:none}
@keyframes intro-skip-out{to{opacity:0;transform:translateX(-50%) translateY(10px)}}
@keyframes intro-skip-in{from{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.pg-intro .intro-skip{animation:none}}