:root{
  --ink: #EEF5F0;
  --ink-2: #9BB2A5;
  --paper: #0A0D0B;
  --panel: #12160F;
  --panel-2: #161C15;
  --orange: #2FA155;
  --orange-deep: #1B7A3D;
  --gold: #78E3A0;
  --line: rgba(238,245,240,0.14);
  --cream: #0A0D0B;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.28);
  --shadow-md: 0 14px 36px -10px rgba(0,0,0,0.55);
  --shadow-lg: 0 30px 70px -20px rgba(0,0,0,0.65);
  --glow: 0 0 0 1px rgba(120,227,160,0.12), 0 18px 44px -18px rgba(47,161,85,0.35);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top: calc(76px + env(safe-area-inset-top,0px)); background:#070907;}

/* Smooth page-to-page transitions (supporting browsers only; falls back to an instant navigation elsewhere) */
@view-transition{
  navigation: auto;
}
::view-transition-group(root){
  background: #0A0D0B;
}
::view-transition-image-pair(root){
  background: #0A0D0B;
}
::view-transition-old(root),
::view-transition-new(root){
  background: #0A0D0B;
}
::view-transition-old(root){
  animation: pageRollOut 0.42s cubic-bezier(.4,0,.2,1) both;
}
::view-transition-new(root){
  animation: pageRollIn 0.42s cubic-bezier(.2,0,.2,1) both;
}
@keyframes pageRollOut{
  to{ transform: translateY(-24px); opacity: 0; }
}
@keyframes pageRollIn{
  from{ transform: translateY(28px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){
  ::view-transition-old(root), ::view-transition-new(root){ animation: none; }
}
body{
  margin:0; color:var(--ink);
  background:
    radial-gradient(ellipse 900px 500px at 12% -8%, rgba(47,161,85,0.10), transparent 60%),
    radial-gradient(ellipse 800px 600px at 108% 8%, rgba(120,227,160,0.06), transparent 55%),
    var(--paper);
  font-family:"Inter", system-ui, sans-serif; font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
h1,h2,h3,.display{
  font-family:"Inter", system-ui, sans-serif;
  font-weight:800; text-transform:none; letter-spacing:-0.015em;
  line-height:1.05; margin:0; color:var(--ink);
}
a{color:inherit;}
.wrap{max-width:1160px; margin:0 auto; padding:0 28px;}

header{
  position:sticky; top:0; z-index:50;
  background:rgba(7,9,7,0.72); backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid rgba(238,245,240,0.10);
  box-shadow:0 1px 0 rgba(255,255,255,0.03), 0 20px 40px -28px rgba(0,0,0,0.6);
  padding-top:env(safe-area-inset-top,0px);
}
.nav-row{display:flex; align-items:center; justify-content:space-between; height:76px; gap:24px;}
.wordmark{display:flex; align-items:center; gap:10px; text-decoration:none; white-space:nowrap;}
.wordmark .tag-icon{width:26px; height:26px; flex:none; filter:drop-shadow(0 0 8px rgba(47,161,85,0.55));}
.wordmark .txt{font-family:"Inter", sans-serif; font-weight:700; font-size:1.4rem; text-transform:uppercase; letter-spacing:0.01em; color:var(--ink);}
nav.links{display:flex; gap:28px; align-items:center;}
nav.links a{text-decoration:none; color:var(--ink-2); font-size:0.92rem; font-weight:600; padding:6px 1px; border-bottom:2px solid transparent; transition:border-color .2s ease, color .2s ease;}
nav.links a:hover, nav.links a.active{border-color:var(--orange); color:var(--ink);}
.header-actions{display:flex; align-items:center; gap:16px;}
.tel{font-size:0.9rem; color:var(--ink-2); text-decoration:none; display:none; font-weight:500; transition:color .2s ease;}
.tel:hover{color:var(--ink);}
.btn{
  display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:var(--cream);
  font-weight:700; font-size:0.86rem; text-transform:uppercase; letter-spacing:0.03em;
  padding:12px 22px; border-radius:var(--radius); text-decoration:none; border:2px solid var(--ink);
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .2s ease, box-shadow .25s ease;
  white-space:nowrap; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, 0 8px 20px -10px rgba(0,0,0,0.5);
}
.btn:hover{background:var(--orange); border-color:var(--orange); color:#06130B; transform:translateY(-2px); box-shadow:var(--glow);}
.btn.ghost{background:transparent; color:var(--ink); border:2px solid rgba(238,245,240,0.35); box-shadow:none;}
.btn.ghost:hover{background:rgba(238,245,240,0.06); border-color:var(--ink); color:var(--ink); box-shadow:none; transform:translateY(-2px);}
.btn.small{padding:9px 18px; font-size:0.78rem;}
.menu-toggle{display:none; background:none; border:2px solid var(--ink); border-radius:var(--radius-sm); padding:8px 10px; font-size:1rem;}

.hero{padding:108px 0 88px; overflow:hidden; position:relative;}
.hero::after{content:""; position:absolute; inset:0; background:radial-gradient(ellipse 60% 70% at 74% 32%, rgba(47,161,85,0.24), transparent 62%); pointer-events:none; z-index:0;}
.hero-bg{position:absolute; inset:0; z-index:0; opacity:0.13; pointer-events:none;}
.hero-bg svg{position:absolute; right:-140px; top:50%; transform:translateY(-50%); width:760px; height:auto;}
.hero-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:48px; align-items:center; padding-bottom:0; position:relative; z-index:1;}
.hero-grid-inner{min-width:0;}
.hero-image{position:relative; overflow:hidden; filter:drop-shadow(0 30px 60px rgba(0,0,0,0.45));}
.hero-image .hero-photo{
  display:block; width:100%; height:100%; object-fit:cover;
  -webkit-mask-image: radial-gradient(ellipse 68% 68% at 50% 50%, #000 45%, transparent 92%);
  mask-image: radial-gradient(ellipse 68% 68% at 50% 50%, #000 45%, transparent 92%);
}
.hero-image .hero-photo-static{ position:absolute; inset:0; display:none; }
@media (prefers-reduced-motion: reduce){
  .hero-image .hero-photo-video{ display:none; }
  .hero-image .hero-photo-static{ display:block; }
}
.hero-single{position:relative; z-index:1;}
.hero-single-inner{max-width:820px; padding-bottom:0;}
.ticket-label{
  display:inline-flex; align-items:center; gap:9px; font-size:0.86rem; font-weight:700;
  font-family:"Inter", sans-serif;
  text-transform:uppercase; letter-spacing:0.08em; color:var(--orange);
  margin-bottom:20px;
}
.ticket-label::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 10px 2px rgba(47,161,85,0.7);}
.hero h1{font-size:clamp(2.8rem, 6vw, 4.6rem); max-width:13ch;}
.hero h1 .accent{color:var(--orange); text-shadow:0 0 34px rgba(47,161,85,0.35);}
.hero p.lede{margin-top:20px; font-size:1.12rem; color:var(--ink-2); max-width:52ch; text-transform:none; font-family:"Inter",sans-serif;}
.hero-ctas{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap;}
.crate-art{position:relative; width:100%; aspect-ratio:1/0.95;}
.crate-art svg{width:100%; height:100%; overflow:visible;}
.iso-art{position:relative; width:100%; aspect-ratio:520/420;}
.iso-art svg{width:100%; height:100%; display:block;}
.rig{animation: driveForklift 3.6s ease-in-out infinite;}
.load-group{animation: bobLoad 3.6s ease-in-out infinite;}
.wheel{transform-box: fill-box; transform-origin: center;}
.wheel-big{animation: spinWheel 0.85s linear infinite;}
.wheel-small{animation: spinWheel 0.85s linear infinite;}
.speed-lines line{animation: pulseSpeed 1.2s ease-in-out infinite;}
.speed-lines line:nth-child(2){animation-delay:.15s;}
.speed-lines line:nth-child(3){animation-delay:.3s;}
@keyframes driveForklift{ 0%,100%{transform:translateX(0);} 50%{transform:translateX(28px);} }
@keyframes bobLoad{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-5px);} }
@keyframes spinWheel{ to{transform:rotate(360deg);} }
@keyframes pulseSpeed{ 0%,100%{opacity:0.25;} 50%{opacity:0.7;} }
@media (prefers-reduced-motion: reduce){
  .rig, .load-group, .wheel-big, .wheel-small, .speed-lines line{animation:none;}
}

.strip{background:linear-gradient(90deg, var(--orange-deep), var(--orange) 40%, var(--orange) 60%, var(--orange-deep)); color:#06130B; padding:13px 0; overflow:hidden; box-shadow:var(--shadow-sm);}
.strip-track{display:flex; align-items:center; gap:22px; white-space:nowrap; width:max-content; animation:scroll 120s linear infinite; font-family:"Inter", sans-serif; font-size:1rem; font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}
.strip-track span{opacity:0.95;}
.strip-track span.dot{font-size:0.6rem; opacity:0.6;}
@keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.strip-track{animation:none;}}

section{position:relative;}
.section-pad{padding:84px 0;}
.kicker{font-family:"Inter", sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--orange); font-size:0.92rem; margin-bottom:10px; display:inline-flex; align-items:center; gap:8px;}
.kicker::before{content:""; width:14px; height:1px; background:var(--orange); display:inline-block;}
.section-head{max-width:640px; margin-bottom:50px;}
.section-head h2{font-size:clamp(2.4rem, 5.2vw, 3.6rem);}
.section-head p{margin-top:14px; color:var(--ink-2); font-size:1.04rem; font-family:"Inter",sans-serif; text-transform:none;}

.who-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start;}
.who-grid p{font-size:1.06rem; color:var(--ink); max-width:52ch;}
.who-grid p + p{margin-top:16px;}
.fact-list{list-style:none; margin:28px 0 0; padding:0; display:grid; gap:16px;}
.fact-list li{display:flex; gap:14px; align-items:flex-start; font-size:0.98rem; color:var(--ink-2);}
.fact-list .mark{flex:none; width:22px; height:22px; margin-top:2px; background:var(--orange); color:var(--cream); display:flex; align-items:center; justify-content:center; font-size:0.7rem; font-weight:700; border-radius:7px; box-shadow:0 4px 12px -4px rgba(47,161,85,0.6);}

.who-media{position:relative; border:1px solid rgba(238,245,240,0.14); border-radius:var(--radius); aspect-ratio:4/3.1; overflow:hidden; background:linear-gradient(150deg,#161C13,#0A0D0B 70%); box-shadow:var(--shadow-md);}
.who-media svg{position:absolute; inset:0; width:100%; height:100%;}
.who-caption{position:absolute; left:16px; right:16px; bottom:16px; background:rgba(6,19,11,0.86); border:1px solid rgba(238,245,240,0.18); border-radius:var(--radius-sm); padding:14px 18px; backdrop-filter:blur(6px);}
.who-caption strong{display:block; color:var(--orange); font-family:"Inter",sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.02em; font-size:0.95rem; margin-bottom:4px;}
.who-caption span{font-size:0.82rem; color:var(--ink-2);}

.cat-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.cat-card{
  background:linear-gradient(160deg, var(--panel-2), var(--panel) 65%);
  padding:34px 30px 30px; display:flex; flex-direction:column; gap:14px; min-height:300px; position:relative; text-decoration:none;
  border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.cat-card:hover{transform:translateY(-6px); border-color:rgba(120,227,160,0.35); box-shadow:var(--glow);}
.cat-card .num{position:absolute; top:18px; right:20px; font-family:"Inter",sans-serif; font-weight:700; font-size:1.05rem; color:var(--line); letter-spacing:0.02em;}
.cat-card .icon{width:32px; height:32px; color:var(--orange); filter:drop-shadow(0 0 10px rgba(47,161,85,0.35));}
.cat-card h3{font-size:1.7rem;}
.cat-card p{font-size:1.05rem; color:var(--ink-2); margin:0; font-family:"Inter",sans-serif; text-transform:none;}
.cat-card .sub{list-style:none; margin:2px 0 0; padding:0; display:grid; gap:7px;}
.cat-card .sub li{font-size:0.98rem; color:var(--ink-2); padding-left:24px; position:relative; font-family:"Inter",sans-serif;}
.cat-card .sub li::before{content:"—"; position:absolute; left:0; top:0; color:var(--orange);}
.cat-card .tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;}
.cat-card .tags span{font-size:0.7rem; color:var(--ink-2); border:1px solid var(--line); padding:3px 9px; text-transform:uppercase; letter-spacing:0.03em; font-weight:600; border-radius:999px;}
.cat-card .more{font-size:0.92rem; color:var(--orange); font-weight:700; text-transform:none; letter-spacing:0.01em; margin-top:auto; padding-top:6px; transition:color .25s ease, transform .25s ease; display:inline-block;}
.cat-card:hover .more{color:var(--gold); transform:translateX(4px);}

.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; position:relative;}
.steps::before{content:""; position:absolute; top:28px; left:28px; right:28px; height:1px; background:linear-gradient(90deg, transparent, var(--line) 15%, var(--line) 85%, transparent); z-index:0;}
.step{position:relative;}
.step .num{position:relative; z-index:1; width:56px; height:56px; border-radius:50%; background:radial-gradient(circle at 32% 28%, var(--panel-2), var(--paper)); border:2px solid var(--orange); font-family:"Inter",sans-serif; font-size:1.5rem; font-weight:700; color:var(--orange); margin-bottom:18px; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 6px rgba(47,161,85,0.06), var(--shadow-sm);}
.step h3{font-size:1.2rem; margin-bottom:8px;}
.step p{font-size:0.94rem; color:var(--ink-2); margin:0; max-width:32ch; font-family:"Inter",sans-serif; text-transform:none;}

.know{background:linear-gradient(155deg, var(--orange), var(--orange-deep) 130%); color:#06130B; position:relative; overflow:hidden;}
.know::before{content:""; position:absolute; inset:0; background:radial-gradient(ellipse 60% 60% at 85% 0%, rgba(255,255,255,0.14), transparent 60%); pointer-events:none;}
.know .section-head p{color:rgba(6,19,11,0.72); font-family:"Inter",sans-serif; text-transform:none;}
.know .kicker{color:rgba(6,19,11,0.72);}
.know .kicker::before{background:rgba(6,19,11,0.72);}
.know .section-head h2{color:#06130B;}
.know-grid{display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #266629; border-radius:var(--radius); margin-bottom:34px; overflow:hidden; box-shadow:var(--shadow-md); position:relative; z-index:1;}
.know-card{padding:30px 28px; border-right:1px solid #266629; transition:background .25s ease;}
.know-card:hover{background:rgba(6,19,11,0.06);}
.know-card:last-child{border-right:none;}
.know-card .big{font-family:"Inter",sans-serif; font-size:2.3rem; font-weight:700; color:#06130B; text-transform:none; margin-bottom:20px;}
.know-card .label{font-size:0.88rem; color:rgba(6,19,11,0.85); margin-top:0; font-weight:600; font-family:"Inter",sans-serif;}
.know-card .label small{display:block; font-weight:400; color:rgba(6,19,11,0.6); margin-top:2px;}
.know-actions{display:flex; align-items:center; gap:26px; flex-wrap:wrap; position:relative; z-index:1;}
.whatsapp-btn{display:inline-flex; align-items:center; gap:10px; background:#06130B; color:#F3F8F4; padding:13px 22px; border-radius:999px; font-weight:700; font-size:0.86rem; text-decoration:none; text-transform:uppercase; letter-spacing:0.02em; font-family:"Inter",sans-serif; box-shadow:var(--shadow-sm); transition:transform .25s ease, box-shadow .25s ease;}
.whatsapp-btn:hover{transform:translateY(-2px); box-shadow:var(--shadow-md);}
.whatsapp-btn svg{width:18px; height:18px; flex:none;}
.sell-link{color:#06130B; font-weight:700; text-decoration:underline; font-size:0.94rem; text-underline-offset:3px;}
.know .type-pills span{color:#06130B; border-color:rgba(6,19,11,0.4);}

.cta-band{padding:96px 0; text-align:center; position:relative;}
.cta-band::before{content:""; position:absolute; inset:0; background:radial-gradient(ellipse 50% 80% at 50% 0%, rgba(47,161,85,0.16), transparent 65%); pointer-events:none;}
.cta-band h2{font-size:clamp(2.2rem, 5vw, 3.4rem); max-width:16ch; margin:0 auto; position:relative;}
.cta-band .hero-ctas{justify-content:center; margin-top:30px; position:relative;}

footer{background:linear-gradient(180deg, #0B0F0D, #070907); color:rgba(250,247,238,0.82); padding:60px 0 28px; border-top:1px solid rgba(238,245,240,0.08);}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
.foot-grid .wordmark .txt{color:var(--cream);}
.foot-desc{margin-top:16px; font-size:0.92rem; max-width:34ch; color:rgba(250,247,238,0.55); font-family:"Inter",sans-serif;}
.foot-col h4{font-family:"Inter",sans-serif; font-size:0.9rem; text-transform:uppercase; letter-spacing:0.06em; color:rgba(250,247,238,0.5); margin:0 0 16px; font-weight:700;}
.foot-col ul{list-style:none; margin:0; padding:0; display:grid; gap:11px;}
.foot-col a{text-decoration:none; font-size:0.92rem; color:rgba(250,247,238,0.82); transition:color .2s ease;}
.foot-col a:hover{color:var(--gold);}
.foot-bottom{margin-top:52px; padding-top:22px; border-top:1px solid rgba(250,247,238,0.14); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:0.82rem; color:rgba(250,247,238,0.4);}

/* Distribution page specific */
.cat-detail-list{border-top:1px solid var(--line);}
.cat-detail{display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:start; padding:52px 0; border-bottom:1px solid var(--line); transition:padding-left .3s ease;}
.cat-detail:hover{padding-left:6px;}
.cat-detail .icon-lg{width:44px; height:44px; color:var(--orange); filter:drop-shadow(0 0 12px rgba(47,161,85,0.4));}
.cat-detail .cat-detail-label{margin-top:16px; font-family:"Inter",sans-serif; font-weight:700; font-size:1rem; color:var(--ink-2); letter-spacing:0.02em;}
.cat-detail-body h3{font-size:1.7rem; margin-bottom:14px;}
.cat-detail-body p{font-size:1rem; color:var(--ink-2); max-width:62ch; margin:0 0 20px; font-family:"Inter",sans-serif; text-transform:none;}
.subcat-tags{display:flex; flex-wrap:wrap; gap:8px;}
.subcat-tags span{font-size:0.78rem; color:var(--ink); border:1px solid var(--line); padding:6px 13px; text-transform:uppercase; letter-spacing:0.03em; font-weight:600; border-radius:999px; transition:border-color .2s ease, color .2s ease;}
.subcat-tags span:hover{border-color:var(--orange); color:var(--gold);}

.type-pills{display:flex; flex-wrap:wrap; gap:12px;}
.type-pills span{font-size:0.88rem; color:var(--ink); border:2px solid var(--ink); padding:10px 18px; font-family:"Inter",sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.02em; border-radius:999px;}

.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line); padding:22px 4px; border-radius:var(--radius-sm); transition:background .2s ease;}
.faq details:hover{background:rgba(238,245,240,0.02);}
.faq summary{cursor:pointer; font-family:"Inter",sans-serif; font-weight:700; font-size:1.15rem; color:var(--ink); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; font-size:1.4rem; color:var(--orange); flex:none; font-family:"Inter",sans-serif; transition:transform .25s ease;}
.faq details[open] summary::after{content:"–";}
.faq details p{margin:14px 0 0; color:var(--ink-2); font-size:0.96rem; max-width:66ch; font-family:"Inter",sans-serif; text-transform:none;}

.apply-grid{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:56px; align-items:start; max-width:100%;}
.apply-form-wrap{min-width:0;}
.apply-form{display:grid; gap:22px; margin-top:8px;}
.form-row{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px;}
.apply-form label{display:flex; flex-direction:column; gap:8px; font-family:"Inter",sans-serif; font-size:0.86rem; font-weight:600; color:var(--ink-2);}
.apply-form input[type="text"],
.apply-form input[type="email"],
.apply-form input[type="tel"],
.apply-form select,
.apply-form textarea{
  font-family:"Inter", system-ui, sans-serif; font-size:0.98rem; font-weight:400; color:var(--ink);
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:13px 14px; outline:none; transition:border-color .2s ease, box-shadow .2s ease; width:100%;
}
.apply-form input::placeholder, .apply-form textarea::placeholder{color:var(--ink-2); opacity:0.7;}
.apply-form input:focus, .apply-form select:focus, .apply-form textarea:focus{border-color:var(--orange); box-shadow:0 0 0 4px rgba(47,161,85,0.14);}
.apply-form select{appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%239BB2A5' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px;}
.apply-form textarea{resize:vertical; min-height:96px; font-family:"Inter",sans-serif;}
.form-full{width:100%;}
.form-check{flex-direction:row !important; align-items:flex-start; gap:12px !important; font-weight:400 !important; color:var(--ink-2); font-size:0.9rem; line-height:1.5;}
.form-check input[type="checkbox"]{flex:none; width:18px; height:18px; margin-top:2px; accent-color:var(--orange);}
.apply-form .btn{border:2px solid var(--ink); justify-self:start; margin-top:4px;}

.apply-aside{display:grid; gap:22px; align-content:start; min-width:0;}
.apply-aside-card{background:linear-gradient(160deg, var(--panel-2), var(--panel) 70%); border:1px solid var(--line); border-radius:var(--radius); padding:28px 26px; min-width:0; overflow-wrap:break-word; box-shadow:var(--shadow-sm); transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;}
.apply-aside-card:hover{border-color:rgba(120,227,160,0.3); transform:translateY(-3px); box-shadow:var(--shadow-md);}
.apply-aside-card h3{font-size:1.15rem; margin-bottom:16px;}
.apply-steps{list-style:none; margin:0; padding:0; display:grid; gap:16px;}
.apply-steps li{display:flex; gap:14px; align-items:flex-start; font-size:0.94rem; color:var(--ink-2); line-height:1.5;}
.apply-steps li span{flex:none; width:26px; height:26px; border-radius:50%; background:var(--paper); border:2px solid var(--orange); color:var(--orange); font-family:"Inter",sans-serif; font-weight:700; font-size:0.82rem; display:flex; align-items:center; justify-content:center; margin-top:1px;}
.tel-link{display:block; font-family:"Inter",sans-serif; font-weight:700; font-size:1rem; color:var(--ink); text-decoration:none; margin-bottom:6px; overflow-wrap:break-word; word-break:break-word;}
.tel-link:hover{color:var(--orange);}

@media (min-width:860px){ .tel{display:inline;} }
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr; gap:36px;}
  .who-grid{grid-template-columns:1fr; gap:28px;}
  .who-media{max-width:520px;}
  .steps{grid-template-columns:1fr; gap:32px;}
  .steps::before{display:none;}
  .know-grid{grid-template-columns:1fr;}
  .know-card{border-right:none; border-bottom:1px solid #266629; padding:24px 28px;}
  .know-card:last-child{border-bottom:none;}
  .foot-grid{grid-template-columns:1fr 1fr; row-gap:32px;}
  .cat-detail{grid-template-columns:1fr; gap:16px;}
  .apply-grid{grid-template-columns:1fr; gap:40px;}
}
@media (max-width:640px){
  nav.links{display:none;}
  .menu-toggle{display:inline-flex;}
  .cat-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
  .wrap{padding:0 20px;}
  .form-row{grid-template-columns:1fr;}
}

/* Scroll-reveal: elements fade + rise into place as they enter the viewport */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition: opacity 0.7s cubic-bezier(.2,.6,.2,1), transform 0.7s cubic-bezier(.2,.6,.2,1);
  transition-delay: var(--reveal-delay, 0s);
  will-change: opacity, transform;
}
.reveal.in-view{
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}
/* Cards that sit on the grey grid-line background must stay fully opaque while
   revealing, or that grey shows through the card during the fade */
.cat-card.reveal{
  opacity:1;
  transition: transform 0.7s cubic-bezier(.2,.6,.2,1);
  transition-delay: var(--reveal-delay, 0s);
}
.cat-card.reveal:not(.in-view){
  transform:translateY(28px);
}