/* Typography and quieter surface hierarchy. */
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.scenario{min-width:0}
.scenario-image{height:350px;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 50% 55%,#0e735a66,transparent 70%),#04251f66;border:1px solid #668d7b44;padding:26px 35px 0;display:flex;justify-content:center}
.scenario-image img{width:190px;height:auto;align-self:flex-start;border-radius:20px;box-shadow:0 20px 45px #0008;transform:translateY(12px);transition:transform .35s}
.scenario:hover .scenario-image img{transform:translateY(0)}
.scenario-copy{padding:25px 0}
.scenario h3{font-size:27px;line-height:1.2;margin:12px 0}
.scenario p{color:#b3c8bf;margin:0 0 22px}
.scenario-link{color:#f1ce76;font-size:14px;display:inline-flex;gap:18px;align-items:center}
.scenario-link:hover{text-decoration:underline;text-underline-offset:5px}
#economy .card{background:none!important;box-shadow:none;border:0;border-top:1px solid #668d7b66;border-radius:0;padding:28px 12px 20px 0;min-height:0}
#economy .card:before{display:none}
#economy .card:hover{transform:translateY(-3px)}
@media(max-width:800px){
 .scenario-grid{grid-template-columns:1fr;gap:28px}
 .scenario-image{height:285px;padding-top:20px}
 .scenario-image img{width:170px}
 .scenario-copy{padding:20px 0 0}
 .scenario h3{font-size:25px}
 .header:has(.nav.expanded) .header-join{display:flex;order:6;width:100%;justify-content:center;background:linear-gradient(115deg,#ffe7a3,#d6a94f);color:#06211b;min-height:46px;font-weight:600}
 .nav.expanded{padding-top:10px;border-top:1px solid #668d7b44;gap:4px}
 .nav.expanded a{border-radius:10px;padding:12px 14px}
 .nav.expanded a.active{background:#0a493d;color:#ffe7a3}
}
@media(prefers-reduced-motion:reduce){.scenario-image img,.scenario:hover .scenario-image img{transform:none;transition:none}}
body{font-family:'Segoe UI',Arial,sans-serif}
.hero h1,.page-head h1,.section h2{font-weight:500;letter-spacing:-.045em}
.lead{line-height:1.65}
#site .header{border-color:#d6a94f44}
#site .glass,#site main .section.light .glass{border-color:#668d7b50}
#site .glass:before{opacity:.45}
#site .card:hover{border-color:#d6a94f88}
#site .float-card{border-color:#d6a94f66}
#site .telegram-card{border-color:#668d7b66}
#site .brand img{filter:none}
.btn{letter-spacing:0;min-height:52px}
/* Clearer invitation flow and contact hierarchy. */
#start .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#start .steps article{flex-direction:column;gap:22px;padding:30px;background:linear-gradient(140deg,#07524480,#031b17c9)}
#start .steps h3{font-size:23px;line-height:1.3}
#start .steps article:before{width:48px;min-width:48px}
#start .actions{margin-top:30px}
#start .actions .btn:first-child{background:linear-gradient(115deg,#ffe7a3,#d6a94f);color:#06211b;border-color:#f1ce76}
#start .notice{margin-top:24px;border-color:#668d7b44;background:#04251f55}
#faq .accordion{max-width:900px}
#faq .accordion details{border-color:#668d7b55}
#faq .accordion summary{padding-right:18px;font-weight:500}
#faq .accordion details p{color:#b8ccc4}
.btn:active{transform:translateY(1px)}
@keyframes fox-mobile-aurora{
  0%{transform:translate3d(-4%,-3%,0) scale(1.03)}
  50%{transform:translate3d(5%,2%,0) scale(1.1)}
  100%{transform:translate3d(-2%,5%,0) scale(1.06)}
}
@media(max-width:800px){
  body::before{inset:-20%;background:radial-gradient(ellipse at 85% 18%,#0d8b706b,transparent 44%),radial-gradient(ellipse at 8% 76%,#d6a94f28,transparent 40%),radial-gradient(ellipse at 45% 46%,#08766d42,transparent 48%),#020b09;animation:fox-mobile-aurora 16s ease-in-out infinite alternate;will-change:transform}
  #start .steps{grid-template-columns:1fr;gap:14px}
  #start .steps article{flex-direction:row;padding:23px;gap:18px}
  #start .steps h3{font-size:20px;margin-top:0}
  #start .actions{display:grid;grid-template-columns:1fr;gap:11px}
  #start .actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){body::before{animation:none;will-change:auto}}
/* Mobile ambient light: move separate highlights without blurring content. */
@keyframes fox-mobile-light{
  0%{transform:translate3d(-6%,-4%,0) rotate(-6deg);opacity:.4}
  50%{transform:translate3d(7%,5%,0) rotate(5deg);opacity:.7}
  100%{transform:translate3d(-3%,8%,0) rotate(-2deg);opacity:.45}
}
@media(max-width:800px){
 body::before{animation-duration:12s}
 body::after{inset:-15%;background:radial-gradient(ellipse at 15% 30%,#18a99a38,transparent 42%),radial-gradient(ellipse at 85% 72%,#f1ce7624,transparent 38%),linear-gradient(120deg,transparent 30%,#18a99a10 50%,transparent 70%);background-size:100% 100%;animation:fox-mobile-light 10s ease-in-out infinite alternate;will-change:transform,opacity}
}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none;will-change:auto}}
@media(max-width:800px){
  .hero{padding:32px 0 45px;gap:18px}
  .hero .eyebrow{font-size:11px;letter-spacing:2.2px;margin-bottom:18px}
  .hero h1{font-size:clamp(36px,9.6vw,54px);line-height:1.08;margin-bottom:20px}
  .hero .lead{font-size:16px;line-height:1.55;margin:0}
  .hero .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
  .hero .actions .btn{width:100%;padding:12px 16px}
  .hero-foot{margin-top:24px;padding-top:15px;gap:18px}
  .hero-foot strong{font-size:14px}
  .hero-foot{font-size:12px}
  .hero .stage{padding-top:10px}
}