/* ── PRELOADER ── */
#pl { position:fixed;inset:0;background:var(--bg);z-index:99990;display:flex;flex-direction:column;align-items:center;justify-content:center; }
@keyframes drawSVG { to { stroke-dashoffset:0; } }
.pl-logo { width:200px;margin-bottom:44px; }
.pl-logo path { stroke-dasharray:350;stroke-dashoffset:350;animation:drawSVG 1.4s ease forwards; }
.pl-pct { font-size:76px;font-weight:900;color:var(--accent);letter-spacing:-4px;font-variant-numeric:tabular-nums; }
.pl-bar { width:240px;height:1px;background:rgba(255,255,255,.07);margin-top:18px;overflow:hidden; }
.pl-bar-fill { height:100%;width:0;background:var(--accent);transition:width .08s linear;box-shadow:0 0 14px var(--accent); }
.pl-ct { position:absolute;left:0;right:0;height:50%;background:var(--dark);transition:transform .72s cubic-bezier(.76,0,.24,1); }
.pl-ct-t { top:0; }    .pl-ct-b { bottom:0; }
.pl-ct-t.out { transform:translateY(-100%); }
.pl-ct-b.out { transform:translateY(100%); }

/* ── HERO ── */
#hero { position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden; }
#hero-bg { position:absolute;inset:0;z-index:0;background:url('../../images/Gemini_Generated_Image_axwrq5axwrq5axwr.png') center/cover no-repeat;opacity:.16;filter:brightness(.6) saturate(1.3); }
#hc { position:absolute;inset:0;z-index:1; }
.hcont { position:relative;z-index:2;text-align:center;padding:0 24px;will-change:transform; }
.h-eye { font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--accent);margin-bottom:28px;opacity:0;transform:translateY(18px); }
.h-title { font-size:clamp(64px,13vw,150px);font-weight:900;line-height:.88;letter-spacing:-6px;text-transform:uppercase;margin-bottom:30px;opacity:0;transform:translateY(40px); }
.gt { background:linear-gradient(90deg,var(--accent),var(--a2),var(--leaf),var(--accent));background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gm 4s linear infinite; }
@keyframes gm { 0%{background-position:0 center}100%{background-position:300% center} }
.h-sub { font-size:17px;color:rgba(255,255,255,.52);font-weight:300;min-height:26px;margin-bottom:50px;opacity:0; }
.cur-blink { display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite; }
@keyframes blink { 0%,100%{opacity:1}50%{opacity:0} }
.h-cta { opacity:0;display:flex;gap:18px;justify-content:center;flex-wrap:wrap; }
.sc-ind { position:absolute;bottom:44px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity .5s; }
.sc-ind span { font-size:10px;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.3); }
.sc-line { width:1px;height:44px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scl 1.8s ease-in-out infinite; }
@keyframes scl { 0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.4} }

/* ── PRODUCT TEASER ── */
#products-teaser { padding:130px 0; }
.pt-hdr { padding:0 64px;margin-bottom:56px; }
.prod-wrap { overflow-x:auto;overflow-y:visible;cursor:grab;padding-bottom:20px;scrollbar-width:none; }
.prod-wrap::-webkit-scrollbar { display:none; }
.prod-wrap:active { cursor:grabbing; }
.prod-track { display:flex;gap:20px;padding:0 64px;width:max-content; }
.pc { width:460px;height:560px;position:relative;overflow:hidden;flex-shrink:0;background:var(--dark);transition:transform .55s cubic-bezier(.25,.46,.45,.94); }
.pc:hover { transform:translateY(-10px); }
.pc-bg { position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .65s cubic-bezier(.25,.46,.45,.94);filter:brightness(.75) saturate(1.1); }
.pc:hover .pc-bg { transform:scale(1.07); }
.pc-ov { position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.08) 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:38px; }
.pc-num { position:absolute;top:18px;right:22px;font-size:84px;font-weight:900;color:rgba(255,255,255,.05);line-height:1;letter-spacing:-4px;transition:color .4s; }
.pc:hover .pc-num { color:rgba(0,255,136,.12); }
.pc-cat { font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px; }
.pc-title { font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:18px;line-height:1; }
.pc-view { display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:0;transform:translateY(14px);transition:all .4s; }
.pc:hover .pc-view { opacity:1;transform:translateY(0); }
.pc-view::after { content:'→';font-size:16px; }

/* ── ABOUT BLURB ── */
#about-blurb { background:var(--dark); }
.ab-grid { display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center; }
@media(max-width:900px){ .ab-grid { grid-template-columns:1fr;gap:56px; } }
.ab-txt { font-size:clamp(18px,2.2vw,26px);font-weight:300;line-height:1.78;color:rgba(255,255,255,.4); }
.ab-txt .w { display:inline-block;transition:color .4s; }
.ab-txt .w.lit { color:var(--white); }

/* ── CTA STRIP ── */
#cta-strip { background:var(--accent);padding:80px 64px;text-align:center; }
#cta-strip h2 { font-size:clamp(36px,5vw,64px);font-weight:900;text-transform:uppercase;letter-spacing:-3px;color:var(--bg);margin-bottom:16px;line-height:.95; }
#cta-strip p { color:rgba(0,0,0,.5);font-size:15px;margin-bottom:36px; }
.btn-dark { background:var(--bg);color:var(--accent);padding:18px 44px;border:none;font-family:'Inter',sans-serif;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;cursor:none;text-decoration:none;display:inline-block;transition:transform .3s,box-shadow .3s; }
.btn-dark:hover { transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.3); }