/* V65 premium presentation & lightweight technology animation */
:root{--v65-ink:#19241e;--v65-accent:#b9925d}
html{scroll-behavior:smooth}body{overflow-x:hidden}
.hero{min-height:clamp(560px,76vh,850px);display:flex;align-items:center;background-position:center center;background-size:cover}
.hero .wrap{padding-block:95px;max-width:1200px}.hero h1{max-width:770px;line-height:1.12;letter-spacing:-.035em}
.cats{gap:22px}.cat{overflow:hidden;border-radius:8px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 28px #19241e15}.cat:hover{transform:translateY(-4px);box-shadow:0 18px 34px #19241e28}.cat img{transition:transform .5s ease}.cat:hover img{transform:scale(1.035)}
.tech-explainer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,70px);padding:clamp(25px,5vw,60px);margin:32px 0 42px;border-radius:14px;background:#f0f1eb;color:#1e2d25}
.tech-visual{height:250px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,#d8ddd4,#f9f9f4);border-radius:10px}
.tech-frame{position:absolute;width:132px;height:182px;border:15px solid #59645d;border-radius:3px;box-shadow:12px 12px 18px #15221918}.tech-groove{position:absolute;right:-11px;top:48px;width:15px;height:48px;background:#222c26;border:2px solid #aeb8ad}
.tech-leaf{position:absolute;width:91px;height:148px;background:linear-gradient(110deg,#5c6c60,#263c31);border:5px solid #aeb9ae;border-radius:2px;transform:translateX(-40px);animation:hook-close 4.5s ease-in-out infinite alternate}.tech-hook{position:absolute;right:-19px;top:49px;width:18px;height:39px;background:#c7c9b7;border-radius:2px}
@keyframes hook-close{0%,18%{transform:translateX(-44px)}70%,100%{transform:translateX(0)}}
.tech-kicker{font-size:11px;letter-spacing:.15em;font-weight:700;color:#796341}.tech-copy h3{font-size:clamp(25px,3vw,36px);margin:12px 0}.tech-copy p{line-height:1.75}.tech-disclaimer{display:block;font-size:12px;opacity:.75;margin-top:16px}
@media(max-width:700px){.tech-explainer{grid-template-columns:1fr;padding:20px}.tech-visual{height:210px}.hero{min-height:600px}.cat:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tech-leaf{animation:none;transform:translateX(0)}.cat,.cat img{transition:none}}