/* Hoard canlı deneme bölümü + tanıtım sitesine yapılan ekler (Hoard sürümü) */
.hero-try{display:inline-flex;align-items:center;gap:14px;margin:6px auto 22px;padding:15px 22px;border-radius:999px;background:var(--forest);color:var(--lime);font-size:13px;font-weight:650;box-shadow:0 14px 34px #102c2430;transition:transform .25s,box-shadow .25s;position:relative;z-index:3}
.hero-try span{transition:transform .25s}
.hero-try:hover{transform:translateY(-3px);box-shadow:0 20px 40px #102c2440}
.hero-try:hover span{transform:translateX(4px)}
.hero-center .hero-try+.explore-motion{display:flex;justify-content:center}
nav .nav-try{color:var(--lime);font-weight:650}

.try{background:radial-gradient(1200px 520px at 75% 40%,#e3ecd2 0%,transparent 60%),#eef1e6;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:5%;align-items:center;overflow:hidden;border-top:1px solid var(--line)}
.try-head h2 em{color:#4e7845}
.try-head>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:430px}
.try-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.try-points li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:12px;color:var(--muted);line-height:1.6}
.try-points b{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.try-stage{position:relative;min-height:880px}
.try-glow{position:absolute;inset:8% 10%;background:radial-gradient(closest-side,#ddf6a0aa,transparent);filter:blur(30px);animation:tryGlow 6s ease-in-out infinite alternate}
.try-frame{position:relative;display:block;width:100%;height:880px;border:0;background:transparent;color-scheme:light}
@keyframes tryGlow{from{transform:scale(.92);opacity:.7}to{transform:scale(1.05);opacity:1}}
.closing-actions{display:flex;flex-wrap:wrap;gap:14px;position:relative;z-index:1}
.closing .closing-actions .button{width:260px}
.closing-ghost{border:1px solid #ffffff40;color:#fff}

@media(max-width:1050px){.try{grid-template-columns:1fr}.try-head{text-align:left}.try-stage{min-height:0}.try-frame{height:860px}}
@media(max-width:760px){
  .hero-try{font-size:12px;padding:13px 18px;margin-bottom:16px}
  .try{padding-left:0;padding-right:0;gap:24px}
  .try-head{padding:0 7%}
  .try-head>p{font-size:13px}
  .try-stage{margin:0 auto;width:100%;max-width:430px}
  .try-frame{height:min(780px,92svh);border-radius:28px;box-shadow:0 20px 50px #102c2422}
  .closing .closing-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.try-glow{animation:none}}
