/* ===== STK Enterprises — Export Website ===== */
:root{
  /* Theme = logo green. Honey is an ACCENT only (--honey, --lime, --gold, --honey-dark). */
  --green-900:#082b17; --green-800:#0d3a1f; --green-700:#12502a; --green-600:#17803a;
  --green-500:#2fae4c; --lime:#f5b83d; --gold:#f0a91e; --gold-soft:#f7d58f;
  --honey:#f0a91e; --leaf:#1f9a43; --leaf-light:#5fd37a; --honey-dark:#c97d0c; --cream:#eef6ea; --paper:#f7fbf4; --ink:#0d1f13; --muted:#556a5a; --line:rgba(12,50,25,.13);
  --radius:18px; --shadow:0 20px 50px -20px rgba(6,25,13,.45);
  --hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64v33M0 48l-28 16M56 48l28 16' fill='none' stroke='%232fae4c' stroke-width='1.2'/%3E%3C/svg%3E");
  --ff-display:"Fraunces",Georgia,serif; --ff-body:"Manrope",system-ui,sans-serif;
  --pad:clamp(20px,5vw,80px); --max:1280px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--ff-body);color:var(--ink);background:var(--paper);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.section{padding:clamp(80px,11vw,150px) 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--green-600)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.h2{font-family:var(--ff-display);font-weight:500;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.08;letter-spacing:-.02em;margin:16px 0 20px}
.h2 em{font-style:italic;color:var(--green-600)}
.lead{color:var(--muted);font-size:clamp(1rem,1.3vw,1.12rem);max-width:58ch}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:100px;font-weight:700;font-size:.95rem;border:0;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}
.btn svg{width:18px;height:18px;transition:transform .35s}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{background:var(--honey);color:#0d1f13;box-shadow:0 12px 30px -12px rgba(212,140,20,.7)}
.btn-primary:hover{background:#ffbf3f}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn-ghost:hover{background:#fff;color:var(--green-900)}

/* ===== Preloader ===== */
.preloader{position:fixed;inset:0;z-index:999;background:var(--green-900);display:grid;place-items:center}
.preloader__inner{text-align:center;color:#fff}
.preloader__logo{width:110px;height:110px;margin:0 auto 18px;border-radius:50%;background:#fff;padding:10px;opacity:0;transform:scale(.8)}
.preloader__logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.preloader__bar{width:180px;height:2px;background:rgba(255,255,255,.15);margin:0 auto;overflow:hidden;border-radius:2px}
.preloader__bar span{display:block;height:100%;width:0;background:var(--lime)}

/* ===== Header ===== */
.header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,box-shadow .4s,padding .4s,transform .45s cubic-bezier(.2,.8,.2,1);padding:22px 0}
.header.is-scrolled{background:rgba(247,251,244,.88);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line);padding:12px 0}
.header.is-hidden{transform:translateY(-110%)}
.header__row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;transition:color .4s}
.brand__mark{width:48px;height:48px;border-radius:50%;background:#fff;padding:4px;flex:none;box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
.brand__mark img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.brand__text strong{display:block;font-family:var(--ff-display);font-size:1.2rem;font-weight:600;letter-spacing:.02em;line-height:1}
.brand__text small{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;opacity:.75}
.header.is-scrolled .brand{color:var(--ink)}
.nav{display:flex;align-items:center;gap:34px}
.nav__links{display:flex;gap:30px;list-style:none}
.nav__links a{color:rgba(255,255,255,.88);font-weight:600;font-size:.93rem;position:relative;padding:6px 0;transition:color .3s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.nav__links a:hover::after,.nav__links a.active::after{transform:scaleX(1);transform-origin:left}
.header.is-scrolled .nav__links a{color:var(--ink)}
.header.is-scrolled .nav__links a::after{background:var(--honey)}
.nav .btn{padding:12px 22px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:#fff;transition:transform .4s,opacity .3s,top .4s,background .3s}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:27px}
.header.is-scrolled .burger{border-color:var(--line)}
.header.is-scrolled .burger span{background:var(--ink)}
body.menu-open .burger span{background:#fff}
body.menu-open .burger span:nth-child(1){top:22px;transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){top:22px;transform:rotate(-45deg)}

.mobile-menu{position:fixed;inset:0;z-index:90;background:var(--green-900);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad) 40px;clip-path:circle(0% at calc(100% - 45px) 45px);visibility:hidden}
.mobile-menu ul{list-style:none}
.mobile-menu li{overflow:hidden}
.mobile-menu a{display:block;font-family:var(--ff-display);font-size:clamp(2rem,9vw,3rem);padding:6px 0}
.mobile-menu__foot{margin-top:40px;font-size:.9rem;opacity:.75;display:grid;gap:6px}

/* ===== Hero ===== */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding-top:130px;padding-bottom:clamp(40px,7vw,90px)}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__media img{width:100%;height:115%;object-fit:cover;object-position:72% 45%;transform:scale(1.08)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,36,18,.94) 0%,rgba(5,36,18,.82) 30%,rgba(5,36,18,.45) 58%,rgba(5,36,18,.1) 80%,rgba(5,36,18,0) 100%),linear-gradient(180deg,rgba(5,36,18,.6) 0%,rgba(5,36,18,0) 25%,rgba(5,36,18,0) 70%,rgba(5,36,18,.7) 100%)}
.hero__content{position:relative;z-index:2;width:100%}
.hero__tag{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.hero__tag i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(245,184,61,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(245,184,61,0)}100%{box-shadow:0 0 0 0 rgba(245,184,61,0)}}
.hero__title{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.6rem,6vw,5.4rem);text-shadow:0 2px 24px rgba(0,0,0,.35);line-height:1;letter-spacing:-.03em;margin:24px 0 24px;max-width:14ch}
.hero__title em{font-style:italic;color:var(--lime)}
.hero__title .line{overflow:hidden;padding-bottom:.08em}
.hero__sub{max-width:48ch;font-size:clamp(1rem,1.4vw,1.15rem);color:rgba(255,255,255,.9);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__stats{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(24px,5vw,70px);margin-top:clamp(40px,6vw,70px);padding-top:28px;border-top:1px solid rgba(255,255,255,.2);width:fit-content}
.hero__stats strong{font-family:var(--ff-display);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:500;display:block;line-height:1}
.hero__stats span{font-size:.82rem;color:rgba(255,255,255,.7);letter-spacing:.04em}
.scroll-cue{position:absolute;right:var(--pad);bottom:clamp(40px,7vw,90px);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;writing-mode:vertical-rl;color:rgba(255,255,255,.7)}
.scroll-cue::after{content:"";width:1px;height:70px;background:linear-gradient(var(--lime),transparent);animation:cue 2.2s ease-in-out infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ===== Marquee ===== */
.marquee{background:linear-gradient(180deg,#f3b234,#e39a16);color:#2a1606;padding:22px 0;overflow:hidden;white-space:nowrap}
.marquee__track{display:inline-flex;gap:50px;font-family:var(--ff-display);font-size:clamp(1.3rem,2.4vw,2rem);font-style:italic}
.marquee__track span{display:inline-flex;align-items:center;gap:50px}
.marquee__track span::after{content:"⬢";font-style:normal;color:#8a4f05;font-size:.7em}

/* ===== About ===== */
.about__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.about__media{position:relative;aspect-ratio:4/5}
.about__img{position:absolute;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}
.about__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.2)}
.about__img--a{inset:0 22% 18% 0}
.about__img--b{width:52%;aspect-ratio:1;right:0;bottom:0;border:8px solid var(--paper)}
.about__badge{position:absolute;left:-10px;bottom:6%;background:var(--green-700);color:#fff;border-radius:16px;padding:18px 22px;box-shadow:var(--shadow);z-index:2}
.about__badge strong{font-family:var(--ff-display);font-size:2.2rem;line-height:1;display:block}
.about__badge span{font-size:.78rem;opacity:.8}
.about__points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0 36px}
.point{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:.95rem}
.point i{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(31,154,67,.12);color:var(--green-600);display:grid;place-items:center;font-style:normal;font-size:.8rem}
.gst-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px dashed var(--green-600);border-radius:12px;font-size:.85rem;color:var(--green-700);font-weight:600;margin-top:8px}

/* ===== Products ===== */
.products{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(40px,5vw,70px);flex-wrap:wrap}
.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;color:#fff;isolation:isolate;cursor:default;box-shadow:0 10px 30px -18px rgba(5,34,17,.5)}
.product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.product::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,34,17,0) 35%,rgba(5,34,17,.92) 100%);transition:background .5s}
.product:hover img{transform:scale(1.08)}
.product__body{position:absolute;left:0;right:0;bottom:0;padding:28px}
.product__num{position:absolute;top:22px;left:24px;font-size:.78rem;letter-spacing:.2em;font-weight:700;background:rgba(5,34,17,.45);padding:6px 12px;border-radius:100px}
.product h3{font-family:var(--ff-display);font-size:1.7rem;font-weight:500;line-height:1.1}
.product p{font-size:.9rem;color:rgba(255,255,255,.8);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .5s,margin .5s}
.product:hover p{max-height:120px;opacity:1;margin-top:10px}
@media (hover:none){.product p{max-height:none;opacity:1;margin-top:10px}}

/* ===== Process (horizontal) ===== */
.process{background:var(--green-900);color:#fff;overflow:hidden}
.process .eyebrow{color:var(--lime)}
.process .h2 em{color:var(--lime)}
.process .lead{color:rgba(255,255,255,.7)}
.process__pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,9vw,120px) 0}
.process__track{display:flex;gap:28px;padding:0 var(--pad);margin-top:50px;width:max-content}
.step{width:min(78vw,440px);flex:none;border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.step__img{aspect-ratio:16/10;overflow:hidden}
.step__img img{width:100%;height:100%;object-fit:cover}
.step__body{padding:28px}
.step__num{font-family:var(--ff-display);font-size:3rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(245,184,61,.8)}
.step h3{font-family:var(--ff-display);font-weight:500;font-size:1.5rem;margin:12px 0 8px}
.step p{color:rgba(255,255,255,.7);font-size:.95rem}
.process__progress{height:2px;background:rgba(255,255,255,.12);margin:40px var(--pad) 0;border-radius:2px;overflow:hidden}
.process__progress span{display:block;height:100%;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}

/* ===== Why ===== */
.why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.why__item{background:var(--paper);padding:clamp(28px,3vw,42px);transition:background .5s}
.why__item:hover{background:#fff}
.why__icon{width:54px;height:54px;border-radius:14px;background:rgba(31,154,67,.1);color:var(--green-600);display:grid;place-items:center;margin-bottom:24px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}
.why__item:hover .why__icon{transform:rotate(-8deg) scale(1.08);background:var(--green-600);color:#fff}
.why__icon svg{width:26px;height:26px}
.why__item h3{font-family:var(--ff-display);font-weight:500;font-size:1.35rem;margin-bottom:8px}
.why__item p{color:var(--muted);font-size:.93rem}

/* ===== Reach band ===== */
.reach{position:relative;min-height:80vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.reach__bg{position:absolute;inset:-10% 0;z-index:-1}
.reach__bg img{width:100%;height:100%;object-fit:cover}
.reach::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,34,17,.94) 0%,rgba(5,34,17,.7) 45%,rgba(5,34,17,.2) 100%);z-index:-1}
.reach .eyebrow{color:var(--lime)}
.reach .h2 em{color:var(--lime)}
.reach .lead{color:rgba(255,255,255,.8)}
.reach__modes{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.mode{display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.mode svg{width:30px;height:30px;color:var(--lime)}
.mode strong{display:block;font-size:1rem}
.mode span{font-size:.8rem;opacity:.7}

/* ===== Contact ===== */
.contact{background:var(--cream)}
.contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:start}
.info-list{display:grid;gap:14px;margin-top:34px}
.info{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#fff;border-radius:16px;border:1px solid var(--line);transition:transform .4s,box-shadow .4s}
.info:hover{transform:translateY(-3px);box-shadow:0 14px 30px -20px rgba(5,34,17,.4)}
.info i{flex:none;width:46px;height:46px;border-radius:12px;background:var(--green-700);color:#fff;display:grid;place-items:center}
.info i svg{width:20px;height:20px}
.info small{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.info a,.info p{font-weight:600;font-size:.97rem;word-break:break-word}
.info a:hover{color:var(--green-600)}
.form-card{background:#fff;border-radius:24px;padding:clamp(26px,4vw,48px);box-shadow:var(--shadow)}
.form-card h3{font-family:var(--ff-display);font-weight:500;font-size:1.8rem;margin-bottom:6px}
.form-card > p{color:var(--muted);font-size:.93rem;margin-bottom:26px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{position:relative}
.field--full{grid-column:1/-1}
.field input,.field textarea,.field select{width:100%;padding:22px 16px 10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);outline:none;transition:border-color .3s,box-shadow .3s;font-size:.95rem;appearance:none}
.field textarea{min-height:130px;resize:vertical}
.field label{position:absolute;left:16px;top:16px;font-size:.92rem;color:var(--muted);pointer-events:none;transition:all .25s}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green-600);box-shadow:0 0 0 4px rgba(31,154,67,.12)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,.field select+label{top:7px;font-size:.7rem;letter-spacing:.06em;color:var(--green-600);font-weight:700}
.field--select::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}
.form-note{font-size:.8rem;color:var(--muted)}
.form-status{margin-top:16px;padding:14px 16px;border-radius:12px;font-size:.92rem;font-weight:600;display:none}
.form-status.ok{display:block;background:rgba(31,154,67,.1);color:var(--green-700)}
.form-status.err{display:block;background:#fdecea;color:#a12a1b}
.btn.loading{pointer-events:none;opacity:.75}
.btn.loading svg{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.map{margin-top:14px;border-radius:16px;overflow:hidden;border:1px solid var(--line);height:220px}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05)}

/* ===== Footer ===== */
.footer{background:var(--green-900);color:rgba(255,255,255,.75);padding:clamp(60px,8vw,100px) 0 0;position:relative;overflow:hidden}
.footer__big{font-family:var(--ff-display);font-size:clamp(3rem,13vw,11rem);line-height:.9;color:rgba(255,255,255,.05);white-space:nowrap;letter-spacing:-.03em;margin-bottom:-.12em;user-select:none}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px;padding-bottom:50px}
.footer .brand{color:#fff;margin-bottom:18px}
.footer p{font-size:.93rem;max-width:40ch}
.footer h4{color:#fff;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}
.footer ul{list-style:none;display:grid;gap:10px;font-size:.93rem}
.footer ul a:hover{color:var(--lime)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem}
.footer__bottom a{color:var(--lime);font-weight:700}
.footer__bottom a:hover{text-decoration:underline}

/* ===== Floating buttons ===== */
.to-top{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;border:0;background:var(--green-700);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(5,34,17,.6);opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:opacity .4s,transform .4s cubic-bezier(.2,.8,.2,1),visibility .4s,background .3s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--green-600)}
.to-top svg.arrow{width:20px;height:20px;position:relative;z-index:1}
.to-top svg.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.to-top svg.ring circle{fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linecap:round}
.wa{position:fixed;left:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);transition:transform .35s}
.wa:hover{transform:scale(1.08)}
.wa svg{width:28px;height:28px}

/* reveal defaults (JS sets initial states) */
.reveal-img{clip-path:inset(0 0 0 0)}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .nav__links,.nav .btn{display:none}
  .burger{display:block}
  .products__grid{grid-template-columns:repeat(2,1fr)}
  .why__grid{grid-template-columns:repeat(2,1fr)}
  .about__grid,.contact__grid{grid-template-columns:1fr}
  .about__media{max-width:560px;width:100%;margin:0 auto}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__grid > div:first-child{grid-column:1/-1}
}
@media (max-width:767px){
  .process__pin{min-height:auto}
  .process__track{flex-direction:column;width:100%}
  .step{width:100%}
  .process__progress{display:none}
  .scroll-cue{display:none}
  .hero__stats{grid-template-columns:repeat(3,1fr);width:100%;gap:16px}
}
@media (max-width:600px){
  .products__grid,.why__grid,.form-grid,.about__points{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .hero__actions .btn{flex:1;justify-content:center}
  .brand__text small{display:none}
  .to-top,.wa{width:48px;height:48px;bottom:16px}
  .to-top{right:16px}.wa{left:16px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===== Export destinations map ===== */
.destinations{background:var(--paper)}
.map-card{position:relative;background:linear-gradient(160deg,#12502a 0%,#082b17 100%);border-radius:28px;padding:clamp(18px,3vw,40px);overflow:hidden;box-shadow:var(--shadow)}
.map-card::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 68% 52%,rgba(245,184,61,.16),transparent 70%);pointer-events:none}
.world-map{width:100%;height:auto;display:block;position:relative;z-index:1}
.world-map .land{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.18);stroke-width:.4}
.world-map .land--home{fill:var(--lime);stroke:#fff;stroke-width:.6}
.world-map .land--dest{fill:rgba(95,211,122,.34)}
.world-map .graticule{fill:none;stroke:rgba(255,255,255,.05);stroke-width:.5}
.world-map .route{fill:none;stroke:var(--gold-soft);stroke-width:1.4;stroke-linecap:round;opacity:.9}
.world-map .pin{fill:#fff}
.world-map .pin-pulse{fill:none;stroke:var(--lime);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:pinPulse 2.4s ease-out infinite}
.world-map .home-pin{fill:var(--lime);stroke:#fff;stroke-width:2}
.world-map .label{fill:#fff;font:700 11px var(--ff-body);letter-spacing:.04em;paint-order:stroke;stroke:rgba(5,34,17,.85);stroke-width:3px}
.world-map .label--home{fill:var(--lime);font-size:13px}
.world-map .plane{fill:#fff}
@keyframes pinPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
.map-card__flag{position:absolute;left:clamp(18px,3vw,40px);top:clamp(18px,3vw,40px);z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.map-card__flag svg{width:42px;height:28px;border-radius:5px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.map-legend{position:relative;z-index:2;display:flex;gap:22px;flex-wrap:wrap;color:rgba(255,255,255,.75);font-size:.82rem;margin-top:10px}
.map-legend span{display:inline-flex;align-items:center;gap:8px}
.dot{width:10px;height:10px;border-radius:50%;background:#fff;display:inline-block}
.dot--home{background:var(--lime);box-shadow:0 0 0 3px rgba(245,184,61,.3)}
.dest-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.dest-chips span{padding:9px 16px;border-radius:100px;background:#fff;border:1px solid var(--line);font-size:.86rem;font-weight:600;transition:background .3s,color .3s,transform .3s}
.dest-chips span:hover{background:var(--green-600);color:#fff;transform:translateY(-2px)}

/* ===== Certifications ===== */
.certs{background:var(--cream)}
.section-head--center{justify-content:center;text-align:center}
.section-head--center .eyebrow{justify-content:center}
.certs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cert{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 22px 26px;text-align:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .4s}
.cert:hover{transform:translateY(-6px);box-shadow:0 22px 40px -24px rgba(5,34,17,.45);border-color:rgba(31,154,67,.35)}
.cert__logo{height:120px;display:grid;place-items:center;margin-bottom:14px}
.cert__logo img{max-height:120px;max-width:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s}
.cert:hover .cert__logo img{transform:scale(1.06)}
.cert__mono{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#2fae4c,#12502a);color:#fff;font:800 1rem var(--ff-body);letter-spacing:.04em;box-shadow:inset 0 0 0 4px rgba(255,255,255,.18),0 10px 24px -12px rgba(5,34,17,.6)}
.cert__mono.sm{font-size:.78rem}
.cert h3{font-family:var(--ff-body);font-weight:700;font-size:.86rem;line-height:1.3;color:var(--muted);letter-spacing:.02em}
.cert p{font-size:.82rem;color:var(--muted);line-height:1.45}
@media (max-width:1024px){.certs__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
  .certs__grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .cert{padding:22px 14px}
  .cert__logo{height:76px}.cert__logo img{max-height:76px}
  .cert__mono{width:70px;height:70px}
  .world-map .label{font-size:15px}
  .map-card{padding:56px 12px 16px}
}
.step__icon{height:150px;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,rgba(245,184,61,.14),transparent 70%);border-bottom:1px solid rgba(255,255,255,.08)}
.step__icon svg{width:64px;height:64px;color:var(--lime)}
.hero__stats strong span{font-size:inherit;color:inherit;letter-spacing:inherit}
@media (max-width:600px){.hero{padding-bottom:90px}}

.product img,.about__img img{background:#e1ebdc}
.footer,.process,.why,.certs,.contact{content-visibility:visible}

@media (max-width:767px){
  .hero__overlay{background:linear-gradient(180deg,rgba(5,36,18,.55) 0%,rgba(5,36,18,.35) 30%,rgba(5,36,18,.8) 65%,rgba(5,36,18,.95) 100%)}
  .hero__media img{object-position:60% 40%}
}

/* ===== Honey theme additions ===== */
.hero{background:radial-gradient(1100px 700px at 72% 48%,#16682f 0%,#0a3a1d 45%,#052011 100%)}
.hero::before{content:"";position:absolute;inset:0;background:var(--hex);background-size:56px 97px;opacity:.07;pointer-events:none}
.hero__3d{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 1.2s ease}
.hero__3d.is-ready{opacity:1}
.hero__3d canvas{width:100%!important;height:100%!important;display:block}
.hero__glow{position:absolute;right:8%;top:22%;width:46vw;height:46vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(240,169,30,.28),transparent 65%);filter:blur(10px);pointer-events:none}
.hero__overlay{z-index:1;pointer-events:none}
.hero__content{z-index:3}
.no-webgl .hero__3d{opacity:1;background:url(../assets/img/honeyspot.webp) 75% 50%/cover no-repeat}
.hero .btn-ghost:hover{color:#0d1f13}

/* honey band + drips */
.honey-band{position:relative;z-index:4}
.drip{position:absolute;left:0;right:0;top:100%;height:150px;pointer-events:none;overflow:hidden}
.drip--top{position:relative;top:0;margin-top:clamp(-60px,-6vw,-90px);margin-bottom:30px;height:140px}
.drip__goo{position:absolute;inset:0;filter:url(#goo)}
.drip__bar{position:absolute;left:-2%;right:-2%;top:-10px;height:26px;background:#e39a16;border-radius:0 0 40% 40%/0 0 100% 100%}
.drip--top .drip__bar{background:#e39a16}
.drip__drop{position:absolute;left:var(--x);top:2px;width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);border-radius:50%;background:#e39a16;transform-origin:50% 0;animation:honeyDrip var(--d) cubic-bezier(.55,0,.85,.35) var(--w) infinite;animation-play-state:paused}
.drip.is-on .drip__drop{animation-play-state:running}
@keyframes honeyDrip{
  0%{transform:translateY(-4px) scale(.5,.5)}
  45%{transform:translateY(6px) scale(.9,1.25)}
  62%{transform:translateY(12px) scale(.82,1.7)}
  70%{transform:translateY(22px) scale(.75,1.5)}
  100%{transform:translateY(150px) scale(.6,1.15)}
}
.footer{padding-top:0}
.footer .drip--top{margin-top:0}

/* honey spotlight */
.honey-spot{background:var(--green-900);color:#ecf6e8;overflow:hidden;padding-top:clamp(150px,15vw,210px)}
.honey-spot::before{content:"";position:absolute;inset:0;background:var(--hex);background-size:56px 97px;opacity:.09;pointer-events:none}
.honey-spot .eyebrow{color:var(--honey)}
.honey-spot .h2 em{color:var(--honey)}
.honey-spot .lead{color:rgba(236,246,232,.75)}
.honey-spot__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;position:relative}
.honey-spot__media{position:relative;aspect-ratio:1/1;max-width:560px;width:100%}
.hexmask{position:absolute;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);overflow:hidden}
.hexmask img{width:100%;height:100%;object-fit:cover}
.hexmask--lg{inset:0 14% 14% 0}
.hexmask--sm{width:44%;aspect-ratio:1.15/1;right:0;bottom:2%;outline:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.hex-badge{position:absolute;left:2%;bottom:8%;width:120px;height:104px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--honey);color:#0d1f13;display:grid;place-content:center;text-align:center;z-index:2}
.hex-badge strong{font-family:var(--ff-display);font-size:1.7rem;line-height:1}
.hex-badge span{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hex-features{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:30px 0 36px}
.hex-feature{display:flex;align-items:center;gap:12px;font-weight:600;font-size:.95rem}
.hex-feature i{flex:none;width:28px;height:24px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(135deg,#ffcf5e,#c97d0c);position:relative}
.hex-feature i::after{content:"";position:absolute;left:10px;top:6px;width:6px;height:10px;border:solid #0d1f13;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* hex touches across sections */
.products::before,.why::before,.certs::before,.contact::before{content:"";position:absolute;inset:0;background:var(--hex);background-size:56px 97px;opacity:.06;pointer-events:none}
.products > .container,.why > .container,.certs > .container,.contact > .container{position:relative}
.why__icon{border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:62px;height:54px}
.why__item:hover .why__icon{transform:scale(1.08)}
.info i{border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:52px;height:46px;background:var(--honey);color:#0d1f13}
.product__num{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0;padding:8px 14px;background:rgba(240,169,30,.9);color:#0d1f13}
.step__icon{background:radial-gradient(circle at 50% 60%,rgba(240,169,30,.16),transparent 70%)}
.step__icon svg{color:var(--honey)}
.step__num{-webkit-text-stroke:1px rgba(240,169,30,.8)}
.to-top{background:var(--honey);color:#0d1f13}
.to-top:hover{background:#ffbf3f}
.to-top svg.ring circle{stroke:#0d1f13}
.map-card__flag{display:none}
.world-map .land--home{fill:var(--honey)}
.world-map .home-pin{fill:var(--honey)}
.world-map .label--home{fill:var(--honey)}
.dot--home{background:var(--honey)}
.map-legend .dot:not(.dot--home){background:var(--leaf-light)}
.about__badge{background:var(--honey);color:#0d1f13}
.gst-chip{border-color:var(--green-600);color:var(--green-700)}
.footer__bottom a{color:var(--honey)}
.footer ul a:hover{color:var(--honey)}
@media (max-width:1024px){.honey-spot__grid{grid-template-columns:1fr}.honey-spot__media{margin:0 auto}}
@media (max-width:767px){
  .hero__overlay{background:linear-gradient(180deg,rgba(5,36,18,.1) 0%,rgba(5,36,18,.25) 35%,rgba(5,36,18,.85) 62%,rgba(5,36,18,.96) 100%)}
  .hero__glow{right:-10%;top:4%;width:110vw;height:110vw}
  .hex-features{grid-template-columns:1fr}
  .drip{height:110px}
}

/* ===== hero restored (ship image) ===== */
.hero__3d,.hero__glow{display:none}
/* ===== 3D honeycomb in honey spotlight ===== */
.honey-3d{position:absolute;inset:-6% -6% 0 -6%;z-index:1;opacity:0;transition:opacity 1.2s ease}
.honey-3d.is-ready{opacity:1}
.honey-3d canvas{width:100%!important;height:100%!important;display:block}
.honey-spot__media::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(240,169,30,.26),transparent 65%);filter:blur(10px)}
.honey-spot__media .hexmask--sm{width:42%;z-index:2}
.honey-spot__media .hex-badge{z-index:3}
.no-webgl .honey-3d{opacity:1;background:url(../assets/img/honey.webp) 50% 50%/cover no-repeat;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}
/* ===== leaf green accents (matches logo) ===== */
.eyebrow{color:var(--green-600)}
.honey-spot .eyebrow,.process .eyebrow{color:var(--leaf-light)}
.hex-feature i{background:linear-gradient(135deg,var(--leaf-light),var(--leaf))}
.hex-feature i::after{border-color:#fff}
.point i{background:rgba(47,158,74,.12);color:var(--leaf)}
.brand__mark{box-shadow:0 0 0 2px var(--honey),0 6px 18px -8px rgba(0,0,0,.4)}
.preloader__logo{box-shadow:0 0 0 3px var(--honey)}
.why__item:hover .why__icon{background:var(--leaf);color:#fff}
.hex-badge{background:linear-gradient(135deg,#f6bb3a,#e09a1c)}
.footer h4{color:var(--leaf-light)}
.dest-chips span:hover{background:var(--leaf);color:#fff}
.cert:hover{border-color:rgba(47,158,74,.45)}
@media (max-width:1024px){.honey-spot__media{max-width:480px}}

/* ===== STK honey brand label ===== */
.brand-honey{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center;margin-top:clamp(70px,9vw,130px);position:relative}
.brand-honey .h2{color:#ecf6e8}
.brand-honey__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.brand-honey__chips span{padding:9px 16px;border-radius:100px;border:1px solid rgba(240,169,30,.45);color:var(--honey);font-weight:700;font-size:.85rem}
.brand-honey__card{position:relative;max-width:400px;width:100%;margin:0 auto;perspective:1000px}
.brand-honey__card img{position:relative;z-index:1;width:100%;height:auto;border-radius:28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(240,169,30,.25);transform-style:preserve-3d;transition:transform .2s ease-out;will-change:transform}
.brand-honey__glow{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(240,169,30,.35),transparent 65%);filter:blur(20px)}
@media (max-width:1024px){.brand-honey{grid-template-columns:1fr}.brand-honey__card{max-width:340px}}
.brand-honey__card{filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}
.brand-honey__card img{border-radius:0;box-shadow:none}