@font-face{font-family:v;src:url('/assets/7703f2881b70a7ca.woff2')}@font-face{font-family:v;src:url('/assets/5dd9f75c9d29f37b.woff2');font-weight:700 900}*{box-sizing:border-box}body{margin:0;background:#f1f8f4;color:#163e34;font:14px/1.9 v,Tahoma,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:calc(100% - 112px);max-width:1270px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2459441c}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:43px;height:43px}.brand-name{font-size:25px;font-weight:900;line-height:1.4}.brand-en{font:9px/1.9 Arial;letter-spacing:2.7px;color:#759186}nav{display:flex;gap:35px;font-size:12px;color:#59786c}.contact{border:1px solid #aac4b7;border-radius:7px;padding:9px 19px;font-size:12px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:40px;align-items:center;min-height:620px;padding:45px 0}.eyebrow{font-size:11px;color:#527c69;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:1px;background:#608f77}h1{font-size:clamp(43px,4.8vw,68px);line-height:1.65;letter-spacing:-2px;margin:23px 0 20px;font-weight:900}h1 span{color:#258365}p{max-width:440px;font-size:14px;color:#668174;line-height:2.3;margin:0}.actions{display:flex;gap:27px;align-items:center;margin-top:33px}.primary{display:inline-flex;align-items:center;gap:28px;background:#19664f;color:white;padding:13px 22px;border-radius:7px;font-size:12px;transition:background .2s}.primary:hover{background:#114c3b}.secondary{font-size:12px;color:#3c6554}.art{position:relative;min-height:470px;display:grid;place-items:center}.art svg{width:100%;max-width:510px;overflow:visible}.caption{position:absolute;bottom:12px;left:35px;right:35px;display:flex;align-items:center;gap:13px;direction:ltr;font:9px Arial;letter-spacing:2px;color:#7d9a8b}.caption:before{content:'';height:1px;width:35px;background:#adc8b8}.principles{border-top:1px solid #2459441c;border-bottom:1px solid #2459441c;display:flex;justify-content:space-between;padding:26px 0;gap:20px}.principle{display:flex;align-items:center;gap:13px}.icon{width:35px;height:35px;border:1px solid #bfd3c7;border-radius:9px;display:grid;place-items:center;color:#3b8062;font-size:17px}.principle b{display:block;font-size:12px;font-weight:700}.principle small{display:block;font-size:10px;color:#7b9385;margin-top:2px}.bottom{display:flex;justify-content:space-between;padding:25px 0;font-size:10px;color:#7f9689}.bottom span:last-child{font:9px Arial;letter-spacing:1.8px}.tag{position:fixed;bottom:16px;left:20px;border:1px solid #d6e3d9;background:#ffffffdf;color:#658474;padding:6px 13px;border-radius:5px;font-size:10px}.note{display:none;margin:18px 0 0;color:#326b53;font-size:12px}.note:target{display:block}a:focus-visible{outline:3px solid #6d9f88;outline-offset:5px}@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.hero{gap:10px;min-height:580px}h1{font-size:48px}.art{min-height:400px}.principles{gap:10px}.principle small{font-size:9px}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}header{height:85px}.brand-name{font-size:22px}.brand svg{width:35px}nav{display:none}.contact{font-size:10px;padding:7px 12px}.hero{grid-template-columns:1fr;padding:42px 0 20px;gap:0}.eyebrow{font-size:10px}h1{font-size:44px;margin:18px 0;line-height:1.6}p{font-size:12px}.actions{gap:23px;margin-top:25px}.primary,.secondary{font-size:11px}.art{min-height:330px;max-width:360px;width:100%;margin:12px auto 0}.art svg{max-height:330px}.caption{bottom:0;font-size:7px;left:15px}.principles{flex-wrap:wrap;padding:23px 0;gap:22px}.principle{flex-basis:45%;gap:9px}.principle:last-child{flex-basis:100%}.principle b{font-size:11px}.bottom{font-size:9px}.bottom span:last-child{font-size:7px;letter-spacing:1px}.tag{font-size:9px;bottom:10px}}

.programs{padding:70px 0 85px}.program-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.program-head h2{font-size:30px;margin:8px 0 0;letter-spacing:-.7px}.program-head p{font-size:12px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{font:inherit;text-align:right;color:#163e34;background:#fff;border:1px solid #dce7df;border-radius:10px;padding:25px;cursor:pointer;transition:transform .2s,border-color .2s;position:relative}.app-card:hover{transform:translateY(-4px);border-color:#77a68c}.app-card img{width:48px;height:48px;border-radius:13px}.app-card h3{font-size:19px;margin:17px 0 5px}.app-card p{font-size:12px;min-height:56px;line-height:2}.card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ec;margin-top:22px;padding-top:14px;font-size:10px;color:#43785c}.app-state{position:absolute;left:22px;top:31px;font-size:9px;color:#789180}.app-modal{border:1px solid #d4e2d8;border-radius:15px;background:#f6faf7;color:#163e34;width:880px;max-width:calc(100% - 30px);padding:30px;max-height:88vh;overflow:auto}.app-modal::backdrop{background:#193a2d66;backdrop-filter:blur(6px)}.modal-close{font:inherit;float:left;border:1px solid #cadbd0;background:white;color:#265d44;border-radius:6px;cursor:pointer;padding:3px 13px}.modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;clear:both;padding-top:20px}.modal-layout h2{font-size:29px;margin:15px 0}.modal-layout p{font-size:13px;margin-bottom:24px}.modal-shots{display:flex;gap:12px;overflow:auto;max-height:430px;direction:ltr;background:#e8f1ea;padding:20px;border-radius:10px}.modal-shots img{width:165px;object-fit:contain;object-position:top;border-radius:12px;align-self:start}.modal-icon{width:55px;border-radius:14px}.program-foot{font-size:10px!important;margin-top:22px}.app-modal:focus{outline:none}@media(max-width:900px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.programs{padding:45px 0}.program-head{display:block}.program-head h2{font-size:25px;margin-bottom:10px}.app-grid{gap:10px}.app-card{padding:17px 13px}.app-card h3{font-size:17px}.app-card p{font-size:10px;min-height:60px}.app-state{position:static;display:block;font-size:8px;margin-top:9px}.card-link{font-size:9px;margin-top:14px}.modal-layout{grid-template-columns:1fr}.app-modal{padding:20px}.modal-shots{max-height:330px}.modal-shots img{width:145px}.program-head p{font-size:11px}}
.studio{padding:68px 0 80px;border-top:1px solid #2459441c;display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.studio h2{font-size:31px;line-height:1.8;margin:15px 0 21px;letter-spacing:-.7px}.studio-intro p{font-size:13px;line-height:2.4;max-width:445px}.studio-principle{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid #2459441c}.studio-principle:first-child{padding-top:6px}.studio-num{font:11px/2.4 monospace;color:#7a9d88;direction:ltr}.studio-principle h3{font-size:15px;margin:0 0 7px}.studio-principle p{font-size:11px;line-height:2.2}.studio-sign{font:9px Arial;letter-spacing:2px;color:#7d9a88;margin-top:28px;direction:ltr;text-align:right}@media(max-width:900px){.studio{gap:40px}}@media(max-width:620px){.studio{grid-template-columns:1fr;gap:26px;padding:42px 0 50px}.studio h2{font-size:26px}.studio-intro p{font-size:12px}.studio-principle{padding:20px 0}}.contact-section{border-top:1px solid #2459441c;padding:46px 0;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-section h2{font-size:27px;margin:10px 0}.contact-section p{font-size:12px}.contact-actions{display:flex;gap:24px;align-items:center;flex-shrink:0}.site-footer{border-top:1px solid #2459441c;padding:30px 0 10px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand{font-size:20px;font-weight:700}.footer-brand span{color:#398262;margin-left:8px}.footer-links{display:flex;gap:25px;font-size:11px;color:#668174}.bottom{padding-bottom:50px}@media(max-width:620px){.contact-section{display:block;padding:35px 0}.contact-section h2{font-size:24px}.contact-actions{margin-top:25px;gap:20px}.site-footer{align-items:start}.footer-links{flex-direction:column;gap:10px}.footer-brand{font-size:18px}}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:#19664f;color:white;padding:10px 20px}.skip-link:focus{top:12px}button:focus-visible{outline:3px solid #6d9f88;outline-offset:4px}html{scroll-padding-top:25px}.app-card{min-width:0}@media(max-width:620px){header{position:relative;gap:12px}.menu-toggle{display:block;margin-right:auto;width:44px;height:44px;background:transparent;border:1px solid #b8ccbf;border-radius:7px;color:#19664f;font-size:22px;cursor:pointer}header>.contact{display:none}header nav.open{display:flex;position:absolute;top:76px;right:0;left:0;z-index:20;background:#fff;border:1px solid #d2e1d7;border-radius:9px;box-shadow:0 12px 30px #193a2d12;flex-direction:column;gap:0;padding:8px}header nav.open a{padding:12px;min-height:44px}.secondary,.footer-links a{display:inline-flex;align-items:center;min-height:44px}.modal-close{min-height:44px;min-width:65px}.primary{min-height:44px}}@media(max-width:350px){.app-grid{grid-template-columns:1fr}h1{font-size:38px}.contact-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.games-hero{display:grid;grid-template-columns:1.18fr .82fr;gap:36px;align-items:center;padding:52px 0 40px}
.games-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px}
.games-hero-art:before{content:'';position:absolute;width:292px;height:292px;border:1px solid #b9d3c1;border-radius:50%}
.games-hero-art:after{content:'';position:absolute;width:212px;height:212px;border:1px dashed #b9d3c1;border-radius:50%}
.games-hero-art img{position:relative;width:132px;height:132px;border-radius:30px;border:1px solid #2a5643;box-shadow:0 26px 54px -22px #0b211c80}
.games-band .game-soon{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:20px 26px;text-align:right}
.games-band .game-soon b{font-size:12.5px;color:#43785c;font-weight:700}
.games-band .game-soon small{max-width:none}
@media(max-width:900px){
  .games-hero{grid-template-columns:1fr;gap:8px;padding:34px 0 26px}
  .games-hero-art{min-height:190px;order:2}
  .games-hero-art:before{width:190px;height:190px}
  .games-hero-art:after{width:140px;height:140px}
  .games-hero-art img{width:92px;height:92px;border-radius:22px}
  .games-band .game-soon{flex-direction:column;gap:4px;text-align:center;padding:20px}
}
.breadcrumb{display:flex;gap:13px;padding:24px 0;font-size:10px;color:#789180}
.breadcrumb a{color:#3a6f54}

/* ── بازی‌ها ── */
.games-hero{padding:64px 0 30px}
.games-hero h1{font-size:46px;line-height:1.45;margin:14px 0 0;letter-spacing:-1.4px}
.games-hero h1 span{color:#277453}
.games-hero p{font-size:13.5px;color:#527c69;max-width:56ch;margin:16px 0 0;line-height:2.1}
.games-band{padding:26px 0 76px}
.games-band .app-grid{grid-template-columns:repeat(2,1fr);gap:18px}
.game-card.is-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:30px 30px 30px 26px}
.feature-shot{position:relative;border-radius:12px;overflow:hidden;border:1px solid #2b5a46;background:#08150f;box-shadow:0 30px 60px -38px #000}
.feature-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.game-card.is-featured .game-link{margin-top:22px}
.game-soon{grid-column:1/-1;min-height:0;flex-direction:row;gap:16px;padding:20px 24px;text-align:right;justify-content:flex-start}
.game-soon b{font-size:12.5px;color:#43785c}
.game-soon small{max-width:none}
@media(max-width:900px){
  .games-band .app-grid{grid-template-columns:1fr}
  .game-card.is-featured{grid-template-columns:1fr;gap:22px;padding:22px}
  .game-soon{flex-direction:column;gap:6px;text-align:center}
}
.game-card{
  display:block;position:relative;overflow:hidden;text-decoration:none;color:#e8f1ea;
  border-radius:14px;border:1px solid #23503f;
  background:radial-gradient(720px 320px at 84% -10%,#1d4438 0%,transparent 62%),linear-gradient(158deg,#0d271f 0%,#081813 60%,#050f0c 100%);
  padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;
}
.game-card:hover{transform:translateY(-4px);border-color:#5c9078;box-shadow:0 24px 48px -30px #0b211c}
.game-card:before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(2.4px 2.4px at 10% 24%,#e9e3a6cc,transparent 60%),
    radial-gradient(1.8px 1.8px at 34% 70%,#d7e8a8aa,transparent 60%),
    radial-gradient(2.2px 2.2px at 68% 16%,#f3ecc0bb,transparent 60%),
    radial-gradient(1.7px 1.7px at 88% 62%,#d7e8a899,transparent 60%);
}
.game-head{display:flex;gap:15px;align-items:center;position:relative}
.game-head img{width:74px;height:74px;border-radius:15px;border:1px solid #3a7259;flex:none}
.game-head h3{margin:0 0 3px;font-size:20px;color:#f4faf5;letter-spacing:-.3px}
.game-head small{font-size:10px;color:#86b79c;letter-spacing:1.2px}
.game-state{
  display:inline-flex;align-items:center;gap:5px;font-size:9.5px;color:#bfe0cb;
  border:1px solid #3b6d55;background:#143328;border-radius:999px;padding:5px 10px;margin-bottom:9px;
}
.game-state i{width:5px;height:5px;border-radius:50%;background:#8fd6a3;box-shadow:0 0 6px #8fd6a3}
.game-card p{font-size:12px;color:#9dbdab;margin:14px 0 0;line-height:1.95}
.game-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px;position:relative}
.game-tags span{font-size:10px;color:#a9c9b6;border:1px solid #27503f;background:#0e2620;border-radius:6px;padding:4px 9px}
.game-link{
  display:flex;align-items:center;justify-content:space-between;position:relative;
  border-top:1px solid #1e4234;margin-top:18px;padding-top:13px;font-size:10.5px;color:#8fb8a1;
}
.game-link b{color:#e4efc9;font-weight:700}
.game-soon{border-style:dashed;background:#f6faf7;color:#527c69;border-color:#afcbb9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;min-height:260px}
.game-soon:hover{border-color:#77a68c;box-shadow:none;transform:none}
.game-soon strong{font-size:13px;color:#43785c}
.game-soon small{font-size:10.5px;color:#8aa79a;max-width:26ch;line-height:1.9}
@media(max-width:900px){.games-hero h1{font-size:32px}.games-hero{padding:40px 0 20px}}
